{children}
\n)\n\nModalHeader.propTypes = {\n /** Additional className for restyling purposes */\n className: PropTypes.string\n}\n\nexport default injectSheet(styles)(ModalHeader)\n","export default {\n container: {\n borderRadius: '8px 8px 0 0',\n padding: '24px 20px',\n color: 'var(--gray-)',\n fontSize: '18px',\n lineHeight: '18px',\n backgroundColor: 'var(--light-gray--)'\n }\n}\n","import THEME from 'pobble-components/dist/theme'\n\nconst { BREAKPOINTS } = THEME\n\nexport default {\n legacy: {\n minWidth: '600px',\n padding: '20px',\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n minWidth: 'auto',\n width: 'calc(100vw - 20px)'\n }\n },\n content: {\n maxWidth: '600px',\n padding: '20px',\n width: 'calc(100vw - 20px)'\n }\n}\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './modal-content.styles'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\n/**\n * Please try to refactor component with legacy prop every time you encounter one\n * the only change is in the css, check the modal-content.styles.js\n */\n\nconst ModalContent = ({ classes, children, className, legacy }) => (\n {children}
\n \n)\n\nModalFooter.propTypes = {\n /** Align content to the right */\n alignRight: PropTypes.bool,\n /** Creates a small gap between children, useful when rendering several buttons */\n childrenGap: PropTypes.bool,\n /** Additional className for restyling purposes */\n className: PropTypes.string\n}\n\nexport default injectSheet(styles)(ModalFooter)\n","export default {\n container: {\n borderRadius: '0 0 8px 8px',\n padding: '20px',\n color: 'var(--gray-)',\n backgroundColor: 'var(--light-gray--)'\n },\n holder: {\n display: 'flex',\n flexDirection: 'row'\n },\n alignRight: {\n '& $holder': {\n justifyContent: 'flex-end'\n }\n },\n childrenGap: {\n '& $holder': {\n margin: '0 -5px',\n '& > *': {\n marginLeft: '5px',\n marginRight: '5px'\n }\n }\n }\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n var ReactIs = require('react-is');\n\n // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}\n","const hexToRgbA = (hex, alpha = 1) => {\n var c\n if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {\n c = hex.substring(1).split('')\n if (c.length == 3) {\n c = [c[0], c[0], c[1], c[1], c[2], c[2]]\n }\n c = '0x' + c.join('')\n return (\n 'rgba(' +\n [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') +\n ',' +\n alpha +\n ')'\n )\n }\n throw new Error('Bad Hex')\n}\n\nexport { hexToRgbA }\n","import { hexToRgbA } from './helpers'\n\nclass PobbleColor {\n constructor(color) {\n this.NORMAL = hexToRgbA(color)\n this.FADED = hexToRgbA(color, 0.8)\n this.EXTRA_FADED = hexToRgbA(color, 0.5)\n }\n}\n\nclass PobbleFontSize {\n constructor(fontSize, lineHeight) {\n this.FONT_SIZE = fontSize + 'px'\n this.LINE_HEIGHT = lineHeight + 'px'\n this.COMBINATION = `${this.FONT_SIZE}/${this.LINE_HEIGHT}`\n this.STYLE = {\n fontSize: this.FONT_SIZE,\n lineHeight: this.LINE_HEIGHT\n }\n }\n}\n\nexport default {\n COLORS: {\n BLUE: new PobbleColor('#00AFEC'),\n GREEN: new PobbleColor('#A0BE17'),\n DARK_BLUE: new PobbleColor('#25408F'),\n RED: new PobbleColor('#E94D23'),\n PURPLE: new PobbleColor('#815FA5'),\n YELLOW: new PobbleColor('#FEE433'),\n ALERT: {\n SUCCESS: new PobbleColor('#6F9914'),\n INFO: new PobbleColor('#00AFEC'),\n WARNING: new PobbleColor('#EB9B00'),\n ERROR: new PobbleColor('#DB3816')\n },\n SUPPORTING: {\n YEAR0: new PobbleColor('#bfaf64'),\n YEAR1: new PobbleColor('#add848'),\n YEAR2: new PobbleColor('#59d025'),\n YEAR3: new PobbleColor('#1ccebb'),\n YEAR4: new PobbleColor('#40abe8'),\n YEAR5: new PobbleColor('#1200ff'),\n YEAR6: new PobbleColor('#b035d3'),\n YEAR7: new PobbleColor('#d33565'),\n YEAR8: new PobbleColor('#ea0000'),\n YEAR9: new PobbleColor('#ff7e00'),\n YEAR10: new PobbleColor('#ffc000'),\n YEAR11: new PobbleColor('#8c7e34'),\n YEAR12: new PobbleColor('#3a2f0e'),\n YEAR13: new PobbleColor('#a2a093'),\n YEAR14: new PobbleColor('#44cba3')\n },\n TEXT: {\n OFF_BLACK: new PobbleColor('#333333'),\n DARK_GREY: new PobbleColor('#555555'),\n MID_GREY: new PobbleColor('#777777'),\n LIGHT_GREY: new PobbleColor('#999999')\n },\n BORDERS: {\n PRIMARY: new PobbleColor('#ECECEC')\n }\n },\n FONTS: {\n MAIN: '\"proxima-nova-alt\", Helvetica, Arial, sans-serif'\n },\n FONT_SIZES: {\n BODY_SMALL: new PobbleFontSize(12, 15),\n BODY_DEFAULT: new PobbleFontSize(14, 17),\n BODY_LARGE: new PobbleFontSize(16, 20),\n HEADING_NANO: new PobbleFontSize(10, 12),\n HEADING_TINY: new PobbleFontSize(12, 15),\n HEADING_SMALL: new PobbleFontSize(14, 17),\n HEADING_DEFAULT: new PobbleFontSize(16, 20),\n HEADING_MEDIUM: new PobbleFontSize(18, 22),\n HEADING_BIG: new PobbleFontSize(22, 26),\n HEADING_LARGE: new PobbleFontSize(26, 30),\n HEADING_EXTRA_LARGE: new PobbleFontSize(34, 38)\n },\n ICONS_SIZES: {\n SMALL: '14px',\n MEDIUM: '16px',\n LARGE: '20px'\n },\n BREAKPOINTS: {\n XL: '1600px',\n LG: '1199px',\n MD: '991px',\n SM: '768px',\n XS: '575px'\n }\n}\n","import { toast } from 'pobble-components/dist/toast'\nimport { getErrorInfo } from 'pobble-components/dist/utils'\nimport { redirectToAuth, unsetToken } from 'pobble-components/dist/auth-helpers'\nimport { JWT_EXPIRED } from 'pobble-components/dist/cookies'\n\nconst handler = e => {\n const ref = getErrorInfo(e).ref\n\n const errorsMap = {\n e0044: `Please use PNG or JPEG format for the images`,\n e0045: `File is too large, please select a file less than 10mb`,\n e0048: `File is too large, please select a file less than 22mb`,\n e0049: `File is too large, please select a file less than 56mb`,\n e0051: `File is too large, please select a smaller file`,\n def: `\n Oops, something went wrong.\n If this continues to happen\n please contact hello@pobble.com.\n Ref: ${ref || 'unknown'}\n `\n }\n\n if (e.response && e.response.status === 401) {\n JWT_EXPIRED.set(true)\n unsetToken()\n redirectToAuth({ redirectBack: true })\n } else {\n toast.error(errorsMap[ref] || errorsMap.def, {\n autoClose: 6000\n })\n }\n}\n\nexport default handler\n","import React from 'react';\nexport var ReactReduxContext =\n/*#__PURE__*/\nReact.createContext(null);\n\nif (process.env.NODE_ENV !== 'production') {\n ReactReduxContext.displayName = 'ReactRedux';\n}\n\nexport default ReactReduxContext;","// Default to a dummy \"batch\" implementation that just runs the callback\nfunction defaultNoopBatch(callback) {\n callback();\n}\n\nvar batch = defaultNoopBatch; // Allow injecting another batching function later\n\nexport var setBatch = function setBatch(newBatch) {\n return batch = newBatch;\n}; // Supply a getter just to skip dealing with ESM bindings\n\nexport var getBatch = function getBatch() {\n return batch;\n};","import { getBatch } from './batch'; // encapsulates the subscription logic for connecting a component to the redux store, as\n// well as nesting subscriptions of descendant components, so that we can ensure the\n// ancestor components re-render before descendants\n\nvar nullListeners = {\n notify: function notify() {}\n};\n\nfunction createListenerCollection() {\n var batch = getBatch();\n var first = null;\n var last = null;\n return {\n clear: function clear() {\n first = null;\n last = null;\n },\n notify: function notify() {\n batch(function () {\n var listener = first;\n\n while (listener) {\n listener.callback();\n listener = listener.next;\n }\n });\n },\n get: function get() {\n var listeners = [];\n var listener = first;\n\n while (listener) {\n listeners.push(listener);\n listener = listener.next;\n }\n\n return listeners;\n },\n subscribe: function subscribe(callback) {\n var isSubscribed = true;\n var listener = last = {\n callback: callback,\n next: null,\n prev: last\n };\n\n if (listener.prev) {\n listener.prev.next = listener;\n } else {\n first = listener;\n }\n\n return function unsubscribe() {\n if (!isSubscribed || first === null) return;\n isSubscribed = false;\n\n if (listener.next) {\n listener.next.prev = listener.prev;\n } else {\n last = listener.prev;\n }\n\n if (listener.prev) {\n listener.prev.next = listener.next;\n } else {\n first = listener.next;\n }\n };\n }\n };\n}\n\nvar Subscription =\n/*#__PURE__*/\nfunction () {\n function Subscription(store, parentSub) {\n this.store = store;\n this.parentSub = parentSub;\n this.unsubscribe = null;\n this.listeners = nullListeners;\n this.handleChangeWrapper = this.handleChangeWrapper.bind(this);\n }\n\n var _proto = Subscription.prototype;\n\n _proto.addNestedSub = function addNestedSub(listener) {\n this.trySubscribe();\n return this.listeners.subscribe(listener);\n };\n\n _proto.notifyNestedSubs = function notifyNestedSubs() {\n this.listeners.notify();\n };\n\n _proto.handleChangeWrapper = function handleChangeWrapper() {\n if (this.onStateChange) {\n this.onStateChange();\n }\n };\n\n _proto.isSubscribed = function isSubscribed() {\n return Boolean(this.unsubscribe);\n };\n\n _proto.trySubscribe = function trySubscribe() {\n if (!this.unsubscribe) {\n this.unsubscribe = this.parentSub ? this.parentSub.addNestedSub(this.handleChangeWrapper) : this.store.subscribe(this.handleChangeWrapper);\n this.listeners = createListenerCollection();\n }\n };\n\n _proto.tryUnsubscribe = function tryUnsubscribe() {\n if (this.unsubscribe) {\n this.unsubscribe();\n this.unsubscribe = null;\n this.listeners.clear();\n this.listeners = nullListeners;\n }\n };\n\n return Subscription;\n}();\n\nexport { Subscription as default };","import React, { useMemo, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { ReactReduxContext } from './Context';\nimport Subscription from '../utils/Subscription';\n\nfunction Provider(_ref) {\n var store = _ref.store,\n context = _ref.context,\n children = _ref.children;\n var contextValue = useMemo(function () {\n var subscription = new Subscription(store);\n subscription.onStateChange = subscription.notifyNestedSubs;\n return {\n store: store,\n subscription: subscription\n };\n }, [store]);\n var previousState = useMemo(function () {\n return store.getState();\n }, [store]);\n useEffect(function () {\n var subscription = contextValue.subscription;\n subscription.trySubscribe();\n\n if (previousState !== store.getState()) {\n subscription.notifyNestedSubs();\n }\n\n return function () {\n subscription.tryUnsubscribe();\n subscription.onStateChange = null;\n };\n }, [contextValue, previousState]);\n var Context = context || ReactReduxContext;\n return React.createElement(Context.Provider, {\n value: contextValue\n }, children);\n}\n\nif (process.env.NODE_ENV !== 'production') {\n Provider.propTypes = {\n store: PropTypes.shape({\n subscribe: PropTypes.func.isRequired,\n dispatch: PropTypes.func.isRequired,\n getState: PropTypes.func.isRequired\n }),\n context: PropTypes.object,\n children: PropTypes.any\n };\n}\n\nexport default Provider;","import { useEffect, useLayoutEffect } from 'react'; // React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser. We need useLayoutEffect to ensure the store\n// subscription callback always has the selector from the latest render commit\n// available, otherwise a store update may happen between render and the effect,\n// which may cause missed updates; we also must ensure the store subscription\n// is created synchronously, otherwise a store update may occur before the\n// subscription is created and an inconsistent state may be observed\n\nexport var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? useLayoutEffect : useEffect;","import { useContext } from 'react';\nimport { ReactReduxContext } from '../components/Context';\n/**\r\n * A hook to access the value of the `ReactReduxContext`. This is a low-level\r\n * hook that you should usually not need to call directly.\r\n *\r\n * @returns {any} the value of the `ReactReduxContext`\r\n *\r\n * @example\r\n *\r\n * import React from 'react'\r\n * import { useReduxContext } from 'react-redux'\r\n *\r\n * export const CounterComponent = ({ value }) => {\r\n * const { store } = useReduxContext()\r\n * return {store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore =\n/*#__PURE__*/\ncreateStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch =\n/*#__PURE__*/\ncreateDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n selectedState = selector(storeState);\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var newSelectedState = latestSelector.current(store.getState());\n\n if (equalityFn(newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = newSelectedState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector =\n/*#__PURE__*/\ncreateSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","import createNamedContext from \"./createNameContext\";\n\nconst historyContext = /*#__PURE__*/ createNamedContext(\"Router-History\");\nexport default historyContext;\n","// TODO: Replace with React.createContext once we can assume React 16+\nimport createContext from \"mini-create-react-context\";\n\nconst createNamedContext = name => {\n const context = createContext();\n context.displayName = name;\n\n return context;\n};\n\nexport default createNamedContext;\n","// TODO: Replace with React.createContext once we can assume React 16+\nimport createContext from \"mini-create-react-context\";\n\nconst createNamedContext = name => {\n const context = createContext();\n context.displayName = name;\n\n return context;\n};\n\nconst context = /*#__PURE__*/ createNamedContext(\"Router\");\nexport default context;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport warning from \"tiny-warning\";\n\nimport HistoryContext from \"./HistoryContext.js\";\nimport RouterContext from \"./RouterContext.js\";\n\n/**\n * The public API for putting history on context.\n */\nclass Router extends React.Component {\n static computeRootMatch(pathname) {\n return { path: \"/\", url: \"/\", params: {}, isExact: pathname === \"/\" };\n }\n\n constructor(props) {\n super(props);\n\n this.state = {\n location: props.history.location\n };\n\n // This is a bit of a hack. We have to start listening for location\n // changes here in the constructor in case there are any \n \n {children}\n \n
\n)\n\nTable.propTypes = {\n /** Table content */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node\n ]),\n /** Additional className for restyling purposes */\n className: PropTypes.string\n}\n\nexport default injectSheet(styles)(Table)\n","export default {\n wrapper: {\n position: 'relative',\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n top: '0',\n width: '100%',\n height: '100%',\n background: 'rgba(255, 255, 255, 0.7)',\n display: 'none'\n }\n },\n pending: {\n '&:after': {\n animation: 'fadeIn 0.3s',\n display: 'block'\n }\n },\n container: {\n width: '100%',\n fontSize: '16px',\n lineHeight: '20px',\n '& tbody tr:first-child td': {\n borderTop: '1px solid #ECECEC'\n }\n },\n '@keyframes fadeIn': {\n from: { opacity: 0 },\n to: { opacity: 1 }\n }\n}\n","import React from 'react'\nimport styles from './table-row.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nconst TableRow = ({ classes, className, pending, children }) => (\n \n You need to be a part of\n
a school to access this\n
\n \n If you haven't already done so,\n
\n please request access to a school\n
\n from your profile page.\n
\n \n
\n)\n\nSpinner.propTypes = {\n /** Additional className to restyle component */\n className: PropTypes.string,\n /** Rewrite style of the component */\n style: PropTypes.object\n}\n\nexport default injectSheet(styles)(Spinner)\n","import React from 'react'\nimport styles from './loading-screen.styles'\nimport injectSheet from 'react-jss'\nimport Spinner from '../../../spinner'\n\nconst LoadingScreen = ({ classes }) => (\n \n
\n)\n\nexport default injectSheet(styles)(LoadingScreen)\n","import React, { Fragment } from 'react'\nimport styles from './unknown-error-screen.styles'\nimport injectSheet from 'react-jss'\nimport FullpageError from 'pobble-components/dist/full-page-error'\n\nconst UnauthorisedScreen = () => (\n \n If this continues to happen, please\n
\n contact hello@pobble.com.\n \n }\n />\n)\n\nexport default injectSheet(styles)(UnauthorisedScreen)\n","const styles = {\n img: {\n width: '200px',\n height: '200px',\n margin: '0 0 20px'\n },\n button: {\n paddingLeft: '40px',\n paddingRight: '40px'\n }\n}\n\nexport default styles\n","import { fullVHExceptHeader } from 'pobble-components/dist/jss-mixins'\n\nexport default ({ FONT_SIZES }) => ({\n container: {\n ...FONT_SIZES.BODY_LARGE.STYLE,\n textAlign: 'center',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n animation: '0.5s fadeIn',\n width: '100%',\n ...fullVHExceptHeader\n },\n holder: {\n maxWidth: '370px',\n width: '100vw',\n background: '#fff',\n padding: '40px',\n border: '1px solid #ececec',\n borderRadius: '10px'\n },\n '@keyframes fadeIn': {\n from: { opacity: 0 },\n to: { opacity: 1 }\n }\n})\n","import React from 'react'\nimport styles from './container.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\n\nconst Container = ({ classes, children, className }) => (\n
\n
\n)\n\nexport default injectSheet(styles)(Container)\n","export default ({ FONT_SIZES }) => ({\n title: {\n margin: '0 0 25px',\n ...FONT_SIZES.HEADING_BIG.STYLE\n }\n})\n","import React from 'react'\nimport styles from './title.styles'\nimport injectSheet from 'react-jss'\n\nconst Title = ({ classes, children }) => (\n {children}
\n {children}
\n)\n\nexport default injectSheet(styles)(Title)\n","import React from 'react'\nimport styles from './description.styles'\nimport injectSheet from 'react-jss'\n\nconst Description = ({ classes, children }) => (\n{children}
\n)\n\nexport default injectSheet(styles)(Description)\n","export default {\n container: {\n margin: '0 0 30px',\n '& a': {\n color: 'currentColor'\n },\n '& > p': {\n margin: '15px 0 0',\n '&:first-child': {\n margin: '0'\n }\n }\n }\n}\n","import React from 'react'\nimport Container from '../../components/container/container'\nimport Title from '../../components/title/title'\nimport Description from '../../components/description/description'\nimport Button from 'pobble-components/dist/button'\nimport { redirectToAuth } from 'pobble-components/dist/auth-helpers'\n\nconst FSUScreen = () => (\n \n We need a little more information to finish setting up your account.\n
\n\n please contact hello@pobble.com.\n \n }\n button={SignInButton}\n />\n)\n\nexport default injectSheet(styles)(NoRightsScreen)\n","export default {\n img: {\n width: '200px',\n height: '200px',\n margin: '0 0 20px'\n },\n button: {\n paddingLeft: '40px',\n paddingRight: '40px'\n }\n}\n","import React, { Fragment } from 'react'\nimport styles from './school-required-screen.styles'\nimport injectSheet from 'react-jss'\nimport Button from 'pobble-components/dist/button'\nimport FullpageError from 'pobble-components/dist/full-page-error'\nimport { URLS } from 'pobble-components/dist/setup'\n\nconst SchoolRequiredScreen = () => (\n
\n part of a school to access this feature\n \n }\n desc={\n
\n on your profile page\n
{children}
\n {ROLE_NOT_SELECTED && \n {AVATARS_MAP[avatarType] && AVATARS_MAP[avatarType](avatar, name)}\n
\n )\n}\n\nPobbleAvatar.propTypes = {\n /** Avatar object coming directly from BE, no need to map anything */\n avatar: PropTypes.object,\n /** The first letter of this property will serve as an initials fallback for avatar */\n name: PropTypes.string,\n /** Additional className if you want to restyle component or add some margins */\n className: PropTypes.string,\n /** Style object to change appearance of the avatar */\n style: PropTypes.object\n}\n\nexport default injectSheet(styles)(PobbleAvatar)\n","export default {\n container: {\n fontSize: '90px',\n width: '1em',\n height: '1em',\n borderRadius: '100%',\n backgroundColor: '#ccc'\n }\n}\n","import React from 'react'\nimport { withMe } from 'pobble-components/dist/pobble-user'\nimport { PobbleAvatar } from 'pobble-components/dist/pobble-avatar'\n\nconst MyAvatar = ({ me, ...props }) => (\n \n
\n )\n}\n\nexport default injectSheet(styles)(SubscriptionInspector)\n","import React, { useEffect, useState, useMemo, useContext } from 'react'\nimport injectSheet from 'react-jss'\nimport Button from 'pobble-components/dist/button'\nimport { URLS } from 'pobble-components/dist/setup'\nimport classNames from 'classnames'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheckCircle } from '@fortawesome/pro-solid-svg-icons/faCheckCircle'\nimport { apiClient } from 'pobble-components/dist/api'\nimport pupils from 'pobble-components/dist/subscriptions/pupils.gif'\nimport { SubscriptionContext } from 'pobble-components/dist/subscriptions'\n\nconst currencyMap = {\n AUD: 'A$',\n NZD: 'NZ$',\n USD: '$',\n GBP: '£'\n}\n\nconst UpgradeButton = ({ trigger }) => {\n return (\n {children}
\n\n
\n )\n}\n\nexport default injectSheet(styles)(SubscriptionRequired)\n","import React, { Fragment, useState, useContext } from 'react'\nimport {\n SubscriptionDueInvoiceDialog,\n SubscriptionRequiredDialog,\n SubscriptionContext\n} from 'pobble-components/dist/subscriptions'\nimport { withMe } from 'pobble-components/dist/pobble-user'\nimport Cookies from 'js-cookie'\nimport { COOKIE_SETTINGS } from 'pobble-components/dist/setup'\nimport { FIRST_SESSION } from 'pobble-components/dist/cookies'\n\nconst Dialogs = ({ me }) => {\n const { subsDialogState, setSubsDialogState } = useContext(\n SubscriptionContext\n )\n\n const dueInvoiceHasBeenClosedCookie = Cookies.get(\n 'SUBSCRIPTIONS:DUE_INVOICE_DIALOG_CLOSED'\n )\n const dueInvoiceHasBeenClosedTimes = !dueInvoiceHasBeenClosedCookie\n ? 0\n : parseInt(dueInvoiceHasBeenClosedCookie)\n const dueInvoiceBlocked = dueInvoiceHasBeenClosedTimes >= 3\n\n /**\n * Don't show due invoice modal on the first user session\n * to unblock normal onboarding and not overwhelm\n * user with tons of modals\n */\n const [dueInvoiceOpen, setDueInvoiceOpen] = useState(\n !FIRST_SESSION.get() &&\n me.account.individual_subscription.due_invoice &&\n window.location.href.indexOf('/membership') === -1 &&\n (!Cookies.get('SUBSCRIPTIONS:DUE_INVOICE_DIALOG_SEEN') ||\n dueInvoiceBlocked)\n )\n\n dueInvoiceOpen &&\n Cookies.set('SUBSCRIPTIONS:DUE_INVOICE_DIALOG_SEEN', true, {\n ...COOKIE_SETTINGS,\n expires: 1\n })\n\n return (\n \n 
\n
\n \n {subsDialogState.title\n ? subsDialogState.title\n : 'You need a Pobble subscription to do that'}\n
\nSubscription plans start from just {price}/month.
\n\n
\n \n With a Pobble subscription you can present all premium lessons and\n resource types, including:\n
\n- \n
\n You can also edit and share unlimited Pobble content through\n printing/pdf, creating a lesson link (for 3rd party applications) and\n through Pobble's pupil tools.\n
\n\n You'll also be able to access our exemplification materials for online\n writing moderation.\n
\n\n
\n \n
- \n
- \n Credit or debit card - click “Make my payment” and\n select “Payment methods” to add or update your card details.\n \n
- \n Bank transfer or cheque - follow the instructions on\n the invoice that was emailed to you to pay by bank transfer or cheque.\n \n
` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `\n {children}\n {required && *}\n \n)\n\nFormLabel.propTypes = {\n /** Justify content - space between */\n spaceBetween: PropTypes.bool,\n /** Puts margin to the left, removes all other margins */\n gapLeft: PropTypes.bool,\n /** Puts margin to the right, removes all other margins */\n gapRight: PropTypes.bool,\n /** Smaller version of compoennt */\n small: PropTypes.bool,\n /** Additional className if you want to restyle component */\n className: PropTypes.string\n}\n\nexport default injectSheet(styles)(FormLabel)\n","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nexport const mediaLoaderStyles = {\n img: {\n height: 'auto',\n background: '#fff',\n borderRadius: '8px',\n maxWidth: '724px',\n width: '100%'\n }\n}\n\nexport const mediaPageNavStyles = {\n container: {\n display: 'flex',\n alignItems: 'center',\n fontSize: '20px',\n color: '#fff',\n '& button': {\n cursor: 'pointer',\n color: '#fff',\n padding: '0',\n border: 'none',\n background: 'none',\n fontSize: '1.6em',\n '&:active': {\n color: COLORS.GREEN.NORMAL\n }\n },\n '& span': {\n fontSize: '0.8em',\n width: '3em',\n textAlign: 'center'\n }\n }\n}\n\nexport default {}\n","import React, { useState, useMemo } from 'react'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\nimport { mediaLoaderStyles, mediaPageNavStyles } from './media-loader.styles'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCaretCircleLeft } from '@fortawesome/pro-solid-svg-icons/faCaretCircleLeft'\nimport { faCaretCircleRight } from '@fortawesome/pro-solid-svg-icons/faCaretCircleRight'\n\nconst useMediaNav = media => {\n const [activeMediaIndex, setActiveMediaIndex] = useState(0)\n const activeMedia = useMemo(() => {\n if (!media) return null\n return media[activeMediaIndex] || null\n }, [media, activeMediaIndex])\n const showNextMedia = () => {\n if (media) {\n setActiveMediaIndex(\n activeMediaIndex === media.length - 1 ? 0 : activeMediaIndex + 1\n )\n }\n }\n const showPrevMedia = () => {\n if (media) {\n setActiveMediaIndex(\n activeMediaIndex === 0 ? media.length - 1 : activeMediaIndex - 1\n )\n }\n }\n const mediaLength = !media ? 0 : media.length\n return {\n activeMedia,\n activeMediaIndex,\n setActiveMediaIndex,\n showNextMedia,\n showPrevMedia,\n mediaLength\n }\n}\n\nconst MediaLoader = injectSheet(mediaLoaderStyles)(\n ({ classes, media, className, ...props }) => {\n return (\n \n \n {({ ref }) => (\n setOpened(true)}\n onMouseLeave={() => setOpened(false)}\n className={classNames(classes.button, className)}\n ref={ref}>\n {children}\n \n )}\n \n {!!content &&\n transition !== 'closed' &&\n ReactDOM.createPortal(\n \n {({ ref, style, placement, arrowProps }) => {\n return (\n \n
\n )\n }}\n ,\n document.body\n )}\n \n )\n}\n\nTooltip.propTypes = {\n /** Wrapped components will be shown as is */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node\n ]),\n /** Content to be shown in tooltip. If null no tooltip will be shown */\n content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /** Additional className for children wrapper to restyle */\n className: PropTypes.string,\n /** Show red tooltip */\n danger: PropTypes.bool\n}\n\nexport default injectSheet(styles)(Tooltip)\n","function defaultEqualityCheck(a, b) {\n return a === b;\n}\n\nfunction areArgumentsShallowlyEqual(equalityCheck, prev, next) {\n if (prev === null || next === null || prev.length !== next.length) {\n return false;\n }\n\n // Do this in a for loop (and not a `forEach` or an `every`) so we can determine equality as fast as possible.\n var length = prev.length;\n for (var i = 0; i < length; i++) {\n if (!equalityCheck(prev[i], next[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nexport function defaultMemoize(func) {\n var equalityCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultEqualityCheck;\n\n var lastArgs = null;\n var lastResult = null;\n // we reference arguments instead of spreading them for performance reasons\n return function () {\n if (!areArgumentsShallowlyEqual(equalityCheck, lastArgs, arguments)) {\n // apply arguments instead of spreading for performance.\n lastResult = func.apply(null, arguments);\n }\n\n lastArgs = arguments;\n return lastResult;\n };\n}\n\nfunction getDependencies(funcs) {\n var dependencies = Array.isArray(funcs[0]) ? funcs[0] : funcs;\n\n if (!dependencies.every(function (dep) {\n return typeof dep === 'function';\n })) {\n var dependencyTypes = dependencies.map(function (dep) {\n return typeof dep;\n }).join(', ');\n throw new Error('Selector creators expect all input-selectors to be functions, ' + ('instead received the following types: [' + dependencyTypes + ']'));\n }\n\n return dependencies;\n}\n\nexport function createSelectorCreator(memoize) {\n for (var _len = arguments.length, memoizeOptions = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n memoizeOptions[_key - 1] = arguments[_key];\n }\n\n return function () {\n for (var _len2 = arguments.length, funcs = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n funcs[_key2] = arguments[_key2];\n }\n\n var recomputations = 0;\n var resultFunc = funcs.pop();\n var dependencies = getDependencies(funcs);\n\n var memoizedResultFunc = memoize.apply(undefined, [function () {\n recomputations++;\n // apply arguments instead of spreading for performance.\n return resultFunc.apply(null, arguments);\n }].concat(memoizeOptions));\n\n // If a selector is called with the exact same arguments we don't need to traverse our dependencies again.\n var selector = memoize(function () {\n var params = [];\n var length = dependencies.length;\n\n for (var i = 0; i < length; i++) {\n // apply arguments instead of spreading and mutate a local list of params for performance.\n params.push(dependencies[i].apply(null, arguments));\n }\n\n // apply arguments instead of spreading for performance.\n return memoizedResultFunc.apply(null, params);\n });\n\n selector.resultFunc = resultFunc;\n selector.dependencies = dependencies;\n selector.recomputations = function () {\n return recomputations;\n };\n selector.resetRecomputations = function () {\n return recomputations = 0;\n };\n return selector;\n };\n}\n\nexport var createSelector = createSelectorCreator(defaultMemoize);\n\nexport function createStructuredSelector(selectors) {\n var selectorCreator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : createSelector;\n\n if (typeof selectors !== 'object') {\n throw new Error('createStructuredSelector expects first argument to be an object ' + ('where each property is a selector, instead received a ' + typeof selectors));\n }\n var objectKeys = Object.keys(selectors);\n return selectorCreator(objectKeys.map(function (key) {\n return selectors[key];\n }), function () {\n for (var _len3 = arguments.length, values = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n values[_key3] = arguments[_key3];\n }\n\n return values.reduce(function (composition, value, index) {\n composition[objectKeys[index]] = value;\n return composition;\n }, {});\n });\n}","function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nmodule.exports = _inheritsLoose;","import React from 'react'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faLock } from '@fortawesome/pro-solid-svg-icons/faLock'\nimport { faTimesCircle } from '@fortawesome/pro-solid-svg-icons/faTimesCircle'\nimport ValidationError from './validation-error/validation-error.jsx'\nimport { isIOS } from 'pobble-components/dist/utils'\nimport THEME from 'pobble-components/dist/theme'\nimport { hover } from 'pobble-components/dist/jss-mixins'\nimport ButtonElement from 'pobble-components/dist/button-element'\n\nconst { COLORS } = THEME\n\nconst styles = {\n holder: {\n position: 'relative',\n width: '100%'\n },\n big: {\n '& $formInput': {\n height: '50px',\n padding: '15px 20px',\n fontSize: '20px',\n lineHeight: '20px',\n '&:active': {\n fontSize: '20px'\n }\n },\n '& $validationError': {\n top: '18px',\n right: '14px'\n }\n },\n camo: {\n '& $formInput': {\n borderColor: 'transparent',\n color: COLORS.TEXT.DARK_GREY.NORMAL,\n ...hover({\n color: COLORS.TEXT.DARK_GREY.NORMAL\n })\n }\n },\n center: {\n '& $formInput': {\n paddingRight: '34px',\n paddingLeft: '34px',\n textAlign: 'center'\n }\n },\n disabled: {\n '& $formInput': {\n cursor: 'default',\n backgroundColor: '#F9F9F9',\n borderColor: '#ECECEC !important',\n paddingRight: '34px'\n }\n },\n clearable: {\n '& $formInput': {\n paddingRight: '34px'\n }\n },\n formInput: {\n fontSize: '16px',\n height: '40px',\n padding: '10px 15px',\n border: '1px solid #ddd',\n borderRadius: '4px',\n '-webkit-appearance': 'none',\n transition:\n 'border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out',\n width: '100%',\n color: '#999',\n '&:focus': {\n color: '#555',\n borderColor: COLORS.BLUE.NORMAL\n },\n '&:active': {\n fontSize: '16px'\n },\n ...hover({\n color: '#777',\n borderColor: COLORS.BLUE.NORMAL\n }),\n '&::placeholder': {\n color: '#BBBBBB'\n }\n },\n invalid: {\n '& $formInput': {\n backgroundColor: '#FEF7F6',\n borderColor: COLORS.RED.NORMAL,\n '&:focus': {\n borderColor: COLORS.RED.NORMAL\n },\n ...hover({\n borerColor: COLORS.RED.NORMAL\n })\n }\n },\n invalidWithMessage: {\n '& $formInput': {\n paddingRight: '34px'\n }\n },\n disabledIcon: {\n color: '#797979',\n position: 'absolute',\n right: '10px',\n top: '14px',\n pointerEvents: 'none',\n fontSize: '10px'\n },\n validationError: {\n animation: 'fadeIn .3s forwards',\n position: 'absolute',\n right: '10px',\n top: '13px'\n },\n clear: {\n position: 'absolute',\n right: '10px',\n top: '12px',\n fontSize: '16px',\n color: '#ccc'\n },\n '@keyframes fadeIn': {\n from: { opacity: 0 },\n to: { opacity: 1 }\n }\n}\n\nconst FormInput = ({\n classes,\n className,\n camo,\n center,\n validationError,\n big,\n inputRef,\n disabled,\n autoFocus,\n clearable,\n onClear,\n ...props\n}) => {\n return (\n ` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: _propTypes.default.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: _propTypes.default.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: _propTypes.default.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: _propTypes.default.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\n\nvar _default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup);\n\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.ACTION = exports.TYPE = exports.POSITION = void 0;\nvar POSITION = {\n TOP_LEFT: 'top-left',\n TOP_RIGHT: 'top-right',\n TOP_CENTER: 'top-center',\n BOTTOM_LEFT: 'bottom-left',\n BOTTOM_RIGHT: 'bottom-right',\n BOTTOM_CENTER: 'bottom-center'\n};\nexports.POSITION = POSITION;\nvar TYPE = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n DEFAULT: 'default'\n};\nexports.TYPE = TYPE;\nvar ACTION = {\n SHOW: 0,\n CLEAR: 1,\n DID_MOUNT: 2,\n WILL_UNMOUNT: 3,\n ON_CHANGE: 4\n};\nexports.ACTION = ACTION;","\"use strict\";\n\nexports.__esModule = true;\nexports.isValidDelay = isValidDelay;\nexports.objectValues = objectValues;\nexports.falseOrElement = exports.falseOrDelay = void 0;\n\nvar _react = require(\"react\");\n\nfunction isValidDelay(val) {\n return typeof val === 'number' && !isNaN(val) && val > 0;\n}\n\nfunction objectValues(obj) {\n return Object.keys(obj).map(function (key) {\n return obj[key];\n });\n}\n\nfunction withRequired(fn) {\n fn.isRequired = function (props, propName, componentName) {\n var prop = props[propName];\n\n if (typeof prop === 'undefined') {\n return new Error(\"The prop \" + propName + \" is marked as required in \\n \" + componentName + \", but its value is undefined.\");\n }\n\n fn(props, propName, componentName);\n };\n\n return fn;\n}\n\nvar falseOrDelay = withRequired(function (props, propName, componentName) {\n var prop = props[propName];\n\n if (prop !== false && !isValidDelay(prop)) {\n return new Error(componentName + \" expect \" + propName + \" \\n to be a valid Number > 0 or equal to false. \" + prop + \" given.\");\n }\n\n return null;\n});\nexports.falseOrDelay = falseOrDelay;\nvar falseOrElement = withRequired(function (props, propName, componentName) {\n var prop = props[propName];\n\n if (prop !== false && !(0, _react.isValidElement)(prop)) {\n return new Error(componentName + \" expect \" + propName + \" \\n to be a valid react element or equal to false. \" + prop + \" given.\");\n }\n\n return null;\n});\nexports.falseOrElement = falseOrElement;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _constant = require(\"./../utils/constant\");\n\nvar _propValidator = require(\"../utils/propValidator\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ProgressBar(_ref) {\n var _animationEvent;\n\n var delay = _ref.delay,\n isRunning = _ref.isRunning,\n closeToast = _ref.closeToast,\n type = _ref.type,\n hide = _ref.hide,\n className = _ref.className,\n userStyle = _ref.style,\n controlledProgress = _ref.controlledProgress,\n progress = _ref.progress,\n isProgressDone = _ref.isProgressDone,\n rtl = _ref.rtl;\n\n var style = _extends({}, userStyle, {\n animationDuration: delay + \"ms\",\n animationPlayState: isRunning ? 'running' : 'paused',\n opacity: hide ? 0 : 1,\n transform: controlledProgress ? \"scaleX(\" + progress + \")\" : null\n });\n\n var classNames = (0, _classnames.default)('Toastify__progress-bar', controlledProgress ? 'Toastify__progress-bar--controlled' : 'Toastify__progress-bar--animated', \"Toastify__progress-bar--\" + type, {\n 'Toastify__progress-bar--rtl': rtl\n }, className);\n var animationEvent = (_animationEvent = {}, _animationEvent[controlledProgress && isProgressDone ? 'onTransitionEnd' : 'onAnimationEnd'] = controlledProgress && !isProgressDone ? null : closeToast, _animationEvent);\n return _react.default.createElement(\"div\", _extends({\n className: classNames,\n style: style\n }, animationEvent));\n}\n\nProgressBar.propTypes = {\n /**\n * The animation delay which determine when to close the toast\n */\n delay: _propValidator.falseOrDelay.isRequired,\n\n /**\n * Whether or not the animation is running or paused\n */\n isRunning: _propTypes.default.bool.isRequired,\n\n /**\n * Func to close the current toast\n */\n closeToast: _propTypes.default.func.isRequired,\n\n /**\n * Support rtl content\n */\n rtl: _propTypes.default.bool.isRequired,\n\n /**\n * Optional type : info, success ...\n */\n type: _propTypes.default.string,\n\n /**\n * Hide or not the progress bar\n */\n hide: _propTypes.default.bool,\n\n /**\n * Optionnal className\n */\n className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n\n /**\n * Controlled progress value\n */\n progress: _propTypes.default.number,\n\n /**\n * Tell wether or not controlled progress bar is used\n */\n controlledProgress: _propTypes.default.bool,\n\n /**\n * Helper to close the toast when using controlled progress value\n */\n isProgressDone: _propTypes.default.bool\n};\nProgressBar.defaultProps = {\n type: _constant.TYPE.DEFAULT,\n hide: false\n};\nvar _default = ProgressBar;\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _ProgressBar = _interopRequireDefault(require(\"./ProgressBar\"));\n\nvar _constant = require(\"./../utils/constant\");\n\nvar _propValidator = require(\"./../utils/propValidator\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nfunction getX(e) {\n return e.targetTouches && e.targetTouches.length >= 1 ? e.targetTouches[0].clientX : e.clientX;\n}\n\nfunction getY(e) {\n return e.targetTouches && e.targetTouches.length >= 1 ? e.targetTouches[0].clientY : e.clientY;\n}\n\nvar noop = function noop() {};\n\nvar Toast =\n/*#__PURE__*/\nfunction (_Component) {\n _inheritsLoose(Toast, _Component);\n\n function Toast() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n _this.state = {\n isRunning: true,\n preventExitTransition: false\n };\n _this.flag = {\n canCloseOnClick: true,\n canDrag: false\n };\n _this.drag = {\n start: 0,\n x: 0,\n y: 0,\n deltaX: 0,\n removalDistance: 0\n };\n _this.ref = null;\n\n _this.pauseToast = function () {\n if (_this.props.autoClose) {\n _this.setState({\n isRunning: false\n });\n }\n };\n\n _this.playToast = function () {\n if (_this.props.autoClose) {\n _this.setState({\n isRunning: true\n });\n }\n };\n\n _this.onDragStart = function (e) {\n _this.flag.canCloseOnClick = true;\n _this.flag.canDrag = true;\n _this.ref.style.transition = '';\n _this.drag.start = _this.drag.x = getX(e.nativeEvent);\n _this.drag.removalDistance = _this.ref.offsetWidth * (_this.props.draggablePercent / 100);\n };\n\n _this.onDragMove = function (e) {\n if (_this.flag.canDrag) {\n if (_this.state.isRunning) {\n _this.pauseToast();\n }\n\n _this.drag.x = getX(e);\n _this.drag.deltaX = _this.drag.x - _this.drag.start; // prevent false positif during a toast click\n\n _this.drag.start !== _this.drag.x && (_this.flag.canCloseOnClick = false);\n _this.ref.style.transform = \"translateX(\" + _this.drag.deltaX + \"px)\";\n _this.ref.style.opacity = 1 - Math.abs(_this.drag.deltaX / _this.drag.removalDistance);\n }\n };\n\n _this.onDragEnd = function (e) {\n if (_this.flag.canDrag) {\n _this.flag.canDrag = false;\n\n if (Math.abs(_this.drag.deltaX) > _this.drag.removalDistance) {\n _this.setState({\n preventExitTransition: true\n }, _this.props.closeToast);\n\n return;\n }\n\n _this.drag.y = getY(e);\n _this.ref.style.transition = 'transform 0.2s, opacity 0.2s';\n _this.ref.style.transform = 'translateX(0)';\n _this.ref.style.opacity = 1;\n }\n };\n\n _this.onDragTransitionEnd = function () {\n var _this$ref$getBounding = _this.ref.getBoundingClientRect(),\n top = _this$ref$getBounding.top,\n bottom = _this$ref$getBounding.bottom,\n left = _this$ref$getBounding.left,\n right = _this$ref$getBounding.right;\n\n if (_this.props.pauseOnHover && _this.drag.x >= left && _this.drag.x <= right && _this.drag.y >= top && _this.drag.y <= bottom) {\n _this.pauseToast();\n } else {\n _this.playToast();\n }\n };\n\n return _this;\n }\n\n var _proto = Toast.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.props.onOpen(this.props.children.props);\n\n if (this.props.draggable) {\n this.bindDragEvents();\n } // Maybe I could bind the event in the ToastContainer and rely on delegation\n\n\n if (this.props.pauseOnFocusLoss) {\n this.bindFocusEvents();\n }\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (prevProps.draggable !== this.props.draggable) {\n if (this.props.draggable) {\n this.bindDragEvents();\n } else {\n this.unbindDragEvents();\n }\n }\n\n if (prevProps.pauseOnFocusLoss !== this.props.pauseOnFocusLoss) {\n if (this.props.pauseOnFocusLoss) {\n this.bindFocusEvents();\n } else {\n this.unbindFocusEvents();\n }\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.props.onClose(this.props.children.props);\n\n if (this.props.draggable) {\n this.unbindDragEvents();\n }\n\n if (this.props.pauseOnFocusLoss) {\n this.unbindFocusEvents();\n }\n };\n\n _proto.bindFocusEvents = function bindFocusEvents() {\n window.addEventListener('focus', this.playToast);\n window.addEventListener('blur', this.pauseToast);\n };\n\n _proto.unbindFocusEvents = function unbindFocusEvents() {\n window.removeEventListener('focus', this.playToast);\n window.removeEventListener('blur', this.pauseToast);\n };\n\n _proto.bindDragEvents = function bindDragEvents() {\n document.addEventListener('mousemove', this.onDragMove);\n document.addEventListener('mouseup', this.onDragEnd);\n document.addEventListener('touchmove', this.onDragMove);\n document.addEventListener('touchend', this.onDragEnd);\n };\n\n _proto.unbindDragEvents = function unbindDragEvents() {\n document.removeEventListener('mousemove', this.onDragMove);\n document.removeEventListener('mouseup', this.onDragEnd);\n document.removeEventListener('touchmove', this.onDragMove);\n document.removeEventListener('touchend', this.onDragEnd);\n };\n\n _proto.render = function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n closeButton = _this$props.closeButton,\n children = _this$props.children,\n autoClose = _this$props.autoClose,\n pauseOnHover = _this$props.pauseOnHover,\n closeOnClick = _this$props.closeOnClick,\n type = _this$props.type,\n hideProgressBar = _this$props.hideProgressBar,\n closeToast = _this$props.closeToast,\n Transition = _this$props.transition,\n position = _this$props.position,\n onExited = _this$props.onExited,\n className = _this$props.className,\n bodyClassName = _this$props.bodyClassName,\n progressClassName = _this$props.progressClassName,\n progressStyle = _this$props.progressStyle,\n updateId = _this$props.updateId,\n role = _this$props.role,\n progress = _this$props.progress,\n isProgressDone = _this$props.isProgressDone,\n rtl = _this$props.rtl;\n var toastProps = {\n className: (0, _classnames.default)('Toastify__toast', \"Toastify__toast--\" + type, {\n 'Toastify__toast--rtl': rtl\n }, className)\n };\n\n if (autoClose && pauseOnHover) {\n toastProps.onMouseEnter = this.pauseToast;\n toastProps.onMouseLeave = this.playToast;\n } // prevent toast from closing when user drags the toast\n\n\n if (closeOnClick) {\n toastProps.onClick = function () {\n return _this2.flag.canCloseOnClick && closeToast();\n };\n }\n\n var controlledProgress = parseFloat(progress) === progress;\n return _react.default.createElement(Transition, {\n in: this.props.in,\n appear: true,\n unmountOnExit: true,\n onExited: onExited,\n position: position,\n preventExitTransition: this.state.preventExitTransition\n }, _react.default.createElement(\"div\", _extends({}, toastProps, {\n ref: function ref(_ref) {\n return _this2.ref = _ref;\n },\n onMouseDown: this.onDragStart,\n onTouchStart: this.onDragStart,\n onTransitionEnd: this.onDragTransitionEnd\n }), _react.default.createElement(\"div\", _extends({}, this.props.in && {\n role: role\n }, {\n className: (0, _classnames.default)('Toastify__toast-body', bodyClassName)\n }), children), closeButton && closeButton, (autoClose || controlledProgress) && _react.default.createElement(_ProgressBar.default, _extends({}, updateId && !controlledProgress ? {\n key: \"pb-\" + updateId\n } : {}, {\n rtl: rtl,\n delay: autoClose,\n isRunning: this.state.isRunning,\n closeToast: closeToast,\n hide: hideProgressBar,\n type: type,\n style: progressStyle,\n className: progressClassName,\n controlledProgress: controlledProgress,\n isProgressDone: isProgressDone,\n progress: progress\n }))));\n };\n\n return Toast;\n}(_react.Component);\n\nToast.propTypes = {\n closeButton: _propValidator.falseOrElement.isRequired,\n autoClose: _propValidator.falseOrDelay.isRequired,\n children: _propTypes.default.node.isRequired,\n closeToast: _propTypes.default.func.isRequired,\n position: _propTypes.default.oneOf((0, _propValidator.objectValues)(_constant.POSITION)).isRequired,\n pauseOnHover: _propTypes.default.bool.isRequired,\n pauseOnFocusLoss: _propTypes.default.bool.isRequired,\n closeOnClick: _propTypes.default.bool.isRequired,\n transition: _propTypes.default.func.isRequired,\n rtl: _propTypes.default.bool.isRequired,\n hideProgressBar: _propTypes.default.bool.isRequired,\n draggable: _propTypes.default.bool.isRequired,\n draggablePercent: _propTypes.default.number.isRequired,\n in: _propTypes.default.bool,\n onExited: _propTypes.default.func,\n onOpen: _propTypes.default.func,\n onClose: _propTypes.default.func,\n type: _propTypes.default.oneOf((0, _propValidator.objectValues)(_constant.TYPE)),\n className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n bodyClassName: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n progressClassName: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n progressStyle: _propTypes.default.object,\n progress: _propTypes.default.number,\n isProgressDone: _propTypes.default.bool,\n updateId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n ariaLabel: _propTypes.default.string\n};\nToast.defaultProps = {\n type: _constant.TYPE.DEFAULT,\n in: true,\n onOpen: noop,\n onClose: noop,\n className: null,\n bodyClassName: null,\n progressClassName: null,\n updateId: null,\n role: 'alert'\n};\nvar _default = Toast;\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction CloseButton(_ref) {\n var closeToast = _ref.closeToast,\n type = _ref.type,\n ariaLabel = _ref.ariaLabel;\n return _react.default.createElement(\"button\", {\n className: \"Toastify__close-button Toastify__close-button--\" + type,\n type: \"button\",\n onClick: closeToast,\n \"aria-label\": ariaLabel\n }, \"\\u2716\");\n}\n\nCloseButton.propTypes = {\n closeToast: _propTypes.default.func,\n arialLabel: _propTypes.default.string\n};\nCloseButton.defaultProps = {\n ariaLabel: 'close'\n};\nvar _default = CloseButton;\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\nexports.classNamesShape = exports.timeoutsShape = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({\n enter: _propTypes.default.number,\n exit: _propTypes.default.number,\n appear: _propTypes.default.number\n}).isRequired]) : null;\nexports.timeoutsShape = timeoutsShape;\nvar classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({\n enter: _propTypes.default.string,\n exit: _propTypes.default.string,\n active: _propTypes.default.string\n}), _propTypes.default.shape({\n enter: _propTypes.default.string,\n enterDone: _propTypes.default.string,\n enterActive: _propTypes.default.string,\n exit: _propTypes.default.string,\n exitDone: _propTypes.default.string,\n exitActive: _propTypes.default.string\n})]) : null;\nexports.classNamesShape = classNamesShape;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = void 0;\n\nvar PropTypes = _interopRequireWildcard(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nvar _reactLifecyclesCompat = require(\"react-lifecycles-compat\");\n\nvar _PropTypes = require(\"./utils/PropTypes\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nvar UNMOUNTED = 'unmounted';\nexports.UNMOUNTED = UNMOUNTED;\nvar EXITED = 'exited';\nexports.EXITED = EXITED;\nvar ENTERING = 'entering';\nexports.ENTERING = ENTERING;\nvar ENTERED = 'entered';\nexports.ENTERED = ENTERED;\nvar EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 0 },\n * entered: { opacity: 1 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * {state => (\n * \n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n * \n * {state => (\n * \n * ```\n */\n children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n /**\n * Show the component; triggers the enter or exit states\n */\n in: PropTypes.bool,\n\n /**\n * By default the child component is mounted immediately along with\n * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n */\n mountOnEnter: PropTypes.bool,\n\n /**\n * By default the child component stays mounted after it reaches the `'exited'` state.\n * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n */\n unmountOnExit: PropTypes.bool,\n\n /**\n * Normally a component is not transitioned if it is shown when the `` component mounts.\n * If you want to transition on the first mount set `appear` to `true`, and the\n * component will transition in as soon as the `` mounts.\n *\n * > Note: there are no specific \"appear\" states. `appear` only adds an additional `enter` transition.\n */\n appear: PropTypes.bool,\n\n /**\n * Enable or disable enter transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * Enable or disable exit transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * The duration of the transition, in milliseconds.\n * Required unless `addEndListener` is provided.\n *\n * You may specify a single timeout for all transitions:\n *\n * ```jsx\n * timeout={500}\n * ```\n *\n * or individually:\n *\n * ```jsx\n * timeout={{\n * appear: 500,\n * enter: 300,\n * exit: 500,\n * }}\n * ```\n *\n * - `appear` defaults to the value of `enter`\n * - `enter` defaults to `0`\n * - `exit` defaults to `0`\n *\n * @type {number | { enter?: number, exit?: number, appear?: number }}\n */\n timeout: function timeout(props) {\n var pt = _PropTypes.timeoutsShape;\n if (!props.addEndListener) pt = pt.isRequired;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return pt.apply(void 0, [props].concat(args));\n },\n\n /**\n * Add a custom transition end trigger. Called with the transitioning\n * DOM node and a `done` callback. Allows for more fine grained transition end\n * logic. **Note:** Timeouts are still used as a fallback if provided.\n *\n * ```jsx\n * addEndListener={(node, done) => {\n * // use the css transitionend event to mark the finish of a transition\n * node.addEventListener('transitionend', done, false);\n * }}\n * ```\n */\n addEndListener: PropTypes.func,\n\n /**\n * Callback fired before the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEnter: PropTypes.func,\n\n /**\n * Callback fired after the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * Callback fired after the \"entered\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEntered: PropTypes.func,\n\n /**\n * Callback fired before the \"exiting\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExit: PropTypes.func,\n\n /**\n * Callback fired after the \"exiting\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExiting: PropTypes.func,\n\n /**\n * Callback fired after the \"exited\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExited: PropTypes.func // Name the function so it is clearer in the documentation\n\n} : {};\n\nfunction noop() {}\n\nTransition.defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n enter: true,\n exit: true,\n onEnter: noop,\n onEntering: noop,\n onEntered: noop,\n onExit: noop,\n onExiting: noop,\n onExited: noop\n};\nTransition.UNMOUNTED = 0;\nTransition.EXITED = 1;\nTransition.ENTERING = 2;\nTransition.ENTERED = 3;\nTransition.EXITING = 4;\n\nvar _default = (0, _reactLifecyclesCompat.polyfill)(Transition);\n\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = _default;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _Transition = _interopRequireDefault(require(\"react-transition-group/Transition\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nvar noop = function noop() {};\n\nfunction _default(_ref) {\n var enter = _ref.enter,\n exit = _ref.exit,\n _ref$duration = _ref.duration,\n duration = _ref$duration === void 0 ? 750 : _ref$duration,\n _ref$appendPosition = _ref.appendPosition,\n appendPosition = _ref$appendPosition === void 0 ? false : _ref$appendPosition;\n return function Animation(_ref2) {\n var children = _ref2.children,\n position = _ref2.position,\n preventExitTransition = _ref2.preventExitTransition,\n props = _objectWithoutPropertiesLoose(_ref2, [\"children\", \"position\", \"preventExitTransition\"]);\n\n var enterClassName = appendPosition ? enter + \"--\" + position : enter;\n var exitClassName = appendPosition ? exit + \"--\" + position : exit;\n var enterDuration, exitDuration;\n\n if (Array.isArray(duration) && duration.length === 2) {\n enterDuration = duration[0];\n exitDuration = duration[1];\n } else {\n enterDuration = exitDuration = duration;\n }\n\n var onEnter = function onEnter(node) {\n node.classList.add(enterClassName);\n node.style.animationFillMode = 'forwards';\n node.style.animationDuration = enterDuration * 0.001 + \"s\";\n };\n\n var onEntered = function onEntered(node) {\n node.classList.remove(enterClassName);\n node.style.cssText = '';\n };\n\n var onExit = function onExit(node) {\n node.classList.add(exitClassName);\n node.style.animationFillMode = 'forwards';\n node.style.animationDuration = exitDuration * 0.001 + \"s\";\n };\n\n return _react.default.createElement(_Transition.default, _extends({}, props, {\n timeout: preventExitTransition ? 0 : {\n enter: enterDuration,\n exit: exitDuration\n },\n onEnter: onEnter,\n onEntered: onEntered,\n onExit: preventExitTransition ? noop : onExit\n }), children);\n };\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.Flip = exports.Zoom = exports.Slide = exports.Bounce = void 0;\n\nvar _cssTransition = _interopRequireDefault(require(\"./../utils/cssTransition\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar Bounce = (0, _cssTransition.default)({\n enter: 'Toastify__bounce-enter',\n exit: 'Toastify__bounce-exit',\n appendPosition: true\n});\nexports.Bounce = Bounce;\nvar Slide = (0, _cssTransition.default)({\n enter: 'Toastify__slide-enter',\n exit: 'Toastify__slide-exit',\n duration: [450, 750],\n appendPosition: true\n});\nexports.Slide = Slide;\nvar Zoom = (0, _cssTransition.default)({\n enter: 'Toastify__zoom-enter',\n exit: 'Toastify__zoom-exit'\n});\nexports.Zoom = Zoom;\nvar Flip = (0, _cssTransition.default)({\n enter: 'Toastify__flip-enter',\n exit: 'Toastify__flip-exit'\n});\nexports.Flip = Flip;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\nvar eventManager = {\n list: new Map(),\n on: function on(event, callback) {\n this.list.has(event) || this.list.set(event, []);\n this.list.get(event).push(callback);\n return this;\n },\n off: function off(event) {\n this.list.delete(event);\n return this;\n },\n emit: function emit(event) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n if (!this.list.has(event)) {\n return false;\n }\n\n this.list.get(event).forEach(function (callback) {\n return setTimeout(function () {\n return callback.call.apply(callback, [null].concat(args));\n }, 0);\n });\n return true;\n }\n};\nvar _default = eventManager;\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _TransitionGroup = _interopRequireDefault(require(\"react-transition-group/TransitionGroup\"));\n\nvar _Toast = _interopRequireDefault(require(\"./Toast\"));\n\nvar _CloseButton = _interopRequireDefault(require(\"./CloseButton\"));\n\nvar _Transitions = require(\"./Transitions\");\n\nvar _constant = require(\"./../utils/constant\");\n\nvar _eventManager = _interopRequireDefault(require(\"./../utils/eventManager\"));\n\nvar _propValidator = require(\"./../utils/propValidator\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance\"); }\n\nfunction _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nvar ToastContainer =\n/*#__PURE__*/\nfunction (_Component) {\n _inheritsLoose(ToastContainer, _Component);\n\n function ToastContainer() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n _this.state = {\n toast: []\n };\n _this.toastKey = 1;\n _this.collection = {};\n\n _this.isToastActive = function (id) {\n return _this.state.toast.indexOf(id) !== -1;\n };\n\n return _this;\n }\n\n var _proto = ToastContainer.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var _this2 = this;\n\n _eventManager.default.on(_constant.ACTION.SHOW, function (content, options) {\n return _this2.show(content, options);\n }).on(_constant.ACTION.CLEAR, function (id) {\n return !id ? _this2.clear() : _this2.removeToast(id);\n }).emit(_constant.ACTION.DID_MOUNT, this);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n _eventManager.default.off(_constant.ACTION.SHOW).off(_constant.ACTION.CLEAR).emit(_constant.ACTION.WILL_UNMOUNT);\n };\n\n _proto.removeToast = function removeToast(id) {\n this.setState({\n toast: this.state.toast.filter(function (v) {\n return v !== id;\n })\n }, this.dispatchChange);\n };\n\n _proto.dispatchChange = function dispatchChange() {\n _eventManager.default.emit(_constant.ACTION.ON_CHANGE, this.state.toast.length);\n };\n\n _proto.makeCloseButton = function makeCloseButton(toastClose, toastId, type) {\n var _this3 = this;\n\n var closeButton = this.props.closeButton;\n\n if ((0, _react.isValidElement)(toastClose) || toastClose === false) {\n closeButton = toastClose;\n }\n\n return closeButton === false ? false : (0, _react.cloneElement)(closeButton, {\n closeToast: function closeToast() {\n return _this3.removeToast(toastId);\n },\n type: type\n });\n };\n\n _proto.getAutoCloseDelay = function getAutoCloseDelay(toastAutoClose) {\n return toastAutoClose === false || (0, _propValidator.isValidDelay)(toastAutoClose) ? toastAutoClose : this.props.autoClose;\n };\n\n _proto.canBeRendered = function canBeRendered(content) {\n return (0, _react.isValidElement)(content) || typeof content === 'string' || typeof content === 'number' || typeof content === 'function';\n };\n\n _proto.parseClassName = function parseClassName(prop) {\n if (typeof prop === 'string') {\n return prop;\n } else if (prop !== null && typeof prop === 'object' && 'toString' in prop) {\n return prop.toString();\n }\n\n return null;\n };\n\n _proto.show = function show(content, options) {\n var _this4 = this,\n _extends2;\n\n if (!this.canBeRendered(content)) {\n throw new Error(\"The element you provided cannot be rendered. You provided an element of type \" + typeof content);\n }\n\n var toastId = options.toastId;\n\n var closeToast = function closeToast() {\n return _this4.removeToast(toastId);\n };\n\n var toastOptions = {\n id: toastId,\n // ⚠️ if no options.key, this.toastKey - 1 is assigned\n key: options.key || this.toastKey++,\n type: options.type,\n closeToast: closeToast,\n updateId: options.updateId,\n rtl: this.props.rtl,\n position: options.position || this.props.position,\n transition: options.transition || this.props.transition,\n className: this.parseClassName(options.className || this.props.toastClassName),\n bodyClassName: this.parseClassName(options.bodyClassName || this.props.bodyClassName),\n closeButton: this.makeCloseButton(options.closeButton, toastId, options.type),\n pauseOnHover: typeof options.pauseOnHover === 'boolean' ? options.pauseOnHover : this.props.pauseOnHover,\n pauseOnFocusLoss: typeof options.pauseOnFocusLoss === 'boolean' ? options.pauseOnFocusLoss : this.props.pauseOnFocusLoss,\n draggable: typeof options.draggable === 'boolean' ? options.draggable : this.props.draggable,\n draggablePercent: typeof options.draggablePercent === 'number' && !isNaN(options.draggablePercent) ? options.draggablePercent : this.props.draggablePercent,\n closeOnClick: typeof options.closeOnClick === 'boolean' ? options.closeOnClick : this.props.closeOnClick,\n progressClassName: this.parseClassName(options.progressClassName || this.props.progressClassName),\n progressStyle: this.props.progressStyle,\n autoClose: this.getAutoCloseDelay(options.autoClose),\n hideProgressBar: typeof options.hideProgressBar === 'boolean' ? options.hideProgressBar : this.props.hideProgressBar,\n progress: parseFloat(options.progress),\n isProgressDone: options.isProgressDone\n };\n typeof options.onOpen === 'function' && (toastOptions.onOpen = options.onOpen);\n typeof options.onClose === 'function' && (toastOptions.onClose = options.onClose); // add closeToast function to react component only\n\n if ((0, _react.isValidElement)(content) && typeof content.type !== 'string' && typeof content.type !== 'number') {\n content = (0, _react.cloneElement)(content, {\n closeToast: closeToast\n });\n } else if (typeof content === 'function') {\n content = content({\n closeToast: closeToast\n });\n }\n\n this.collection = _extends({}, this.collection, (_extends2 = {}, _extends2[toastId] = {\n position: toastOptions.position,\n options: toastOptions,\n content: content\n }, _extends2));\n this.setState({\n toast: (toastOptions.updateId ? _toConsumableArray(this.state.toast) : _toConsumableArray(this.state.toast).concat([toastId])).filter(function (id) {\n return id !== options.staleToastId;\n })\n }, this.dispatchChange);\n };\n\n _proto.makeToast = function makeToast(content, options) {\n return _react.default.createElement(_Toast.default, _extends({}, options, {\n isDocumentHidden: this.state.isDocumentHidden,\n key: \"toast-\" + options.key\n }), content);\n };\n\n _proto.clear = function clear() {\n this.setState({\n toast: []\n });\n };\n\n _proto.renderToast = function renderToast() {\n var _this5 = this;\n\n var toastToRender = {};\n var _this$props = this.props,\n className = _this$props.className,\n style = _this$props.style,\n newestOnTop = _this$props.newestOnTop;\n var collection = newestOnTop ? Object.keys(this.collection).reverse() : Object.keys(this.collection); // group toast by position\n\n collection.forEach(function (toastId) {\n var _this5$collection$toa = _this5.collection[toastId],\n position = _this5$collection$toa.position,\n options = _this5$collection$toa.options,\n content = _this5$collection$toa.content;\n toastToRender[position] || (toastToRender[position] = []);\n\n if (_this5.state.toast.indexOf(options.id) !== -1) {\n toastToRender[position].push(_this5.makeToast(content, options));\n } else {\n toastToRender[position].push(null);\n delete _this5.collection[toastId];\n }\n });\n return Object.keys(toastToRender).map(function (position) {\n var disablePointer = toastToRender[position].length === 1 && toastToRender[position][0] === null;\n var props = {\n className: (0, _classnames.default)('Toastify__toast-container', \"Toastify__toast-container--\" + position, {\n 'Toastify__toast-container--rtl': _this5.props.rtl\n }, _this5.parseClassName(className)),\n style: disablePointer ? _extends({}, style, {\n pointerEvents: 'none'\n }) : _extends({}, style)\n };\n return _react.default.createElement(_TransitionGroup.default, _extends({}, props, {\n key: \"container-\" + position\n }), toastToRender[position]);\n });\n };\n\n _proto.render = function render() {\n return _react.default.createElement(\"div\", {\n className: \"Toastify\"\n }, this.renderToast());\n };\n\n return ToastContainer;\n}(_react.Component);\n\nToastContainer.propTypes = {\n /**\n * Set toast position\n */\n position: _propTypes.default.oneOf((0, _propValidator.objectValues)(_constant.POSITION)),\n\n /**\n * Disable or set autoClose delay\n */\n autoClose: _propValidator.falseOrDelay,\n\n /**\n * Disable or set a custom react element for the close button\n */\n closeButton: _propValidator.falseOrElement,\n\n /**\n * Hide or not progress bar when autoClose is enabled\n */\n hideProgressBar: _propTypes.default.bool,\n\n /**\n * Pause toast duration on hover\n */\n pauseOnHover: _propTypes.default.bool,\n\n /**\n * Dismiss toast on click\n */\n closeOnClick: _propTypes.default.bool,\n\n /**\n * Newest on top\n */\n newestOnTop: _propTypes.default.bool,\n\n /**\n * An optional className\n */\n className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n\n /**\n * An optional style\n */\n style: _propTypes.default.object,\n\n /**\n * An optional className for the toast\n */\n toastClassName: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n\n /**\n * An optional className for the toast body\n */\n bodyClassName: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n\n /**\n * An optional className for the toast progress bar\n */\n progressClassName: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n\n /**\n * An optional style for the toast progress bar\n */\n progressStyle: _propTypes.default.object,\n\n /**\n * Define enter and exit transition using react-transition-group\n */\n transition: _propTypes.default.func,\n\n /**\n * Support rtl display\n */\n rtl: _propTypes.default.bool,\n\n /**\n * Allow toast to be draggable\n */\n draggable: _propTypes.default.bool,\n\n /**\n * The percentage of the toast's width it takes for a drag to dismiss a toast\n */\n draggablePercent: _propTypes.default.number,\n\n /**\n * Pause the toast on focus loss\n */\n pauseOnFocusLoss: _propTypes.default.bool\n};\nToastContainer.defaultProps = {\n position: _constant.POSITION.TOP_RIGHT,\n transition: _Transitions.Bounce,\n rtl: false,\n autoClose: 5000,\n hideProgressBar: false,\n closeButton: _react.default.createElement(_CloseButton.default, null),\n pauseOnHover: true,\n pauseOnFocusLoss: true,\n closeOnClick: true,\n newestOnTop: false,\n draggable: true,\n draggablePercent: 80,\n className: null,\n style: null,\n toastClassName: null,\n bodyClassName: null,\n progressClassName: null,\n progressStyle: null\n};\nvar _default = ToastContainer;\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _eventManager = _interopRequireDefault(require(\"./utils/eventManager\"));\n\nvar _constant = require(\"./utils/constant\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nvar container = null;\nvar queue = [];\n\nvar noop = function noop() {\n return false;\n};\n/**\n * Merge provided options with the defaults settings and generate the toastId\n */\n\n\nfunction mergeOptions(options, type) {\n return _extends({}, options, {\n type: type,\n toastId: getToastId(options)\n });\n}\n/**\n * Generate a random toastId\n */\n\n\nfunction generateToastId() {\n return (Math.random().toString(36) + Date.now().toString(36)).substr(2, 10);\n}\n/**\n * Generate the toastId either automatically or by provided toastId\n */\n\n\nfunction getToastId(options) {\n if (options && (typeof options.toastId === 'string' || typeof options.toastId === 'number' && !isNaN(options.toastId))) {\n return options.toastId;\n }\n\n return generateToastId();\n}\n/**\n * Dispatch toast. If the container is not mounted, the toast is enqueued\n */\n\n\nfunction emitEvent(content, options) {\n if (container !== null) {\n _eventManager.default.emit(_constant.ACTION.SHOW, content, options);\n } else {\n queue.push({\n action: _constant.ACTION.SHOW,\n content: content,\n options: options\n });\n }\n\n return options.toastId;\n}\n\nvar toast = _extends(function (content, options) {\n return emitEvent(content, mergeOptions(options, options && options.type || _constant.TYPE.DEFAULT));\n}, {\n success: function success(content, options) {\n return emitEvent(content, mergeOptions(options, _constant.TYPE.SUCCESS));\n },\n info: function info(content, options) {\n return emitEvent(content, mergeOptions(options, _constant.TYPE.INFO));\n },\n warn: function warn(content, options) {\n return emitEvent(content, mergeOptions(options, _constant.TYPE.WARNING));\n },\n warning: function warning(content, options) {\n return emitEvent(content, mergeOptions(options, _constant.TYPE.WARNING));\n },\n error: function error(content, options) {\n return emitEvent(content, mergeOptions(options, _constant.TYPE.ERROR));\n },\n dismiss: function dismiss(id) {\n if (id === void 0) {\n id = null;\n }\n\n return container && _eventManager.default.emit(_constant.ACTION.CLEAR, id);\n },\n isActive: noop,\n update: function update(toastId, options) {\n setTimeout(function () {\n if (container && typeof container.collection[toastId] !== 'undefined') {\n var _container$collection = container.collection[toastId],\n oldOptions = _container$collection.options,\n oldContent = _container$collection.content;\n\n var nextOptions = _extends({}, oldOptions, options, {\n toastId: options.toastId || toastId\n });\n\n if (!options.toastId || options.toastId === toastId) {\n nextOptions.updateId = generateToastId();\n } else {\n nextOptions.staleToastId = toastId;\n }\n\n var content = typeof nextOptions.render !== 'undefined' ? nextOptions.render : oldContent;\n delete nextOptions.render;\n emitEvent(content, nextOptions);\n }\n }, 0);\n },\n done: function done(id, progress) {\n if (progress === void 0) {\n progress = 1;\n }\n\n toast.update(id, {\n progress: progress,\n isProgressDone: true\n });\n },\n onChange: function onChange(callback) {\n if (typeof callback === 'function') {\n _eventManager.default.on(_constant.ACTION.ON_CHANGE, callback);\n }\n },\n POSITION: _constant.POSITION,\n TYPE: _constant.TYPE\n});\n/**\n * Wait until the ToastContainer is mounted to dispatch the toast\n * and attach isActive method\n */\n\n\n_eventManager.default.on(_constant.ACTION.DID_MOUNT, function (containerInstance) {\n container = containerInstance;\n\n toast.isActive = function (id) {\n return container.isToastActive(id);\n };\n\n queue.forEach(function (item) {\n _eventManager.default.emit(item.action, item.content, item.options);\n });\n queue = [];\n}).on(_constant.ACTION.WILL_UNMOUNT, function () {\n container = null;\n toast.isActive = noop;\n});\n\nvar _default = toast;\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\n\nvar _ToastContainer = _interopRequireDefault(require(\"./components/ToastContainer\"));\n\nexports.ToastContainer = _ToastContainer.default;\n\nvar _Transitions = require(\"./components/Transitions\");\n\nexports.Bounce = _Transitions.Bounce;\nexports.Slide = _Transitions.Slide;\nexports.Zoom = _Transitions.Zoom;\nexports.Flip = _Transitions.Flip;\n\nvar _constant = require(\"./utils/constant\");\n\nexports.ToastPosition = _constant.POSITION;\nexports.ToastType = _constant.TYPE;\n\nvar _toast = _interopRequireDefault(require(\"./toast\"));\n\nexports.toast = _toast.default;\n\nvar _cssTransition = _interopRequireDefault(require(\"./utils/cssTransition\"));\n\nexports.cssTransition = _cssTransition.default;\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport {\n ToastContainer as ToastifyContainer,\n cssTransition\n} from 'react-toastify'\nimport 'react-toastify/dist/ReactToastify.css'\n\nconst styles = {\n '@keyframes enterAnimation': {\n from: { opacity: 0, transform: 'translate3d(0, 10px, 0)' },\n to: { opacity: 1, transform: 'translate3d(0, 0, 0)' }\n },\n '@keyframes leaveAnimation': {\n from: { opacity: 1, transform: 'translate3d(0, 0, 0)' },\n to: { opacity: 0, transform: 'translate3d(-10px, 0, 0)' }\n },\n toast: {\n '& .Toastify__toast--default': {\n minHeight: 'auto',\n background: 'transparent',\n boxShadow: 'none'\n },\n '& .Toastify__toast': {\n borderRadius: '0',\n padding: '0',\n overflow: 'visible'\n },\n '& .Toastify__close-button': {\n display: 'none'\n },\n '& .Toastify__toast-body': {\n margin: '0'\n }\n },\n enter: {\n animationName: 'enterAnimation'\n },\n leave: {\n animationName: 'leaveAnimation'\n }\n}\n\nconst ToastContainer = ({ classes, toastifyProps }) => (\n \n {children}\n \n)\n\nexport default injectSheet(styles)(ToastComponent)\n","export default {\n alert: {\n boxShadow: '2px 5px 5px 0 rgba(0, 0, 0, .2)'\n }\n}\n","import React from 'react'\nimport { toast as toastify } from 'react-toastify'\nimport ToastContainer from './pobble-toast/pobble-toast'\nimport ToastComponent from './pobble-toast/toast-component/toast-component'\n\nconst showToast = (type, children) =>\n toastify(({ closeToast }) => (\n \n {children}\n \n ))\n\nconst toast = {\n success: children => showToast('success', children),\n info: children => showToast('info', children),\n warn: children => showToast('warning', children),\n error: children => showToast('error', children)\n}\n\nexport { ToastContainer, toast }\n","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'check';\nvar width = 512;\nvar height = 512;\nvar ligatures = [];\nvar unicode = 'f00c';\nvar svgPathData = 'M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z';\n\nexports.definition = {\n prefix: prefix,\n iconName: iconName,\n icon: [\n width,\n height,\n ligatures,\n unicode,\n svgPathData\n ]};\n\nexports.faCheck = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = ligatures;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;","import THEME from 'pobble-components/dist/theme'\nimport { hover } from 'pobble-components/dist/jss-mixins'\n\nconst { COLORS } = THEME\n\nconst styles = {\n holder: {\n position: 'relative',\n width: '100%'\n },\n formTextArea: {\n '-webkit-appearance': 'none',\n minHeight: '40px',\n height: '80px',\n padding: '10px',\n border: '1px solid #ececec',\n borderRadius: '4px',\n transition: 'border-color 0.3s ease-in-out',\n width: '100%',\n color: '#999',\n resize: 'vertical',\n fontSize: '16px',\n '&:focus': {\n color: '#555',\n borderColor: COLORS.BLUE.NORMAL\n },\n '&hover': {\n color: '#777',\n borderColor: COLORS.BLUE.NORMAL\n },\n '&::placeholder': {\n color: '#BBBBBB'\n }\n },\n invalid: {\n '& $formTextArea': {\n backgroundColor: '#FEF7F6',\n borderColor: COLORS.RED.NORMAL,\n '&:focus': {\n borderColor: COLORS.RED.NORMAL\n },\n ...hover({\n borerColor: COLORS.RED.NORMAL\n })\n }\n },\n disabled: {\n '& $formTextArea': {\n cursor: 'default',\n backgroundColor: '#F9F9F9',\n borderColor: '#ECECEC !important',\n paddingRight: '34px'\n }\n },\n disabledIcon: {\n color: '#797979',\n position: 'absolute',\n right: '10px',\n top: '14px',\n pointerEvents: 'none'\n },\n invalidWithMessage: {\n '& $formTextArea': {\n paddingRight: '32px'\n }\n },\n validationError: {\n position: 'absolute',\n right: '10px',\n top: '13px'\n }\n}\n\nexport default styles\n","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nexport default {\n validationError: {\n width: '14px',\n zIndex: '20',\n height: '14px',\n color: COLORS.RED.NORMAL,\n '& svg': {\n display: 'block',\n width: '100%',\n height: '100%'\n }\n }\n}\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './validation-error.styles'\nimport classNames from 'classnames'\nimport Tooltip from 'pobble-components/dist/tooltip'\nimport ExclamationIcon from 'react-icons/lib/fa/exclamation-circle'\n\nclass ValidationError extends Component {\n render() {\n const { classes, className, error, style } = this.props\n return (\n \n \n
\n )\n}\n\nFormTextArea.propTypes = {\n /** Additional className if you want to restyle component */\n className: PropTypes.string,\n /** Show validation error */\n validationError: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n /** Object with all additional textAreaProps props you want to pass. Check official textAreaProps documentation to get the idea what props os available */\n textAreaProps: PropTypes.object\n}\n\nexport default injectSheet(styles)(FormTextArea)\n","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\n/**\n * Helpers to enable Immutable compatibility *without* bringing in\n * the 'immutable' package as a dependency.\n */\n\n/**\n * Check if an object is immutable by checking if it has a key specific\n * to the immutable library.\n *\n * @param {any} object\n * @return {bool}\n */\nfunction isImmutable(object) {\n return !!(object && typeof object.hasOwnProperty === 'function' && (object.hasOwnProperty('__ownerID') || // Immutable.Map\n object._map && object._map.hasOwnProperty('__ownerID'))); // Immutable.Record\n}\n/**\n * Denormalize an immutable entity.\n *\n * @param {Schema} schema\n * @param {Immutable.Map|Immutable.Record} input\n * @param {function} unvisit\n * @param {function} getDenormalizedEntity\n * @return {Immutable.Map|Immutable.Record}\n */\n\nfunction denormalizeImmutable(schema, input, unvisit) {\n return Object.keys(schema).reduce(function (object, key) {\n // Immutable maps cast keys to strings on write so we need to ensure\n // we're accessing them using string keys.\n var stringKey = \"\" + key;\n\n if (object.has(stringKey)) {\n return object.set(stringKey, unvisit(object.get(stringKey), schema[stringKey]));\n } else {\n return object;\n }\n }, input);\n}\n\nvar getDefaultGetId = function getDefaultGetId(idAttribute) {\n return function (input) {\n return isImmutable(input) ? input.get(idAttribute) : input[idAttribute];\n };\n};\n\nvar EntitySchema =\n/*#__PURE__*/\nfunction () {\n function EntitySchema(key, definition, options) {\n if (definition === void 0) {\n definition = {};\n }\n\n if (options === void 0) {\n options = {};\n }\n\n if (!key || typeof key !== 'string') {\n throw new Error(\"Expected a string key for Entity, but found \" + key + \".\");\n }\n\n var _options = options,\n _options$idAttribute = _options.idAttribute,\n idAttribute = _options$idAttribute === void 0 ? 'id' : _options$idAttribute,\n _options$mergeStrateg = _options.mergeStrategy,\n mergeStrategy = _options$mergeStrateg === void 0 ? function (entityA, entityB) {\n return _extends({}, entityA, entityB);\n } : _options$mergeStrateg,\n _options$processStrat = _options.processStrategy,\n processStrategy = _options$processStrat === void 0 ? function (input) {\n return _extends({}, input);\n } : _options$processStrat,\n _options$fallbackStra = _options.fallbackStrategy,\n fallbackStrategy = _options$fallbackStra === void 0 ? function (key, schema) {\n return undefined;\n } : _options$fallbackStra;\n this._key = key;\n this._getId = typeof idAttribute === 'function' ? idAttribute : getDefaultGetId(idAttribute);\n this._idAttribute = idAttribute;\n this._mergeStrategy = mergeStrategy;\n this._processStrategy = processStrategy;\n this._fallbackStrategy = fallbackStrategy;\n this.define(definition);\n }\n\n var _proto = EntitySchema.prototype;\n\n _proto.define = function define(definition) {\n this.schema = Object.keys(definition).reduce(function (entitySchema, key) {\n var _extends2;\n\n var schema = definition[key];\n return _extends({}, entitySchema, (_extends2 = {}, _extends2[key] = schema, _extends2));\n }, this.schema || {});\n };\n\n _proto.getId = function getId(input, parent, key) {\n return this._getId(input, parent, key);\n };\n\n _proto.merge = function merge(entityA, entityB) {\n return this._mergeStrategy(entityA, entityB);\n };\n\n _proto.fallback = function fallback(id, schema) {\n return this._fallbackStrategy(id, schema);\n };\n\n _proto.normalize = function normalize(input, parent, key, visit, addEntity, visitedEntities) {\n var _this = this;\n\n var id = this.getId(input, parent, key);\n var entityType = this.key;\n\n if (!(entityType in visitedEntities)) {\n visitedEntities[entityType] = {};\n }\n\n if (!(id in visitedEntities[entityType])) {\n visitedEntities[entityType][id] = [];\n }\n\n if (visitedEntities[entityType][id].some(function (entity) {\n return entity === input;\n })) {\n return id;\n }\n\n visitedEntities[entityType][id].push(input);\n\n var processedEntity = this._processStrategy(input, parent, key);\n\n Object.keys(this.schema).forEach(function (key) {\n if (processedEntity.hasOwnProperty(key) && typeof processedEntity[key] === 'object') {\n var schema = _this.schema[key];\n var resolvedSchema = typeof schema === 'function' ? schema(input) : schema;\n processedEntity[key] = visit(processedEntity[key], processedEntity, key, resolvedSchema, addEntity, visitedEntities);\n }\n });\n addEntity(this, processedEntity, input, parent, key);\n return id;\n };\n\n _proto.denormalize = function denormalize(entity, unvisit) {\n var _this2 = this;\n\n if (isImmutable(entity)) {\n return denormalizeImmutable(this.schema, entity, unvisit);\n }\n\n Object.keys(this.schema).forEach(function (key) {\n if (entity.hasOwnProperty(key)) {\n var schema = _this2.schema[key];\n entity[key] = unvisit(entity[key], schema);\n }\n });\n return entity;\n };\n\n _createClass(EntitySchema, [{\n key: \"key\",\n get: function get() {\n return this._key;\n }\n }, {\n key: \"idAttribute\",\n get: function get() {\n return this._idAttribute;\n }\n }]);\n\n return EntitySchema;\n}();\n\nvar PolymorphicSchema =\n/*#__PURE__*/\nfunction () {\n function PolymorphicSchema(definition, schemaAttribute) {\n if (schemaAttribute) {\n this._schemaAttribute = typeof schemaAttribute === 'string' ? function (input) {\n return input[schemaAttribute];\n } : schemaAttribute;\n }\n\n this.define(definition);\n }\n\n var _proto = PolymorphicSchema.prototype;\n\n _proto.define = function define(definition) {\n this.schema = definition;\n };\n\n _proto.getSchemaAttribute = function getSchemaAttribute(input, parent, key) {\n return !this.isSingleSchema && this._schemaAttribute(input, parent, key);\n };\n\n _proto.inferSchema = function inferSchema(input, parent, key) {\n if (this.isSingleSchema) {\n return this.schema;\n }\n\n var attr = this.getSchemaAttribute(input, parent, key);\n return this.schema[attr];\n };\n\n _proto.normalizeValue = function normalizeValue(value, parent, key, visit, addEntity, visitedEntities) {\n var schema = this.inferSchema(value, parent, key);\n\n if (!schema) {\n return value;\n }\n\n var normalizedValue = visit(value, parent, key, schema, addEntity, visitedEntities);\n return this.isSingleSchema || normalizedValue === undefined || normalizedValue === null ? normalizedValue : {\n id: normalizedValue,\n schema: this.getSchemaAttribute(value, parent, key)\n };\n };\n\n _proto.denormalizeValue = function denormalizeValue(value, unvisit) {\n var schemaKey = isImmutable(value) ? value.get('schema') : value.schema;\n\n if (!this.isSingleSchema && !schemaKey) {\n return value;\n }\n\n var id = this.isSingleSchema ? undefined : isImmutable(value) ? value.get('id') : value.id;\n var schema = this.isSingleSchema ? this.schema : this.schema[schemaKey];\n return unvisit(id || value, schema);\n };\n\n _createClass(PolymorphicSchema, [{\n key: \"isSingleSchema\",\n get: function get() {\n return !this._schemaAttribute;\n }\n }]);\n\n return PolymorphicSchema;\n}();\n\nvar UnionSchema =\n/*#__PURE__*/\nfunction (_PolymorphicSchema) {\n _inheritsLoose(UnionSchema, _PolymorphicSchema);\n\n function UnionSchema(definition, schemaAttribute) {\n if (!schemaAttribute) {\n throw new Error('Expected option \"schemaAttribute\" not found on UnionSchema.');\n }\n\n return _PolymorphicSchema.call(this, definition, schemaAttribute) || this;\n }\n\n var _proto = UnionSchema.prototype;\n\n _proto.normalize = function normalize(input, parent, key, visit, addEntity, visitedEntities) {\n return this.normalizeValue(input, parent, key, visit, addEntity, visitedEntities);\n };\n\n _proto.denormalize = function denormalize(input, unvisit) {\n return this.denormalizeValue(input, unvisit);\n };\n\n return UnionSchema;\n}(PolymorphicSchema);\n\nvar ValuesSchema =\n/*#__PURE__*/\nfunction (_PolymorphicSchema) {\n _inheritsLoose(ValuesSchema, _PolymorphicSchema);\n\n function ValuesSchema() {\n return _PolymorphicSchema.apply(this, arguments) || this;\n }\n\n var _proto = ValuesSchema.prototype;\n\n _proto.normalize = function normalize(input, parent, key, visit, addEntity, visitedEntities) {\n var _this = this;\n\n return Object.keys(input).reduce(function (output, key, index) {\n var _extends2;\n\n var value = input[key];\n return value !== undefined && value !== null ? _extends({}, output, (_extends2 = {}, _extends2[key] = _this.normalizeValue(value, input, key, visit, addEntity, visitedEntities), _extends2)) : output;\n }, {});\n };\n\n _proto.denormalize = function denormalize(input, unvisit) {\n var _this2 = this;\n\n return Object.keys(input).reduce(function (output, key) {\n var _extends3;\n\n var entityOrId = input[key];\n return _extends({}, output, (_extends3 = {}, _extends3[key] = _this2.denormalizeValue(entityOrId, unvisit), _extends3));\n }, {});\n };\n\n return ValuesSchema;\n}(PolymorphicSchema);\n\nvar validateSchema = function validateSchema(definition) {\n var isArray = Array.isArray(definition);\n\n if (isArray && definition.length > 1) {\n throw new Error(\"Expected schema definition to be a single schema, but found \" + definition.length + \".\");\n }\n\n return definition[0];\n};\n\nvar getValues = function getValues(input) {\n return Array.isArray(input) ? input : Object.keys(input).map(function (key) {\n return input[key];\n });\n};\n\nvar normalize = function normalize(schema, input, parent, key, visit, addEntity, visitedEntities) {\n schema = validateSchema(schema);\n var values = getValues(input); // Special case: Arrays pass *their* parent on to their children, since there\n // is not any special information that can be gathered from themselves directly\n\n return values.map(function (value, index) {\n return visit(value, parent, key, schema, addEntity, visitedEntities);\n });\n};\nvar denormalize = function denormalize(schema, input, unvisit) {\n schema = validateSchema(schema);\n return input && input.map ? input.map(function (entityOrId) {\n return unvisit(entityOrId, schema);\n }) : input;\n};\n\nvar ArraySchema =\n/*#__PURE__*/\nfunction (_PolymorphicSchema) {\n _inheritsLoose(ArraySchema, _PolymorphicSchema);\n\n function ArraySchema() {\n return _PolymorphicSchema.apply(this, arguments) || this;\n }\n\n var _proto = ArraySchema.prototype;\n\n _proto.normalize = function normalize(input, parent, key, visit, addEntity, visitedEntities) {\n var _this = this;\n\n var values = getValues(input);\n return values.map(function (value, index) {\n return _this.normalizeValue(value, parent, key, visit, addEntity, visitedEntities);\n }).filter(function (value) {\n return value !== undefined && value !== null;\n });\n };\n\n _proto.denormalize = function denormalize(input, unvisit) {\n var _this2 = this;\n\n return input && input.map ? input.map(function (value) {\n return _this2.denormalizeValue(value, unvisit);\n }) : input;\n };\n\n return ArraySchema;\n}(PolymorphicSchema);\n\nvar _normalize = function normalize(schema, input, parent, key, visit, addEntity, visitedEntities) {\n var object = _extends({}, input);\n\n Object.keys(schema).forEach(function (key) {\n var localSchema = schema[key];\n var resolvedLocalSchema = typeof localSchema === 'function' ? localSchema(input) : localSchema;\n var value = visit(input[key], input, key, resolvedLocalSchema, addEntity, visitedEntities);\n\n if (value === undefined || value === null) {\n delete object[key];\n } else {\n object[key] = value;\n }\n });\n return object;\n};\n\nvar _denormalize = function denormalize(schema, input, unvisit) {\n if (isImmutable(input)) {\n return denormalizeImmutable(schema, input, unvisit);\n }\n\n var object = _extends({}, input);\n\n Object.keys(schema).forEach(function (key) {\n if (object[key] != null) {\n object[key] = unvisit(object[key], schema[key]);\n }\n });\n return object;\n};\n\nvar ObjectSchema =\n/*#__PURE__*/\nfunction () {\n function ObjectSchema(definition) {\n this.define(definition);\n }\n\n var _proto = ObjectSchema.prototype;\n\n _proto.define = function define(definition) {\n this.schema = Object.keys(definition).reduce(function (entitySchema, key) {\n var _extends2;\n\n var schema = definition[key];\n return _extends({}, entitySchema, (_extends2 = {}, _extends2[key] = schema, _extends2));\n }, this.schema || {});\n };\n\n _proto.normalize = function normalize() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _normalize.apply(void 0, [this.schema].concat(args));\n };\n\n _proto.denormalize = function denormalize() {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _denormalize.apply(void 0, [this.schema].concat(args));\n };\n\n return ObjectSchema;\n}();\n\nvar visit = function visit(value, parent, key, schema, addEntity, visitedEntities) {\n if (typeof value !== 'object' || !value) {\n return value;\n }\n\n if (typeof schema === 'object' && (!schema.normalize || typeof schema.normalize !== 'function')) {\n var method = Array.isArray(schema) ? normalize : _normalize;\n return method(schema, value, parent, key, visit, addEntity, visitedEntities);\n }\n\n return schema.normalize(value, parent, key, visit, addEntity, visitedEntities);\n};\n\nvar addEntities = function addEntities(entities) {\n return function (schema, processedEntity, value, parent, key) {\n var schemaKey = schema.key;\n var id = schema.getId(value, parent, key);\n\n if (!(schemaKey in entities)) {\n entities[schemaKey] = {};\n }\n\n var existingEntity = entities[schemaKey][id];\n\n if (existingEntity) {\n entities[schemaKey][id] = schema.merge(existingEntity, processedEntity);\n } else {\n entities[schemaKey][id] = processedEntity;\n }\n };\n};\n\nvar schema = {\n Array: ArraySchema,\n Entity: EntitySchema,\n Object: ObjectSchema,\n Union: UnionSchema,\n Values: ValuesSchema\n};\nvar normalize$1 = function normalize(input, schema) {\n if (!input || typeof input !== 'object') {\n throw new Error(\"Unexpected input given to normalize. Expected type to be \\\"object\\\", found \\\"\" + (input === null ? 'null' : typeof input) + \"\\\".\");\n }\n\n var entities = {};\n var addEntity = addEntities(entities);\n var visitedEntities = {};\n var result = visit(input, input, null, schema, addEntity, visitedEntities);\n return {\n entities: entities,\n result: result\n };\n};\n\nvar unvisitEntity = function unvisitEntity(id, schema, unvisit, getEntity, cache) {\n var entity = getEntity(id, schema);\n\n if (entity === undefined && schema instanceof EntitySchema) {\n entity = schema.fallback(id, schema);\n }\n\n if (typeof entity !== 'object' || entity === null) {\n return entity;\n }\n\n if (!cache[schema.key]) {\n cache[schema.key] = {};\n }\n\n if (!cache[schema.key][id]) {\n // Ensure we don't mutate it non-immutable objects\n var entityCopy = isImmutable(entity) ? entity : _extends({}, entity); // Need to set this first so that if it is referenced further within the\n // denormalization the reference will already exist.\n\n cache[schema.key][id] = entityCopy;\n cache[schema.key][id] = schema.denormalize(entityCopy, unvisit);\n }\n\n return cache[schema.key][id];\n};\n\nvar getUnvisit = function getUnvisit(entities) {\n var cache = {};\n var getEntity = getEntities(entities);\n return function unvisit(input, schema) {\n if (typeof schema === 'object' && (!schema.denormalize || typeof schema.denormalize !== 'function')) {\n var method = Array.isArray(schema) ? denormalize : _denormalize;\n return method(schema, input, unvisit);\n }\n\n if (input === undefined || input === null) {\n return input;\n }\n\n if (schema instanceof EntitySchema) {\n return unvisitEntity(input, schema, unvisit, getEntity, cache);\n }\n\n return schema.denormalize(input, unvisit);\n };\n};\n\nvar getEntities = function getEntities(entities) {\n var isImmutable$1 = isImmutable(entities);\n return function (entityOrId, schema) {\n var schemaKey = schema.key;\n\n if (typeof entityOrId === 'object') {\n return entityOrId;\n }\n\n if (isImmutable$1) {\n return entities.getIn([schemaKey, entityOrId.toString()]);\n }\n\n return entities[schemaKey] && entities[schemaKey][entityOrId];\n };\n};\n\nvar denormalize$1 = function denormalize(input, schema, entities) {\n if (typeof input !== 'undefined') {\n return getUnvisit(entities)(input, schema);\n }\n};\n\nexport { denormalize$1 as denormalize, normalize$1 as normalize, schema };\n","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nexport default {\n label: {\n color: COLORS.TEXT.DARK_GREY.NORMAL,\n display: 'flex',\n fontSize: '16px',\n lineHeight: '18px',\n margin: '0 0 8px',\n '&$small': {\n margin: '0 0 6px'\n }\n },\n spaceBetween: {\n justifyContent: 'space-between'\n },\n gapLeft: {\n margin: '0 0 0 8px',\n '&$small': {\n margin: '0 0 0 6px'\n }\n },\n gapRight: {\n margin: '0 8px 0 0',\n '&$small': {\n margin: '0 6px 0 0'\n }\n },\n small: {\n fontSize: '12px',\n lineHeight: '12px'\n },\n asterisk: {\n color: COLORS.RED.NORMAL,\n marginLeft: '.2em'\n }\n}\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './form-label.styles'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nconst FormLabel = ({\n classes,\n className,\n spaceBetween,\n gapLeft,\n gapRight,\n small,\n required,\n children,\n ...props\n}) => (\n \n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nexports.EXITING = EXITING;\n\nvar Transition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n var _proto = Transition.prototype;\n\n _proto.getChildContext = function getChildContext() {\n return {\n transitionGroup: null // allows for nested Transitions\n\n };\n };\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n }; // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n var node = _reactDom.default.findDOMNode(this);\n\n if (nextStatus === ENTERING) {\n this.performEnter(node, mounting);\n } else {\n this.performExit(node);\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(node, mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node);\n });\n return;\n }\n\n this.props.onEnter(node, appearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(node, appearing);\n\n _this2.onTransitionEnd(node, enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node, appearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit(node) {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED\n\n if (!exit) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n return;\n }\n\n this.props.onExit(node);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(node);\n\n _this3.onTransitionEnd(node, timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {\n this.setNextCallback(handler);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n this.props.addEndListener(node, this.nextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\"]); // filter props for Transtition\n\n\n delete childProps.in;\n delete childProps.mountOnEnter;\n delete childProps.unmountOnExit;\n delete childProps.appear;\n delete childProps.enter;\n delete childProps.exit;\n delete childProps.timeout;\n delete childProps.addEndListener;\n delete childProps.onEnter;\n delete childProps.onEntering;\n delete childProps.onEntered;\n delete childProps.onExit;\n delete childProps.onExiting;\n delete childProps.onExited;\n\n if (typeof children === 'function') {\n return children(status, childProps);\n }\n\n var child = _react.default.Children.only(children);\n\n return _react.default.cloneElement(child, childProps);\n };\n\n return Transition;\n}(_react.default.Component);\n\nTransition.contextTypes = {\n transitionGroup: PropTypes.object\n};\nTransition.childContextTypes = {\n transitionGroup: function transitionGroup() {}\n};\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * \n \n \n {mediaNav.activeMediaIndex + 1} / {mediaNav.mediaLength}\n \n \n
\n )\n }\n)\n\nexport { MediaLoader, MediaPageNav, useMediaNav }\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _warning = require('warning');\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nvar _toCss = require('../utils/toCss');\n\nvar _toCss2 = _interopRequireDefault(_toCss);\n\nvar _toCssValue = require('../utils/toCssValue');\n\nvar _toCssValue2 = _interopRequireDefault(_toCssValue);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar StyleRule = function () {\n function StyleRule(key, style, options) {\n _classCallCheck(this, StyleRule);\n\n this.type = 'style';\n this.isProcessed = false;\n var sheet = options.sheet,\n Renderer = options.Renderer,\n selector = options.selector;\n\n this.key = key;\n this.options = options;\n this.style = style;\n if (selector) this.selectorText = selector;\n this.renderer = sheet ? sheet.renderer : new Renderer();\n }\n\n /**\n * Set selector string.\n * Attention: use this with caution. Most browsers didn't implement\n * selectorText setter, so this may result in rerendering of entire Style Sheet.\n */\n\n\n _createClass(StyleRule, [{\n key: 'prop',\n\n\n /**\n * Get or set a style property.\n */\n value: function prop(name, value) {\n // It's a getter.\n if (value === undefined) return this.style[name];\n\n // Don't do anything if the value has not changed.\n if (this.style[name] === value) return this;\n\n value = this.options.jss.plugins.onChangeValue(value, name, this);\n\n var isEmpty = value == null || value === false;\n var isDefined = name in this.style;\n\n // Value is empty and wasn't defined before.\n if (isEmpty && !isDefined) return this;\n\n // We are going to remove this value.\n var remove = isEmpty && isDefined;\n\n if (remove) delete this.style[name];else this.style[name] = value;\n\n // Renderable is defined if StyleSheet option `link` is true.\n if (this.renderable) {\n if (remove) this.renderer.removeProperty(this.renderable, name);else this.renderer.setProperty(this.renderable, name, value);\n return this;\n }\n\n var sheet = this.options.sheet;\n\n if (sheet && sheet.attached) {\n (0, _warning2['default'])(false, 'Rule is not linked. Missing sheet option \"link: true\".');\n }\n return this;\n }\n\n /**\n * Apply rule to an element inline.\n */\n\n }, {\n key: 'applyTo',\n value: function applyTo(renderable) {\n var json = this.toJSON();\n for (var prop in json) {\n this.renderer.setProperty(renderable, prop, json[prop]);\n }return this;\n }\n\n /**\n * Returns JSON representation of the rule.\n * Fallbacks are not supported.\n * Useful for inline styles.\n */\n\n }, {\n key: 'toJSON',\n value: function toJSON() {\n var json = {};\n for (var prop in this.style) {\n var value = this.style[prop];\n if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) !== 'object') json[prop] = value;else if (Array.isArray(value)) json[prop] = (0, _toCssValue2['default'])(value);\n }\n return json;\n }\n\n /**\n * Generates a CSS string.\n */\n\n }, {\n key: 'toString',\n value: function toString(options) {\n var sheet = this.options.sheet;\n\n var link = sheet ? sheet.options.link : false;\n var opts = link ? _extends({}, options, { allowEmpty: true }) : options;\n return (0, _toCss2['default'])(this.selector, this.style, opts);\n }\n }, {\n key: 'selector',\n set: function set(selector) {\n if (selector === this.selectorText) return;\n\n this.selectorText = selector;\n\n if (!this.renderable) return;\n\n var hasChanged = this.renderer.setSelector(this.renderable, selector);\n\n // If selector setter is not implemented, rerender the rule.\n if (!hasChanged && this.renderable) {\n var renderable = this.renderer.replaceRule(this.renderable, this);\n if (renderable) this.renderable = renderable;\n }\n }\n\n /**\n * Get selector string.\n */\n ,\n get: function get() {\n return this.selectorText;\n }\n }]);\n\n return StyleRule;\n}();\n\nexports['default'] = StyleRule;","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nconst styles = {\n button: {\n display: 'inline-block'\n },\n tooltip: {\n display: 'inline-block',\n borderRadius: '8px',\n margin: '10px 0',\n maxWidth: '240px',\n zIndex: '11000',\n pointerEvents: 'none'\n },\n body: {\n boxShadow: '0 2px 5px rgba(0, 0, 0, 0.2)',\n borderRadius: '8px',\n display: 'inline-block',\n backgroundColor: '#313131',\n color: '#fff',\n fontSize: '14px',\n lineHeight: '16px',\n padding: '8px 12px',\n animation: 'open .2s cubic-bezier(0,0,0,1)'\n },\n closing: {\n '& $body': {\n animation: 'close .2s cubic-bezier(0,0,0,1)'\n }\n },\n danger: {\n backgroundColor: COLORS.RED.NORMAL,\n '& $arrow': {\n color: COLORS.RED.NORMAL\n }\n },\n arrow: {\n position: 'absolute',\n width: '20px',\n height: '20px',\n bottom: '-12px',\n color: '#313131',\n '& svg': {\n width: '100%',\n height: '100%'\n }\n },\n arrowBottom: {\n bottom: 'auto',\n top: '-12px'\n },\n '@keyframes open': {\n from: {\n opacity: '0',\n transform: 'translateY(-5px)'\n },\n to: {\n opacity: '1',\n transform: 'translateY(0)'\n }\n },\n '@keyframes close': {\n from: {\n opacity: '1',\n transform: 'translateY(0)'\n },\n to: {\n opacity: '0',\n transform: 'translateY(-5px)'\n }\n }\n}\n\nexport default styles\n","import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { Manager, Reference, Popper } from 'react-popper'\nimport injectSheet from 'react-jss'\nimport styles from './tooltip.styles.js'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport DownArrowIcon from 'react-icons/lib/fa/caret-down'\nimport UpArrowIcon from 'react-icons/lib/fa/caret-up'\n\nconst Tooltip = ({\n classes,\n children,\n content,\n className,\n tooltipClassName,\n danger,\n style,\n as = 'div'\n}) => {\n const [opened, setOpened] = useState(false)\n const [transition, setTransition] = useState('closed')\n const transitionTimeout = useRef(null)\n\n useEffect(() => {\n if (opened) {\n setTransition('opened')\n } else if (transition !== 'closed') {\n setTransition('closing')\n transitionTimeout.current = setTimeout(() => setTransition('closed'), 200)\n }\n return () => {\n clearTimeout(transitionTimeout.current)\n }\n }, [opened])\n\n const Wrapper = as\n return (\n \n {content}\n \n {placement === 'top' &&
\n \n
\n onClose()}\n type=\"button\">\n {cancelButtonText}\n \n {\n action && action()\n onClose()\n }}\n type=\"button\">\n {actionButtonText}\n \n
\n \n \n )\n}\n\nexport default injectSheet(styles)(ConfirmationDialogComponent)\n","export default ({ COLORS }) => ({\n content: {\n width: '300px',\n minWidth: 'auto',\n padding: '0'\n },\n cancelButton: {},\n danger: {\n '& $cancelButton': {\n color: COLORS.TEXT.LIGHT_GREY.NORMAL\n }\n },\n actionButton: {\n minWidth: '100px',\n marginLeft: '5px'\n },\n text: {\n margin: '0',\n fontSize: '18px',\n lineHeight: '22px',\n padding: '20px'\n },\n buttonHolder: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'flex-end',\n padding: '20px',\n background: '#f9f9f9',\n borderRadius: '0 0 8px 8px'\n },\n overlay: {\n zIndex: '9999'\n }\n})\n","import React, { Component } from 'react'\nimport { defaultState, reducer } from './store/reducer'\nimport ConfirmationDialogComponent from './confirmation-dialog'\nimport dispatcher from './store/dispatcher'\nimport { closeConfirmationDialog } from './store/actions'\n\nclass ConfirmationDialog extends Component {\n constructor(props) {\n super(props)\n this.state = defaultState\n dispatcher.register(action => this.setState(reducer(this.state, action)))\n }\n onClose() {\n dispatcher.dispatch(closeConfirmationDialog())\n }\n render() {\n const {\n opened,\n bodyText,\n confirmText,\n cancelText,\n action,\n theme\n } = this.state\n return (\n \n \n e.currentTarget.files.length &&\n onChange &&\n onChange([...e.currentTarget.files], e)\n }\n className={classes.input}\n type=\"file\"\n id={id}\n {...inputProps}\n {...props}\n />\n \n
\n)\n\nFormFile.propTypes = {\n /** Id of the input DOM node (will be created randomly if not provided) */\n id: PropTypes.string,\n /** Whatever you put inside component will serve as trigger */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node\n ]).isRequired,\n /** Additional className if you want to restyle component */\n className: PropTypes.string,\n /** Object with all additional input props you want to pass. Check official input documentation to get the idea what props os available */\n inputProps: PropTypes.object\n}\n\nexport default injectSheet(styles)(FormFile)\n","export default {\n container: {\n display: 'inline-block'\n },\n input: {\n width: '0.1px',\n height: '0.1px',\n opacity: '0',\n overflow: 'hidden',\n position: 'absolute',\n zIndex: '-1'\n }\n}\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports['default'] = toCssValue;\nvar join = function join(value, by) {\n var result = '';\n for (var i = 0; i < value.length; i++) {\n // Remove !important from the value, it will be readded later.\n if (value[i] === '!important') break;\n if (result) result += by;\n result += value[i];\n }\n return result;\n};\n\n/**\n * Converts array values to string.\n *\n * `margin: [['5px', '10px']]` > `margin: 5px 10px;`\n * `border: ['1px', '2px']` > `border: 1px, 2px;`\n * `margin: [['5px', '10px'], '!important']` > `margin: 5px 10px !important;`\n * `color: ['red', !important]` > `color: red !important;`\n */\nfunction toCssValue(value) {\n var ignoreImportant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n if (!Array.isArray(value)) return value;\n\n var cssValue = '';\n\n // Support space separated values via `[['5px', '10px']]`.\n if (Array.isArray(value[0])) {\n for (var i = 0; i < value.length; i++) {\n if (value[i] === '!important') break;\n if (cssValue) cssValue += ', ';\n cssValue += join(value[i], ' ');\n }\n } else cssValue = join(value, ', ');\n\n // Add !important, because it was ignored.\n if (!ignoreImportant && value[value.length - 1] === '!important') {\n cssValue += ' !important';\n }\n\n return cssValue;\n}","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports['default'] = createRule;\n\nvar _warning = require('warning');\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nvar _StyleRule = require('../rules/StyleRule');\n\nvar _StyleRule2 = _interopRequireDefault(_StyleRule);\n\nvar _cloneStyle = require('../utils/cloneStyle');\n\nvar _cloneStyle2 = _interopRequireDefault(_cloneStyle);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\n/**\n * Create a rule instance.\n */\nfunction createRule() {\n var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'unnamed';\n var decl = arguments[1];\n var options = arguments[2];\n var jss = options.jss;\n\n var declCopy = (0, _cloneStyle2['default'])(decl);\n\n var rule = jss.plugins.onCreateRule(name, declCopy, options);\n if (rule) return rule;\n\n // It is an at-rule and it has no instance.\n if (name[0] === '@') {\n (0, _warning2['default'])(false, '[JSS] Unknown at-rule %s', name);\n }\n\n return new _StyleRule2['default'](name, declCopy, options);\n}","var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nexport var isBrowser = (typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) === \"object\" && (typeof document === \"undefined\" ? \"undefined\" : _typeof(document)) === 'object' && document.nodeType === 9;\n\nexport default isBrowser;\n","import Cookies from 'js-cookie'\nimport { COOKIE_SETTINGS } from 'pobble-components/dist/setup'\n\n/**\n * This component allows communication between different SPAs\n * We set a cookie in one SPA, then receive it in another\n */\nexport class PobbleCookie {\n constructor(cookieName) {\n this.name = cookieName\n }\n set(value, settings) {\n return Cookies.set(this.name, value, {\n ...COOKIE_SETTINGS,\n ...settings\n })\n }\n get() {\n return Cookies.get(this.name, COOKIE_SETTINGS)\n }\n remove() {\n return Cookies.remove(this.name, COOKIE_SETTINGS)\n }\n pull() {\n const cookie = this.get()\n this.remove()\n return cookie\n }\n}\n\n/**\n * Set to true to show last slide on the builder\n * next time user gets there\n */\nexport const LP_SHOW_LAST_SLIDE = new PobbleCookie('LP_SHOW_LAST_SLIDE')\n\n/**\n * Specify the active builder slide\n * for the next time user gets there\n */\nexport const BUILDER_ACTIVE_SLIDE_ID = new PobbleCookie(\n 'BUILDER_ACTIVE_SLIDE_ID'\n)\n\n/**\n * Notify that jwt token has expired\n */\nexport const JWT_EXPIRED = new PobbleCookie('JWT_EXPIRED')\n\n/**\n * Specify a redirect after authentication\n */\nexport const AUTH_REDIRECT = new PobbleCookie('AUTH_REDIRECT')\n\n/**\n * Identify user's first ever session on the platfform\n */\nexport const FIRST_SESSION = new PobbleCookie('FIRST_SESSION')\n","var arrayWithoutHoles = require(\"./arrayWithoutHoles\");\n\nvar iterableToArray = require(\"./iterableToArray\");\n\nvar nonIterableSpread = require(\"./nonIterableSpread\");\n\nfunction _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}\n\nmodule.exports = _toConsumableArray;","var listCacheClear = require('./_listCacheClear'),\n listCacheDelete = require('./_listCacheDelete'),\n listCacheGet = require('./_listCacheGet'),\n listCacheHas = require('./_listCacheHas'),\n listCacheSet = require('./_listCacheSet');\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n}\n\n// Add methods to `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nmodule.exports = ListCache;\n","var eq = require('./eq');\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n var length = array.length;\n while (length--) {\n if (eq(array[length][0], key)) {\n return length;\n }\n }\n return -1;\n}\n\nmodule.exports = assocIndexOf;\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","var getNative = require('./_getNative');\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nmodule.exports = nativeCreate;\n","var isKeyable = require('./_isKeyable');\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n var data = map.__data__;\n return isKeyable(key)\n ? data[typeof key == 'string' ? 'string' : 'hash']\n : data.map;\n}\n\nmodule.exports = getMapData;\n","var isFunction = require('./isFunction'),\n isLength = require('./isLength');\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n return value != null && isLength(value.length) && !isFunction(value);\n}\n\nmodule.exports = isArrayLike;\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/**\n * Converts `value` to a string key if it's not a string or symbol.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {string|symbol} Returns the key.\n */\nfunction toKey(value) {\n if (typeof value == 'string' || isSymbol(value)) {\n return value;\n }\n var result = (value + '');\n return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\nmodule.exports = toKey;\n","/**\n * This method returns the first argument it receives.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Util\n * @param {*} value Any value.\n * @returns {*} Returns `value`.\n * @example\n *\n * var object = { 'a': 1 };\n *\n * console.log(_.identity(object) === object);\n * // => true\n */\nfunction identity(value) {\n return value;\n}\n\nmodule.exports = identity;\n","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nconst styles = {\n checkboxContainer: {\n position: 'relative',\n width: '20px',\n height: '20px',\n display: 'inline-block'\n },\n checkboxDisabled: {\n '& $checkboxBG': {\n backgroundColor: '#DFDFDF',\n borderColor: '#C9C9C9',\n cursor: 'default'\n },\n '& $checkbox': {\n cursor: 'default'\n },\n '& $mark': {\n backgroundColor: '#DFDFDF',\n borderColor: '#C9C9C9'\n }\n },\n checkbox: {\n width: '20px',\n height: '20px',\n border: 'none',\n opacity: '0',\n cursor: 'pointer',\n '&:checked + $checkboxBG': {\n borderColor: 'transparent',\n '& > span': {\n opacity: '1',\n transform: 'scale(1)'\n }\n }\n },\n checkboxBG: {\n position: 'absolute',\n pointerEvents: 'none',\n left: '0',\n top: '0',\n width: '20px',\n height: '20px',\n border: '1px solid #dedede',\n backgroundColor: '#fafafa',\n borderRadius: '4px',\n display: 'inline-block',\n cursor: 'pointer',\n '& *': {\n pointerEvents: 'none'\n }\n },\n mark: {\n display: 'block',\n transform: 'scale(0.1)',\n transition:\n 'transform 350ms cubic-bezier(0.38, 0.57, 0.57, 1.62), opacity 250ms ease-in',\n opacity: '0',\n width: '20px',\n height: '20px',\n border: `1px solid ${COLORS.BLUE.NORMAL}`,\n backgroundColor: COLORS.BLUE.EXTRA_FADED,\n borderRadius: '4px',\n padding: '2px',\n margin: '-1px 0 0 -1px',\n '& svg': {\n color: '#fff',\n width: '14px'\n }\n }\n}\n\nexport default styles\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './form-checkbox.styles.js'\nimport CheckIcon from 'react-icons/lib/fa/check'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nclass FormCheckbox extends Component {\n render() {\n const {\n classes,\n id,\n name,\n checked,\n onChange,\n checkboxProps,\n disabled,\n className,\n ...props\n } = this.props\n return (\n - \n
\n \n
\n)\n\nexport default injectSheet(styles)(GroupItem)\n","import { createSelector } from 'reselect'\nimport { schema, normalize } from 'normalizr'\n\nconst normalizeGroups = data => {\n const group = new schema.Entity('groups')\n return normalize(data, [group])\n}\n\nconst getGroups = groups => groups\n\nconst getNormalizedGroups = createSelector(\n [getGroups],\n groups => normalizeGroups(groups)\n)\n\nconst getGroupsMap = createSelector(\n [getNormalizedGroups],\n normalizedGroups => normalizedGroups.entities.groups\n)\n\nconst getGroup = (groups, id) => getGroupsMap(groups)[id]\n\nconst getFilteredGroups = (groups, selectedCategory) =>\n selectedCategory === 'ALL'\n ? groups\n : groups.filter(group => group.category === selectedCategory)\n\nexport { getGroup, getFilteredGroups }\n","import React from 'react'\nimport GroupItem from './group-item'\nimport { getGroup } from '../../store/selectors'\nimport { withGroups } from '../../context/groups.context'\nimport { withStore } from '../../context/store.context'\nimport { changeGroupStatus } from '../../store/actions'\n\nconst GroupItemContainer = ({ id, groups, store }) => {\n const group = getGroup(groups, id)\n return (\n \n {groups.map(({ id }) => (\n
\n)\n\nexport default Groups\n","import THEME from 'pobble-components/dist/theme'\n\nconst { FONT_SIZES, COLORS } = THEME\n\nexport default {\n message: {\n margin: '0',\n color: COLORS.TEXT.LIGHT_GREY.NORMAL,\n padding: '20px',\n ...FONT_SIZES.HEADING_DEFAULT.STYLE\n }\n}\n","import React from 'react'\nimport styles from './warning-message.styles'\nimport injectSheet from 'react-jss'\n\nconst WarningMessage = ({ classes, children }) => (\n {children}
\n)\n\nexport default injectSheet(styles)(WarningMessage)\n","import React, { PureComponent } from 'react'\nimport Groups from './groups'\nimport WarningMessage from './warning-message/warning-message'\nimport { withGroups } from '../context/groups.context'\nimport { withStore } from '../context/store.context'\nimport { getFilteredGroups } from '../store/selectors'\n\nclass GroupsContainerComponent extends PureComponent {\n render() {\n const { groups, className, selectedCategory } = this.props\n const filteredGroups = getFilteredGroups(groups, selectedCategory)\n if (!groups.length)\n return\n
\n)\n\nGroupsSelection.propTypes = {\n /** Additional className for restyling purposes */\n className: PropTypes.string\n}\n\nexport default injectSheet(styles)(GroupsSelection)\n","export default {\n groups: {\n height: '100%',\n flex: '1',\n overflow: 'auto',\n padding: '0 20px'\n },\n categories: {\n width: '150px',\n flexShrink: '0',\n borderRight: '1px solid #ececec',\n overflow: 'auto',\n '@media (max-width: 450px)': {\n display: 'none'\n }\n },\n wrapper: {\n height: '100%',\n width: '100%',\n display: 'flex',\n backgroundColor: '#fff'\n }\n}\n","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'far';\nvar iconName = 'file';\nvar width = 384;\nvar height = 512;\nvar ligatures = [];\nvar unicode = 'f15b';\nvar svgPathData = 'M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z';\n\nexports.definition = {\n prefix: prefix,\n iconName: iconName,\n icon: [\n width,\n height,\n ligatures,\n unicode,\n svgPathData\n ]};\n\nexports.faFile = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = ligatures;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './bone.styles.js'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nconst Bone = ({ classes, style, className }) => (\n \n)\n\nBone.propTypes = {\n /** Restyle bone with inline styles */\n style: PropTypes.object,\n /** Restyle bone by providing additional className */\n className: PropTypes.string\n}\n\nexport default injectSheet(styles)(Bone)\n","export default {\n bone: ({ btn }) => ({\n display: btn ? 'block' : 'inline-block',\n height: btn ? '40px' : '14px',\n width: '100%',\n backgroundColor: '#f3f3f3',\n borderRadius: btn ? '4px' : '30px',\n background: 'linear-gradient(-90deg, #ececec 0%, #fff 50%, #ececec 100%)',\n backgroundSize: '400% 400%',\n animation: 'pulse 1.2s ease-in-out infinite'\n }),\n '@keyframes pulse': {\n '0%': {\n backgroundPosition: '0% 0%'\n },\n '100%': {\n backgroundPosition: '-135% 0%'\n }\n }\n}\n","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nconst styles = {\n radioContainer: {\n position: 'relative',\n width: '20px',\n height: '20px',\n display: 'inline-block'\n },\n disabled: {\n '& $radioBG': {\n backgroundColor: '#DFDFDF',\n borderColor: '#C9C9C9'\n },\n '& $mark': {\n backgroundColor: '#DFDFDF',\n borderColor: '#C9C9C9'\n }\n },\n radioButton: {\n width: '20px',\n height: '20px',\n border: 'none',\n opacity: '0',\n cursor: 'pointer',\n '&:checked + span': {\n '& > span': {\n opacity: '1',\n transform: 'scale(1)'\n }\n }\n },\n radioBG: {\n position: 'absolute',\n pointerEvents: 'none',\n left: '0',\n top: '0',\n width: '20px',\n height: '20px',\n border: '1px solid #dedede',\n backgroundColor: '#fafafa',\n borderRadius: '100%',\n display: 'inline-block',\n cursor: 'pointer',\n '& *': {\n pointerEvents: 'none'\n }\n },\n mark: {\n display: 'block',\n transform: 'scale(0.1)',\n transition:\n 'transform 350ms cubic-bezier(0.38, 0.57, 0.57, 1.62), opacity 250ms ease-in',\n opacity: '0',\n width: '12px',\n height: '12px',\n border: `1px solid ${COLORS.BLUE.NORMAL}`,\n backgroundColor: COLORS.BLUE.EXTRA_FADED,\n borderRadius: '100%',\n padding: '2px',\n margin: '3px 0 0 3px',\n '& svg': {\n color: '#fff',\n width: '14px'\n }\n }\n}\n\nexport default styles\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './form-radio.styles.js'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nclass FormRadio extends Component {\n render() {\n const {\n classes,\n name,\n id,\n checked,\n onChange,\n value,\n radioProps,\n disabled,\n ...props\n } = this.props\n return (\n \n {illustration === 'octopus' && (\n 
\n )}\n {illustration === 'icecream' && (\n 
\n )}\n {illustration === 'candy' && (\n 
\n )}\n {children}\n
\n )\n}\n\nexport default injectSheet(styles)(NoItemsPlaceholder)\n","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'search';\nvar width = 512;\nvar height = 512;\nvar ligatures = [];\nvar unicode = 'f002';\nvar svgPathData = 'M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z';\n\nexports.definition = {\n prefix: prefix,\n iconName: iconName,\n icon: [\n width,\n height,\n ligatures,\n unicode,\n svgPathData\n ]};\n\nexports.faSearch = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = ligatures;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'caret-circle-left';\nvar width = 512;\nvar height = 512;\nvar ligatures = [];\nvar unicode = 'f32e';\nvar svgPathData = 'M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zm27.5-379.5l-123 123c-4.7 4.7-4.7 12.3 0 17l123 123c7.6 7.6 20.5 2.2 20.5-8.5V133c0-10.7-12.9-16.1-20.5-8.5z';\n\nexports.definition = {\n prefix: prefix,\n iconName: iconName,\n icon: [\n width,\n height,\n ligatures,\n unicode,\n svgPathData\n ]};\n\nexports.faCaretCircleLeft = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = ligatures;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'caret-circle-right';\nvar width = 512;\nvar height = 512;\nvar ligatures = [];\nvar unicode = 'f330';\nvar svgPathData = 'M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-27.5 379.5l123-123c4.7-4.7 4.7-12.3 0-17l-123-123c-7.6-7.6-20.5-2.2-20.5 8.5v246c0 10.7 12.9 16.1 20.5 8.5z';\n\nexports.definition = {\n prefix: prefix,\n iconName: iconName,\n icon: [\n width,\n height,\n ligatures,\n unicode,\n svgPathData\n ]};\n\nexports.faCaretCircleRight = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = ligatures;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar Point =\n/**\n *\n * @param {number} x\n * @param {number} y\n */\nfunction Point(x, y) {\n _classCallCheck(this, Point);\n\n this.x = x;\n this.y = y;\n};\n\nexports.default = Point;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _Point2 = require('./Point');\n\nvar _Point3 = _interopRequireDefault(_Point2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar LazyPoint = function (_Point) {\n _inherits(LazyPoint, _Point);\n\n function LazyPoint() {\n _classCallCheck(this, LazyPoint);\n\n return _possibleConstructorReturn(this, (LazyPoint.__proto__ || Object.getPrototypeOf(LazyPoint)).apply(this, arguments));\n }\n\n _createClass(LazyPoint, [{\n key: 'update',\n\n /**\n * Update the x and y values\n *\n * @param {Point} point\n */\n value: function update(point) {\n this.x = point.x;\n this.y = point.y;\n }\n\n /**\n * Move the point to another position using an angle and distance\n *\n * @param {number} angle The angle in radians\n * @param {number} distance How much the point should be moved\n */\n\n }, {\n key: 'moveByAngle',\n value: function moveByAngle(angle, distance) {\n // Rotate the angle based on the browser coordinate system ([0,0] in the top left)\n var angleRotated = angle + Math.PI / 2;\n\n this.x = this.x + Math.sin(angleRotated) * distance, this.y = this.y - Math.cos(angleRotated) * distance;\n }\n\n /**\n * Check if this point is the same as another point\n *\n * @param {Point} point\n * @returns {boolean}\n */\n\n }, {\n key: 'equalsTo',\n value: function equalsTo(point) {\n return this.x === point.x && this.y === point.y;\n }\n\n /**\n * Get the difference for x and y axis to another point\n *\n * @param {Point} point\n * @returns {Point}\n */\n\n }, {\n key: 'getDifferenceTo',\n value: function getDifferenceTo(point) {\n return new _Point3.default(this.x - point.x, this.y - point.y);\n }\n\n /**\n * Calculate distance to another point\n *\n * @param {Point} point\n * @returns {Point}\n */\n\n }, {\n key: 'getDistanceTo',\n value: function getDistanceTo(point) {\n var diff = this.getDifferenceTo(point);\n\n return Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2));\n }\n\n /**\n * Calculate the angle to another point\n *\n * @param {Point} point\n * @returns {Point}\n */\n\n }, {\n key: 'getAngleTo',\n value: function getAngleTo(point) {\n var diff = this.getDifferenceTo(point);\n\n return Math.atan2(diff.y, diff.x);\n }\n\n /**\n * Return a simple object with x and y properties\n *\n * @returns {object}\n */\n\n }, {\n key: 'toObject',\n value: function toObject() {\n return {\n x: this.x,\n y: this.y\n };\n }\n }]);\n\n return LazyPoint;\n}(_Point3.default);\n\nexports.default = LazyPoint;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _LazyPoint = require('./LazyPoint');\n\nvar _LazyPoint2 = _interopRequireDefault(_LazyPoint);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar RADIUS_DEFAULT = 30;\n\nvar LazyBrush = function () {\n /**\n * constructor\n *\n * @param {object} settings\n * @param {number} settings.radius The radius for the lazy area\n * @param {boolean} settings.enabled\n */\n function LazyBrush() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref$radius = _ref.radius,\n radius = _ref$radius === undefined ? RADIUS_DEFAULT : _ref$radius,\n _ref$enabled = _ref.enabled,\n enabled = _ref$enabled === undefined ? true : _ref$enabled,\n _ref$initialPoint = _ref.initialPoint,\n initialPoint = _ref$initialPoint === undefined ? { x: 0, y: 0 } : _ref$initialPoint;\n\n _classCallCheck(this, LazyBrush);\n\n this.radius = radius;\n this._isEnabled = enabled;\n\n this.pointer = new _LazyPoint2.default(initialPoint.x, initialPoint.y);\n this.brush = new _LazyPoint2.default(initialPoint.x, initialPoint.y);\n\n this.angle = 0;\n this.distance = 0;\n this._hasMoved = false;\n }\n\n /**\n * Enable lazy brush calculations.\n *\n */\n\n\n _createClass(LazyBrush, [{\n key: 'enable',\n value: function enable() {\n this._isEnabled = true;\n }\n\n /**\n * Disable lazy brush calculations.\n *\n */\n\n }, {\n key: 'disable',\n value: function disable() {\n this._isEnabled = false;\n }\n\n /**\n * @returns {boolean}\n */\n\n }, {\n key: 'isEnabled',\n value: function isEnabled() {\n return this._isEnabled;\n }\n\n /**\n * Update the radius\n *\n * @param {number} radius\n */\n\n }, {\n key: 'setRadius',\n value: function setRadius(radius) {\n this.radius = radius;\n }\n\n /**\n * Return the current radius\n *\n * @returns {number}\n */\n\n }, {\n key: 'getRadius',\n value: function getRadius() {\n return this.radius;\n }\n\n /**\n * Return the brush coordinates as a simple object\n *\n * @returns {object}\n */\n\n }, {\n key: 'getBrushCoordinates',\n value: function getBrushCoordinates() {\n return this.brush.toObject();\n }\n\n /**\n * Return the pointer coordinates as a simple object\n *\n * @returns {object}\n */\n\n }, {\n key: 'getPointerCoordinates',\n value: function getPointerCoordinates() {\n return this.pointer.toObject();\n }\n\n /**\n * Return the brush as a LazyPoint\n *\n * @returns {LazyPoint}\n */\n\n }, {\n key: 'getBrush',\n value: function getBrush() {\n return this.brush;\n }\n\n /**\n * Return the pointer as a LazyPoint\n *\n * @returns {LazyPoint}\n */\n\n }, {\n key: 'getPointer',\n value: function getPointer() {\n return this.pointer;\n }\n\n /**\n * Return the angle between pointer and brush\n *\n * @returns {number} Angle in radians\n */\n\n }, {\n key: 'getAngle',\n value: function getAngle() {\n return this.angle;\n }\n\n /**\n * Return the distance between pointer and brush\n *\n * @returns {number} Distance in pixels\n */\n\n }, {\n key: 'getDistance',\n value: function getDistance() {\n return this.distance;\n }\n\n /**\n * Return if the previous update has moved the brush.\n *\n * @returns {boolean} Whether the brush moved previously.\n */\n\n }, {\n key: 'brushHasMoved',\n value: function brushHasMoved() {\n return this._hasMoved;\n }\n\n /**\n * Updates the pointer point and calculates the new brush point.\n *\n * @param {Point} newPointerPoint\n * @param {Object} options\n * @param {Boolean} options.both Force update pointer and brush\n * @returns {Boolean} Whether any of the two points changed\n */\n\n }, {\n key: 'update',\n value: function update(newPointerPoint) {\n var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref2$both = _ref2.both,\n both = _ref2$both === undefined ? false : _ref2$both;\n\n this._hasMoved = false;\n if (this.pointer.equalsTo(newPointerPoint) && !both) {\n return false;\n }\n\n this.pointer.update(newPointerPoint);\n\n if (both) {\n this._hasMoved = true;\n this.brush.update(newPointerPoint);\n return true;\n }\n\n if (this._isEnabled) {\n this.distance = this.pointer.getDistanceTo(this.brush);\n this.angle = this.pointer.getAngleTo(this.brush);\n\n if (this.distance > this.radius) {\n this.brush.moveByAngle(this.angle, this.distance - this.radius);\n this._hasMoved = true;\n }\n } else {\n this.distance = 0;\n this.angle = 0;\n this.brush.update(newPointerPoint);\n this._hasMoved = true;\n }\n\n return true;\n }\n }]);\n\n return LazyBrush;\n}();\n\nexports.default = LazyBrush;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.LazyPoint = exports.Point = exports.LazyBrush = undefined;\n\nvar _LazyBrush = require('./LazyBrush');\n\nvar _LazyBrush2 = _interopRequireDefault(_LazyBrush);\n\nvar _Point = require('./Point');\n\nvar _Point2 = _interopRequireDefault(_Point);\n\nvar _LazyPoint = require('./LazyPoint');\n\nvar _LazyPoint2 = _interopRequireDefault(_LazyPoint);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.LazyBrush = _LazyBrush2.default;\nexports.Point = _Point2.default;\nexports.LazyPoint = _LazyPoint2.default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar Point = function () {\n /**\n *\n * @param {number} x\n * @param {number} y\n */\n function Point(x, y) {\n _classCallCheck(this, Point);\n\n this.x = x;\n this.y = y;\n }\n\n /**\n * Update the x and y values\n *\n * @param {Point} point\n */\n\n\n _createClass(Point, [{\n key: \"update\",\n value: function update(point) {\n this.x = point.x;\n this.y = point.y;\n }\n\n /**\n * Get the difference for x and y axis to another point\n *\n * @param {Point} point\n * @returns {Point}\n */\n\n }, {\n key: \"getDifferenceTo\",\n value: function getDifferenceTo(point) {\n return new Point(this.x - point.x, this.y - point.y);\n }\n\n /**\n * Calculate distance to another point\n *\n * @param {Point} point\n * @returns {Point}\n */\n\n }, {\n key: \"getDistanceTo\",\n value: function getDistanceTo(point) {\n var diff = this.getDifferenceTo(point);\n\n return Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2));\n }\n }]);\n\n return Point;\n}();\n\nexports.default = Point;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**\n * Given two points and a length, calculate and draw the catenary.\n * \n * JavaScript implementation:\n * Copyright (c) 2018 Jan Hug \n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\nexport default function update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n let data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {},\n };\n\n // compute reference element offsets\n data.offsets.reference = getReferenceOffsets(\n this.state,\n this.popper,\n this.reference,\n this.options.positionFixed\n );\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n data.placement = computeAutoPlacement(\n this.options.placement,\n data.offsets.reference,\n this.popper,\n this.reference,\n this.options.modifiers.flip.boundariesElement,\n this.options.modifiers.flip.padding\n );\n\n // store the computed placement inside `originalPlacement`\n data.originalPlacement = data.placement;\n\n data.positionFixed = this.options.positionFixed;\n\n // compute the popper offsets\n data.offsets.popper = getPopperOffsets(\n this.popper,\n data.offsets.reference,\n data.placement\n );\n\n data.offsets.popper.position = this.options.positionFixed\n ? 'fixed'\n : 'absolute';\n\n // run the modifiers\n data = runModifiers(this.modifiers, data);\n\n // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n","/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\nexport default function isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(\n ({ name, enabled }) => enabled && name === modifierName\n );\n}\n","/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\nexport default function getSupportedPropertyName(property) {\n const prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n const upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (let i = 0; i < prefixes.length; i++) {\n const prefix = prefixes[i];\n const toCheck = prefix ? `${prefix}${upperProp}` : property;\n if (typeof document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n return null;\n}\n","import isModifierEnabled from '../utils/isModifierEnabled';\nimport getSupportedPropertyName from '../utils/getSupportedPropertyName';\n\n/**\n * Destroys the popper.\n * @method\n * @memberof Popper\n */\nexport default function destroy() {\n this.state.isDestroyed = true;\n\n // touch DOM only if `applyStyle` modifier is enabled\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style.left = '';\n this.popper.style.right = '';\n this.popper.style.bottom = '';\n this.popper.style.willChange = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners();\n\n // remove the popper if user explicity asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n return this;\n}\n","/**\n * Get the window associated with the element\n * @argument {Element} element\n * @returns {Window}\n */\nexport default function getWindow(element) {\n const ownerDocument = element.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView : window;\n}\n","import getScrollParent from './getScrollParent';\nimport getWindow from './getWindow';\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n const isBody = scrollParent.nodeName === 'BODY';\n const target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;\n target.addEventListener(event, callback, { passive: true });\n\n if (!isBody) {\n attachToScrollParents(\n getScrollParent(target.parentNode),\n event,\n callback,\n scrollParents\n );\n }\n scrollParents.push(target);\n}\n\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function setupEventListeners(\n reference,\n options,\n state,\n updateBound\n) {\n // Resize event listener on window\n state.updateBound = updateBound;\n getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });\n\n // Scroll event listener on scroll parents\n const scrollElement = getScrollParent(reference);\n attachToScrollParents(\n scrollElement,\n 'scroll',\n state.updateBound,\n state.scrollParents\n );\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n\n return state;\n}\n","import setupEventListeners from '../utils/setupEventListeners';\n\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\nexport default function enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(\n this.reference,\n this.options,\n this.state,\n this.scheduleUpdate\n );\n }\n}\n","import removeEventListeners from '../utils/removeEventListeners';\n\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger `onUpdate` callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\nexport default function disableEventListeners() {\n if (this.state.eventsEnabled) {\n cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n","import getWindow from './getWindow';\n\n/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function removeEventListeners(reference, state) {\n // Remove resize event listener on window\n getWindow(reference).removeEventListener('resize', state.updateBound);\n\n // Remove scroll event listener on scroll parents\n state.scrollParents.forEach(target => {\n target.removeEventListener('scroll', state.updateBound);\n });\n\n // Reset state\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n","/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\nexport default function isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n","import isNumeric from './isNumeric';\n\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nexport default function setStyles(element, styles) {\n Object.keys(styles).forEach(prop => {\n let unit = '';\n // add unit if the value is numeric and is one of the following\n if (\n ['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !==\n -1 &&\n isNumeric(styles[prop])\n ) {\n unit = 'px';\n }\n element.style[prop] = styles[prop] + unit;\n });\n}\n","import getSupportedPropertyName from '../utils/getSupportedPropertyName';\nimport find from '../utils/find';\nimport getOffsetParent from '../utils/getOffsetParent';\nimport getBoundingClientRect from '../utils/getBoundingClientRect';\nimport getRoundedOffsets from '../utils/getRoundedOffsets';\nimport isBrowser from '../utils/isBrowser';\n\nconst isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function computeStyle(data, options) {\n const { x, y } = options;\n const { popper } = data.offsets;\n\n // Remove this legacy support in Popper.js v2\n const legacyGpuAccelerationOption = find(\n data.instance.modifiers,\n modifier => modifier.name === 'applyStyle'\n ).gpuAcceleration;\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn(\n 'WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!'\n );\n }\n const gpuAcceleration =\n legacyGpuAccelerationOption !== undefined\n ? legacyGpuAccelerationOption\n : options.gpuAcceleration;\n\n const offsetParent = getOffsetParent(data.instance.popper);\n const offsetParentRect = getBoundingClientRect(offsetParent);\n\n // Styles\n const styles = {\n position: popper.position,\n };\n\n const offsets = getRoundedOffsets(\n data,\n window.devicePixelRatio < 2 || !isFirefox\n );\n\n const sideA = x === 'bottom' ? 'top' : 'bottom';\n const sideB = y === 'right' ? 'left' : 'right';\n\n // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n const prefixedProperty = getSupportedPropertyName('transform');\n\n // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n let left, top;\n if (sideA === 'bottom') {\n // when offsetParent is the positioning is relative to the bottom of the screen (excluding the scrollbar)\n // and not the bottom of the html element\n if (offsetParent.nodeName === 'HTML') {\n top = -offsetParent.clientHeight + offsets.bottom;\n } else {\n top = -offsetParentRect.height + offsets.bottom;\n }\n } else {\n top = offsets.top;\n }\n if (sideB === 'right') {\n if (offsetParent.nodeName === 'HTML') {\n left = -offsetParent.clientWidth + offsets.right;\n } else {\n left = -offsetParentRect.width + offsets.right;\n }\n } else {\n left = offsets.left;\n }\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = `translate3d(${left}px, ${top}px, 0)`;\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n const invertTop = sideA === 'bottom' ? -1 : 1;\n const invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = `${sideA}, ${sideB}`;\n }\n\n // Attributes\n const attributes = {\n 'x-placement': data.placement,\n };\n\n // Update `data` attributes, styles and arrowStyles\n data.attributes = { ...attributes, ...data.attributes };\n data.styles = { ...styles, ...data.styles };\n data.arrowStyles = { ...data.offsets.arrow, ...data.arrowStyles };\n\n return data;\n}\n","import find from './find';\n\n/**\n * Helper used to know if the given modifier depends from another one.
\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\nexport default function isModifierRequired(\n modifiers,\n requestingName,\n requestedName\n) {\n const requesting = find(modifiers, ({ name }) => name === requestingName);\n\n const isRequired =\n !!requesting &&\n modifiers.some(modifier => {\n return (\n modifier.name === requestedName &&\n modifier.enabled &&\n modifier.order < requesting.order\n );\n });\n\n if (!isRequired) {\n const requesting = `\\`${requestingName}\\``;\n const requested = `\\`${requestedName}\\``;\n console.warn(\n `${requested} modifier is required by ${requesting} modifier in order to work, be sure to include it before ${requesting}!`\n );\n }\n return isRequired;\n}\n","/**\n * List of accepted placements to use as values of the `placement` option.
\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.
\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-end` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\nexport default [\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n];\n","import placements from '../methods/placements';\n\n// Get rid of `auto` `auto-start` and `auto-end`\nconst validPlacements = placements.slice(3);\n\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\nexport default function clockwise(placement, counter = false) {\n const index = validPlacements.indexOf(placement);\n const arr = validPlacements\n .slice(index + 1)\n .concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n","import getOppositePlacement from '../utils/getOppositePlacement';\nimport getOppositeVariation from '../utils/getOppositeVariation';\nimport getPopperOffsets from '../utils/getPopperOffsets';\nimport runModifiers from '../utils/runModifiers';\nimport getBoundaries from '../utils/getBoundaries';\nimport isModifierEnabled from '../utils/isModifierEnabled';\nimport clockwise from '../utils/clockwise';\n\nconst BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise',\n};\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n options.boundariesElement,\n data.positionFixed\n );\n\n let placement = data.placement.split('-')[0];\n let placementOpposite = getOppositePlacement(placement);\n let variation = data.placement.split('-')[1] || '';\n\n let flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach((step, index) => {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n\n const popperOffsets = data.offsets.popper;\n const refOffsets = data.offsets.reference;\n\n // using floor because the reference offsets may contain decimals we are not going to consider here\n const floor = Math.floor;\n const overlapsRef =\n (placement === 'left' &&\n floor(popperOffsets.right) > floor(refOffsets.left)) ||\n (placement === 'right' &&\n floor(popperOffsets.left) < floor(refOffsets.right)) ||\n (placement === 'top' &&\n floor(popperOffsets.bottom) > floor(refOffsets.top)) ||\n (placement === 'bottom' &&\n floor(popperOffsets.top) < floor(refOffsets.bottom));\n\n const overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n const overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n const overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n const overflowsBottom =\n floor(popperOffsets.bottom) > floor(boundaries.bottom);\n\n const overflowsBoundaries =\n (placement === 'left' && overflowsLeft) ||\n (placement === 'right' && overflowsRight) ||\n (placement === 'top' && overflowsTop) ||\n (placement === 'bottom' && overflowsBottom);\n\n // flip the variation if required\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n\n // flips variation if reference element overflows boundaries\n const flippedVariationByRef =\n !!options.flipVariations &&\n ((isVertical && variation === 'start' && overflowsLeft) ||\n (isVertical && variation === 'end' && overflowsRight) ||\n (!isVertical && variation === 'start' && overflowsTop) ||\n (!isVertical && variation === 'end' && overflowsBottom));\n\n // flips variation if popper content overflows boundaries\n const flippedVariationByContent =\n !!options.flipVariationsByContent &&\n ((isVertical && variation === 'start' && overflowsRight) ||\n (isVertical && variation === 'end' && overflowsLeft) ||\n (!isVertical && variation === 'start' && overflowsBottom) ||\n (!isVertical && variation === 'end' && overflowsTop));\n\n const flippedVariation = flippedVariationByRef || flippedVariationByContent;\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : '');\n\n // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n data.offsets.popper = {\n ...data.offsets.popper,\n ...getPopperOffsets(\n data.instance.popper,\n data.offsets.reference,\n data.placement\n ),\n };\n\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n","import isNumeric from '../utils/isNumeric';\nimport getClientRect from '../utils/getClientRect';\nimport find from '../utils/find';\n\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\nexport function toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n const split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n const value = +split[1];\n const unit = split[2];\n\n // If it's not a number it's an operator, I guess\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n let element;\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n const rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n let size;\n if (unit === 'vh') {\n size = Math.max(\n document.documentElement.clientHeight,\n window.innerHeight || 0\n );\n } else {\n size = Math.max(\n document.documentElement.clientWidth,\n window.innerWidth || 0\n );\n }\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\nexport function parseOffset(\n offset,\n popperOffsets,\n referenceOffsets,\n basePlacement\n) {\n const offsets = [0, 0];\n\n // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n const useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;\n\n // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n const fragments = offset.split(/(\\+|\\-)/).map(frag => frag.trim());\n\n // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n const divider = fragments.indexOf(\n find(fragments, frag => frag.search(/,|\\s/) !== -1)\n );\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn(\n 'Offsets separated by white space(s) are deprecated, use a comma (,) instead.'\n );\n }\n\n // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n const splitRegex = /\\s*,\\s*|\\s+/;\n let ops = divider !== -1\n ? [\n fragments\n .slice(0, divider)\n .concat([fragments[divider].split(splitRegex)[0]]),\n [fragments[divider].split(splitRegex)[1]].concat(\n fragments.slice(divider + 1)\n ),\n ]\n : [fragments];\n\n // Convert the values with units to absolute pixels to allow our computations\n ops = ops.map((op, index) => {\n // Most of the units rely on the orientation of the popper\n const measurement = (index === 1 ? !useHeight : useHeight)\n ? 'height'\n : 'width';\n let mergeWithPrevious = false;\n return (\n op\n // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce((a, b) => {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, [])\n // Here we convert the string values into number values (in px)\n .map(str => toValue(str, measurement, popperOffsets, referenceOffsets))\n );\n });\n\n // Loop trough the offsets arrays and execute the operations\n ops.forEach((op, index) => {\n op.forEach((frag, index2) => {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\nexport default function offset(data, { offset }) {\n const { placement, offsets: { popper, reference } } = data;\n const basePlacement = placement.split('-')[0];\n\n let offsets;\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n","import applyStyle, { applyStyleOnLoad } from './applyStyle';\nimport computeStyle from './computeStyle';\nimport arrow from './arrow';\nimport flip from './flip';\nimport keepTogether from './keepTogether';\nimport offset from './offset';\nimport preventOverflow from './preventOverflow';\nimport shift from './shift';\nimport hide from './hide';\nimport inner from './inner';\n\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.
\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.
\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\nexport default {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.
\n * It will read the variation of the `placement` property.
\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: shift,\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unit-less, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.
\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the `height`.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.
\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.
\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: offset,\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0,\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * A scenario exists where the reference itself is not within the boundaries.
\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".
\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper. This makes sure the popper always has a little padding\n * between the edges of its container\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier. Can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent',\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near each other\n * without leaving any gap between the two. Especially useful when the arrow is\n * enabled and you want to ensure that it points to its reference element.\n * It cares only about the first axis. You can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: keepTogether,\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjunction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: arrow,\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]',\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: flip,\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations)\n */\n behavior: 'flip',\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position.\n * The popper will never be placed outside of the defined boundaries\n * (except if `keepTogether` is enabled)\n */\n boundariesElement: 'viewport',\n /**\n * @prop {Boolean} flipVariations=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the reference element overlaps its boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariations: false,\n /**\n * @prop {Boolean} flipVariationsByContent=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the popper element overlaps its reference boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariationsByContent: false,\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n /** @prop {ModifierFn} */\n fn: inner,\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: hide,\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: computeStyle,\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: true,\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right',\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define your own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: applyStyle,\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: undefined,\n },\n};\n\n/**\n * The `dataObject` is an object containing all the information used by Popper.js.\n * This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n","import modifiers from '../modifiers/index';\n\n/**\n * Default options provided to Popper.js constructor.
\n * These can be overridden using the `options` argument of Popper.js.
\n * To override an option, simply pass an object with the same\n * structure of the `options` object, as the 3rd argument. For example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\nexport default {\n /**\n * Popper's placement.\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Set this to true if you want popper to position it self in 'fixed' mode\n * @prop {Boolean} positionFixed=false\n */\n positionFixed: false,\n\n /**\n * Whether events (resize, scroll) are initially enabled.\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: () => {},\n\n /**\n * Callback called when the popper is updated. This callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: () => {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js.\n * @prop {modifiers}\n */\n modifiers,\n};\n\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n","/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function shift(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const shiftvariation = placement.split('-')[1];\n\n // if shift shiftvariation is specified, run the modifier\n if (shiftvariation) {\n const { reference, popper } = data.offsets;\n const isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n const side = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n const shiftOffsets = {\n start: { [side]: reference[side] },\n end: {\n [side]: reference[side] + reference[measurement] - popper[measurement],\n },\n };\n\n data.offsets.popper = { ...popper, ...shiftOffsets[shiftvariation] };\n }\n\n return data;\n}\n","import getOffsetParent from '../utils/getOffsetParent';\nimport getBoundaries from '../utils/getBoundaries';\nimport getSupportedPropertyName from '../utils/getSupportedPropertyName';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function preventOverflow(data, options) {\n let boundariesElement =\n options.boundariesElement || getOffsetParent(data.instance.popper);\n\n // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n }\n\n // NOTE: DOM access here\n // resets the popper's position so that the document size can be calculated excluding\n // the size of the popper element itself\n const transformProp = getSupportedPropertyName('transform');\n const popperStyles = data.instance.popper.style; // assignment to help minification\n const { top, left, [transformProp]: transform } = popperStyles;\n popperStyles.top = '';\n popperStyles.left = '';\n popperStyles[transformProp] = '';\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n boundariesElement,\n data.positionFixed\n );\n\n // NOTE: DOM access here\n // restores the original style properties after the offsets have been computed\n popperStyles.top = top;\n popperStyles.left = left;\n popperStyles[transformProp] = transform;\n\n options.boundaries = boundaries;\n\n const order = options.priority;\n let popper = data.offsets.popper;\n\n const check = {\n primary(placement) {\n let value = popper[placement];\n if (\n popper[placement] < boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n return { [placement]: value };\n },\n secondary(placement) {\n const mainSide = placement === 'right' ? 'left' : 'top';\n let value = popper[mainSide];\n if (\n popper[placement] > boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.min(\n popper[mainSide],\n boundaries[placement] -\n (placement === 'right' ? popper.width : popper.height)\n );\n }\n return { [mainSide]: value };\n },\n };\n\n order.forEach(placement => {\n const side =\n ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';\n popper = { ...popper, ...check[side](placement) };\n });\n\n data.offsets.popper = popper;\n\n return data;\n}\n","/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function keepTogether(data) {\n const { popper, reference } = data.offsets;\n const placement = data.placement.split('-')[0];\n const floor = Math.floor;\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n const side = isVertical ? 'right' : 'bottom';\n const opSide = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] =\n floor(reference[opSide]) - popper[measurement];\n }\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOuterSizes from '../utils/getOuterSizes';\nimport isModifierRequired from '../utils/isModifierRequired';\nimport getStyleComputedProperty from '../utils/getStyleComputedProperty';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function arrow(data, options) {\n // arrow depends on keepTogether in order to work\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n let arrowElement = options.element;\n\n // if arrowElement is a string, suppose it's a CSS selector\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement);\n\n // if arrowElement is not found, don't run the modifier\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn(\n 'WARNING: `arrow.element` must be child of its popper element!'\n );\n return data;\n }\n }\n\n const placement = data.placement.split('-')[0];\n const { popper, reference } = data.offsets;\n const isVertical = ['left', 'right'].indexOf(placement) !== -1;\n\n const len = isVertical ? 'height' : 'width';\n const sideCapitalized = isVertical ? 'Top' : 'Left';\n const side = sideCapitalized.toLowerCase();\n const altSide = isVertical ? 'left' : 'top';\n const opSide = isVertical ? 'bottom' : 'right';\n const arrowElementSize = getOuterSizes(arrowElement)[len];\n\n //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjunction\n //\n\n // top/left side\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -=\n popper[side] - (reference[opSide] - arrowElementSize);\n }\n // bottom/right side\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] +=\n reference[side] + arrowElementSize - popper[opSide];\n }\n data.offsets.popper = getClientRect(data.offsets.popper);\n\n // compute center of the popper\n const center = reference[side] + reference[len] / 2 - arrowElementSize / 2;\n\n // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n const css = getStyleComputedProperty(data.instance.popper);\n const popperMarginSide = parseFloat(css[`margin${sideCapitalized}`], 10);\n const popperBorderSide = parseFloat(css[`border${sideCapitalized}Width`], 10);\n let sideValue =\n center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;\n\n // prevent arrowElement from being placed not contiguously to its popper\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n\n data.arrowElement = arrowElement;\n data.offsets.arrow = {\n [side]: Math.round(sideValue),\n [altSide]: '', // make sure to unset any eventual altSide value from the DOM node\n };\n\n return data;\n}\n","/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\nexport default function getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n return variation;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOppositePlacement from '../utils/getOppositePlacement';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function inner(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const { popper, reference } = data.offsets;\n const isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n\n const subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n\n popper[isHoriz ? 'left' : 'top'] =\n reference[basePlacement] -\n (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n\n return data;\n}\n","import isModifierRequired from '../utils/isModifierRequired';\nimport find from '../utils/find';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n const refRect = data.offsets.reference;\n const bound = find(\n data.instance.modifiers,\n modifier => modifier.name === 'preventOverflow'\n ).boundaries;\n\n if (\n refRect.bottom < bound.top ||\n refRect.left > bound.right ||\n refRect.top > bound.bottom ||\n refRect.right < bound.left\n ) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n","/**\n * @function\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Boolean} shouldRound - If the offsets should be rounded at all\n * @returns {Object} The popper's position offsets rounded\n *\n * The tale of pixel-perfect positioning. It's still not 100% perfect, but as\n * good as it can be within reason.\n * Discussion here: https://github.com/FezVrasta/popper.js/pull/715\n *\n * Low DPI screens cause a popper to be blurry if not using full pixels (Safari\n * as well on High DPI screens).\n *\n * Firefox prefers no rounding for positioning and does not have blurriness on\n * high DPI screens.\n *\n * Only horizontal placement and left/right values need to be considered.\n */\nexport default function getRoundedOffsets(data, shouldRound) {\n const { popper, reference } = data.offsets;\n const { round, floor } = Math;\n const noRound = v => v;\n \n const referenceWidth = round(reference.width);\n const popperWidth = round(popper.width);\n \n const isVertical = ['left', 'right'].indexOf(data.placement) !== -1;\n const isVariation = data.placement.indexOf('-') !== -1;\n const sameWidthParity = referenceWidth % 2 === popperWidth % 2;\n const bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;\n\n const horizontalToInteger = !shouldRound\n ? noRound\n : isVertical || isVariation || sameWidthParity\n ? round\n : floor;\n const verticalToInteger = !shouldRound ? noRound : round;\n\n return {\n left: horizontalToInteger(\n bothOddWidth && !isVariation && shouldRound\n ? popper.left - 1\n : popper.left\n ),\n top: verticalToInteger(popper.top),\n bottom: verticalToInteger(popper.bottom),\n right: horizontalToInteger(popper.right),\n };\n}\n","import setStyles from '../utils/setStyles';\nimport setAttributes from '../utils/setAttributes';\nimport getReferenceOffsets from '../utils/getReferenceOffsets';\nimport computeAutoPlacement from '../utils/computeAutoPlacement';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\nexport default function applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles);\n\n // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n setAttributes(data.instance.popper, data.attributes);\n\n // if arrowElement is defined and arrowStyles has some properties\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper\n * @param {Object} options - Popper.js options\n */\nexport function applyStyleOnLoad(\n reference,\n popper,\n options,\n modifierOptions,\n state\n) {\n // compute reference element offsets\n const referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n const placement = computeAutoPlacement(\n options.placement,\n referenceOffsets,\n popper,\n reference,\n options.modifiers.flip.boundariesElement,\n options.modifiers.flip.padding\n );\n\n popper.setAttribute('x-placement', placement);\n\n // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });\n\n return options;\n}\n","/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nexport default function setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function(prop) {\n const value = attributes[prop];\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n","// Utils\nimport debounce from './utils/debounce';\nimport isFunction from './utils/isFunction';\n\n// Methods\nimport update from './methods/update';\nimport destroy from './methods/destroy';\nimport enableEventListeners from './methods/enableEventListeners';\nimport disableEventListeners from './methods/disableEventListeners';\nimport Defaults from './methods/defaults';\nimport placements from './methods/placements';\n\nexport default class Popper {\n /**\n * Creates a new Popper.js instance.\n * @class Popper\n * @param {Element|referenceObject} reference - The reference element used to position the popper\n * @param {Element} popper - The HTML / XML element used as the popper\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n constructor(reference, popper, options = {}) {\n // make update() debounced, so that it only runs at most once-per-tick\n this.update = debounce(this.update.bind(this));\n\n // with {} we create a new object with the options inside it\n this.options = { ...Popper.Defaults, ...options };\n\n // init state\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: [],\n };\n\n // get reference and popper elements (allow jQuery wrappers)\n this.reference = reference && reference.jquery ? reference[0] : reference;\n this.popper = popper && popper.jquery ? popper[0] : popper;\n\n // Deep merge modifiers options\n this.options.modifiers = {};\n Object.keys({\n ...Popper.Defaults.modifiers,\n ...options.modifiers,\n }).forEach(name => {\n this.options.modifiers[name] = {\n // If it's a built-in modifier, use it as base\n ...(Popper.Defaults.modifiers[name] || {}),\n // If there are custom options, override and merge with default ones\n ...(options.modifiers ? options.modifiers[name] : {}),\n };\n });\n\n // Refactoring modifiers' list (Object => Array)\n this.modifiers = Object.keys(this.options.modifiers)\n .map(name => ({\n name,\n ...this.options.modifiers[name],\n }))\n // sort the modifiers by order\n .sort((a, b) => a.order - b.order);\n\n // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n this.modifiers.forEach(modifierOptions => {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(\n this.reference,\n this.popper,\n this.options,\n modifierOptions,\n this.state\n );\n }\n });\n\n // fire the first update to position the popper in the right place\n this.update();\n\n const eventsEnabled = this.options.eventsEnabled;\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n }\n\n // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n update() {\n return update.call(this);\n }\n destroy() {\n return destroy.call(this);\n }\n enableEventListeners() {\n return enableEventListeners.call(this);\n }\n disableEventListeners() {\n return disableEventListeners.call(this);\n }\n\n /**\n * Schedules an update. It will run on the next UI update available.\n * @method scheduleUpdate\n * @memberof Popper\n */\n scheduleUpdate = () => requestAnimationFrame(this.update);\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n static Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\n\n static placements = placements;\n\n static Defaults = Defaults;\n}\n\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.
\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10.\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'upload';\nvar width = 512;\nvar height = 512;\nvar ligatures = [];\nvar unicode = 'f093';\nvar svgPathData = 'M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z';\n\nexports.definition = {\n prefix: prefix,\n iconName: iconName,\n icon: [\n width,\n height,\n ligatures,\n unicode,\n svgPathData\n ]};\n\nexports.faUpload = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = ligatures;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;","import { toast } from 'pobble-components/dist/toast'\nimport { getErrorInfo } from 'pobble-components/dist/utils'\nimport { redirectToAuth, unsetToken } from 'pobble-components/dist/auth-helpers'\nimport { JWT_EXPIRED } from 'pobble-components/dist/cookies'\n\nconst handler = e => {\n const ref = getErrorInfo(e).ref\n\n const errorsMap = {\n e0044: `Please use PNG or JPEG format for the images`,\n e0045: `File is too large, please select a file less than 10mb`,\n e0048: `File is too large, please select a file less than 22mb`,\n e0049: `File is too large, please select a file less than 56mb`,\n e0051: `File is too large, please select a smaller file`,\n def: `\n Oops, something went wrong.\n If this continues to happen\n please contact hello@pobble.com.\n Ref: ${ref || 'unknown'}\n `\n }\n\n if (e.response && e.response.status === 401) {\n JWT_EXPIRED.set(true)\n unsetToken()\n redirectToAuth({ redirectBack: true })\n } else {\n toast.error(errorsMap[ref] || errorsMap.def, {\n autoClose: 6000\n })\n }\n}\n\nexport default handler\n","import React, { useEffect, useState } from 'react'\nimport { apiClient } from 'pobble-components/dist/api'\nimport injectSheet from 'react-jss'\nimport { errorHandler } from '../../error-handler'\nimport { PobbleAvatar } from 'pobble-components/dist/pobble-avatar'\nimport Button from 'pobble-components/dist/button'\nimport FormTextArea from 'pobble-components/dist/form-elements/form-text-area'\nimport ButtonElement from 'pobble-components/dist/button-element'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheck } from '@fortawesome/pro-solid-svg-icons/faCheck'\nimport { WORK_HIGHLIGHT_SETTINGS } from 'pobble-components/dist/work/highlighter'\n\nconst apiAddReview = (workVersionId, data, params) =>\n apiClient.post(\n `/v3/pa_work_versions/${workVersionId}/pa_reviews/annotate`,\n data,\n { params }\n )\n\nconst apiAddReviewComment = (id, data, params) =>\n apiClient.post(`/v3/pa_reviews/${id}/add_comment`, data, { params })\n\nexport const useWorkReviews = action => {\n const [reviews, setReviews] = useState(null)\n const workVersion = action && action.last_pa_work_version\n\n useEffect(() => {\n if (action) {\n setReviews(action.pa_reviews)\n }\n }, [action])\n\n const addReview = ({ comment, color }) => {\n apiAddReview(\n workVersion.id,\n {\n body: comment,\n colour: color\n },\n {\n include:\n 'pa_review.type,pa_review.pa_review_comments,pa_review.pa_review_comment.content,pa_review.pa_review_comment.author.names,pa_review.pa_review_comment.author.avatar'\n }\n )\n .then(res => {\n setReviews([...reviews, res.data.pa_review])\n })\n .catch(errorHandler)\n }\n\n const addComment = (reviewId, value) => {\n apiAddReviewComment(\n reviewId,\n {\n body: value,\n pa_work_version_id: workVersion.id\n },\n {\n include:\n 'pa_review_comment.content,pa_review_comment.author.names,pa_review_comment.author.avatar'\n }\n )\n .then(res => {\n setReviews(\n reviews.map(review => {\n if (review.id !== reviewId) {\n return review\n } else {\n return {\n ...review,\n pa_review_comments: [\n ...review.pa_review_comments,\n res.data.pa_review_comment\n ]\n }\n }\n })\n )\n })\n .catch(errorHandler)\n }\n\n return {\n reviews,\n updateData: setReviews,\n addReview,\n addComment\n }\n}\n\nconst reviewsFormStyles = {\n footer: {\n marginTop: '16px',\n display: 'flex',\n '& > button': {\n marginLeft: 'auto'\n }\n },\n color: {\n background: '#f0f0f0',\n padding: '10px',\n borderRadius: '8px 8px 0 0',\n display: 'flex'\n },\n textArea: {\n borderRadius: '0 0 8px 8px'\n },\n colorButton: {\n position: 'relative',\n width: '32px',\n height: '32px',\n borderRadius: '32px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: '8px',\n background: '#fff',\n border: '1px solid #e6e6e6'\n },\n colorIndicator: {\n width: '24px',\n height: '24px',\n borderRadius: '24px',\n display: 'block'\n },\n colorCheck: {\n position: 'absolute',\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '12px',\n color: '#fff'\n }\n}\n\nconst ReviewsForm = injectSheet(reviewsFormStyles)(\n ({ classes, onSubmit, green }) => {\n const [value, setValue] = useState('')\n const [pending, setPending] = useState(false)\n const [selectedColor, setSelectedColor] = useState(null)\n return (\n
\n
\n \n setValue(e.target.value)}\n />\n
\n \n {[null, ...WORK_HIGHLIGHT_SETTINGS.penColors].map(color => {\n return (\n setSelectedColor(color)}\n className={classes.colorButton}>\n
\n \n \n
\n \n )\n }\n)\n\nconst commentFormStyles = {\n container: {\n margin: '16px 0 12px'\n },\n footer: {\n marginTop: '16px',\n display: 'flex',\n justifyContent: 'flex-end',\n '& > *': {\n marginLeft: '4px'\n }\n }\n}\n\nconst CommentForm = injectSheet(commentFormStyles)(\n ({ classes, onSubmit, onCancel, green }) => {\n const [value, setValue] = useState('')\n const [pending, setPending] = useState(false)\n return (\n \n \n \n
\n \n )\n }\n)\n\nconst reviewsStyle = ({ FONT_SIZES }) => ({\n review: {\n background: '#fff',\n borderRadius: '8px',\n padding: '16px 16px 8px',\n marginBottom: '16px',\n boxShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)',\n position: 'relative',\n overflow: 'hidden'\n },\n comment: {\n display: 'flex',\n ...FONT_SIZES.BODY_DEFAULT.STYLE,\n paddingBottom: '16px',\n borderBottom: '1px solid #ececec',\n marginTop: '16px',\n '&:first-child': {\n marginTop: '0'\n }\n },\n avatar: {\n fontSize: '40px',\n marginRight: '8px',\n border: '1px solid #f0f0f0',\n flexShrink: '0'\n },\n name: {\n display: 'block',\n marginBottom: '4px'\n },\n reviewFooter: {\n display: 'flex',\n justifyContent: 'flex-end',\n paddingTop: '8px'\n },\n colorBadge: {\n width: '40px',\n height: '40px',\n transform: 'rotate(45deg)',\n position: 'absolute',\n right: '-20px',\n top: '-20px'\n }\n})\n\nexport const WorkReviews = injectSheet(reviewsStyle)(\n ({ classes, reviews, addReview, addComment, green }) => {\n const [openReplyForm, setOpenReplyForm] = useState(null)\n\n useEffect(() => {\n setOpenReplyForm(null)\n }, [reviews])\n\n return (\n \n {reviews.map((review, index) => {\n return (\n addComment(review.id, value)}\n onCancel={() => setOpenReplyForm(null)}\n />\n )}\n
\n )\n })}\n \n {review.pa_review_comments.map(comment => {\n return (\n \n
\n )\n })}\n {review.colour && (\n \n \n {comment.author.full_name}\n \n {comment.body}\n
\n \n setOpenReplyForm(review.id)}>\n Reply\n \n
\n )}\n {openReplyForm === review.id && (\n \n
\n )\n})\n\nexport default FullPageError\n","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'exclamation-triangle';\nvar width = 576;\nvar height = 512;\nvar ligatures = [];\nvar unicode = 'f071';\nvar svgPathData = 'M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z';\n\nexports.definition = {\n prefix: prefix,\n iconName: iconName,\n icon: [\n width,\n height,\n ligatures,\n unicode,\n svgPathData\n ]};\n\nexports.faExclamationTriangle = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = ligatures;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;","'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fas';\nvar iconName = 'crown';\nvar width = 640;\nvar height = 512;\nvar ligatures = [];\nvar unicode = 'f521';\nvar svgPathData = 'M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5.4 5.1.8 7.7.8 26.5 0 48-21.5 48-48s-21.5-48-48-48z';\n\nexports.definition = {\n prefix: prefix,\n iconName: iconName,\n icon: [\n width,\n height,\n ligatures,\n unicode,\n svgPathData\n ]};\n\nexports.faCrown = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = ligatures;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactIconBase = require('react-icon-base');\n\nvar _reactIconBase2 = _interopRequireDefault(_reactIconBase);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar FaLock = function FaLock(props) {\n return _react2.default.createElement(\n _reactIconBase2.default,\n _extends({ viewBox: '0 0 40 40' }, props),\n _react2.default.createElement(\n 'g',\n null,\n _react2.default.createElement('path', { d: 'm14.1 17.1h11.5v-4.2q0-2.4-1.7-4.1t-4-1.7-4.1 1.7-1.7 4.1v4.2z m18.6 2.2v12.8q0 0.9-0.6 1.6t-1.5 0.6h-21.5q-0.8 0-1.5-0.6t-0.6-1.6v-12.8q0-0.9 0.6-1.5t1.5-0.7h0.8v-4.2q0-4.1 2.9-7.1t7.1-2.9 7 2.9 3 7.1v4.2h0.7q0.9 0 1.5 0.7t0.6 1.5z' })\n )\n );\n};\n\nexports.default = FaLock;\nmodule.exports = exports['default'];","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactIconBase = require('react-icon-base');\n\nvar _reactIconBase2 = _interopRequireDefault(_reactIconBase);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar FaCheck = function FaCheck(props) {\n return _react2.default.createElement(\n _reactIconBase2.default,\n _extends({ viewBox: '0 0 40 40' }, props),\n _react2.default.createElement(\n 'g',\n null,\n _react2.default.createElement('path', { d: 'm37.3 12.6q0 0.9-0.6 1.6l-19.2 19.1q-0.6 0.7-1.5 0.7t-1.6-0.7l-11.1-11.1q-0.6-0.6-0.6-1.5t0.6-1.5l3.1-3q0.6-0.7 1.5-0.7t1.5 0.7l6.6 6.5 14.6-14.6q0.6-0.6 1.5-0.6t1.5 0.6l3.1 3q0.6 0.6 0.6 1.5z' })\n )\n );\n};\n\nexports.default = FaCheck;\nmodule.exports = exports['default'];","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactIconBase = require('react-icon-base');\n\nvar _reactIconBase2 = _interopRequireDefault(_reactIconBase);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar FaExclamationCircle = function FaExclamationCircle(props) {\n return _react2.default.createElement(\n _reactIconBase2.default,\n _extends({ viewBox: '0 0 40 40' }, props),\n _react2.default.createElement(\n 'g',\n null,\n _react2.default.createElement('path', { d: 'm20.1 2.9q4.7 0 8.6 2.3t6.3 6.2 2.3 8.6-2.3 8.6-6.3 6.2-8.6 2.3-8.6-2.3-6.2-6.2-2.3-8.6 2.3-8.6 6.2-6.2 8.6-2.3z m2.9 27.8v-4.2q0-0.4-0.2-0.6t-0.5-0.2h-4.3q-0.3 0-0.5 0.2t-0.2 0.5v4.3q0 0.3 0.2 0.5t0.5 0.2h4.3q0.3 0 0.5-0.2t0.2-0.5z m0-7.7l0.4-13.8q0-0.3-0.3-0.5-0.2-0.1-0.5-0.1h-4.9q-0.3 0-0.5 0.1-0.3 0.2-0.3 0.4l0.4 13.9q0 0.2 0.2 0.4t0.6 0.2h4.1q0.3 0 0.5-0.2t0.3-0.4z' })\n )\n );\n};\n\nexports.default = FaExclamationCircle;\nmodule.exports = exports['default'];","var arrayMap = require('./_arrayMap'),\n baseIteratee = require('./_baseIteratee'),\n baseMap = require('./_baseMap'),\n baseSortBy = require('./_baseSortBy'),\n baseUnary = require('./_baseUnary'),\n compareMultiple = require('./_compareMultiple'),\n identity = require('./identity');\n\n/**\n * The base implementation of `_.orderBy` without param guards.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function[]|Object[]|string[]} iteratees The iteratees to sort by.\n * @param {string[]} orders The sort orders of `iteratees`.\n * @returns {Array} Returns the new sorted array.\n */\nfunction baseOrderBy(collection, iteratees, orders) {\n var index = -1;\n iteratees = arrayMap(iteratees.length ? iteratees : [identity], baseUnary(baseIteratee));\n\n var result = baseMap(collection, function(value, key, collection) {\n var criteria = arrayMap(iteratees, function(iteratee) {\n return iteratee(value);\n });\n return { 'criteria': criteria, 'index': ++index, 'value': value };\n });\n\n return baseSortBy(result, function(object, other) {\n return compareMultiple(object, other, orders);\n });\n}\n\nmodule.exports = baseOrderBy;\n","/**\n * A specialized version of `_.map` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\nfunction arrayMap(array, iteratee) {\n var index = -1,\n length = array == null ? 0 : array.length,\n result = Array(length);\n\n while (++index < length) {\n result[index] = iteratee(array[index], index, array);\n }\n return result;\n}\n\nmodule.exports = arrayMap;\n","var ListCache = require('./_ListCache'),\n stackClear = require('./_stackClear'),\n stackDelete = require('./_stackDelete'),\n stackGet = require('./_stackGet'),\n stackHas = require('./_stackHas'),\n stackSet = require('./_stackSet');\n\n/**\n * Creates a stack cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Stack(entries) {\n var data = this.__data__ = new ListCache(entries);\n this.size = data.size;\n}\n\n// Add methods to `Stack`.\nStack.prototype.clear = stackClear;\nStack.prototype['delete'] = stackDelete;\nStack.prototype.get = stackGet;\nStack.prototype.has = stackHas;\nStack.prototype.set = stackSet;\n\nmodule.exports = Stack;\n","var baseGetTag = require('./_baseGetTag'),\n isObject = require('./isObject');\n\n/** `Object#toString` result references. */\nvar asyncTag = '[object AsyncFunction]',\n funcTag = '[object Function]',\n genTag = '[object GeneratorFunction]',\n proxyTag = '[object Proxy]';\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in Safari 9 which returns 'object' for typed arrays and other constructors.\n var tag = baseGetTag(value);\n return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n}\n\nmodule.exports = isFunction;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","/** Used for built-in method references. */\nvar funcProto = Function.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to convert.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n if (func != null) {\n try {\n return funcToString.call(func);\n } catch (e) {}\n try {\n return (func + '');\n } catch (e) {}\n }\n return '';\n}\n\nmodule.exports = toSource;\n","var baseIsEqualDeep = require('./_baseIsEqualDeep'),\n isObjectLike = require('./isObjectLike');\n\n/**\n * The base implementation of `_.isEqual` which supports partial comparisons\n * and tracks traversed objects.\n *\n * @private\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @param {boolean} bitmask The bitmask flags.\n * 1 - Unordered comparison\n * 2 - Partial comparison\n * @param {Function} [customizer] The function to customize comparisons.\n * @param {Object} [stack] Tracks traversed `value` and `other` objects.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n */\nfunction baseIsEqual(value, other, bitmask, customizer, stack) {\n if (value === other) {\n return true;\n }\n if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) {\n return value !== value && other !== other;\n }\n return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);\n}\n\nmodule.exports = baseIsEqual;\n","var SetCache = require('./_SetCache'),\n arraySome = require('./_arraySome'),\n cacheHas = require('./_cacheHas');\n\n/** Used to compose bitmasks for value comparisons. */\nvar COMPARE_PARTIAL_FLAG = 1,\n COMPARE_UNORDERED_FLAG = 2;\n\n/**\n * A specialized version of `baseIsEqualDeep` for arrays with support for\n * partial deep comparisons.\n *\n * @private\n * @param {Array} array The array to compare.\n * @param {Array} other The other array to compare.\n * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n * @param {Function} customizer The function to customize comparisons.\n * @param {Function} equalFunc The function to determine equivalents of values.\n * @param {Object} stack Tracks traversed `array` and `other` objects.\n * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.\n */\nfunction equalArrays(array, other, bitmask, customizer, equalFunc, stack) {\n var isPartial = bitmask & COMPARE_PARTIAL_FLAG,\n arrLength = array.length,\n othLength = other.length;\n\n if (arrLength != othLength && !(isPartial && othLength > arrLength)) {\n return false;\n }\n // Assume cyclic values are equal.\n var stacked = stack.get(array);\n if (stacked && stack.get(other)) {\n return stacked == other;\n }\n var index = -1,\n result = true,\n seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined;\n\n stack.set(array, other);\n stack.set(other, array);\n\n // Ignore non-index properties.\n while (++index < arrLength) {\n var arrValue = array[index],\n othValue = other[index];\n\n if (customizer) {\n var compared = isPartial\n ? customizer(othValue, arrValue, index, other, array, stack)\n : customizer(arrValue, othValue, index, array, other, stack);\n }\n if (compared !== undefined) {\n if (compared) {\n continue;\n }\n result = false;\n break;\n }\n // Recursively compare arrays (susceptible to call stack limits).\n if (seen) {\n if (!arraySome(other, function(othValue, othIndex) {\n if (!cacheHas(seen, othIndex) &&\n (arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {\n return seen.push(othIndex);\n }\n })) {\n result = false;\n break;\n }\n } else if (!(\n arrValue === othValue ||\n equalFunc(arrValue, othValue, bitmask, customizer, stack)\n )) {\n result = false;\n break;\n }\n }\n stack['delete'](array);\n stack['delete'](other);\n return result;\n}\n\nmodule.exports = equalArrays;\n","/**\n * Appends the elements of `values` to `array`.\n *\n * @private\n * @param {Array} array The array to modify.\n * @param {Array} values The values to append.\n * @returns {Array} Returns `array`.\n */\nfunction arrayPush(array, values) {\n var index = -1,\n length = values.length,\n offset = array.length;\n\n while (++index < length) {\n array[offset + index] = values[index];\n }\n return array;\n}\n\nmodule.exports = arrayPush;\n","var root = require('./_root'),\n stubFalse = require('./stubFalse');\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Built-in value references. */\nvar Buffer = moduleExports ? root.Buffer : undefined;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;\n\n/**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\nvar isBuffer = nativeIsBuffer || stubFalse;\n\nmodule.exports = isBuffer;\n","var baseIsTypedArray = require('./_baseIsTypedArray'),\n baseUnary = require('./_baseUnary'),\n nodeUtil = require('./_nodeUtil');\n\n/* Node.js helper references. */\nvar nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;\n\n/**\n * Checks if `value` is classified as a typed array.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n * @example\n *\n * _.isTypedArray(new Uint8Array);\n * // => true\n *\n * _.isTypedArray([]);\n * // => false\n */\nvar isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;\n\nmodule.exports = isTypedArray;\n","/**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\nfunction baseUnary(func) {\n return function(value) {\n return func(value);\n };\n}\n\nmodule.exports = baseUnary;\n","var isObject = require('./isObject');\n\n/**\n * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` if suitable for strict\n * equality comparisons, else `false`.\n */\nfunction isStrictComparable(value) {\n return value === value && !isObject(value);\n}\n\nmodule.exports = isStrictComparable;\n","/**\n * A specialized version of `matchesProperty` for source values suitable\n * for strict equality comparisons, i.e. `===`.\n *\n * @private\n * @param {string} key The key of the property to get.\n * @param {*} srcValue The value to match.\n * @returns {Function} Returns the new spec function.\n */\nfunction matchesStrictComparable(key, srcValue) {\n return function(object) {\n if (object == null) {\n return false;\n }\n return object[key] === srcValue &&\n (srcValue !== undefined || (key in Object(object)));\n };\n}\n\nmodule.exports = matchesStrictComparable;\n","var castPath = require('./_castPath'),\n toKey = require('./_toKey');\n\n/**\n * The base implementation of `_.get` without support for default values.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @returns {*} Returns the resolved value.\n */\nfunction baseGet(object, path) {\n path = castPath(path, object);\n\n var index = 0,\n length = path.length;\n\n while (object != null && index < length) {\n object = object[toKey(path[index++])];\n }\n return (index && index == length) ? object : undefined;\n}\n\nmodule.exports = baseGet;\n","var isArray = require('./isArray'),\n isKey = require('./_isKey'),\n stringToPath = require('./_stringToPath'),\n toString = require('./toString');\n\n/**\n * Casts `value` to a path array if it's not one.\n *\n * @private\n * @param {*} value The value to inspect.\n * @param {Object} [object] The object to query keys on.\n * @returns {Array} Returns the cast property path array.\n */\nfunction castPath(value, object) {\n if (isArray(value)) {\n return value;\n }\n return isKey(value, object) ? [value] : stringToPath(toString(value));\n}\n\nmodule.exports = castPath;\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactIconBase = require('react-icon-base');\n\nvar _reactIconBase2 = _interopRequireDefault(_reactIconBase);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar FaEllipsisH = function FaEllipsisH(props) {\n return _react2.default.createElement(\n _reactIconBase2.default,\n _extends({ viewBox: '0 0 40 40' }, props),\n _react2.default.createElement(\n 'g',\n null,\n _react2.default.createElement('path', { d: 'm13.1 16.4v4.3q0 0.9-0.7 1.5t-1.5 0.7h-4.3q-0.9 0-1.5-0.7t-0.6-1.5v-4.3q0-0.9 0.6-1.5t1.5-0.6h4.3q0.9 0 1.5 0.6t0.7 1.5z m11.4 0v4.3q0 0.9-0.6 1.5t-1.5 0.7h-4.3q-0.9 0-1.5-0.7t-0.7-1.5v-4.3q0-0.9 0.7-1.5t1.5-0.6h4.3q0.9 0 1.5 0.6t0.6 1.5z m11.4 0v4.3q0 0.9-0.6 1.5t-1.5 0.7h-4.3q-0.9 0-1.5-0.7t-0.6-1.5v-4.3q0-0.9 0.6-1.5t1.5-0.6h4.3q0.9 0 1.5 0.6t0.6 1.5z' })\n )\n );\n};\n\nexports.default = FaEllipsisH;\nmodule.exports = exports['default'];","export default '__THEMING__';","function createBroadcast (initialState) {\n var listeners = {};\n var id = 1;\n var _state = initialState;\n\n function getState () {\n return _state\n }\n\n function setState (state) {\n _state = state;\n var keys = Object.keys(listeners);\n var i = 0;\n var len = keys.length;\n for (; i < len; i++) {\n // if a listener gets unsubscribed during setState we just skip it\n if (listeners[keys[i]]) { listeners[keys[i]](state); }\n }\n }\n\n // subscribe to changes and return the subscriptionId\n function subscribe (listener) {\n if (typeof listener !== 'function') {\n throw new Error('listener must be a function.')\n }\n var currentId = id;\n listeners[currentId] = listener;\n id += 1;\n return currentId\n }\n\n // remove subscription by removing the listener function\n function unsubscribe (id) {\n listeners[id] = undefined;\n }\n\n return { getState: getState, setState: setState, subscribe: subscribe, unsubscribe: unsubscribe }\n}\n\nexport default createBroadcast;\n","var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport isFunction from 'is-function';\nimport isPlainObject from 'is-plain-object';\nimport channel from './channel';\nimport createBroadcast from 'brcast';\n\n/**\n * Provide a theme to an entire react component tree via context\n * and event listeners (have to do both context\n * and event emitter as pure components block context updates)\n */\n\nexport default function createThemeProvider() {\n var _class, _temp2;\n\n var CHANNEL = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : channel;\n\n return _temp2 = _class = function (_React$Component) {\n _inherits(ThemeProvider, _React$Component);\n\n function ThemeProvider() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, ThemeProvider);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ThemeProvider.__proto__ || Object.getPrototypeOf(ThemeProvider)).call.apply(_ref, [this].concat(args))), _this), _this.broadcast = createBroadcast(_this.getTheme()), _this.setOuterTheme = function (theme) {\n _this.outerTheme = theme;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(ThemeProvider, [{\n key: 'getTheme',\n\n\n // Get the theme from the props, supporting both (outerTheme) => {} as well as object notation\n value: function getTheme(passedTheme) {\n var theme = passedTheme || this.props.theme;\n if (isFunction(theme)) {\n var mergedTheme = theme(this.outerTheme);\n if (!isPlainObject(mergedTheme)) {\n throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');\n }\n return mergedTheme;\n }\n if (!isPlainObject(theme)) {\n throw new Error('[ThemeProvider] Please make your theme prop a plain object');\n }\n\n if (!this.outerTheme) {\n return theme;\n }\n\n return _extends({}, this.outerTheme, theme);\n }\n }, {\n key: 'getChildContext',\n value: function getChildContext() {\n return _defineProperty({}, CHANNEL, this.broadcast);\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n // create a new subscription for keeping track of outer theme, if present\n if (this.context[CHANNEL]) {\n this.subscriptionId = this.context[CHANNEL].subscribe(this.setOuterTheme);\n }\n }\n\n // set broadcast state by merging outer theme with own\n\n }, {\n key: 'componentWillMount',\n value: function componentWillMount() {\n if (this.context[CHANNEL]) {\n this.setOuterTheme(this.context[CHANNEL].getState());\n this.broadcast.setState(this.getTheme());\n }\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n if (this.props.theme !== nextProps.theme) {\n this.broadcast.setState(this.getTheme(nextProps.theme));\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (this.subscriptionId !== undefined) {\n this.context[CHANNEL].unsubscribe(this.subscriptionId);\n delete this.subscriptionId;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n if (!this.props.children) {\n return null;\n }\n return React.Children.only(this.props.children);\n }\n }]);\n\n return ThemeProvider;\n }(React.Component), _class.propTypes = {\n children: PropTypes.element,\n theme: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.func]).isRequired\n }, _class.childContextTypes = _defineProperty({}, CHANNEL, PropTypes.object.isRequired), _class.contextTypes = _defineProperty({}, CHANNEL, PropTypes.object), _temp2;\n}","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport PropTypes from 'prop-types';\nimport channel from './channel';\n\nexport default function createThemeListener() {\n var CHANNEL = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : channel;\n\n var contextTypes = _defineProperty({}, CHANNEL, PropTypes.object.isRequired);\n\n function initial(context) {\n if (!context[CHANNEL]) {\n throw new Error('[' + this.displayName + '] Please use ThemeProvider to be able to use WithTheme');\n }\n\n return context[CHANNEL].getState();\n }\n\n function subscribe(context, cb) {\n if (context[CHANNEL]) {\n return context[CHANNEL].subscribe(cb);\n }\n }\n\n function unsubscribe(context, subscriptionId) {\n if (context[CHANNEL]) {\n context[CHANNEL].unsubscribe(subscriptionId);\n }\n }\n\n return {\n contextTypes: contextTypes,\n initial: initial,\n subscribe: subscribe,\n unsubscribe: unsubscribe\n };\n}","var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport React from 'react';\nimport channel from './channel';\nimport createThemeListener from './create-theme-listener';\n\nvar getDisplayName = function getDisplayName(Component) {\n return Component.displayName || Component.name || 'Component';\n};\n\nexport default function createWithTheme() {\n var CHANNEL = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : channel;\n\n var themeListener = createThemeListener(CHANNEL);\n return function (Component) {\n var _class, _temp;\n\n return _temp = _class = function (_React$Component) {\n _inherits(WithTheme, _React$Component);\n\n function WithTheme(props, context) {\n _classCallCheck(this, WithTheme);\n\n var _this = _possibleConstructorReturn(this, (WithTheme.__proto__ || Object.getPrototypeOf(WithTheme)).call(this, props, context));\n\n _this.state = { theme: themeListener.initial(context) };\n _this.setTheme = function (theme) {\n return _this.setState({ theme: theme });\n };\n return _this;\n }\n\n _createClass(WithTheme, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.unsubscribe = themeListener.subscribe(this.context, this.setTheme);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (typeof this.unsubscribe === 'function') {\n this.unsubscribe();\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var theme = this.state.theme;\n\n\n return React.createElement(Component, _extends({ theme: theme }, this.props));\n }\n }]);\n\n return WithTheme;\n }(React.Component), _class.displayName = 'WithTheme(' + getDisplayName(Component) + ')', _class.contextTypes = themeListener.contextTypes, _temp;\n };\n}","import createThemeProvider from './create-theme-provider';\nimport createWithTheme from './create-with-theme';\nimport createThemeListener from './create-theme-listener';\nimport defaultChannel from './channel';\n\nexport var channel = defaultChannel;\nexport var withTheme = createWithTheme();\nexport var ThemeProvider = createThemeProvider();\nexport var themeListener = createThemeListener();\nexport function createTheming() {\n var customChannel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultChannel;\n\n return {\n channel: customChannel,\n withTheme: createWithTheme(customChannel),\n ThemeProvider: createThemeProvider(customChannel),\n themeListener: createThemeListener(customChannel)\n };\n}\n\nexport default {\n channel: defaultChannel,\n withTheme: withTheme,\n ThemeProvider: ThemeProvider,\n themeListener: themeListener,\n createTheming: createTheming\n};","import _extends from \"@babel/runtime/helpers/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/inheritsLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport * as React from 'react';\nimport createContext from 'create-react-context';\nexport var ManagerContext = createContext({\n setReferenceNode: undefined,\n referenceNode: undefined\n});\n\nvar Manager =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Manager, _React$Component);\n\n function Manager() {\n var _this;\n\n _this = _React$Component.call(this) || this;\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setReferenceNode\", function (referenceNode) {\n if (!referenceNode || _this.state.context.referenceNode === referenceNode) {\n return;\n }\n\n _this.setState(function (_ref) {\n var context = _ref.context;\n return {\n context: _extends({}, context, {\n referenceNode: referenceNode\n })\n };\n });\n });\n\n _this.state = {\n context: {\n setReferenceNode: _this.setReferenceNode,\n referenceNode: undefined\n }\n };\n return _this;\n }\n\n var _proto = Manager.prototype;\n\n _proto.render = function render() {\n return React.createElement(ManagerContext.Provider, {\n value: this.state.context\n }, this.props.children);\n };\n\n return Manager;\n}(React.Component);\n\nexport { Manager as default };","/**\n * Takes an argument and if it's an array, returns the first item in the array,\n * otherwise returns the argument. Used for Preact compatibility.\n */\nexport var unwrapArray = function unwrapArray(arg) {\n return Array.isArray(arg) ? arg[0] : arg;\n};\n/**\n * Takes a maybe-undefined function and arbitrary args and invokes the function\n * only if it is defined.\n */\n\nexport var safeInvoke = function safeInvoke(fn) {\n if (typeof fn === \"function\") {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return fn.apply(void 0, args);\n }\n};","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/inheritsLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport * as React from 'react';\nimport PopperJS from 'popper.js';\nimport { ManagerContext } from './Manager';\nimport { safeInvoke, unwrapArray } from './utils';\nvar initialStyle = {\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n pointerEvents: 'none'\n};\nvar initialArrowStyle = {};\nexport var InnerPopper =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(InnerPopper, _React$Component);\n\n function InnerPopper() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"state\", {\n data: undefined,\n placement: undefined\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"popperInstance\", void 0);\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"popperNode\", null);\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"arrowNode\", null);\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setPopperNode\", function (popperNode) {\n if (!popperNode || _this.popperNode === popperNode) return;\n safeInvoke(_this.props.innerRef, popperNode);\n _this.popperNode = popperNode;\n\n _this.updatePopperInstance();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setArrowNode\", function (arrowNode) {\n _this.arrowNode = arrowNode;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updateStateModifier\", {\n enabled: true,\n order: 900,\n fn: function fn(data) {\n var placement = data.placement;\n\n _this.setState({\n data: data,\n placement: placement\n });\n\n return data;\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getOptions\", function () {\n return {\n placement: _this.props.placement,\n eventsEnabled: _this.props.eventsEnabled,\n positionFixed: _this.props.positionFixed,\n modifiers: _extends({}, _this.props.modifiers, {\n arrow: _extends({}, _this.props.modifiers && _this.props.modifiers.arrow, {\n enabled: !!_this.arrowNode,\n element: _this.arrowNode\n }),\n applyStyle: {\n enabled: false\n },\n updateStateModifier: _this.updateStateModifier\n })\n };\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getPopperStyle\", function () {\n return !_this.popperNode || !_this.state.data ? initialStyle : _extends({\n position: _this.state.data.offsets.popper.position\n }, _this.state.data.styles);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getPopperPlacement\", function () {\n return !_this.state.data ? undefined : _this.state.placement;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getArrowStyle\", function () {\n return !_this.arrowNode || !_this.state.data ? initialArrowStyle : _this.state.data.arrowStyles;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getOutOfBoundariesState\", function () {\n return _this.state.data ? _this.state.data.hide : undefined;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"destroyPopperInstance\", function () {\n if (!_this.popperInstance) return;\n\n _this.popperInstance.destroy();\n\n _this.popperInstance = null;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updatePopperInstance\", function () {\n _this.destroyPopperInstance();\n\n var _assertThisInitialize = _assertThisInitialized(_assertThisInitialized(_this)),\n popperNode = _assertThisInitialize.popperNode;\n\n var referenceElement = _this.props.referenceElement;\n if (!referenceElement || !popperNode) return;\n _this.popperInstance = new PopperJS(referenceElement, popperNode, _this.getOptions());\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"scheduleUpdate\", function () {\n if (_this.popperInstance) {\n _this.popperInstance.scheduleUpdate();\n }\n });\n\n return _this;\n }\n\n var _proto = InnerPopper.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n // If the Popper.js options have changed, update the instance (destroy + create)\n if (this.props.placement !== prevProps.placement || this.props.referenceElement !== prevProps.referenceElement || this.props.positionFixed !== prevProps.positionFixed) {\n this.updatePopperInstance();\n } else if (this.props.eventsEnabled !== prevProps.eventsEnabled && this.popperInstance) {\n this.props.eventsEnabled ? this.popperInstance.enableEventListeners() : this.popperInstance.disableEventListeners();\n } // A placement difference in state means popper determined a new placement\n // apart from the props value. By the time the popper element is rendered with\n // the new position Popper has already measured it, if the place change triggers\n // a size change it will result in a misaligned popper. So we schedule an update to be sure.\n\n\n if (prevState.placement !== this.state.placement) {\n this.scheduleUpdate();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n safeInvoke(this.props.innerRef, null);\n this.destroyPopperInstance();\n };\n\n _proto.render = function render() {\n return unwrapArray(this.props.children)({\n ref: this.setPopperNode,\n style: this.getPopperStyle(),\n placement: this.getPopperPlacement(),\n outOfBoundaries: this.getOutOfBoundariesState(),\n scheduleUpdate: this.scheduleUpdate,\n arrowProps: {\n ref: this.setArrowNode,\n style: this.getArrowStyle()\n }\n });\n };\n\n return InnerPopper;\n}(React.Component);\n\n_defineProperty(InnerPopper, \"defaultProps\", {\n placement: 'bottom',\n eventsEnabled: true,\n referenceElement: undefined,\n positionFixed: false\n});\n\nvar placements = PopperJS.placements;\nexport { placements };\nexport default function Popper(_ref) {\n var referenceElement = _ref.referenceElement,\n props = _objectWithoutPropertiesLoose(_ref, [\"referenceElement\"]);\n\n return React.createElement(ManagerContext.Consumer, null, function (_ref2) {\n var referenceNode = _ref2.referenceNode;\n return React.createElement(InnerPopper, _extends({\n referenceElement: referenceElement !== undefined ? referenceElement : referenceNode\n }, props));\n });\n}","import _extends from \"@babel/runtime/helpers/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/inheritsLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport * as React from 'react';\nimport warning from 'warning';\nimport { ManagerContext } from './Manager';\nimport { safeInvoke, unwrapArray } from './utils';\n\nvar InnerReference =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(InnerReference, _React$Component);\n\n function InnerReference() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"refHandler\", function (node) {\n safeInvoke(_this.props.innerRef, node);\n safeInvoke(_this.props.setReferenceNode, node);\n });\n\n return _this;\n }\n\n var _proto = InnerReference.prototype;\n\n _proto.render = function render() {\n warning(Boolean(this.props.setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');\n return unwrapArray(this.props.children)({\n ref: this.refHandler\n });\n };\n\n return InnerReference;\n}(React.Component);\n\nexport default function Reference(props) {\n return React.createElement(ManagerContext.Consumer, null, function (_ref) {\n var setReferenceNode = _ref.setReferenceNode;\n return React.createElement(InnerReference, _extends({\n setReferenceNode: setReferenceNode\n }, props));\n });\n}","module.exports = isFunction\n\nvar toString = Object.prototype.toString\n\nfunction isFunction (fn) {\n var string = toString.call(fn)\n return string === '[object Function]' ||\n (typeof fn === 'function' && string !== '[object RegExp]') ||\n (typeof window !== 'undefined' &&\n // IE8 and below\n (fn === window.setTimeout ||\n fn === window.alert ||\n fn === window.confirm ||\n fn === window.prompt))\n};\n","export default function symbolObservablePonyfill(root) {\n\tvar result;\n\tvar Symbol = root.Symbol;\n\n\tif (typeof Symbol === 'function') {\n\t\tif (Symbol.observable) {\n\t\t\tresult = Symbol.observable;\n\t\t} else {\n\t\t\tresult = Symbol('observable');\n\t\t\tSymbol.observable = result;\n\t\t}\n\t} else {\n\t\tresult = '@@observable';\n\t}\n\n\treturn result;\n};\n","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nconst styles = {\n environmentLine: {\n background: '#ccc',\n color: '#ccc',\n width: '100%',\n height: '7px',\n position: 'fixed',\n top: '0',\n left: '0',\n zIndex: '1000',\n pointerEvents: 'none',\n fontWeight: 'bold',\n fontSize: '8px',\n textTransform: 'uppercase'\n },\n environmentLabel: {\n display: 'block',\n height: '100%',\n padding: '0 8px',\n background: '#fff',\n position: 'absolute',\n top: '0',\n left: '10px',\n lineHeight: '1'\n },\n stg: {\n background: COLORS.PURPLE.NORMAL,\n color: COLORS.PURPLE.NORMAL\n },\n prod: {\n background: COLORS.RED.NORMAL,\n color: COLORS.RED.NORMAL\n }\n}\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './environment-line.styles.js'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { DOMAIN_PREFIX } from 'pobble-components/dist/setup'\n\nconst EnvironmentLine = ({ classes, className, prefix = DOMAIN_PREFIX }) => {\n const visible = prefix === 'stg'\n return !visible ? null : (\n \n 
\n )}\n
\n \n
\n {img && (\n {title}
\n{desc}
\n {button}\n {status &&{status}
}\n\n
\n)\n\nexport default injectSheet(styles)(Avatar)\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\n\nconst DropMenu = injectSheet({\n container: {\n position: 'relative',\n '@media (max-width: 768px)': {\n padding: '24px 0',\n borderBottom: '1px solid #ececec',\n '&:first-child': {\n paddingTop: '0'\n }\n },\n '&:hover': {\n '& $menu': {\n '@media (min-width: 769px)': {\n visibility: 'visible',\n transform: 'translate3d(0, 0, 0)',\n opacity: '1'\n }\n }\n }\n },\n menu: {\n '@media (min-width: 769px)': {\n visibility: 'hidden',\n transition: '.2s cubic-bezier(0,0,0,1)',\n transform: 'translate3d(0, 5px, 0)',\n opacity: '0',\n position: 'absolute',\n right: '0',\n paddingTop: '10px',\n '& > div': {\n minWidth: '180px',\n color: '#a9afbd',\n fontSize: '12px',\n boxShadow: '0 5px 15px 0 rgba(0,0,0,0.15)',\n marginTop: '0',\n background: '#fff',\n borderRadius: '4px',\n whiteSpace: 'nowrap',\n marginRight: '4px'\n },\n '&:after': {\n border: 'solid transparent',\n borderColor: 'rgba(136,183,213,0)',\n borderBottomColor: '#fff',\n borderWidth: '7px',\n bottom: '100%',\n content: '\"\"',\n height: '0',\n marginLeft: '-7px',\n position: 'absolute',\n pointerEvents: 'none',\n right: '10px',\n top: '-4px',\n width: '0'\n }\n }\n },\n headerBox: {}\n})(({ classes, children }) => {\n return children(\n ({ children, className }) => (\n \n \n \n \n \n
\n )}\n {children}
\n ),\n ({ children, className }) => (\n \n
\n )\n )\n})\n\nexport default DropMenu\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './activity-header.styles.js'\n\nconst ActivityHeader = ({ classes, count }) => (\n {children}
\n \n {count} new notification\n {count > 1 ? 's' : ''}\n
\n)\n\nexport default injectSheet(styles)(ActivityHeader)\n","const styles = {\n container: {\n fontSize: '16px',\n color: '#666',\n borderBottom: '1px solid #ececec',\n padding: '20px',\n marginBottom: '10px'\n }\n}\n\nexport default styles\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './activity-action.styles.js'\n\nconst ActivityAction = ({ classes, activity }) => {\n const actor = activity && activity.originator.display_name\n const actions = {\n CommentApproved:\n activity.activity_type === 'CommentApproved' &&\n `${actor} commented on ${activity.activity_object.work.title} by ${activity.activity_object.work.author.display_name}`,\n WorkPublished:\n activity.activity_type === 'WorkPublished' &&\n `${actor} posted ${activity.activity_object.title} by ${activity.activity_object.author.display_name}`,\n SchoolFollowed:\n activity.activity_type === 'SchoolFollowed' &&\n `${actor} started following ${activity.activity_object.title}`,\n SchoolUnfollowed:\n activity.activity_type === 'SchoolUnfollowed' &&\n `${actor} unfollowed ${activity.activity_object.title}`,\n PresentationShared:\n activity.activity_type === 'PresentationShared' &&\n `${actor} shared a lesson \"${activity.activity_object.presentation.title}\" with you`,\n ParentAddedToStudent:\n activity.activity_type === 'ParentAddedToStudent' &&\n `You are now registred as a parent of ${activity.activity_object.display_name}`,\n GuestModeratorInvited:\n activity.activity_type === 'GuestModeratorInvited' &&\n `${actor} invited you to moderate an assessment file`,\n ContributionMarkedAsConclusion:\n activity.activity_type === 'ContributionMarkedAsConclusion' &&\n `${actor} has selected a conclusion to an assessment file you contributed to`,\n PaPresentationActionCreated:\n activity.activity_type === 'PaPresentationActionCreated' &&\n `${actor} has shared a lesson with you`,\n WorkSubmittedByStudent:\n activity.activity_type === 'WorkSubmittedByStudent' &&\n `${actor} sent you work to mark`,\n WorkApprovedByTeacher:\n activity.activity_type === 'WorkApprovedByTeacher' &&\n `${actor} approved your work`,\n WorkReturnedByTeacher:\n activity.activity_type === 'WorkReturnedByTeacher' &&\n `${actor} asked you to review your work`,\n WorkSentToPeer:\n activity.activity_type === 'WorkSentToPeer' &&\n `${actor} sent you work for review`,\n WorkSentBackFromPeer:\n activity.activity_type === 'WorkSentBackFromPeer' &&\n `${actor} sent you work for review`\n }\n\n return (\n \n {actions[activity.activity_type] || ''}\n
\n )\n}\n\nexport default injectSheet(styles)(ActivityAction)\n","const styles = {}\n\nexport default styles\n","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nconst styles = {\n container: {\n whiteSpace: 'normal',\n fontSize: '12px',\n lineHeight: '14px',\n padding: '10px 20px',\n color: '#666',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n cursor: 'pointer',\n textDecoration: 'none',\n '& em': {\n color: '#666',\n fontStyle: 'normal',\n transition: '300ms ease-in-out'\n },\n '&:hover em': {\n color: COLORS.BLUE.NORMAL\n }\n },\n action: {\n display: 'flex',\n alignItems: 'center',\n fontStyle: 'normal'\n },\n avatar: {\n fontSize: '24px',\n marginRight: '14px',\n flexShrink: 0\n },\n timestamp: {\n color: '#a8a8a8',\n textAlign: 'right',\n width: '110px'\n }\n}\n\nexport default styles\n","/**\n * @category Common Helpers\n * @summary Is the given argument an instance of Date?\n *\n * @description\n * Is the given argument an instance of Date?\n *\n * @param {*} argument - the argument to check\n * @returns {Boolean} the given argument is an instance of Date\n *\n * @example\n * // Is 'mayonnaise' a Date?\n * var result = isDate('mayonnaise')\n * //=> false\n */\nfunction isDate (argument) {\n return argument instanceof Date\n}\n\nmodule.exports = isDate\n","var getTimezoneOffsetInMilliseconds = require('../_lib/getTimezoneOffsetInMilliseconds/index.js')\nvar isDate = require('../is_date/index.js')\n\nvar MILLISECONDS_IN_HOUR = 3600000\nvar MILLISECONDS_IN_MINUTE = 60000\nvar DEFAULT_ADDITIONAL_DIGITS = 2\n\nvar parseTokenDateTimeDelimeter = /[T ]/\nvar parseTokenPlainTime = /:/\n\n// year tokens\nvar parseTokenYY = /^(\\d{2})$/\nvar parseTokensYYY = [\n /^([+-]\\d{2})$/, // 0 additional digits\n /^([+-]\\d{3})$/, // 1 additional digit\n /^([+-]\\d{4})$/ // 2 additional digits\n]\n\nvar parseTokenYYYY = /^(\\d{4})/\nvar parseTokensYYYYY = [\n /^([+-]\\d{4})/, // 0 additional digits\n /^([+-]\\d{5})/, // 1 additional digit\n /^([+-]\\d{6})/ // 2 additional digits\n]\n\n// date tokens\nvar parseTokenMM = /^-(\\d{2})$/\nvar parseTokenDDD = /^-?(\\d{3})$/\nvar parseTokenMMDD = /^-?(\\d{2})-?(\\d{2})$/\nvar parseTokenWww = /^-?W(\\d{2})$/\nvar parseTokenWwwD = /^-?W(\\d{2})-?(\\d{1})$/\n\n// time tokens\nvar parseTokenHH = /^(\\d{2}([.,]\\d*)?)$/\nvar parseTokenHHMM = /^(\\d{2}):?(\\d{2}([.,]\\d*)?)$/\nvar parseTokenHHMMSS = /^(\\d{2}):?(\\d{2}):?(\\d{2}([.,]\\d*)?)$/\n\n// timezone tokens\nvar parseTokenTimezone = /([Z+-].*)$/\nvar parseTokenTimezoneZ = /^(Z)$/\nvar parseTokenTimezoneHH = /^([+-])(\\d{2})$/\nvar parseTokenTimezoneHHMM = /^([+-])(\\d{2}):?(\\d{2})$/\n\n/**\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If an argument is a string, the function tries to parse it.\n * Function accepts complete ISO 8601 formats as well as partial implementations.\n * ISO 8601: http://en.wikipedia.org/wiki/ISO_8601\n *\n * If all above fails, the function passes the given argument to Date constructor.\n *\n * @param {Date|String|Number} argument - the value to convert\n * @param {Object} [options] - the object with options\n * @param {0 | 1 | 2} [options.additionalDigits=2] - the additional number of digits in the extended year format\n * @returns {Date} the parsed date in the local time zone\n *\n * @example\n * // Convert string '2014-02-11T11:30:30' to date:\n * var result = parse('2014-02-11T11:30:30')\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Parse string '+02014101',\n * // if the additional number of digits in the extended year format is 1:\n * var result = parse('+02014101', {additionalDigits: 1})\n * //=> Fri Apr 11 2014 00:00:00\n */\nfunction parse (argument, dirtyOptions) {\n if (isDate(argument)) {\n // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n return new Date(argument.getTime())\n } else if (typeof argument !== 'string') {\n return new Date(argument)\n }\n\n var options = dirtyOptions || {}\n var additionalDigits = options.additionalDigits\n if (additionalDigits == null) {\n additionalDigits = DEFAULT_ADDITIONAL_DIGITS\n } else {\n additionalDigits = Number(additionalDigits)\n }\n\n var dateStrings = splitDateString(argument)\n\n var parseYearResult = parseYear(dateStrings.date, additionalDigits)\n var year = parseYearResult.year\n var restDateString = parseYearResult.restDateString\n\n var date = parseDate(restDateString, year)\n\n if (date) {\n var timestamp = date.getTime()\n var time = 0\n var offset\n\n if (dateStrings.time) {\n time = parseTime(dateStrings.time)\n }\n\n if (dateStrings.timezone) {\n offset = parseTimezone(dateStrings.timezone) * MILLISECONDS_IN_MINUTE\n } else {\n var fullTime = timestamp + time\n var fullTimeDate = new Date(fullTime)\n\n offset = getTimezoneOffsetInMilliseconds(fullTimeDate)\n\n // Adjust time when it's coming from DST\n var fullTimeDateNextDay = new Date(fullTime)\n fullTimeDateNextDay.setDate(fullTimeDate.getDate() + 1)\n var offsetDiff =\n getTimezoneOffsetInMilliseconds(fullTimeDateNextDay) -\n getTimezoneOffsetInMilliseconds(fullTimeDate)\n if (offsetDiff > 0) {\n offset += offsetDiff\n }\n }\n\n return new Date(timestamp + time + offset)\n } else {\n return new Date(argument)\n }\n}\n\nfunction splitDateString (dateString) {\n var dateStrings = {}\n var array = dateString.split(parseTokenDateTimeDelimeter)\n var timeString\n\n if (parseTokenPlainTime.test(array[0])) {\n dateStrings.date = null\n timeString = array[0]\n } else {\n dateStrings.date = array[0]\n timeString = array[1]\n }\n\n if (timeString) {\n var token = parseTokenTimezone.exec(timeString)\n if (token) {\n dateStrings.time = timeString.replace(token[1], '')\n dateStrings.timezone = token[1]\n } else {\n dateStrings.time = timeString\n }\n }\n\n return dateStrings\n}\n\nfunction parseYear (dateString, additionalDigits) {\n var parseTokenYYY = parseTokensYYY[additionalDigits]\n var parseTokenYYYYY = parseTokensYYYYY[additionalDigits]\n\n var token\n\n // YYYY or ±YYYYY\n token = parseTokenYYYY.exec(dateString) || parseTokenYYYYY.exec(dateString)\n if (token) {\n var yearString = token[1]\n return {\n year: parseInt(yearString, 10),\n restDateString: dateString.slice(yearString.length)\n }\n }\n\n // YY or ±YYY\n token = parseTokenYY.exec(dateString) || parseTokenYYY.exec(dateString)\n if (token) {\n var centuryString = token[1]\n return {\n year: parseInt(centuryString, 10) * 100,\n restDateString: dateString.slice(centuryString.length)\n }\n }\n\n // Invalid ISO-formatted year\n return {\n year: null\n }\n}\n\nfunction parseDate (dateString, year) {\n // Invalid ISO-formatted year\n if (year === null) {\n return null\n }\n\n var token\n var date\n var month\n var week\n\n // YYYY\n if (dateString.length === 0) {\n date = new Date(0)\n date.setUTCFullYear(year)\n return date\n }\n\n // YYYY-MM\n token = parseTokenMM.exec(dateString)\n if (token) {\n date = new Date(0)\n month = parseInt(token[1], 10) - 1\n date.setUTCFullYear(year, month)\n return date\n }\n\n // YYYY-DDD or YYYYDDD\n token = parseTokenDDD.exec(dateString)\n if (token) {\n date = new Date(0)\n var dayOfYear = parseInt(token[1], 10)\n date.setUTCFullYear(year, 0, dayOfYear)\n return date\n }\n\n // YYYY-MM-DD or YYYYMMDD\n token = parseTokenMMDD.exec(dateString)\n if (token) {\n date = new Date(0)\n month = parseInt(token[1], 10) - 1\n var day = parseInt(token[2], 10)\n date.setUTCFullYear(year, month, day)\n return date\n }\n\n // YYYY-Www or YYYYWww\n token = parseTokenWww.exec(dateString)\n if (token) {\n week = parseInt(token[1], 10) - 1\n return dayOfISOYear(year, week)\n }\n\n // YYYY-Www-D or YYYYWwwD\n token = parseTokenWwwD.exec(dateString)\n if (token) {\n week = parseInt(token[1], 10) - 1\n var dayOfWeek = parseInt(token[2], 10) - 1\n return dayOfISOYear(year, week, dayOfWeek)\n }\n\n // Invalid ISO-formatted date\n return null\n}\n\nfunction parseTime (timeString) {\n var token\n var hours\n var minutes\n\n // hh\n token = parseTokenHH.exec(timeString)\n if (token) {\n hours = parseFloat(token[1].replace(',', '.'))\n return (hours % 24) * MILLISECONDS_IN_HOUR\n }\n\n // hh:mm or hhmm\n token = parseTokenHHMM.exec(timeString)\n if (token) {\n hours = parseInt(token[1], 10)\n minutes = parseFloat(token[2].replace(',', '.'))\n return (hours % 24) * MILLISECONDS_IN_HOUR +\n minutes * MILLISECONDS_IN_MINUTE\n }\n\n // hh:mm:ss or hhmmss\n token = parseTokenHHMMSS.exec(timeString)\n if (token) {\n hours = parseInt(token[1], 10)\n minutes = parseInt(token[2], 10)\n var seconds = parseFloat(token[3].replace(',', '.'))\n return (hours % 24) * MILLISECONDS_IN_HOUR +\n minutes * MILLISECONDS_IN_MINUTE +\n seconds * 1000\n }\n\n // Invalid ISO-formatted time\n return null\n}\n\nfunction parseTimezone (timezoneString) {\n var token\n var absoluteOffset\n\n // Z\n token = parseTokenTimezoneZ.exec(timezoneString)\n if (token) {\n return 0\n }\n\n // ±hh\n token = parseTokenTimezoneHH.exec(timezoneString)\n if (token) {\n absoluteOffset = parseInt(token[2], 10) * 60\n return (token[1] === '+') ? -absoluteOffset : absoluteOffset\n }\n\n // ±hh:mm or ±hhmm\n token = parseTokenTimezoneHHMM.exec(timezoneString)\n if (token) {\n absoluteOffset = parseInt(token[2], 10) * 60 + parseInt(token[3], 10)\n return (token[1] === '+') ? -absoluteOffset : absoluteOffset\n }\n\n return 0\n}\n\nfunction dayOfISOYear (isoYear, week, day) {\n week = week || 0\n day = day || 0\n var date = new Date(0)\n date.setUTCFullYear(isoYear, 0, 4)\n var fourthOfJanuaryDay = date.getUTCDay() || 7\n var diff = week * 7 + day + 1 - fourthOfJanuaryDay\n date.setUTCDate(date.getUTCDate() + diff)\n return date\n}\n\nmodule.exports = parse\n","var MILLISECONDS_IN_MINUTE = 60000\n\n/**\n * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.\n * They usually appear for dates that denote time before the timezones were introduced\n * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891\n * and GMT+01:00:00 after that date)\n *\n * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,\n * which would lead to incorrect calculations.\n *\n * This function returns the timezone offset in milliseconds that takes seconds in account.\n */\nmodule.exports = function getTimezoneOffsetInMilliseconds (dirtyDate) {\n var date = new Date(dirtyDate.getTime())\n var baseTimezoneOffset = date.getTimezoneOffset()\n date.setSeconds(0, 0)\n var millisecondsPartOfTimezoneOffset = date.getTime() % MILLISECONDS_IN_MINUTE\n\n return baseTimezoneOffset * MILLISECONDS_IN_MINUTE + millisecondsPartOfTimezoneOffset\n}\n","var parse = require('../parse/index.js')\n\n/**\n * @category Common Helpers\n * @summary Compare the two dates reverse chronologically and return -1, 0 or 1.\n *\n * @description\n * Compare the two dates and return -1 if the first date is after the second,\n * 1 if the first date is before the second or 0 if dates are equal.\n *\n * @param {Date|String|Number} dateLeft - the first date to compare\n * @param {Date|String|Number} dateRight - the second date to compare\n * @returns {Number} the result of the comparison\n *\n * @example\n * // Compare 11 February 1987 and 10 July 1989 reverse chronologically:\n * var result = compareDesc(\n * new Date(1987, 1, 11),\n * new Date(1989, 6, 10)\n * )\n * //=> 1\n *\n * @example\n * // Sort the array of dates in reverse chronological order:\n * var result = [\n * new Date(1995, 6, 2),\n * new Date(1987, 1, 11),\n * new Date(1989, 6, 10)\n * ].sort(compareDesc)\n * //=> [\n * // Sun Jul 02 1995 00:00:00,\n * // Mon Jul 10 1989 00:00:00,\n * // Wed Feb 11 1987 00:00:00\n * // ]\n */\nfunction compareDesc (dirtyDateLeft, dirtyDateRight) {\n var dateLeft = parse(dirtyDateLeft)\n var timeLeft = dateLeft.getTime()\n var dateRight = parse(dirtyDateRight)\n var timeRight = dateRight.getTime()\n\n if (timeLeft > timeRight) {\n return -1\n } else if (timeLeft < timeRight) {\n return 1\n } else {\n return 0\n }\n}\n\nmodule.exports = compareDesc\n","var parse = require('../parse/index.js')\n\n/**\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * @param {Date|String|Number} dateLeft - the later date\n * @param {Date|String|Number} dateRight - the earlier date\n * @returns {Number} the number of milliseconds\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * var result = differenceInMilliseconds(\n * new Date(2014, 6, 2, 12, 30, 21, 700),\n * new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\nfunction differenceInMilliseconds (dirtyDateLeft, dirtyDateRight) {\n var dateLeft = parse(dirtyDateLeft)\n var dateRight = parse(dirtyDateRight)\n return dateLeft.getTime() - dateRight.getTime()\n}\n\nmodule.exports = differenceInMilliseconds\n","var differenceInMilliseconds = require('../difference_in_milliseconds/index.js')\n\n/**\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * @param {Date|String|Number} dateLeft - the later date\n * @param {Date|String|Number} dateRight - the earlier date\n * @returns {Number} the number of seconds\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * var result = differenceInSeconds(\n * new Date(2014, 6, 2, 12, 30, 20, 0),\n * new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\nfunction differenceInSeconds (dirtyDateLeft, dirtyDateRight) {\n var diff = differenceInMilliseconds(dirtyDateLeft, dirtyDateRight) / 1000\n return diff > 0 ? Math.floor(diff) : Math.ceil(diff)\n}\n\nmodule.exports = differenceInSeconds\n","function buildDistanceInWordsLocale () {\n var distanceInWordsLocale = {\n lessThanXSeconds: {\n one: 'less than a second',\n other: 'less than {{count}} seconds'\n },\n\n xSeconds: {\n one: '1 second',\n other: '{{count}} seconds'\n },\n\n halfAMinute: 'half a minute',\n\n lessThanXMinutes: {\n one: 'less than a minute',\n other: 'less than {{count}} minutes'\n },\n\n xMinutes: {\n one: '1 minute',\n other: '{{count}} minutes'\n },\n\n aboutXHours: {\n one: 'about 1 hour',\n other: 'about {{count}} hours'\n },\n\n xHours: {\n one: '1 hour',\n other: '{{count}} hours'\n },\n\n xDays: {\n one: '1 day',\n other: '{{count}} days'\n },\n\n aboutXMonths: {\n one: 'about 1 month',\n other: 'about {{count}} months'\n },\n\n xMonths: {\n one: '1 month',\n other: '{{count}} months'\n },\n\n aboutXYears: {\n one: 'about 1 year',\n other: 'about {{count}} years'\n },\n\n xYears: {\n one: '1 year',\n other: '{{count}} years'\n },\n\n overXYears: {\n one: 'over 1 year',\n other: 'over {{count}} years'\n },\n\n almostXYears: {\n one: 'almost 1 year',\n other: 'almost {{count}} years'\n }\n }\n\n function localize (token, count, options) {\n options = options || {}\n\n var result\n if (typeof distanceInWordsLocale[token] === 'string') {\n result = distanceInWordsLocale[token]\n } else if (count === 1) {\n result = distanceInWordsLocale[token].one\n } else {\n result = distanceInWordsLocale[token].other.replace('{{count}}', count)\n }\n\n if (options.addSuffix) {\n if (options.comparison > 0) {\n return 'in ' + result\n } else {\n return result + ' ago'\n }\n }\n\n return result\n }\n\n return {\n localize: localize\n }\n}\n\nmodule.exports = buildDistanceInWordsLocale\n","var commonFormatterKeys = [\n 'M', 'MM', 'Q', 'D', 'DD', 'DDD', 'DDDD', 'd',\n 'E', 'W', 'WW', 'YY', 'YYYY', 'GG', 'GGGG',\n 'H', 'HH', 'h', 'hh', 'm', 'mm',\n 's', 'ss', 'S', 'SS', 'SSS',\n 'Z', 'ZZ', 'X', 'x'\n]\n\nfunction buildFormattingTokensRegExp (formatters) {\n var formatterKeys = []\n for (var key in formatters) {\n if (formatters.hasOwnProperty(key)) {\n formatterKeys.push(key)\n }\n }\n\n var formattingTokens = commonFormatterKeys\n .concat(formatterKeys)\n .sort()\n .reverse()\n var formattingTokensRegExp = new RegExp(\n '(\\\\[[^\\\\[]*\\\\])|(\\\\\\\\)?' + '(' + formattingTokens.join('|') + '|.)', 'g'\n )\n\n return formattingTokensRegExp\n}\n\nmodule.exports = buildFormattingTokensRegExp\n","var buildFormattingTokensRegExp = require('../../_lib/build_formatting_tokens_reg_exp/index.js')\n\nfunction buildFormatLocale () {\n // Note: in English, the names of days of the week and months are capitalized.\n // If you are making a new locale based on this one, check if the same is true for the language you're working on.\n // Generally, formatted dates should look like they are in the middle of a sentence,\n // e.g. in Spanish language the weekdays and months should be in the lowercase.\n var months3char = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\n var monthsFull = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\n var weekdays2char = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\n var weekdays3char = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']\n var weekdaysFull = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\n var meridiemUppercase = ['AM', 'PM']\n var meridiemLowercase = ['am', 'pm']\n var meridiemFull = ['a.m.', 'p.m.']\n\n var formatters = {\n // Month: Jan, Feb, ..., Dec\n 'MMM': function (date) {\n return months3char[date.getMonth()]\n },\n\n // Month: January, February, ..., December\n 'MMMM': function (date) {\n return monthsFull[date.getMonth()]\n },\n\n // Day of week: Su, Mo, ..., Sa\n 'dd': function (date) {\n return weekdays2char[date.getDay()]\n },\n\n // Day of week: Sun, Mon, ..., Sat\n 'ddd': function (date) {\n return weekdays3char[date.getDay()]\n },\n\n // Day of week: Sunday, Monday, ..., Saturday\n 'dddd': function (date) {\n return weekdaysFull[date.getDay()]\n },\n\n // AM, PM\n 'A': function (date) {\n return (date.getHours() / 12) >= 1 ? meridiemUppercase[1] : meridiemUppercase[0]\n },\n\n // am, pm\n 'a': function (date) {\n return (date.getHours() / 12) >= 1 ? meridiemLowercase[1] : meridiemLowercase[0]\n },\n\n // a.m., p.m.\n 'aa': function (date) {\n return (date.getHours() / 12) >= 1 ? meridiemFull[1] : meridiemFull[0]\n }\n }\n\n // Generate ordinal version of formatters: M -> Mo, D -> Do, etc.\n var ordinalFormatters = ['M', 'D', 'DDD', 'd', 'Q', 'W']\n ordinalFormatters.forEach(function (formatterToken) {\n formatters[formatterToken + 'o'] = function (date, formatters) {\n return ordinal(formatters[formatterToken](date))\n }\n })\n\n return {\n formatters: formatters,\n formattingTokensRegExp: buildFormattingTokensRegExp(formatters)\n }\n}\n\nfunction ordinal (number) {\n var rem100 = number % 100\n if (rem100 > 20 || rem100 < 10) {\n switch (rem100 % 10) {\n case 1:\n return number + 'st'\n case 2:\n return number + 'nd'\n case 3:\n return number + 'rd'\n }\n }\n return number + 'th'\n}\n\nmodule.exports = buildFormatLocale\n","var buildDistanceInWordsLocale = require('./build_distance_in_words_locale/index.js')\nvar buildFormatLocale = require('./build_format_locale/index.js')\n\n/**\n * @category Locales\n * @summary English locale.\n */\nmodule.exports = {\n distanceInWords: buildDistanceInWordsLocale(),\n format: buildFormatLocale()\n}\n","var compareDesc = require('../compare_desc/index.js')\nvar parse = require('../parse/index.js')\nvar differenceInSeconds = require('../difference_in_seconds/index.js')\nvar enLocale = require('../locale/en/index.js')\n\nvar MINUTES_IN_DAY = 1440\nvar MINUTES_IN_MONTH = 43200\nvar MINUTES_IN_YEAR = 525600\n\n/**\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words, using strict units.\n * This is like `distanceInWords`, but does not use helpers like 'almost', 'over',\n * 'less than' and the like.\n *\n * | Distance between dates | Result |\n * |------------------------|---------------------|\n * | 0 ... 59 secs | [0..59] seconds |\n * | 1 ... 59 mins | [1..59] minutes |\n * | 1 ... 23 hrs | [1..23] hours |\n * | 1 ... 29 days | [1..29] days |\n * | 1 ... 11 months | [1..11] months |\n * | 1 ... N years | [1..N] years |\n *\n * @param {Date|String|Number} dateToCompare - the date to compare with\n * @param {Date|String|Number} date - the other date\n * @param {Object} [options] - the object with options\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {'s'|'m'|'h'|'d'|'M'|'Y'} [options.unit] - if specified, will force a unit\n * @param {'floor'|'ceil'|'round'} [options.partialMethod='floor'] - which way to round partial units\n * @param {Object} [options.locale=enLocale] - the locale object\n * @returns {String} the distance in words\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * var result = distanceInWordsStrict(\n * new Date(2014, 6, 2),\n * new Date(2015, 0, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00?\n * var result = distanceInWordsStrict(\n * new Date(2015, 0, 1, 0, 0, 15),\n * new Date(2015, 0, 1, 0, 0, 0),\n * )\n * //=> '15 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * var result = distanceInWordsStrict(\n * new Date(2016, 0, 1),\n * new Date(2015, 0, 1),\n * {addSuffix: true}\n * )\n * //=> '1 year ago'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, in minutes?\n * var result = distanceInWordsStrict(\n * new Date(2016, 0, 1),\n * new Date(2015, 0, 1),\n * {unit: 'm'}\n * )\n * //=> '525600 minutes'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 28 January 2015, in months, rounded up?\n * var result = distanceInWordsStrict(\n * new Date(2015, 0, 28),\n * new Date(2015, 0, 1),\n * {unit: 'M', partialMethod: 'ceil'}\n * )\n * //=> '1 month'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * var eoLocale = require('date-fns/locale/eo')\n * var result = distanceInWordsStrict(\n * new Date(2016, 7, 1),\n * new Date(2015, 0, 1),\n * {locale: eoLocale}\n * )\n * //=> '1 jaro'\n */\nfunction distanceInWordsStrict (dirtyDateToCompare, dirtyDate, dirtyOptions) {\n var options = dirtyOptions || {}\n\n var comparison = compareDesc(dirtyDateToCompare, dirtyDate)\n\n var locale = options.locale\n var localize = enLocale.distanceInWords.localize\n if (locale && locale.distanceInWords && locale.distanceInWords.localize) {\n localize = locale.distanceInWords.localize\n }\n\n var localizeOptions = {\n addSuffix: Boolean(options.addSuffix),\n comparison: comparison\n }\n\n var dateLeft, dateRight\n if (comparison > 0) {\n dateLeft = parse(dirtyDateToCompare)\n dateRight = parse(dirtyDate)\n } else {\n dateLeft = parse(dirtyDate)\n dateRight = parse(dirtyDateToCompare)\n }\n\n var unit\n var mathPartial = Math[options.partialMethod ? String(options.partialMethod) : 'floor']\n var seconds = differenceInSeconds(dateRight, dateLeft)\n var offset = dateRight.getTimezoneOffset() - dateLeft.getTimezoneOffset()\n var minutes = mathPartial(seconds / 60) - offset\n var hours, days, months, years\n\n if (options.unit) {\n unit = String(options.unit)\n } else {\n if (minutes < 1) {\n unit = 's'\n } else if (minutes < 60) {\n unit = 'm'\n } else if (minutes < MINUTES_IN_DAY) {\n unit = 'h'\n } else if (minutes < MINUTES_IN_MONTH) {\n unit = 'd'\n } else if (minutes < MINUTES_IN_YEAR) {\n unit = 'M'\n } else {\n unit = 'Y'\n }\n }\n\n // 0 up to 60 seconds\n if (unit === 's') {\n return localize('xSeconds', seconds, localizeOptions)\n\n // 1 up to 60 mins\n } else if (unit === 'm') {\n return localize('xMinutes', minutes, localizeOptions)\n\n // 1 up to 24 hours\n } else if (unit === 'h') {\n hours = mathPartial(minutes / 60)\n return localize('xHours', hours, localizeOptions)\n\n // 1 up to 30 days\n } else if (unit === 'd') {\n days = mathPartial(minutes / MINUTES_IN_DAY)\n return localize('xDays', days, localizeOptions)\n\n // 1 up to 12 months\n } else if (unit === 'M') {\n months = mathPartial(minutes / MINUTES_IN_MONTH)\n return localize('xMonths', months, localizeOptions)\n\n // 1 year up to max Date\n } else if (unit === 'Y') {\n years = mathPartial(minutes / MINUTES_IN_YEAR)\n return localize('xYears', years, localizeOptions)\n }\n\n throw new Error('Unknown unit: ' + unit)\n}\n\nmodule.exports = distanceInWordsStrict\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport ActivityAction from './activity-action/activity-action.jsx'\nimport styles from './activity-item.styles.js'\nimport { PobbleAvatar } from 'pobble-components/dist/pobble-avatar'\nimport distanceInWordsStrict from 'date-fns/distance_in_words_strict'\nimport { apiMarkActivityAsRead } from '../../../common/api/activity.js'\n\nclass ActivityItem extends Component {\n links(type) {\n const { activity } = this.props\n const urls = {\n CommentApproved: `/works/${activity.activity_object.id}`,\n WorkPublished: `/works/${activity.activity_object.id}`,\n SchoolFollowed: `/schools/${activity.activity_object.id}`,\n SchoolUnfollowed: `/schools/${activity.activity_object.id}`,\n PresentationShared: `/lessons/shared/${activity.activity_object.id}`,\n ParentAddedToStudent: `/student/${activity.activity_object.id}`,\n GuestModeratorInvited: `/moderation/assessment-files/${activity\n .activity_object.assessment_file &&\n activity.activity_object.assessment_file.id}`,\n ContributionMarkedAsConclusion: `/moderation/assessment-files/${activity\n .activity_object.assessment_file &&\n activity.activity_object.assessment_file.id}`,\n WorkSubmittedByStudent: `/actions/`,\n PaPresentationActionCreated: `/pupil/`,\n WorkApprovedByTeacher: `/pupil/`,\n WorkReturnedByTeacher: `/pupil/`,\n WorkSentToPeer: `/pupil/`,\n WorkSentBackFromPeer: `/pupil/`\n }\n return urls[type]\n }\n\n toActivity(id, type) {\n const url = this.links(type)\n apiMarkActivityAsRead(id).then(() => (window.location = url))\n }\n\n render() {\n const { classes, activity } = this.props\n return (\n activity && (\n \n
\n \n {distanceInWordsStrict(new Date(), new Date(activity.occurred_at))}\n
\n \n )\n )\n }\n}\n\nexport default injectSheet(styles)(ActivityItem)\n","import { apiClient } from 'pobble-components/dist/api'\n\nconst apiGetActivity = () => apiClient.get('v3/me/activity_feed_items/pending')\n\nconst apiMarkActivityAsRead = id =>\n apiClient.post(`v3/me/activity_feed_items/${id}/mark_read`)\n\nconst apiMarkAllActivitiesAsRead = () =>\n apiClient.post(`v3/me/activity_feed_items/mark_feed_read`)\n\nexport { apiGetActivity, apiMarkActivityAsRead, apiMarkAllActivitiesAsRead }\n","import React, { useEffect, useState } from 'react'\nimport injectSheet from 'react-jss'\nimport NavItem from '../nav-item/nav-item.jsx'\nimport DropMenu from '../drop-menu/drop-menu.jsx'\nimport ActivityHeader from './activity-header/activity-header.jsx'\nimport ActivityItem from './activity-item/activity-item.jsx'\nimport classNames from 'classnames'\nimport {\n apiGetActivity,\n apiMarkAllActivitiesAsRead\n} from '../../common/api/activity.js'\nimport Button from 'pobble-components/dist/button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBell } from '@fortawesome/pro-regular-svg-icons/faBell'\n\nconst Activity = injectSheet({\n activityMenu: {\n display: 'none',\n '@media (min-width: 769px)': {\n display: 'block',\n width: '360px',\n marginRight: '5px',\n paddingBottom: '12px'\n }\n },\n list: {\n listStyle: 'none',\n padding: '0',\n margin: '0',\n display: 'flex',\n '& li': {\n '@media (max-width: 769px)': {\n padding: '0',\n border: 'none'\n }\n }\n },\n dot: {\n '@media (min-width: 769px)': {\n position: 'relative',\n margin: '0 10px 0 -10px',\n '& > a': {\n width: '46px'\n }\n },\n '& svg': {\n fontSize: '16px'\n },\n '& span:last-child': {\n '@media (min-width: 769px)': {\n display: 'none'\n }\n },\n '&:after': {\n content: '\"\"',\n width: '8px',\n height: '8px',\n display: 'inline-block',\n background: 'var(--red)',\n position: 'absolute',\n top: '22px',\n left: '-6px',\n borderRadius: '100%',\n transform: 'scale(0)',\n '@media (min-width: 769px)': {\n top: '22px',\n left: '26px'\n }\n }\n },\n dotActive: {\n '&:after': {\n animation: '600ms cubic-bezier(0,.67,.42,2) scaleIn forwards'\n }\n },\n footer: {\n fontSize: '16px',\n color: '#a8a8a8',\n borderTop: '1px solid #ececec',\n marginTop: '10px',\n textAlign: 'center',\n '& > button': {\n padding: '32px 20px',\n width: '100%',\n textDecoration: 'none',\n textAlign: 'center',\n display: 'flex',\n justifyContent: 'center',\n color: '#a8a8a8',\n transition: 'color 300ms ease-in-out',\n '&:hover': {\n color: 'var(--blue)'\n }\n }\n },\n '@keyframes scaleIn': {\n from: { tranform: 'scale(0)' },\n to: { transform: 'scale(1)' }\n }\n})(({ classes, activePage, appUrl }) => {\n const [data, setData] = useState([])\n\n const activities =\n data &&\n data\n .slice(0, 3)\n .map((activity, index) => (\n - \n
\n {title &&
\n))\n\nexport default HeaderMenuBox\n","import React, { useState } from 'react'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\nimport { useSubscriptionPolicy } from 'pobble-components/dist/subscriptions'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCrown } from '@fortawesome/pro-solid-svg-icons/faCrown'\nimport { useMe } from 'pobble-components/dist/pobble-user'\n\nconst stripEndSlash = str =>\n str[str.length - 1] === '/' ? str.slice(0, str.length - 1) : str\n\nconst isInActiveState = url =>\n !url ? false : stripEndSlash(window.location.href) === stripEndSlash(url)\n\nconst HeaderMenuLink = injectSheet({\n item: {\n '@media (min-width: 769px)': {\n marginTop: '16px',\n lineHeight: '1.2',\n '&:first-child': {\n marginTop: '0'\n }\n }\n },\n premium: {\n '& $link': {\n color: 'var(--gray---)'\n }\n },\n link: {\n display: 'flex',\n alignItems: 'center',\n fontSize: '14px',\n color: 'var(--gray)',\n '@media (max-width: 768px)': {\n padding: '4px 0',\n margin: '2px 0'\n },\n '@media (min-width: 769px)': {\n textDecoration: 'none',\n cursor: 'pointer',\n transition: 'color 0.3s',\n '&:hover': {\n color: 'var(--blue)'\n }\n }\n },\n active: {\n color: 'var(--blue)'\n },\n premiumIcon: {\n color: 'var(--gray---)',\n fontSize: '.7em',\n marginRight: '.5em'\n }\n})(\n ({\n classes,\n children,\n href,\n target,\n className,\n schoolRequired,\n onClick,\n subscriptionPolicy = () => ({ restricted: false, plan: 'pobble-bronze' })\n }) => {\n const [active] = useState(isInActiveState(href))\n const SP = useSubscriptionPolicy(subscriptionPolicy)\n const { me, showSchoolRequiredDialog } = useMe()\n const hasSchool = me.account.policy.teacher_in_school\n return (\n {title}
}\n- {children}
\n \n {(Container, Menu) => (\n \n \n )}\n \n
\n )\n})\n\nexport default memo(AuthorisedMenu)\n","import React, { useContext } from 'react'\nimport injectSheet from 'react-jss'\nimport NavItem from '../nav-item/nav-item.jsx'\nimport HeaderContext from '../context'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faUser } from '@fortawesome/pro-solid-svg-icons/faUser'\n\nconst UnauthorisedMenu = injectSheet({\n list: {\n listStyle: 'none',\n padding: '0',\n margin: '0',\n '@media (min-width: 769px)': {\n display: 'flex'\n }\n },\n signIn: {\n background: 'rgba(255, 255, 255, 0.1)'\n }\n})(({ classes }) => {\n const { appUrl } = useContext(HeaderContext)\n return (\n \n
\n \n
\n {me.account.display_name}
\n- \n {isStudent && (\n
\n
\n \n \n
\n )\n})\n\nexport default UnauthorisedMenu\n","!function(e,t){if(\"function\"==typeof define&&define.amd)define([\"exports\"],t);else if(\"undefined\"!=typeof exports)t(exports);else{var o={};t(o),e.bodyScrollLock=o}}(this,function(exports){\"use strict\";function r(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t- \n
\n
\n )}\n \n {!selectedGroupsLength && (\n \n \n {lastChoice && (\n \n You last chose:\n {\n const ids = {}\n lastChoice.groups.forEach(group => (ids[group.id] = true))\n onFilter(ids)\n }}\n simple\n bleed>\n {lastChoice.names}\n \n \n )}\n \n )}\n {!!selectedGroupsLength && (\n
\n - \n
- \n {selectedGroupsNames}\n \n
- \n \n \n
- \n \n \n
\n
\n \n {\n setSelectedGroups(groups)\n selectPupilsInGroups(groups)\n }}\n selectedGroups={selectedGroups}\n />\n
\n \n
\n \n setSearchString(e.target.value)}\n id=\"search\"\n placeholder=\"Type a pupil's name\"\n />\n \n
\n \n {!pupils && (\n \n {!!pupils.length ? (\n \n {\n setSelectedGroups({})\n setSearchString('')\n }}\n simple>\n Clear filters\n \n \n ) : (\n \n \n )}\n \n )}\n {!!pupils && !!sortedPupils.length && (\n \n \n
\n )}\n
\n \n
\n )}\n {!!pupils && !sortedPupils.length && (\n \n We searched everywhere\n
\n There are no pupils matching this criteria\n
You don’t have any pupils in your school yet
\n \n\n
\n)\n\nexport default injectSheet(styles)(PageNotFound)\n","import React, { Component, Fragment } from 'react'\nimport FullpageError from 'pobble-components/dist/full-page-error'\nimport Button from 'pobble-components/dist/button'\n\nclass ErrorBoundary extends Component {\n constructor(props) {\n super(props)\n this.state = { hasError: false }\n }\n\n static getDerivedStateFromError(error) {\n console.error(error)\n // Update state so the next render will show the fallback UI.\n return { hasError: true }\n }\n\n render() {\n if (this.state.hasError) {\n // You can render any custom fallback UI\n return (\n \n
\n \n \n This page doesn't\n
\n
\n \n This page doesn't\n
\n seem to exist\n
\n \n Our page monster\n
\n gets hungry sometimes.\n
404
\n\n contact hello@pobble.com.\n