{store.getState()}
\n * }\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()}
\n * }\n */\n\nexport var useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\n *\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\n * {value}\n * \n *
\n * )\n * }\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport { createSubscription } 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 createSubscription(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 var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\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 newStoreState = store.getState(); // Avoid calling selector multiple times if the store's state has not changed\n\n if (newStoreState === latestStoreState.current) {\n return;\n }\n\n var _newSelectedState = latestSelector.current(newStoreState);\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n latestStoreState.current = newStoreState;\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/**\n * Hook factory, which creates a `useSelector` hook bound to a given context.\n *\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\n * }\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","export * from './exports';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport { setBatch } from './utils/batch'; // Enable batched updates in our subscriptions for use\n// with standard React renderers (ReactDOM, React Native)\n\nsetBatch(batch);\nexport { batch };","/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;","/**\n * Copyright 2014-2015, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n */\n\n'use strict';\n\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar warning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n warning = function(condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n if (format === undefined) {\n throw new Error(\n '`warning(condition, format, ...args)` requires a warning ' +\n 'message argument'\n );\n }\n\n if (format.length < 10 || (/^[s\\W]*$/).test(format)) {\n throw new Error(\n 'The warning format should be able to uniquely identify this ' +\n 'warning. Please, use a more descriptive format than: ' + format\n );\n }\n\n if (!condition) {\n var argIndex = 0;\n var message = 'Warning: ' +\n format.replace(/%s/g, function() {\n return args[argIndex++];\n });\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n try {\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch(x) {}\n }\n };\n}\n\nmodule.exports = warning;\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","function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nmodule.exports = _assertThisInitialized;","import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nexport default root;\n","const createReducer = (defaultState, obj) => {\n return (state = defaultState, action) => {\n if (obj && obj[action.type]) return obj[action.type](state, action)\n return state\n }\n}\n\nconst createRequestReducer = (prefix, defaultState, listeners) =>\n createReducer(\n {\n prefix: prefix,\n pending: false,\n requestError: false,\n params: null,\n ...defaultState\n },\n {\n [`${prefix}_REQUEST`]: (state, { params }) => ({\n ...state,\n params: params || null,\n pending: true,\n requestError: null\n }),\n [`${prefix}_REQUEST_SUCCESS`]: state => ({\n ...state,\n pending: false\n }),\n [`${prefix}_REQUEST_ERROR`]: (state, action) => ({\n ...state,\n pending: false,\n requestError: action.error\n }),\n [`${prefix}_CLEAR_REQUEST_ERROR`]: state => ({\n ...state,\n pending: false,\n requestError: null\n }),\n ...listeners\n }\n )\n\nconst createMappedRequestReducer = (prefix, designTree, listeners) =>\n createReducer(\n {},\n {\n [`${prefix}_REQUEST`]: (state, { params }) =>\n !designTree\n ? {\n ...state,\n [params.id]: { pending: true, requestError: null, params }\n }\n : designTree(state, params, { pending: true, requestError: null }),\n [`${prefix}_REQUEST_SUCCESS`]: (state, { params }) =>\n !designTree\n ? {\n ...state,\n [params.id]: { pending: false, requestError: null, params }\n }\n : designTree(state, params, { pending: false, requestError: null }),\n [`${prefix}_REQUEST_ERROR`]: (state, { error, params }) =>\n !designTree\n ? {\n ...state,\n [params.id]: { pending: false, requestError: error, params }\n }\n : designTree(state, params, { pending: false, requestError: error }),\n ...listeners\n }\n )\n\nconst requestMiddleware = ({ dispatch }) => next => action => {\n if (!action.hasOwnProperty('requestPrefix')) {\n return next(action)\n }\n return new Promise((resolve, reject) => {\n dispatch({ type: `${action.requestPrefix}_REQUEST`, params: action.params })\n action\n .request()\n .then(data => {\n dispatch({\n type: `${action.requestPrefix}_REQUEST_SUCCESS`,\n response: data,\n params: action.params\n })\n action.onSuccess && action.onSuccess(dispatch, data)\n resolve(data)\n })\n .catch(error => {\n dispatch({\n type: `${action.requestPrefix}_REQUEST_ERROR`,\n error,\n params: action.params\n })\n action.onError && action.onError(dispatch, error)\n reject(error)\n })\n })\n}\n\nconst clearRequestError = prefix => ({\n type: `${prefix}_CLEAR_REQUEST_ERROR`\n})\n\nconst getValidationErrors = state =>\n state.requestError\n ? state.requestError.validation\n ? state.requestError.fields\n : {}\n : {}\n\nexport {\n createReducer,\n requestMiddleware,\n createRequestReducer,\n createMappedRequestReducer,\n getValidationErrors,\n clearRequestError\n}\n","function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nmodule.exports = _interopRequireDefault;","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 _extends() {\n module.exports = _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\nmodule.exports = _extends;","import THEME from 'pobble-components/dist/theme'\n\nconst { COLORS } = THEME\n\nexport default {\n button: {\n alignItems: 'center',\n fontWeight: 'bold',\n outline: 'none',\n textDecoration: 'none',\n display: 'inline-flex',\n borderRadius: '4px',\n border: `1px solid ${COLORS.BLUE.NORMAL}`,\n backgroundColor: COLORS.BLUE.NORMAL,\n height: '30px',\n cursor: 'pointer',\n fontSize: '14px',\n lineHeight: '14px',\n padding: '7px 10px',\n color: '#fff',\n transition: 'background-color .1s ease-in-out, color .1s ease-in-out',\n '&:hover': {\n backgroundColor: COLORS.BLUE.EXTRA_FADED\n },\n '&:active': {\n boxShadow: `0 0 2px 1px ${COLORS.BLUE.EXTRA_FADED}`\n }\n },\n darkBlue: {\n background: 'var(--dark-blue)',\n border: 'none',\n color: '#fff',\n '&:hover, &:focus': {\n background: 'var(--dark-blue-)'\n },\n '&$disabled': {\n opacity: '.3',\n backgroundColor: 'var(--dark-blue)',\n color: '#fff'\n },\n '&$simple': {\n color: 'var(--dark-blue)',\n '&:hover, &:focus': {\n color: 'var(--dark-blue-)'\n }\n }\n },\n minw: {\n minWidth: '100px',\n justifyContent: 'center'\n },\n spinner: {\n fontSize: '.8em',\n color: 'currentColor'\n },\n iconHolder: {\n height: '10px',\n margin: '0 5px 0 0',\n '& > svg': {\n width: 'auto',\n height: '100%',\n display: 'block'\n }\n },\n equalizer: {\n width: '10px',\n height: '10px',\n marginLeft: '5px'\n },\n back: {\n '& $iconHolder': {\n height: '14px',\n display: 'flex',\n justifyContent: 'flex-end'\n }\n },\n buttonTall: {\n height: '40px',\n padding: '12px 15px',\n '& $iconHolder': {\n height: '12px',\n margin: '0 6px 0 -2px'\n }\n },\n big: {\n height: '50px',\n padding: '15px 20px',\n fontSize: '20px',\n lineHeight: '20px',\n '& $iconHolder': {\n height: '14px',\n margin: '0 6px 0 -4px'\n }\n },\n green: {\n border: `1px solid ${COLORS.GREEN.NORMAL}`,\n backgroundColor: COLORS.GREEN.NORMAL,\n '&:hover': {\n backgroundColor: COLORS.GREEN.FADED\n },\n '&:active': {\n boxShadow: `0 0 2px 1px ${COLORS.GREEN.EXTRA_FADED}`\n },\n '&$secondary': {\n color: COLORS.GREEN.NORMAL,\n '&:hover': {\n color: '#fff'\n }\n },\n '&$simple': {\n color: COLORS.GREEN.NORMAL,\n '&:hover': {\n color: COLORS.GREEN.FADED\n },\n '&:active': {\n color: COLORS.GREEN.NORMAL\n }\n }\n },\n white: {\n border: 'none',\n backgroundColor: 'var(--light-gray--)',\n color: 'var(--gray)',\n transition: 'none',\n '&:hover': {\n backgroundColor: '#fff'\n },\n '&:active': {},\n '&$secondary': {\n color: 'var(--light-gray--)',\n background: 'none',\n border: '1px solid var(--light-gray--)',\n '&:hover': {\n background: 'rgba(255, 255, 255, .05)',\n color: 'var(--light-gray--)'\n }\n },\n '&$simple': {\n color: 'var(--light-gray--)',\n '&:hover': {\n color: 'var(--light-gray--)'\n },\n '&:active': {\n color: 'var(--light-gray--)'\n }\n }\n },\n purple: {\n border: `1px solid var(--purple)`,\n backgroundColor: 'var(--purple)',\n '&:hover': {\n backgroundColor: 'var(--purple-)'\n },\n '&:active': {\n boxShadow: `0 0 2px 1px var(--purple--)`\n },\n '&$secondary': {\n color: 'var(--purple)',\n '&:hover': {\n color: '#fff'\n }\n },\n '&$simple': {\n color: 'var(--purple)',\n '&:hover': {\n color: 'var(--purple-)'\n },\n '&:active': {\n color: 'var(--purple)'\n }\n }\n },\n secondary: {\n backgroundColor: '#fff',\n color: COLORS.BLUE.NORMAL,\n '&:hover': {\n color: '#fff'\n }\n },\n danger: {\n borderColor: COLORS.RED.FADED,\n backgroundColor: COLORS.RED.FADED,\n '&:hover': {\n backgroundColor: COLORS.RED.EXTRA_FADED\n },\n '&$simple': {\n color: COLORS.RED.FADED,\n '&:hover': {\n color: COLORS.RED.EXTRA_FADED\n },\n '&:active': {\n color: COLORS.RED.FADED\n }\n }\n },\n dangerSecondary: {\n borderColor: COLORS.RED.EXTRA_FADED,\n backgroundColor: '#fff',\n color: COLORS.RED.FADED,\n '&:hover': {\n backgroundColor: '#fff',\n borderColor: COLORS.RED.NORMAL,\n color: COLORS.RED.NORMAL\n }\n },\n success: {\n borderColor: COLORS.GREEN.FADED,\n backgroundColor: COLORS.GREEN.FADED,\n '&:hover': {\n backgroundColor: COLORS.GREEN.EXTRA_FADED\n }\n },\n successSecondary: {\n borderColor: COLORS.GREEN.EXTRA_FADED,\n backgroundColor: '#fff',\n color: COLORS.GREEN.FADED,\n '&:hover': {\n backgroundColor: '#fff',\n borderColor: COLORS.GREEN.NORMAL,\n color: COLORS.GREEN.NORMAL\n }\n },\n warning: {\n borderColor: COLORS.ALERT.WARNING.FADED,\n backgroundColor: COLORS.ALERT.WARNING.FADED,\n '&:hover': {\n backgroundColor: COLORS.ALERT.WARNING.EXTRA_FADED\n }\n },\n warningSecondary: {\n borderColor: COLORS.ALERT.WARNING.EXTRA_FADED,\n backgroundColor: '#fff',\n color: COLORS.ALERT.WARNING.FADED,\n '&:hover': {\n backgroundColor: '#fff',\n borderColor: COLORS.ALERT.WARNING.NORMAL,\n color: COLORS.ALERT.WARNING.NORMAL\n }\n },\n disabled: {\n backgroundColor: '#f9f9f9',\n borderColor: '#dedede',\n color: '#cbcbcb',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n '&:hover': {\n backgroundColor: '#f9f9f9',\n borderColor: '#dedede',\n color: '#cbcbcb'\n }\n },\n wide: {\n width: '100%',\n justifyContent: 'center'\n },\n alignLeft: {\n justifyContent: 'flex-start'\n },\n alignRight: {\n justifyContent: 'flex-end'\n },\n alignCenter: {\n justifyContent: 'center'\n },\n simple: {\n color: COLORS.BLUE.NORMAL,\n width: 'auto',\n background: 'none',\n border: 'none',\n '&:hover': {\n background: 'none',\n color: COLORS.BLUE.FADED\n },\n '&:active': {\n boxShadow: 'none',\n color: COLORS.BLUE.NORMAL,\n transition: 'none'\n },\n '&$disabled': {\n color: '#cbcbcb'\n },\n '&$dangerSecondary': {\n color: COLORS.RED.FADED,\n '&:hover': {\n color: COLORS.RED.NORMAL\n }\n }\n },\n tertiary: {\n color: 'var(--gray--)',\n width: 'auto',\n background: 'none',\n border: 'none',\n '&:hover': {\n background: 'none',\n color: 'var(--gray-)'\n },\n '&:active': {\n boxShadow: 'none',\n color: 'var(--gray-)',\n transition: 'none'\n },\n '&$disabled': {\n color: '#cbcbcb'\n }\n },\n bleed: {\n paddingRight: '0',\n paddingLeft: '0'\n }\n}\n","import React, { Component } from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './button.styles'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport Spinner from 'pobble-components/dist/spinner'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCaretLeft } from '@fortawesome/pro-solid-svg-icons/faCaretLeft'\n\nclass Button extends Component {\n render() {\n const {\n as,\n green,\n darkBlue,\n white,\n purple,\n classes,\n children,\n secondary,\n danger,\n onClick,\n dangerSecondary,\n success,\n successSecondary,\n warning,\n warningSecondary,\n tall,\n big,\n disabled,\n action,\n href,\n _blank,\n wide,\n className,\n nodeRef,\n simple,\n tertiary,\n type,\n span,\n style,\n icon,\n alignLeft,\n alignRight,\n alignCenter,\n bleed,\n pending,\n back,\n minw,\n to\n } = this.props\n\n const buttonIcon = !back ? icon : {buttonIcon}
\n )}\n {pending && (\n \n
\n )}\n {children}\n \n )\n }\n}\n\nButton.propTypes = {\n /** Makes button taller */\n tall: PropTypes.bool,\n /** Applies secondary theme to the button */\n secondary: PropTypes.bool,\n /** Applies danger theme to the button */\n danger: PropTypes.bool,\n /** Applies danger secondary theme to the button */\n dangerSecondary: PropTypes.bool,\n /** Applies success theme to the button */\n success: PropTypes.bool,\n /** Applies success secondary theme to the button */\n successSecondary: PropTypes.bool,\n /** Applies warning theme to the button */\n warning: PropTypes.bool,\n /** Applies danger secondary theme to the button */\n warningSecondary: PropTypes.bool,\n /** Disables button */\n disabled: PropTypes.bool,\n /** Click handler for the button */\n action: PropTypes.func,\n /** This prop will make your button a link pointing to this url */\n href: PropTypes.string,\n /** In case you specified href this prop will make your url to open in a new tab */\n _blank: PropTypes.bool,\n /** Makes full width button */\n wide: PropTypes.bool,\n /** Add your own classname to the button */\n className: PropTypes.string,\n /** Restyle button */\n style: PropTypes.object,\n /** Node reference */\n nodeRef: PropTypes.func,\n /** Apply simple theme to button */\n simple: PropTypes.bool,\n /** By default Button will render button component. You can specify type of the button with this prop */\n type: PropTypes.string,\n /** Icon on the left */\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.string])\n}\n\nButton.defaultProps = {\n tall: false,\n secondary: false,\n danger: false,\n dangerSecondary: false,\n success: false,\n successSecondary: false,\n warning: false,\n warningSecondary: false,\n disabled: false,\n wide: false,\n simple: false\n}\n\nexport default injectSheet(styles)(Button)\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","import getClient from 'pobble-components/dist/api-client'\nimport Cookies from 'js-cookie'\n\nconst DEV_API_URL = Cookies.get('dev_api_url')\n\nconst ENV = process.env.REACT_APP_ENV\n\nif (!ENV && !DEV_API_URL) {\n Cookies.set(\n 'dev_api_url',\n `https://${window.prompt('API url (without HTTPS)')}`\n )\n window.location.reload()\n}\n\nconst API_ROOT = ENV\n ? `https://${ENV === 'stg' ? `stg-` : ''}api.pobble.com/`\n : DEV_API_URL\n\nexport default getClient({ baseUrl: API_ROOT })\n","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nmodule.exports = typeof window == 'object' && window && window.Math == Math ? window\n : typeof self == 'object' && self && self.Math == Math ? self\n // eslint-disable-next-line no-new-func\n : Function('return this')();\n","import $$observable from 'symbol-observable';\n\n/**\n * These are private action types reserved by Redux.\n * For any unknown actions, you must return the current state.\n * If the current state is undefined, you must return the initial state.\n * Do not reference these action types directly in your code.\n */\nvar ActionTypes = {\n INIT: '@@redux/INIT' + Math.random().toString(36).substring(7).split('').join('.'),\n REPLACE: '@@redux/REPLACE' + Math.random().toString(36).substring(7).split('').join('.')\n};\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\n\nvar _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/**\n * @param {any} obj The object to inspect.\n * @returns {boolean} True if the argument appears to be a plain object.\n */\nfunction isPlainObject(obj) {\n if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) !== 'object' || obj === null) return false;\n\n var proto = obj;\n while (Object.getPrototypeOf(proto) !== null) {\n proto = Object.getPrototypeOf(proto);\n }\n\n return Object.getPrototypeOf(obj) === proto;\n}\n\n/**\n * Creates a Redux store that holds the state tree.\n * The only way to change the data in the store is to call `dispatch()` on it.\n *\n * There should only be a single store in your app. To specify how different\n * parts of the state tree respond to actions, you may combine several reducers\n * into a single reducer function by using `combineReducers`.\n *\n * @param {Function} reducer A function that returns the next state tree, given\n * the current state tree and the action to handle.\n *\n * @param {any} [preloadedState] The initial state. You may optionally specify it\n * to hydrate the state from the server in universal apps, or to restore a\n * previously serialized user session.\n * If you use `combineReducers` to produce the root reducer function, this must be\n * an object with the same shape as `combineReducers` keys.\n *\n * @param {Function} [enhancer] The store enhancer. You may optionally specify it\n * to enhance the store with third-party capabilities such as middleware,\n * time travel, persistence, etc. The only store enhancer that ships with Redux\n * is `applyMiddleware()`.\n *\n * @returns {Store} A Redux store that lets you read the state, dispatch actions\n * and subscribe to changes.\n */\nfunction createStore(reducer, preloadedState, enhancer) {\n var _ref2;\n\n if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {\n enhancer = preloadedState;\n preloadedState = undefined;\n }\n\n if (typeof enhancer !== 'undefined') {\n if (typeof enhancer !== 'function') {\n throw new Error('Expected the enhancer to be a function.');\n }\n\n return enhancer(createStore)(reducer, preloadedState);\n }\n\n if (typeof reducer !== 'function') {\n throw new Error('Expected the reducer to be a function.');\n }\n\n var currentReducer = reducer;\n var currentState = preloadedState;\n var currentListeners = [];\n var nextListeners = currentListeners;\n var isDispatching = false;\n\n function ensureCanMutateNextListeners() {\n if (nextListeners === currentListeners) {\n nextListeners = currentListeners.slice();\n }\n }\n\n /**\n * Reads the state tree managed by the store.\n *\n * @returns {any} The current state tree of your application.\n */\n function getState() {\n if (isDispatching) {\n throw new Error('You may not call store.getState() while the reducer is executing. ' + 'The reducer has already received the state as an argument. ' + 'Pass it down from the top reducer instead of reading it from the store.');\n }\n\n return currentState;\n }\n\n /**\n * Adds a change listener. It will be called any time an action is dispatched,\n * and some part of the state tree may potentially have changed. You may then\n * call `getState()` to read the current state tree inside the callback.\n *\n * You may call `dispatch()` from a change listener, with the following\n * caveats:\n *\n * 1. The subscriptions are snapshotted just before every `dispatch()` call.\n * If you subscribe or unsubscribe while the listeners are being invoked, this\n * will not have any effect on the `dispatch()` that is currently in progress.\n * However, the next `dispatch()` call, whether nested or not, will use a more\n * recent snapshot of the subscription list.\n *\n * 2. The listener should not expect to see all state changes, as the state\n * might have been updated multiple times during a nested `dispatch()` before\n * the listener is called. It is, however, guaranteed that all subscribers\n * registered before the `dispatch()` started will be called with the latest\n * state by the time it exits.\n *\n * @param {Function} listener A callback to be invoked on every dispatch.\n * @returns {Function} A function to remove this change listener.\n */\n function subscribe(listener) {\n if (typeof listener !== 'function') {\n throw new Error('Expected the listener to be a function.');\n }\n\n if (isDispatching) {\n throw new Error('You may not call store.subscribe() while the reducer is executing. ' + 'If you would like to be notified after the store has been updated, subscribe from a ' + 'component and invoke store.getState() in the callback to access the latest state. ' + 'See https://redux.js.org/api-reference/store#subscribe(listener) for more details.');\n }\n\n var isSubscribed = true;\n\n ensureCanMutateNextListeners();\n nextListeners.push(listener);\n\n return function unsubscribe() {\n if (!isSubscribed) {\n return;\n }\n\n if (isDispatching) {\n throw new Error('You may not unsubscribe from a store listener while the reducer is executing. ' + 'See https://redux.js.org/api-reference/store#subscribe(listener) for more details.');\n }\n\n isSubscribed = false;\n\n ensureCanMutateNextListeners();\n var index = nextListeners.indexOf(listener);\n nextListeners.splice(index, 1);\n };\n }\n\n /**\n * Dispatches an action. It is the only way to trigger a state change.\n *\n * The `reducer` function, used to create the store, will be called with the\n * current state tree and the given `action`. Its return value will\n * be considered the **next** state of the tree, and the change listeners\n * will be notified.\n *\n * The base implementation only supports plain object actions. If you want to\n * dispatch a Promise, an Observable, a thunk, or something else, you need to\n * wrap your store creating function into the corresponding middleware. For\n * example, see the documentation for the `redux-thunk` package. Even the\n * middleware will eventually dispatch plain object actions using this method.\n *\n * @param {Object} action A plain object representing “what changed”. It is\n * a good idea to keep actions serializable so you can record and replay user\n * sessions, or use the time travelling `redux-devtools`. An action must have\n * a `type` property which may not be `undefined`. It is a good idea to use\n * string constants for action types.\n *\n * @returns {Object} For convenience, the same action object you dispatched.\n *\n * Note that, if you use a custom middleware, it may wrap `dispatch()` to\n * return something else (for example, a Promise you can await).\n */\n function dispatch(action) {\n if (!isPlainObject(action)) {\n throw new Error('Actions must be plain objects. ' + 'Use custom middleware for async actions.');\n }\n\n if (typeof action.type === 'undefined') {\n throw new Error('Actions may not have an undefined \"type\" property. ' + 'Have you misspelled a constant?');\n }\n\n if (isDispatching) {\n throw new Error('Reducers may not dispatch actions.');\n }\n\n try {\n isDispatching = true;\n currentState = currentReducer(currentState, action);\n } finally {\n isDispatching = false;\n }\n\n var listeners = currentListeners = nextListeners;\n for (var i = 0; i < listeners.length; i++) {\n var listener = listeners[i];\n listener();\n }\n\n return action;\n }\n\n /**\n * Replaces the reducer currently used by the store to calculate the state.\n *\n * You might need this if your app implements code splitting and you want to\n * load some of the reducers dynamically. You might also need this if you\n * implement a hot reloading mechanism for Redux.\n *\n * @param {Function} nextReducer The reducer for the store to use instead.\n * @returns {void}\n */\n function replaceReducer(nextReducer) {\n if (typeof nextReducer !== 'function') {\n throw new Error('Expected the nextReducer to be a function.');\n }\n\n currentReducer = nextReducer;\n dispatch({ type: ActionTypes.REPLACE });\n }\n\n /**\n * Interoperability point for observable/reactive libraries.\n * @returns {observable} A minimal observable of state changes.\n * For more information, see the observable proposal:\n * https://github.com/tc39/proposal-observable\n */\n function observable() {\n var _ref;\n\n var outerSubscribe = subscribe;\n return _ref = {\n /**\n * The minimal observable subscription method.\n * @param {Object} observer Any object that can be used as an observer.\n * The observer object should have a `next` method.\n * @returns {subscription} An object with an `unsubscribe` method that can\n * be used to unsubscribe the observable from the store, and prevent further\n * emission of values from the observable.\n */\n subscribe: function subscribe(observer) {\n if ((typeof observer === 'undefined' ? 'undefined' : _typeof(observer)) !== 'object' || observer === null) {\n throw new TypeError('Expected the observer to be an object.');\n }\n\n function observeState() {\n if (observer.next) {\n observer.next(getState());\n }\n }\n\n observeState();\n var unsubscribe = outerSubscribe(observeState);\n return { unsubscribe: unsubscribe };\n }\n }, _ref[$$observable] = function () {\n return this;\n }, _ref;\n }\n\n // When a store is created, an \"INIT\" action is dispatched so that every\n // reducer returns their initial state. This effectively populates\n // the initial state tree.\n dispatch({ type: ActionTypes.INIT });\n\n return _ref2 = {\n dispatch: dispatch,\n subscribe: subscribe,\n getState: getState,\n replaceReducer: replaceReducer\n }, _ref2[$$observable] = observable, _ref2;\n}\n\n/**\n * Prints a warning in the console if it exists.\n *\n * @param {String} message The warning message.\n * @returns {void}\n */\nfunction warning(message) {\n /* eslint-disable no-console */\n if (typeof console !== 'undefined' && typeof console.error === 'function') {\n console.error(message);\n }\n /* eslint-enable no-console */\n try {\n // This error was thrown as a convenience so that if you enable\n // \"break on all exceptions\" in your console,\n // it would pause the execution at this line.\n throw new Error(message);\n } catch (e) {} // eslint-disable-line no-empty\n}\n\nfunction getUndefinedStateErrorMessage(key, action) {\n var actionType = action && action.type;\n var actionDescription = actionType && 'action \"' + String(actionType) + '\"' || 'an action';\n\n return 'Given ' + actionDescription + ', reducer \"' + key + '\" returned undefined. ' + 'To ignore an action, you must explicitly return the previous state. ' + 'If you want this reducer to hold no value, you can return null instead of undefined.';\n}\n\nfunction getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {\n var reducerKeys = Object.keys(reducers);\n var argumentName = action && action.type === ActionTypes.INIT ? 'preloadedState argument passed to createStore' : 'previous state received by the reducer';\n\n if (reducerKeys.length === 0) {\n return 'Store does not have a valid reducer. Make sure the argument passed ' + 'to combineReducers is an object whose values are reducers.';\n }\n\n if (!isPlainObject(inputState)) {\n return 'The ' + argumentName + ' has unexpected type of \"' + {}.toString.call(inputState).match(/\\s([a-z|A-Z]+)/)[1] + '\". Expected argument to be an object with the following ' + ('keys: \"' + reducerKeys.join('\", \"') + '\"');\n }\n\n var unexpectedKeys = Object.keys(inputState).filter(function (key) {\n return !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key];\n });\n\n unexpectedKeys.forEach(function (key) {\n unexpectedKeyCache[key] = true;\n });\n\n if (action && action.type === ActionTypes.REPLACE) return;\n\n if (unexpectedKeys.length > 0) {\n return 'Unexpected ' + (unexpectedKeys.length > 1 ? 'keys' : 'key') + ' ' + ('\"' + unexpectedKeys.join('\", \"') + '\" found in ' + argumentName + '. ') + 'Expected to find one of the known reducer keys instead: ' + ('\"' + reducerKeys.join('\", \"') + '\". Unexpected keys will be ignored.');\n }\n}\n\nfunction assertReducerShape(reducers) {\n Object.keys(reducers).forEach(function (key) {\n var reducer = reducers[key];\n var initialState = reducer(undefined, { type: ActionTypes.INIT });\n\n if (typeof initialState === 'undefined') {\n throw new Error('Reducer \"' + key + '\" returned undefined during initialization. ' + 'If the state passed to the reducer is undefined, you must ' + 'explicitly return the initial state. The initial state may ' + 'not be undefined. If you don\\'t want to set a value for this reducer, ' + 'you can use null instead of undefined.');\n }\n\n var type = '@@redux/PROBE_UNKNOWN_ACTION_' + Math.random().toString(36).substring(7).split('').join('.');\n if (typeof reducer(undefined, { type: type }) === 'undefined') {\n throw new Error('Reducer \"' + key + '\" returned undefined when probed with a random type. ' + ('Don\\'t try to handle ' + ActionTypes.INIT + ' or other actions in \"redux/*\" ') + 'namespace. They are considered private. Instead, you must return the ' + 'current state for any unknown actions, unless it is undefined, ' + 'in which case you must return the initial state, regardless of the ' + 'action type. The initial state may not be undefined, but can be null.');\n }\n });\n}\n\n/**\n * Turns an object whose values are different reducer functions, into a single\n * reducer function. It will call every child reducer, and gather their results\n * into a single state object, whose keys correspond to the keys of the passed\n * reducer functions.\n *\n * @param {Object} reducers An object whose values correspond to different\n * reducer functions that need to be combined into one. One handy way to obtain\n * it is to use ES6 `import * as reducers` syntax. The reducers may never return\n * undefined for any action. Instead, they should return their initial state\n * if the state passed to them was undefined, and the current state for any\n * unrecognized action.\n *\n * @returns {Function} A reducer function that invokes every reducer inside the\n * passed object, and builds a state object with the same shape.\n */\nfunction combineReducers(reducers) {\n var reducerKeys = Object.keys(reducers);\n var finalReducers = {};\n for (var i = 0; i < reducerKeys.length; i++) {\n var key = reducerKeys[i];\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof reducers[key] === 'undefined') {\n warning('No reducer provided for key \"' + key + '\"');\n }\n }\n\n if (typeof reducers[key] === 'function') {\n finalReducers[key] = reducers[key];\n }\n }\n var finalReducerKeys = Object.keys(finalReducers);\n\n var unexpectedKeyCache = void 0;\n if (process.env.NODE_ENV !== 'production') {\n unexpectedKeyCache = {};\n }\n\n var shapeAssertionError = void 0;\n try {\n assertReducerShape(finalReducers);\n } catch (e) {\n shapeAssertionError = e;\n }\n\n return function combination() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n if (shapeAssertionError) {\n throw shapeAssertionError;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n var warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);\n if (warningMessage) {\n warning(warningMessage);\n }\n }\n\n var hasChanged = false;\n var nextState = {};\n for (var _i = 0; _i < finalReducerKeys.length; _i++) {\n var _key = finalReducerKeys[_i];\n var reducer = finalReducers[_key];\n var previousStateForKey = state[_key];\n var nextStateForKey = reducer(previousStateForKey, action);\n if (typeof nextStateForKey === 'undefined') {\n var errorMessage = getUndefinedStateErrorMessage(_key, action);\n throw new Error(errorMessage);\n }\n nextState[_key] = nextStateForKey;\n hasChanged = hasChanged || nextStateForKey !== previousStateForKey;\n }\n return hasChanged ? nextState : state;\n };\n}\n\nfunction bindActionCreator(actionCreator, dispatch) {\n return function () {\n return dispatch(actionCreator.apply(this, arguments));\n };\n}\n\n/**\n * Turns an object whose values are action creators, into an object with the\n * same keys, but with every function wrapped into a `dispatch` call so they\n * may be invoked directly. This is just a convenience method, as you can call\n * `store.dispatch(MyActionCreators.doSomething())` yourself just fine.\n *\n * For convenience, you can also pass a single function as the first argument,\n * and get a function in return.\n *\n * @param {Function|Object} actionCreators An object whose values are action\n * creator functions. One handy way to obtain it is to use ES6 `import * as`\n * syntax. You may also pass a single function.\n *\n * @param {Function} dispatch The `dispatch` function available on your Redux\n * store.\n *\n * @returns {Function|Object} The object mimicking the original object, but with\n * every action creator wrapped into the `dispatch` call. If you passed a\n * function as `actionCreators`, the return value will also be a single\n * function.\n */\nfunction bindActionCreators(actionCreators, dispatch) {\n if (typeof actionCreators === 'function') {\n return bindActionCreator(actionCreators, dispatch);\n }\n\n if ((typeof actionCreators === 'undefined' ? 'undefined' : _typeof(actionCreators)) !== 'object' || actionCreators === null) {\n throw new Error('bindActionCreators expected an object or a function, instead received ' + (actionCreators === null ? 'null' : typeof actionCreators === 'undefined' ? 'undefined' : _typeof(actionCreators)) + '. ' + 'Did you write \"import ActionCreators from\" instead of \"import * as ActionCreators from\"?');\n }\n\n var keys = Object.keys(actionCreators);\n var boundActionCreators = {};\n for (var i = 0; i < keys.length; i++) {\n var key = keys[i];\n var actionCreator = actionCreators[key];\n if (typeof actionCreator === 'function') {\n boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);\n }\n }\n return boundActionCreators;\n}\n\n/**\n * Composes single-argument functions from right to left. The rightmost\n * function can take multiple arguments as it provides the signature for\n * the resulting composite function.\n *\n * @param {...Function} funcs The functions to compose.\n * @returns {Function} A function obtained by composing the argument functions\n * from right to left. For example, compose(f, g, h) is identical to doing\n * (...args) => f(g(h(...args))).\n */\n\nfunction compose() {\n for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {\n funcs[_key] = arguments[_key];\n }\n\n if (funcs.length === 0) {\n return function (arg) {\n return arg;\n };\n }\n\n if (funcs.length === 1) {\n return funcs[0];\n }\n\n return funcs.reduce(function (a, b) {\n return function () {\n return a(b.apply(undefined, arguments));\n };\n });\n}\n\n/**\n * Creates a store enhancer that applies middleware to the dispatch method\n * of the Redux store. This is handy for a variety of tasks, such as expressing\n * asynchronous actions in a concise manner, or logging every action payload.\n *\n * See `redux-thunk` package as an example of the Redux middleware.\n *\n * Because middleware is potentially asynchronous, this should be the first\n * store enhancer in the composition chain.\n *\n * Note that each middleware will be given the `dispatch` and `getState` functions\n * as named arguments.\n *\n * @param {...Function} middlewares The middleware chain to be applied.\n * @returns {Function} A store enhancer applying the middleware.\n */\nfunction applyMiddleware() {\n for (var _len = arguments.length, middlewares = Array(_len), _key = 0; _key < _len; _key++) {\n middlewares[_key] = arguments[_key];\n }\n\n return function (createStore) {\n return function () {\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n var store = createStore.apply(undefined, args);\n var _dispatch = function dispatch() {\n throw new Error('Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');\n };\n\n var middlewareAPI = {\n getState: store.getState,\n dispatch: function dispatch() {\n return _dispatch.apply(undefined, arguments);\n }\n };\n var chain = middlewares.map(function (middleware) {\n return middleware(middlewareAPI);\n });\n _dispatch = compose.apply(undefined, chain)(store.dispatch);\n\n return _extends({}, store, {\n dispatch: _dispatch\n });\n };\n };\n}\n\n/*\n * This is a dummy function to check if the function name has been altered by minification.\n * If the function has been minified and NODE_ENV !== 'production', warn the user.\n */\nfunction isCrushed() {}\n\nif (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {\n warning(\"You are currently using minified code outside of NODE_ENV === 'production'. \" + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or DefinePlugin for webpack (http://stackoverflow.com/questions/30030031) ' + 'to ensure you have the correct code for your production build.');\n}\n\nexport { createStore, combineReducers, bindActionCreators, applyMiddleware, compose, ActionTypes as __DO_NOT_USE__ActionTypes };\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","import React from 'react'\n\nconst PobbleUserContext = React.createContext()\nexport default PobbleUserContext\n","import React, { Component } from 'react'\nimport PobbleUserContext from '../context'\nimport { gtmDataLayer } from 'pobble-components/dist/metrics'\nimport { Modal, ModalContent } from 'pobble-components/dist/modal'\nimport Button from 'pobble-components/dist/button'\nimport injectSheet from 'react-jss'\nimport { URLS } from 'pobble-components/dist/setup'\nimport schoolIcon from 'pobble-components/dist/pobble-user/school.gif'\nimport THEME from 'pobble-components/dist/theme'\n\nconst { FONT_SIZES, COLORS } = THEME\n\nconst schoolRequiredStyles = {\n content: {\n textAlign: 'center',\n minWidth: '460px',\n padding: '100px 0',\n '@media (max-width: 575px)': {\n minWidth: 'auto'\n },\n '& > h2': {\n ...FONT_SIZES.HEADING_BIG.STYLE,\n margin: '0 0 14px'\n },\n '& > p': {\n margin: '0 0 28px'\n }\n },\n icon: {\n width: '100px',\n marginBottom: '28px',\n color: COLORS.TEXT.LIGHT_GREY.NORMAL\n },\n modalOverlay: {\n zIndex: '9999'\n }\n}\n\nconst SchoolRequiredModal = injectSheet(schoolRequiredStyles)(\n ({ classes, ...props }) => {\n return (\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