\n {autoIcon()}\n {getMinutes()}\n {buttonContent()}\n
\n \n );\n};\n\nButtonStateless.propTypes = {\n block: PropTypes.bool,\n children: PropTypes.node,\n claimByAction: PropTypes.bool,\n clear: PropTypes.bool,\n clearAlt: PropTypes.bool,\n color: PropTypes.string,\n disabled: PropTypes.bool,\n facebook: PropTypes.bool,\n fillColor: PropTypes.string,\n focused: PropTypes.bool,\n gray: PropTypes.bool,\n hovered: PropTypes.bool,\n iconBorder: PropTypes.bool,\n iconName: PropTypes.string,\n light: PropTypes.bool,\n long: PropTypes.bool,\n minutes: PropTypes.number,\n onBlur: PropTypes.func,\n onClick: PropTypes.func,\n onFocus: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n pill: PropTypes.bool,\n round: PropTypes.bool,\n square: PropTypes.bool,\n textBrand: PropTypes.bool,\n transparent: PropTypes.bool,\n type: PropTypes.string,\n};\n\nButtonStateless.defaultProps = {\n type: 'button',\n};\n\nexport default ButtonStateless;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonStateless from '../ButtonStateless';\n\nclass Button extends PureComponent {\n constructor() {\n super();\n this.state = {\n hovered: false,\n focused: false,\n };\n }\n\n handleBlur = () => {\n this.setState({ focused: false });\n return true;\n };\n\n handleFocus = () => {\n this.setState({ focused: true });\n return true;\n };\n\n handleMouseEnter = () => {\n this.setState({ hovered: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ hovered: false });\n };\n\n render() {\n const { children, ...rest } = this.props;\n let hoveredChildren = children;\n // string as children isn't clonable\n if (React.isValidElement(children)) {\n hoveredChildren = React.cloneElement(children, {\n hovered: this.state.hovered ? 'true' : undefined,\n });\n }\n\n return (\n \n \n {children}\n
\n \n );\n }\n}\n\nAlert.propTypes = {\n children: PropTypes.node.isRequired,\n error: PropTypes.bool,\n expiration: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n onAnimationEnd: PropTypes.func,\n open: PropTypes.bool,\n success: PropTypes.bool,\n warning: PropTypes.bool,\n tall: PropTypes.bool,\n};\n\nAlert.defaultProps = {\n expiration: 0,\n open: false,\n onAnimationEnd: () => {},\n tall: false,\n};\n\nexport default Alert;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport { BEMElements } from '../../utils';\nimport './styles.scss';\n\nconst SelectStateless = ({\n assignNode,\n collection,\n collectionName,\n errorMessage,\n name,\n getDisplay,\n getValue,\n onChange,\n placeholder,\n parentError,\n value,\n ...rest\n}) => {\n const block = 'Select';\n const blockElements = BEMElements(block, [\n 'icon',\n 'errorMessage',\n 'collection',\n 'select',\n 'wrapper',\n 'buttonContainer',\n ]);\n\n const selectClasses = classNames({\n [`${blockElements.select}--selected`]: Boolean(value !== ''),\n });\n\n const hasError = errorMessage && errorMessage.length > 0;\n\n const error = hasError && (\n \n {/* handles both an array of errors and a string */}\n {[errorMessage].reduce((acc, el) => acc.concat(el), [])[0]}\n
\n );\n\n const items = Tag =>\n collection.map(item => {\n return (\n \n \n {placeholder ? (\n \n ) : (\n \n )}\n\n {items('option')}\n \n\n {error}\n
\n );\n};\n\nSelectStateless.propTypes = {\n assignNode: PropTypes.func,\n collection: PropTypes.arrayOf(PropTypes.any).isRequired,\n collectionName: PropTypes.string.isRequired,\n errorMessage: PropTypes.string,\n name: PropTypes.string.isRequired,\n getDisplay: PropTypes.func,\n getValue: PropTypes.func,\n name: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n open: PropTypes.bool,\n placeholder: PropTypes.string,\n value: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.bool,\n PropTypes.number,\n PropTypes.string,\n ]),\n};\n\nSelectStateless.defaultProps = {\n getValue: value => value,\n getDisplay: value => value,\n};\n\nexport default SelectStateless;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './styles.scss';\n\nconst cx = classNames;\n\nconst InputStateless = ({\n focused,\n hovered,\n errorMessage,\n inputRef,\n parentError,\n name,\n ...rest\n}) => {\n const hasError = errorMessage && errorMessage.length > 0;\n const classes = cx({\n input: true,\n focused,\n hovered,\n 'input--error': hasError || parentError,\n });\n\n const error = hasError ? (\n \n {/* handles both an array of errors and a string */}\n {[errorMessage].reduce((acc, el) => acc.concat(el), [])[0]}\n
\n ) : (\n false\n );\n\n return (\n \n
\n );\n};\n\nInputStateless.propTypes = {\n type: PropTypes.string,\n name: PropTypes.string,\n placeholder: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n maxLength: PropTypes.string,\n onChange: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n focused: PropTypes.bool,\n hovered: PropTypes.bool,\n errorMessage: PropTypes.string,\n inputRef: PropTypes.func,\n};\n\nInputStateless.defaultProps = {\n name: '',\n};\n\nexport default InputStateless;\n","import React, { PureComponent } from 'react';\nimport InputStateless from '../InputStateless';\n\nclass Input extends PureComponent {\n constructor() {\n super();\n this.state = {\n hovered: false,\n focused: false,\n };\n }\n\n onToHandleEvents = (events = []) =>\n this.constructor.pseudoEvents.concat(events).reduce((acc, pseudo) => {\n acc[`on${pseudo}`] = this[`handle${pseudo}`];\n return acc;\n }, {});\n\n handleBlur = () => {\n this.setState({ focused: false });\n return true;\n };\n\n handleFocus = () => {\n this.setState({ focused: true });\n return true;\n };\n\n handleMouseEnter = () => {\n this.setState({ hovered: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ hovered: false });\n };\n\n render() {\n const { onFocus, onBlur, ...rest } = this.props;\n return (\n \n {/* handles both an array of errors and a string */}\n {[errorMessage].reduce((acc, el) => acc.concat(el), [])[0]}\n
\n ) : (\n false\n );\n\n const getValue = pair => pair[0];\n const getDisplay = pair => pair[1];\n\n return (\n \n
\n );\n};\n\nBirthdayPicker.propTypes = {\n month: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n day: PropTypes.string.isRequired,\n year: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n};\n\nBirthdayPicker.defaultProps = {\n month: '',\n day: '',\n year: '',\n};\n\nexport default BirthdayPicker;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './styles.scss';\n\nconst cx = classNames;\n\nconst Checkbox = ({\n children,\n id,\n checked,\n defaultChecked,\n readOnly,\n labelLeft,\n inputRef,\n className,\n large,\n white,\n ...rest\n}) => {\n const classes = cx(\n {\n checkbox: true,\n 'checkbox--label-left': labelLeft,\n 'checkbox--size-large': large,\n 'checkbox--bg-white': white,\n },\n className,\n );\n\n const condAttr = {};\n if (readOnly) {\n condAttr.onClick = e => e.preventDefault();\n }\n\n return (\n \n
\n\n \n
\n\n \n
\n {error}\n \n
\n );\n};\n\nCheckbox.propTypes = {\n children: PropTypes.node,\n id: PropTypes.string,\n checked: PropTypes.bool,\n defaultChecked: PropTypes.bool,\n readOnly: PropTypes.bool,\n labelLeft: PropTypes.bool,\n inputRef: PropTypes.func,\n className: PropTypes.string,\n};\n\nexport default Checkbox;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './styles.scss';\n\nconst cx = classNames;\n\nconst propTypes = {\n symbol: PropTypes.string,\n time: PropTypes.number.isRequired,\n earned: PropTypes.bool,\n subText: PropTypes.string,\n className: PropTypes.string,\n};\n\nconst defaultProps = { earned: false, symbol: '+', className: null };\n\nconst Clock = ({ time, earned, subText, symbol, className, ...rest }) => {\n const rootName = 'Clock';\n\n const elements = ['time', 'text', 'symbol'];\n const elementNames = elements.reduce(\n (acc, element) => ({\n ...acc,\n [element]: `${rootName}__${element}`,\n }),\n {},\n );\n\n const modifiers = ['earned'];\n const modifierNames = modifiers.reduce(\n (acc, modifier) => ({\n ...acc,\n [modifier]: `${rootName}--${modifier}`,\n }),\n {},\n );\n const classes = cx(rootName, className, { [modifierNames.earned]: earned });\n\n const defaultText = `${earned ? 'Earned' : 'Potential'} Heads-Up`;\n const text = subText || defaultText;\n\n return (\n \n \n {symbol}\n {time}:00\n \n \n {text} {/* put in span to hide on list view */}\n \n
\n );\n};\n\nClock.propTypes = propTypes;\nClock.defaultProps = defaultProps;\n\nexport default Clock;\n","/* eslint-disable react/destructuring-assignment */\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport * as R from 'ramda';\nimport FileInputStateless from '../FileInputStateless';\n\nconst VALID_KEYS = ['key', 'policy', 'signature', 'AWSAccessKeyId', 'acl'];\nconst acceptedFilesList = [\n 'image/png',\n 'image/gif',\n 'image/jpg',\n 'image/jpeg',\n 'image/tif',\n 'image/tiff',\n 'image/svg+xml', // .svg\n 'image/vnd.adobe.photoshop',\n 'application/pdf',\n 'application/zip',\n 'application/x-zip',\n // 'application/postscript', // Would accept both .eps and .ai, but we don't want .eps\n '.ai',\n 'application/x-font-ttf',\n 'application/vnd.ms-opentype',\n].join(', ');\n\nclass FileInput extends PureComponent {\n // Object -> Promise(Object)\n saveFileToS3 = R.pipe(\n file => {\n return this.buildForm(file)(this.props.s3UploadPolicy);\n },\n body =>\n fetch(this.props.s3UploadPolicy.host, { method: 'POST', body })\n .then(\n response => ({\n location: response.headers.get('location'),\n file: this.state.file,\n }),\n R.pipe(\n R.prop('message'),\n errorMessage => ({ errorMessage }),\n ),\n )\n .catch(e => `Error uploading file: ${e}`),\n );\n\n constructor(props) {\n super(props);\n this.state = {\n files: [],\n file: { preview: '' },\n resultingLinks: [],\n };\n this.onDrop = this.onDrop.bind(this);\n this.onDropRejected = this.onDropRejected.bind(this);\n }\n\n componentWillUnmount() {\n // https://react-dropzone.js.org/\n window.URL.revokeObjectURL(this.state.file.preview);\n }\n\n // [Object(file)] -> Promise(Object)\n onDrop(files) {\n // TODO: if we ever have the time, rewrite this\n return R.when(\n R.complement(R.isEmpty),\n R.forEach(\n R.pipe(file => {\n // NOTE: this modifies the file reference, other components rely on this\n // don't try and \"fix\" it\n Object.assign(file, {\n unique_id: this.makeUniqueId(),\n filename: encodeURI(file.name.replace(/\\s/g, '_')),\n 'Content-Type': file.type,\n });\n\n this.setState({ file }, () => {\n const {\n state: { resultingLinks, file: stateFile },\n } = this;\n this.saveFileToS3(stateFile).then(result => {\n this.setState(\n {\n resultingLinks: [\n ...resultingLinks,\n {\n ...result.file,\n preview: result.location,\n },\n ],\n },\n () => {\n this.props.onDrop({\n name: stateFile.filename,\n preview: result.location,\n uniqueId: file.unique_id,\n });\n },\n );\n });\n });\n return file; // Would be used for additional functions in the pipeline\n }),\n ),\n )(files);\n }\n\n onDropRejected(files) {\n const {\n props: { onError },\n } = this;\n const folders = files.filter(file => {\n return file.type === '';\n });\n\n if (folders.length > 0) {\n return onError({\n message: `Please zip your folders before uploading them${\n folders.length < files.length\n ? ', and make sure that we support the other files you are trying to upload.'\n : '.'\n }`,\n });\n }\n\n const names = files.map(f => `'${f.name}'`).join(', ');\n return onError({\n message: `The following file${\n files.length > 1 ? 's were' : ' was'\n } rejected: ${names}. Check their size and file type.`,\n });\n }\n\n // Object(file) -> Object(s3UploadPolicy) -> Object(form)\n buildForm = file =>\n R.pipe(\n R.toPairs,\n R.filter(([k]) => R.contains(k, VALID_KEYS)),\n R.flip(R.concat)([['Content-Type', file.type], ['file', file]]),\n R.reduce((acc, [k, v]) => {\n acc.append(k, v);\n return acc;\n }, new FormData()),\n );\n\n makeEvent = ({ dataset = {} } = {}) => value => ({\n target: { value, type: 'file', dataset },\n });\n\n makeUniqueId = () =>\n Math.random()\n .toString(36)\n .substr(2, 16);\n\n removeItem = fileComingIn => {\n const { files, resultingLinks } = this.state;\n const { addDeleteFunctionality, removeImage } = this.props;\n\n if (!addDeleteFunctionality) return;\n\n const notIncoming = obj => obj.preview !== fileComingIn.preview;\n const newFiles = files.filter(notIncoming);\n const newResultingLinks = resultingLinks.filter(notIncoming);\n\n this.setState({\n files: newFiles,\n resultingLinks: newResultingLinks,\n });\n if (removeImage) {\n removeImage(fileComingIn);\n }\n };\n\n render() {\n const {\n addExpandIcon,\n dontShowList,\n expandPreview,\n multiple,\n overridePreview,\n } = this.props;\n const { resultingLinks } = this.state;\n\n const allFiles = resultingLinks\n .filter(\n file =>\n !overridePreview.some(op =>\n // Prevents duplication of thumbnails\n op.filename.replace(/\\s/g, '_').includes(file.filename),\n ),\n )\n .concat(overridePreview)\n .filter(file => {\n let show = true;\n dontShowList.forEach(d => {\n if (!show) return;\n\n show = !d.filename.includes(file.filename);\n });\n\n return show;\n })\n .sort((a, b) => a.createdAt < b.createdAt);\n\n return (\n \n 0}\n removeItem={this.removeItem}\n addExpandIcon={addExpandIcon}\n expandPreview={file => expandPreview(file)}\n multiple={multiple}\n />\n
\n );\n }\n}\n\nFileInput.propTypes = {\n addDeleteFunctionality: PropTypes.bool,\n addExpandIcon: PropTypes.bool,\n expandPreview: PropTypes.func,\n multiple: PropTypes.bool,\n // overridePreview: PropTypes.arrayOf(PropTypes.number),\n removeImage: PropTypes.func,\n s3UploadPolicy: PropTypes.shape({\n host: PropTypes.string,\n key: PropTypes.string,\n acl: PropTypes.string,\n policy: PropTypes.string,\n signature: PropTypes.string,\n AWSAccessKeyId: PropTypes.string,\n }).isRequired,\n};\n\nFileInput.defaultProps = {\n addDeleteFunctionality: false,\n addDeleteIcon: false,\n addExpandIcon: false,\n overridePreview: [],\n dontShowList: [],\n multiple: false,\n s3UploadPolicy: {\n host: '',\n key: '',\n acl: '',\n policy: '',\n signature: '',\n AWSAccessKeyId: '',\n },\n};\n\nexport default FileInput;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './styles.scss';\n\nconst cx = classNames;\n\nclass InputActivationCode extends Component {\n static spliceManyIntoArray = (list, index, items) => [\n ...list.slice(0, index),\n ...items,\n ...list.slice(index + items.length),\n ];\n\n static stripWhiteSpace = str => str.replace(/\\s/g, '');\n\n static isValidInput = val =>\n typeof val === 'string' &&\n val.trim().length && // is not just white space\n !Number.isNaN(+val); // is a number\n\n constructor(props) {\n super(props);\n this.state = {\n inputData: ['', '', '', ''],\n };\n this.inputs = [];\n }\n\n handleKeyUp = (e, index) => {\n e.preventDefault();\n if (e.clipboardData) {\n return;\n }\n let currentTab = index;\n switch (e.key) {\n case 'Backspace':\n case 'Delete':\n e.target.value = '';\n currentTab = Math.max(index - 1, 0);\n break;\n case 'Tab':\n case ' ': // space\n case 'CapsLock':\n case 'Meta':\n // do nothing\n break;\n default:\n // valid number input\n if (InputActivationCode.isValidInput(e.target.value)) {\n currentTab = Math.min(index + 1, this.props.totalDigits - 1);\n }\n }\n\n this.inputs[currentTab].focus();\n };\n\n handlePaste = (e, index) => {\n e.preventDefault();\n const clipboardData = e.clipboardData || window.clipboardData;\n const pastedText = InputActivationCode.stripWhiteSpace(\n clipboardData.getData('Text'),\n );\n const textArray = [...pastedText];\n const filteredArray = textArray.filter(v =>\n InputActivationCode.isValidInput(v),\n );\n const updatedList = InputActivationCode.spliceManyIntoArray(\n this.state.inputData,\n index,\n filteredArray,\n );\n\n this.setState({\n inputData: updatedList,\n });\n\n const currentIndex = Math.min(\n index + filteredArray.length,\n this.props.totalDigits,\n );\n\n this.inputs[currentIndex ? currentIndex - 1 : 0].focus();\n };\n\n handleChange = (e, index) => {\n const { inputData } = this.state;\n if (InputActivationCode.isValidInput(e.target.value)) {\n inputData[index] = e.target.value || '';\n } else {\n e.target.value = null;\n inputData[index] = '';\n }\n\n this.setState({ inputData });\n this.props.onChange(inputData.join(''));\n };\n\n render() {\n const { inputData } = this.state;\n const inputs = [];\n\n for (let i = 0; i < this.props.totalDigits; i += 1) {\n const classes = cx({\n 'auth-code-input': true,\n });\n const inputProps = {\n key: i,\n id: `activationCode_${i}`,\n type: 'tel',\n pattern: '[0-9]',\n maxLength: 1,\n inputMode: 'numeric',\n onKeyUp: e => this.handleKeyUp(e, i),\n onPaste: e => this.handlePaste(e, i),\n value: inputData[i],\n className: classes,\n onChange: e => this.handleChange(e, i),\n ref: input => {\n this.inputs[i] = input;\n },\n 'aria-label': `authentication code digit ${i + 1}`,\n };\n inputs.push();\n }\n return ;\n }\n}\n\nInputActivationCode.propTypes = {\n totalDigits: PropTypes.number.isRequired,\n onChange: PropTypes.func,\n};\n\nInputActivationCode.defaultProps = {\n onChange: () => {},\n};\n\nexport default InputActivationCode;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './styles.scss';\n\nconst cx = classNames;\n\nconst propTypes = {\n children: PropTypes.node,\n rounded: PropTypes.bool,\n className: PropTypes.string,\n};\n\nconst defaultProps = { rounded: false };\n\nconst List = ({ children, rounded, className, ...rest }) => {\n const classes = cx(\n {\n list: true,\n 'list--rounded': rounded,\n },\n className,\n );\n return (\n \n {children}\n
\n );\n};\n\nList.propTypes = propTypes;\nList.defaultProps = defaultProps;\n\nexport default List;\n","import React, { useContext } from 'react';\nimport classNames from 'classnames/bind';\nimport { useTransition, animated } from 'react-spring/web.cjs';\nimport { UIContext } from 'v4/App/providers/UIProvider';\nimport Icon from '../Icon';\nimport styles from './styles.module.scss';\n\nconst cx = classNames;\n\nexport default function Modal({\n children,\n open,\n showCloseButton,\n onClickClose,\n bgWhite,\n onClick = () => {},\n}) {\n const classes = cx(styles.modal, 'Modal', {\n [styles.bgWhite]: bgWhite,\n });\n\n let closeBtn = null;\n if (showCloseButton) {\n closeBtn = (\n {children}
\n \n ),\n );\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport { useWarning } from 'v4/App/components/Warning/useWarning';\nimport './styles.scss';\n\nconst cx = classNames;\n\nconst propTypes = {\n children: PropTypes.node,\n transparent: PropTypes.bool,\n light: PropTypes.bool,\n slim: PropTypes.bool,\n className: PropTypes.string,\n};\n\nconst Navbar = ({\n children,\n transparent,\n light,\n slim,\n className,\n style,\n ...rest\n}) => {\n const rootName = 'Navbar';\n const classes = cx(rootName, className, {});\n\n const { height } = useWarning();\n\n const inlineStyle = { ...style };\n\n if (height) {\n inlineStyle.top = `${height}px`;\n }\n\n return (\n \n );\n};\n\nNavbar.propTypes = propTypes;\n\nexport default Navbar;\n","// Base class that implements handleOutsideClick and toggles state.open\n// use so your component can close itself when the user clicks\n// on anything outside your component.\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport PseudoClassComponent from '../PseudoClassComponent';\n\nexport default class OutsideClickComponent extends PseudoClassComponent {\n constructor(props) {\n super(props);\n this.state = {\n ...this.state,\n open: false,\n };\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleOutsideClick, false);\n }\n\n handleClick = event => {\n const { open: showing } = this.state;\n const addOrRemove = `${!showing ? 'add' : 'remove'}EventListener`;\n document[addOrRemove]('click', this.handleOutsideClick, false);\n this.setState({\n open: !showing,\n });\n if (this.props.onClick) {\n this.props.onClick(event);\n }\n };\n\n handleOutsideClick = evt => {\n if (!this.node) {\n return;\n }\n\n if (this.node.contains(evt.target)) {\n return;\n }\n\n this.handleClick();\n };\n\n assignNode = node => {\n this.node = node;\n };\n\n render() {\n const {\n props: { children, ...rest },\n state,\n assignNode,\n onToHandleEvents,\n } = this;\n\n return React.cloneElement(children, {\n ...rest,\n ...state,\n ...onToHandleEvents(['Click', 'OutsideClick']),\n assignNode,\n });\n }\n}\n\nOutsideClickComponent.propTypes = {\n ...PseudoClassComponent.propTypes,\n children: PropTypes.node,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport OutsideClickComponent from '../OutsideClickComponent';\nimport Button from '../Button';\nimport './styles.scss';\n\nconst cx = classNames;\n\nconst propTypes = {\n children: PropTypes.node,\n iconName: PropTypes.string,\n 'aria-label': PropTypes.string,\n};\n\nclass Popover extends OutsideClickComponent {\n render() {\n const { children, iconName, ariaLabel } = this.props;\n const popoverPosition = {\n bottom: this.state.bottom,\n left: this.state.left,\n };\n\n const classes = cx({\n popover: true,\n 'popover--open': this.state.open,\n });\n\n return (\n \n
\n \n );\n }\n}\n\nPopover.propTypes = propTypes;\n\nexport default Popover;\n","import classNames from 'classnames/bind';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport './styles.scss';\n\nconst cx = classNames;\n\nconst SelectorButton = ({ onClick, name, options, selected }) => {\n const classes = cx({\n selector: true,\n });\n\n const buildOptions = () => {\n const html = [];\n options.forEach(option => {\n if (typeof option === 'string') {\n html.push(\n {children}
\n \n
,\n );\n } else {\n html.push(\n \n
,\n );\n }\n });\n return html;\n };\n\n return {buildOptions()}
;\n};\n\nSelectorButton.propTypes = {\n onClick: PropTypes.func,\n name: PropTypes.string,\n options: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n ),\n ]),\n};\n\nexport default SelectorButton;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport Icon from '../Icon';\nimport Checkbox from '../Checkbox';\nimport Input from '../Input';\nimport Button from '../Button';\nimport './styles.scss';\n\nconst cx = classNames;\n\nclass SocialSelect extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n closing: false,\n name: '',\n opening: false,\n open: false,\n selectedItems: new Set(),\n selectAllChecked: false,\n query: '',\n suggestVisible: false,\n };\n\n this.myRef = React.createRef();\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleOutsideClick, false);\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleOutsideClick, false);\n }\n\n onAnimationEnd = () => {\n this.setState({ closing: false, opening: false });\n };\n\n onQueryChange = event => {\n const { value } = event.target;\n this.setState({\n query: value,\n open: value.length > 0 ? true : false,\n });\n };\n\n onSuggestClick = item => {\n this.toggleItem(item);\n this.setState({\n suggestVisible: false,\n query: '',\n });\n document.removeEventListener('click', this.handleOutsideClick, false);\n };\n\n handleFocus = () => {\n this.setState({\n suggestVisible: true,\n });\n document.addEventListener('click', this.handleOutsideClick, false);\n };\n\n handleOutsideClick = e => {\n // ignore clicks on the component itself\n const node = this.myRef.current;\n if (node && node.contains(e.target)) {\n return;\n }\n\n this.setState({\n suggestVisible: false,\n open: false,\n });\n };\n\n toggleOpen = () => {\n if (!this.state.open) {\n this.setState({\n open: true,\n opening: true,\n closing: false,\n });\n } else {\n this.setState({\n open: false,\n opening: false,\n closing: true,\n });\n }\n };\n\n toggleItem = item => {\n const { limit, onOverLimit } = this.props;\n const { selectedItems } = this.state;\n\n if (selectedItems.size >= limit) {\n onOverLimit();\n } else if (selectedItems.has(item)) {\n selectedItems.delete(item);\n } else {\n selectedItems.add(item);\n }\n this.setState({\n selectedItems,\n });\n this.props.onChange(selectedItems);\n };\n\n selectAll = items => {\n const { selectedItems } = this.state;\n if (!this.state.selectAllChecked) {\n items.forEach(i => selectedItems.add(i));\n } else {\n items.forEach(i => selectedItems.delete(i));\n }\n\n this.setState({\n selectAllChecked: !this.state.selectAllChecked,\n selectedItems,\n });\n this.props.onChange(selectedItems);\n };\n\n removeUser = item => {\n const { selectedItems, name } = this.state;\n const newItems = Array.from(selectedItems);\n const userName = item.name.last;\n let index;\n newItems.forEach(i =>\n i.name.last === userName ? (index = newItems.indexOf(i)) : index,\n );\n newItems.splice(index, 1);\n this.setState({\n selectedItems: new Set(newItems),\n name: item.name.last,\n });\n };\n\n render() {\n const {\n getPrimaryLabel,\n getSecondaryLabel,\n getImage,\n label,\n listItems,\n name,\n limit,\n } = this.props;\n const {\n open,\n opening,\n closing,\n query,\n suggestVisible,\n selectedItems,\n } = this.state;\n\n const classes = cx({\n 'social-social-select__nameList': true,\n 'social-select--open': open,\n 'social-select--opening': opening,\n 'social-select--closing': closing,\n });\n\n const suggestionHtml = () => {\n return listItems\n .filter(\n item =>\n getPrimaryLabel(item)\n .toUpperCase()\n .includes(query.toUpperCase()) ||\n getSecondaryLabel(item)\n .toUpperCase()\n .includes(query.toUpperCase()),\n )\n .map((item, index) => (\n \n {getPrimaryLabel(item)}\n {getSecondaryLabel(item)}\n
\n \n \n {getPrimaryLabel(item)}\n {getSecondaryLabel(item)}\n
\n \n this.removeUser(item)}\n />\n
,\n );\n });\n return html;\n };\n\n return (\n \n {img && 
}\n
\n \n \n \n {listItemsHtml()}\n \n\n {/* \n\n
*/}\n - {suggestionHtml()}
{label}
\n {facesHTML()}
\n \n );\n }\n}\n\nSocialSelect.propTypes = {\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n getPrimaryLabel: PropTypes.func.isRequired,\n getSecondaryLabel: PropTypes.func.isRequired,\n getImage: PropTypes.func,\n onChange: PropTypes.func,\n onOverLimit: PropTypes.func,\n iconName: PropTypes.string,\n listItems: PropTypes.array,\n limit: PropTypes.number,\n};\n\nSocialSelect.defaultProps = {\n getSecondaryLabel: () => '',\n};\n\nexport default SocialSelect;\n","import { arrayOf, object, bool } from 'prop-types';\n\nconst propTypes = {\n stores: arrayOf(object),\n showAllStores: bool,\n selectionRequired: bool,\n};\n\nconst defaultProps = {\n showAllStores: false,\n selectionRequired: false,\n};\n\nexport { propTypes, defaultProps };\n","import React from 'react';\nimport './styles.scss';\nimport { Checkbox } from 'shared/components/campaign';\nimport { propTypes, defaultProps } from './props';\n\nconst openMap = store => {\n const address = `${store.address}, ${store.city}, ${store.state} ${store.zip}`;\n\n window.open(\n `http://maps.google.com/?daddr=${encodeURIComponent(address).replace(\n /%20/g,\n '+',\n )}`,\n );\n};\n\nconst StoreCard = ({\n stores,\n showAllStores,\n showErrorMessage,\n selectionRequired,\n selectedStoreId,\n setSelectedStoreId,\n}) => {\n if (showErrorMessage) {\n return (\n \n Sorry, there are no stores in this area\n
\n );\n }\n\n if (stores.length === 0) {\n return null;\n }\n\n if (!showAllStores) {\n const closestStore = stores.find(() => stores.indexOf(0));\n const closestStoreDistance = closestStore.distance;\n\n return (\n\n
\n \n );\n }\n\n return stores.map(store => {\n return (\n \n {closestStore.name}\n {closestStore.address}\n \n {closestStore.city}, {closestStore.state} {closestStore.zip}\n \n
\n\n \n openMap(closestStore)}\n onKeyDown={() => openMap(closestStore)}\n tabIndex=\"0\"\n role=\"button\"\n >\n Directions\n
\n \n {`${Number(closestStoreDistance).toFixed(1)} Miles`}\n \n \n
\n \n );\n });\n};\n\nStoreCard.propTypes = propTypes;\nStoreCard.defaultProps = defaultProps;\n\nexport default StoreCard;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './styles.scss';\n\nconst cx = classNames;\n\nconst TextAreaStateless = ({\n focused,\n hovered,\n errorMessage,\n inputRef,\n ...rest\n}) => {\n const classes = cx({\n textArea: true,\n focused,\n hovered,\n 'textArea--error': errorMessage && errorMessage.length > 0,\n });\n\n let error = null;\n if (errorMessage) {\n error = \n {store.name}\n {store.address}\n \n {store.city}, {store.state}\n \n
\n\n \n {selectionRequired ? (\n openMap(store)}\n onKeyDown={() => openMap(store)}\n tabIndex=\"0\"\n role=\"button\"\n >\n Directions\n
\n )}\n {`${Number(\n store.distance,\n ).toFixed(1)} Miles`}\n \n setSelectedStoreId(store.id)}\n />\n
\n ) : (\n {errorMessage}
;\n }\n\n return (\n \n \n {error}\n
\n );\n};\n\nTextAreaStateless.propTypes = {\n type: PropTypes.string,\n name: PropTypes.string,\n placeholder: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n maxLength: PropTypes.string,\n onChange: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n focused: PropTypes.bool,\n hovered: PropTypes.bool,\n errorMessage: PropTypes.string,\n inputRef: PropTypes.func,\n};\n\nexport default TextAreaStateless;\n","import React from 'react';\nimport PseudoClassComponent from '../PseudoClassComponent';\nimport TextAreaStateless from '../TextAreaStateless';\n\nclass TextArea extends PseudoClassComponent {\n render() {\n const { onFocus, onBlur, ...rest } = this.props;\n return (\n \n {children}\n
\n );\n}\n\nexport function Container({\n children,\n className,\n as: Animated = 'div',\n ...theRest\n}) {\n const classes = cx(className, {\n container: true,\n });\n\n return (\n \n
\n);\n\nexport default LoadingAnimation;\n","import React, { createContext, useContext, useState } from 'react';\n\nconst context = createContext();\n\nexport function Provider({ children }) {\n const [height, setHeight] = useState(null);\n\n return (\n \n \n \n \n
\n \n
\n )}\n \n );\n });\n\n return (\n \n {length > 20\n ? `${file.filename.substr(0, 5)}...${file.filename.substr(\n length - 15,\n length,\n )}`\n : file.filename}\n
\n \n {\n dropzoneNode = node;\n }}\n disableClick={preview}\n >\n {\n dropzoneNode.open();\n }}\n >\n {\n window.location.href = `/client_uploads/archive/${dealId}`;\n }}\n >\n
\n );\n};\n\nFileInputStateless.propTypes = {\n addDeleteFunctionality: PropTypes.bool,\n addExpandIcon: PropTypes.bool,\n addUploadButton: PropTypes.bool,\n buttonText: PropTypes.string,\n canDownload: PropTypes.bool,\n errorMessage: PropTypes.string,\n expandPreview: PropTypes.func,\n multiple: PropTypes.bool,\n // multipleFiles: PropTypes.arrayOf(PropTypes.number),\n onDrop: PropTypes.func.isRequired,\n preview: PropTypes.bool,\n prompt: PropTypes.string,\n removeItem: PropTypes.func,\n};\n\nFileInputStateless.defaultProps = {\n addDeleteFunctionality: false,\n addExpandIcon: false,\n buttonText: 'Upload More Assets',\n multiple: false,\n errorMessage: '',\n};\n\nexport default FileInputStateless;\n","import * as types from '../types';\n\nconst TOGGLE_STATES = {\n off: false,\n on: true,\n};\n\nexport const addCompletedActivity = completedActivity => ({\n type: types.ADD_COMPLETED_ACTIVITY,\n payload: { completedActivity },\n});\n\nexport const addEarnedTime = earnedTime => ({\n type: types.ADD_EARNED_TIME,\n payload: { earnedTime },\n});\n\nexport const clearModalNotification = () => ({\n type: types.CLEAR_MODAL_NOTIFICATION,\n payload: {},\n});\n\nexport const clearNewlyAddedActivityName = () => ({\n type: types.CLEAR_NEWLY_ADDED_ACTIVITY_NAME,\n payload: {},\n});\n\nexport const setDomainState = domainState => ({\n type: types.SET_DOMAIN_STATE,\n payload: { domainState },\n});\n\nexport const setCompletedActionNotification = () => ({\n type: types.SET_MODAL_NOTIFICATION,\n payload: {\n modalNotification: {\n sideEffectsOnClose: true,\n header: 'Great Job!',\n body: 'You successfully completed an action.',\n icon: 'checkCircle',\n showCloseButton: true,\n },\n },\n});\n\nexport const setModalNotification = modalNotification => ({\n type: types.SET_MODAL_NOTIFICATION,\n payload: { modalNotification },\n});\n\nexport const toggleMenu = () => ({\n type: types.TOGGLE_MENU,\n payload: {},\n});\n\nexport const toggleModalNotification = to => ({\n type: types.TOGGLE_MODAL_NOTIFICATION,\n payload: { to: TOGGLE_STATES[to] },\n});\n\nexport const addFacebookFriends = friends => ({\n type: types.ADD_FACEBOOK_FRIENDS,\n friends,\n});\n\nexport const clearFacebookFriends = () => ({\n type: types.CLEAR_FACEBOOK_FRIENDS,\n});\n\nexport const setFullscreenContainer = payload => ({\n type: types.SET_FULLSCREEN_CONTAINER,\n payload,\n});\n\n// LOGIN START\nexport const disableEmailLookup = emailLookupDisabled => ({\n type: types.EMAIL_LOOKUP_DISABLE,\n emailLookupDisabled,\n});\n\nexport const disableFacebookButton = facebookButtonDisabled => ({\n type: types.FACEBOOK_BUTTON_DISABLE,\n facebookButtonDisabled,\n});\n\nexport const setLoginQuestionValue = loginQuestionValue => ({\n type: types.LOGIN_QUESTION_VALUE,\n loginQuestionValue,\n});\n\nexport const setUserWithoutCredentials = value => ({\n type: types.USER_WITHOUT_CREDENTIALS,\n value,\n});\n\nexport const triggerLoginQuestionError = loginQuestionError => ({\n type: types.LOGIN_QUESTION_ERROR,\n loginQuestionError,\n});\n\nexport const toggleTermsCheckbox = checked => ({\n type: types.TERMS_CHECKBOX_TOGGLE,\n checked,\n});\n\nexport const setActiveUser = activeUser => ({\n type: types.ACTIVE_USER_SET,\n activeUser,\n});\n\nexport const updateEmailAddress = email => ({\n type: types.EMAIL_ADDRESS_UPDATE,\n email,\n});\n\nexport const setEmailStatus = emailStatus => ({\n type: types.EMAIL_STATUS_SET,\n emailStatus,\n});\n\n// LOGIN END\n","import { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport * as actions from '../redux/actions';\n\nexport { bindActionCreators, actions };\nexport const pipe = (...funcs) => x => funcs.reduce((y, func) => func(y), x);\nexport const asyncPipe = (...funcs) => x =>\n funcs.reduce(async (y, func) => func(await y), x);\n\nconst mapStateToProps = state => state;\n\nconst mapDispatchToProps = dispatch => ({\n actions: bindActionCreators(actions, dispatch),\n});\n\nexport const connection = (\n state = mapStateToProps,\n dispatch = mapDispatchToProps,\n) => connect(state, dispatch);\n","import React, { useContext } from 'react';\nimport { UIContext } from 'v4/App/providers/UIProvider';\n\nconst withUIContext = Component => {\n const withUI = props => {\n const { setAlert, setClockTime } = useContext(UIContext);\n return (\n \n {!preview && (\n
\n \n\n {addUploadButton && (\n \n arrow_upward\n
\n )}\n\n {preview && (\n \n {promptText}\n
\n {previewFiles}
\n )}\n \n file_upload\n {buttonText}\n
\n \n )}\n {addUploadButton && canDownload && (\n \n file_download\n Download Assets\n
\n \n )}\n\n {!isEmpty(errorMessage) && (\n \n {/* handles both an array of errors and a string */}\n {[errorMessage].reduce((acc, el) => acc.concat(el), [])[0]}\n
\n )}\n