Looks like we don't have an address saved. Please add one.
}\n\n Please reach out to\n help@hackster.io\n {' '}\n if you need to update your address.\n
\n )}\n{this._getHelperText()}
\n\n{label ? `${label}: ${s}` : s}
) : null;\n\nconst getHighlightedDiff = (key, address, diffingAddress, el = 'p') => {\n // If theres nothing to diff, return early.\n if (!diffingAddress || diffingAddress[key].matchesInput) {\n return React.createElement(el, { className: typography.bodyM }, address[key]);\n }\n\n // User input.\n const partsA = address[key].split(' ');\n // Api response.\n const partsB = diffingAddress[key].value.split(' ');\n // Iterate on the longer string to catch all the words.\n const iterator = partsA.length > partsB.length ? partsA : partsB;\n\n const isNotLast = (i, list) => (i !== list.length - 1);\n\n const words = iterator.reduce((acc, part, i, list) => {\n if (typeof partsA[i] === 'undefined') { // If partsB is larger than partsA and partsB is the iterator.\n return acc;\n } else if (partsA[i] !== partsB[i]) {\n return acc.concat(\n \n {partsA[i]}\n {isNotLast(i, list) ? ' ' : ''}\n );\n } else {\n return acc.concat(\n \n {partsA[i]}\n {isNotLast(i, list) ? ' ' : ''}\n );\n }\n }, []);\n\n return React.createElement(el, { className: typography.bodyM }, React.Children.toArray(words));\n};\n\nconst getAddressLine3 = (address) => {\n const format = getFormatForAddressLine3(address);\n\n return format.map((part) => part.includes('<>') ? part : address[part]).join('').replace(/<>/g, '');\n};\n\nconst getAddressLine3ForDiffView = (address, diffingAddress) => {\n const format = getFormatForAddressLine3(address, true);\n\n return React.Children.toArray(format.map((part) => {\n if (part.includes('<>')) {\n return React.createElement('span', { className: typography.bodyM }, part.replace(/<>/g, ''));\n } else {\n return getHighlightedDiff(part, address, diffingAddress, 'span');\n }\n }));\n};\n\n/**\n * Components\n */\nconst BriefView = ({ address }) => (\n\n {address.first_name}\n {' '}\n {address.last_name}\n
\n{address.address_line1}
\n {renderIfExists(address.address_line2)}\n{getAddressLine3(address)}
\n {renderIfExists(address.cpf, 'CPF')}\n\n {address.first_name}\n {' '}\n {address.last_name}\n
\n {renderIfExists(address.company, 'Company')}\n{address.address_line1}
\n {renderIfExists(address.address_line2)}\n{getAddressLine3(address)}
\n{address.country}
\n {renderIfExists(address.cpf, 'CPF')}\n\n Phone:\n {address.phone}\n
\n {address.default &&Default address
}\n\n {address.first_name}\n {' '}\n {address.last_name}\n
\n {renderIfExists(address.company, 'Company')}\n{address.address_line1}
\n {renderIfExists(address.address_line2)}\n{getAddressLine3(address)}
\n{address.country}
\n {renderIfExists(address.cpf, 'CPF')}\n\n Phone:\n {address.phone}\n
\nAddress you entered
\n\n {address.first_name}\n {' '}\n {address.last_name}\n
\n {renderIfExists(address.company, 'Company')}\n {getHighlightedDiff('address_line1', address, diffingAddress)}\n {renderIfExists(address.address_line2) && getHighlightedDiff('address_line2', address, diffingAddress)}\n{getAddressLine3ForDiffView(address, diffingAddress)}
\n{address.country}
\n {renderIfExists(address.cpf, 'CPF')}\n\n Phone:\n {address.phone}\n
\nVerified address
\n\n {address.first_name}\n {' '}\n {address.last_name}\n
\n {renderIfExists(address.company, 'Company')}\n{address.address_line1}
\n {renderIfExists(address.address_line2)}\n{getAddressLine3(address)}
\n{address.country}
\n {renderIfExists(address.cpf, 'CPF')}\n\n Phone:\n {address.phone}\n
\n{text[ctaVersion].body}
\nNEW
\nto Hackster
\n{article.summary}
\n : getSummaryPlaceholder()}\n\n {'by '}\n \n {article.user.name}\n \n
\n{article.title}
\n\n {article.user.name}\n {article.published_at\n && (\n
\n {'Sponsored by '}\n
\n {article.title}\n
\n\n {'Sponsored by '}\n {(article.sponsor_name && article.sponsor_name.length > 0)\n && (\n \n {article.sponsor_name}\n \n )}\n
\n{article.title}
\n\n {'Sponsored by '}\n {(article.sponsor_name && article.sponsor_name.length > 0)\n && (\n \n {article.sponsor_name}\n \n )}\n
\n{truncateString(bio, 140)}
\n )}\n \n);\n\nUserCardHorizontal.propTypes = {\n avatar_url: PropTypes.string.isRequired,\n bio: PropTypes.string,\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n stats: PropTypes.shape({\n followers: PropTypes.number.isRequired,\n following: PropTypes.number.isRequired,\n live_projects: PropTypes.number.isRequired,\n }).isRequired,\n updateResource: PropTypes.func.isRequired,\n user_name: PropTypes.string.isRequired,\n};\n\nUserCardHorizontal.defaultProps = { bio: null };\n\nexport default UserCardHorizontal;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport cardStyles from '../cards.css';\nimport layoutStyles from '../../../styles/global_ui/layout.css';\nimport styles from './video_card.css';\n\nconst DummyVideoCard = ({ classList }) => (\n\n {`${formatNumberLimit4Chars(item.impressions_count)} views`}\n {item.hasOwnProperty('created_at') && •}\n
\n )}\n{timestampToRelativeTime(item.created_at)}
\nTo require users to submit their project to a specific category, check the category below.
\nDefault introduction:
\n{getDefaultIntroduction(this._getPrizeDataForIntroduction())}
\n\n {CATEGORIES_PRIZES_MODE_SUB_COPY}\n {this.props.challenge.contest_type === 'challenge' && (\n \n {' '}\n Challenges must have a base prize category listed as the first prize.\n \n )}\n
\n );\n }\n\n render() {\n return (\n\n This is an introduction to the prize section in your contest\n brief.\n
\n\n Subject: \n {subject}\n
\n\n {'Please confirm your email before commenting. Haven\\'t received a confirmation email? '}\n \n Resend\n \n . Contact us at help@hackster.io for help.\n
\n\n {'Please '}\n this._summonAuth('login')}>\n log in\n \n {' or '}\n this._summonAuth('signup')}>\n sign up\n \n {' to comment.'}\n
\n );\n }\n\n _getCommentView({ comment, children = null, parentIsDeleted = false } = {}) {\n return (\n{course_number}
)\n : null;\n const pitch = mini_resume ? ({mini_resume}
) : null;\n\n return function() {\n return (\n{category.text}
\n\n ↳ \n
\n {formatDescription(embed.description)}\n
\n{this.props.successMsg}
}\n{helperText}
}\n \n )}\n{mainText.secondary}
\n{isBlank(formattedValue) ? '-' : formattedValue}
);\n};\n\nconst DataView = ({ keys, data, formatters }) => (\n keys.map((key) => (\n\n {unsnakeString(key, capitalize)}\n :\n
\n\n Welcome to Hackster!\n Be sure to follow us to stay up to date with the latest news & projects.\n
\n\n {message.msg}\n {message.link && message.link.length\n && (\n \n {message.action.length ? ' ' : ''}\n {message.action}\n {message.msg2.length ? ' ' : ''}\n \n )}\n {message.msg2.length ? message.msg2 : ''}\n
\n \n| : | ,\n )}\n |
{title}
\n{title}
\nUploading image
\nUploading image
\nor click to upload
\n',''],\n 'STRIKETHROUGH': ['${validator.escape(text)}`) : stringifyLineBreaksToParagraphs(text);\n return toLiveHtml(HTMLString);\n};\n\nexport default function customPasteHandler(editor, callback, restrictions, text, html) {\n const ctx = this;\n\n if(!html && !text) return false;\n\n const { cleanedContentState, updatedSelection } = removeSelectedText(editor.getCurrentContent(), editor.getSelection());\n\n // When copying from draft, the native clipboard won't get the data-block element we care about to replicate.\n // Draft stores an internal clipboard we can use that has the data we want.\n if (ctx.editor._clipboard) {\n const clipboard = ctx.editor.getClipboard();\n const clipboardText = ContentState.createFromBlockArray(clipboard.toArray()).getPlainText();\n\n // If the plaintext (text argument) is equal to the clipboardText, we know the user hasn't copied anything new from outside the editor.\n // Always use drafts internal clipboard in this case so that we can access the data-block (ie h3, blockquote, etc.)\n if (clipboardText === text || html && html.search(/data-editor=/) > 0) {\n const { insertedContentState, insertedSelection } = insertFragmentAtCursor(cleanedContentState, updatedSelection, clipboard);\n callback(\n EditorState.forceSelection(\n EditorState.push(editor, insertedContentState),\n insertedSelection\n )\n );\n return true;\n }\n }\n // Below and onward handles the native Clipboard's text or html.\n const liveHtml = !html ? getHTMLForRawText(editor, text) : toLiveHtml(html);\n // Note: This has.a entityMap property that we might have to pass to contentState in the future.\n const {contentBlocks} = parseHTML(liveHtml.cloneNode(true), restrictions);\n // Parses and transforms html into an OrderedMap of ContentBlocks. Ref: draft-js/lib/BlockMapBuilder.js\n const blocks = OrderedMap(contentBlocks.map(block => [block.getKey(), block]));\n\n const { insertedContentState, insertedSelection } = insertFragmentAtCursor(cleanedContentState, updatedSelection, blocks);\n\n callback(\n EditorState.forceSelection(\n EditorState.push(editor, insertedContentState),\n insertedSelection\n )\n );\n return true;\n}\n"," import { EditorState, Modifier } from 'draft-js';\n\nimport {\n doesPreviousWordContainValidUrl,\n getCurrentBlock,\n insertNewOrSplitBlock,\n insertParagraph,\n isCursorAtEnd,\n linkifyPreviousWord,\n previousCharContainsEntityTypes\n} from '../utils/draftUtils';\n\nimport {\n isCurrentBlockAType,\n} from '../utils/draft/conditions';\n\nimport {insertEmbedlyComponent, insertGistComponent, insertVideoComponent, insertTweetComponent} from './customBlockTransactions';\n\nconst blocksToDuplicateOnEnter = {\n 'unordered-list-item': true,\n 'code-block': true,\n 'unstyled': true\n};\n\n// Callback::Draft.onChange expects an updated EditorState.\nexport default function customReturnHandler(editorState, callback) {\n const currentContentState = editorState.getCurrentContent();\n const currentSelection = editorState.getSelection();\n const currentBlock = getCurrentBlock(currentContentState, currentSelection);\n\n // Duplicate blocks.\n if (currentSelection.isCollapsed() && isCursorAtEnd(currentBlock, currentSelection) && !blocksToDuplicateOnEnter[currentBlock.getType()]) {\n const { updatedContentState, updatedSelection } = insertParagraph(currentBlock, currentContentState, currentSelection);\n\n callback(EditorState.forceSelection(EditorState.push(editorState, updatedContentState), updatedSelection));\n return true;\n }\n\n // Break list and append paragraph if current line is empty.\n if (currentSelection.isCollapsed() && currentBlock.getType() === 'unordered-list-item' && currentBlock.getText().trim().length === 0) {\n const updatedContentState = Modifier.setBlockType(currentContentState, currentSelection, 'unstyled');\n\n callback(EditorState.push(editorState, updatedContentState));\n return true;\n }\n\n // Embedly\n if (doesPreviousWordContainValidUrl(currentBlock, currentSelection, 'EMBEDLY')) {\n const {newEditorState, newSelectionState} = insertEmbedlyComponent({currentBlock, currentSelection, currentContentState, editorState});\n\n callback(EditorState.forceSelection(newEditorState, newSelectionState));\n return true;\n }\n\n // Gist\n if (doesPreviousWordContainValidUrl(currentBlock, currentSelection, 'GIST')) {\n const { newEditorState, newSelectionState } = insertGistComponent({currentBlock, currentSelection, currentContentState, editorState});\n\n callback(EditorState.forceSelection(newEditorState, newSelectionState));\n return true;\n }\n\n // Video\n if (doesPreviousWordContainValidUrl(currentBlock, currentSelection, 'VIDEO')) {\n const { newEditorState, newSelectionState } = insertVideoComponent({currentBlock, currentSelection, currentContentState, editorState});\n\n callback(EditorState.forceSelection(newEditorState, newSelectionState));\n return true;\n }\n\n // Tweet\n if (doesPreviousWordContainValidUrl(currentBlock, currentSelection, 'TWEET')) {\n const { newEditorState, newSelectionState } = insertTweetComponent({currentBlock, currentSelection, currentContentState, editorState});\n\n callback(EditorState.forceSelection(newEditorState, newSelectionState));\n return true;\n }\n\n // Url\n if (!previousCharContainsEntityTypes(editorState, ['LINK']) && doesPreviousWordContainValidUrl(currentBlock, currentSelection, 'LINK') && !isCurrentBlockAType(currentBlock, ['code-block'])) {\n const linkifiedContentState = linkifyPreviousWord(currentBlock, currentSelection, currentContentState);\n const { updatedContentState, updatedSelection } = insertNewOrSplitBlock(linkifiedContentState, currentSelection);\n\n callback(EditorState.forceSelection(EditorState.push(editorState, updatedContentState), updatedSelection));\n return true;\n }\n\n return false;\n}","import {CompositeDecorator} from 'draft-js';\nimport Link from '../components/Link';\n\nfunction findLinkEntities(contentBlock, callback, contentState) {\n contentBlock.findEntityRanges(character => {\n const entityKey = character.getEntity();\n return (\n entityKey !== null &&\n contentState.getEntity(entityKey).getType() === 'LINK'\n );\n }, callback);\n}\n\nexport default new CompositeDecorator([\n {\n strategy: findLinkEntities,\n component: Link\n }\n]);\n","export default {\n CODE: {\n backgroundColor: 'rgba(0, 0, 0, 0.05)',\n fontFamily: '\"Inconsolata\", \"Menlo\", \"Consolas\", monospace'\n }\n};","import convertFromHTMLToContentBlocks from '../encoding/convertFromHTMLToContentBlocks';\nimport {domWalk} from '../utils/Traversal';\nimport {ElementWhiteList} from '../constants/elements';\n\nconst blockElementTransformMap = {\n 'ol': 'ul',\n 'h1': 'h3',\n 'h2': 'h3',\n 'h4': 'h3',\n 'h5': 'h3',\n 'h6': 'h3'\n};\n\nconst headers = {\n H1: true,\n H2: true,\n H3: true,\n H4: true,\n H5: true\n};\n\nconst elementsToIgnore = {\n 'meta': true,\n 'style': true,\n 'header': true,\n 'footer': true,\n 'title': true,\n '#comment': true // NOTE: Keep an eye on this one.\n};\n\nfunction swapParentNode(oldNode, newNodeName) {\n const newNode = document.createElement(newNodeName);\n newNode.innerHTML = oldNode.innerHTML ? oldNode.innerHTML : oldNode.textContent;\n return newNode.outerHTML;\n}\n\nfunction hasTable(html) {\n let hasChild = false;\n\n domWalk(html, (child, root) => {\n if((root.nodeName === 'TABLE') || (child.nodeName === 'TABLE')) {\n hasChild = true;\n return;\n }\n });\n\n return hasChild;\n}\n\n// ONLY HANDLES HEADERS\nfunction hasNestedBlock(html) {\n let bool = false;\n\n domWalk(html, (child, root) => {\n if (headers.hasOwnProperty(child.nodeName)) {\n bool = true;\n return;\n }\n });\n\n return bool;\n}\n\n// ONLY HANDLES HEADERS\nfunction mutateNestedBlock(html) {\n const nodes = [];\n\n domWalk(html, (child, root) => {\n if (headers.hasOwnProperty(child.nodeName) && child.innerText.length > 0) {\n const h3 = document.createElement('H3');\n h3.innerHTML = child.innerHTML;\n child.parentNode.replaceChild(h3, child);\n }\n });\n}\n\nfunction cleanTable(table) {\n let container = document.createElement('div');\n\n // Instead of trying to clean all the html, just clean the table here.\n // We need to create new lines for each of these new paragraphs, should we return an array instead?\n\n domWalk(table, (child, root) => {\n if(child.textContent.length) {\n switch(child.nodeName) {\n case 'TR':\n if(!child.children) container.appendChild(createNewNodeWithTextContent(child, 'div'));\n break;\n case 'TD':\n case 'TH':\n case 'CAPTION':\n container.appendChild(createNewNodeWithTextContent(child, 'div'));\n break;\n default:\n break;\n }\n }\n });\n\n return container.innerHTML;\n}\n\nfunction createNewNodeWithTextContent(oldNode, newNodeName) {\n const newNode = document.createElement(newNodeName || 'div');\n newNode.textContent = oldNode.textContent;\n return newNode;\n}\n\n// Mutative!\nfunction removeAttributes(node) {\n node.setAttribute ? node.setAttribute('style', '') : void(0);\n\n if (node.attributes && node.attributes.length) {\n [].slice.call(node.attributes).forEach(attrib => {\n node.removeAttribute(attrib);\n });\n }\n}\n\n// Takes an html fragment, stringifies it, then converts and returns an array of ContentBlocks.\nexport default function parseHTML(html, restrictions) {\n const stringifiedHtml = [].slice.call(html.childNodes).reduce((acc, child) => {\n\n if(elementsToIgnore[child.nodeName.toLowerCase()]) return acc;\n\n removeAttributes(child);\n\n if (hasNestedBlock(child)) mutateNestedBlock(child);\n\n if (hasTable(child)) {\n acc += cleanTable(child);\n } else if (ElementWhiteList[child.nodeName.toLowerCase()]) {\n acc += child.outerHTML;\n } else if (blockElementTransformMap[child.nodeName.toLowerCase()]) {\n acc += swapParentNode(child, blockElementTransformMap[child.nodeName.toLowerCase()]);\n } else {\n acc += swapParentNode(child, 'div');\n }\n\n return acc;\n }, '');\n\n return convertFromHTMLToContentBlocks(stringifiedHtml, restrictions);\n}","import validator from 'validator';\n\nimport { BlockElements } from '../constants/elements';\nimport { genKey as createHashId } from 'draft-js';\nimport { domWalk } from '../utils/Traversal';\n\nexport function toLiveHtml(string) {\n const doc = document.createDocumentFragment();\n let body = document.createElement('body');\n body.innerHTML = string;\n doc.appendChild(body);\n return doc.firstChild;\n};\n\nexport function stringifyLineBreaksToParagraphs(text, nodeName) {\n const tag = nodeName && nodeName.toLowerCase() === 'pre' ? 'pre' : 'div';\n return text\n .split('\\n')\n .map(line => `<${tag}>${!line.length ? '| \n User Stats\n | \n\n |
|---|---|
| {label} | \n{round(value, 1)} | \n
| \n Projects (\n {projects.length}\n )\n | \n|||
|---|---|---|---|
| \n \n {id}\n \n | \n{name} | \n{one_liner} | \n\n \n | \n
| \n Comments (\n {comments.length}\n )\n | \n\n | |
|---|---|---|
| {id} | \n{commentable_type} | \n{body} | \n
\n A project category section will show the 4 most recent projects of a category.\n The options include default project sorts and any custom Project categories created on the Projects tab above.\n
\nA CTA section is a full page banner for promotional means. The image will scale dynamically with the user's screen.
\nA Product projects section will display recent projects where your product is in its BOM.
\n\n A promoted content section is a catch-all section to promote various types of your content.\n You may have 2-4 items per section and the layout will adjust according to the amount of items.\n
\n\n A tag section will show the 4 most recent projects that has the tag attached.\n
\nWe recommend having 8-10 sections
\n\n \n
\n\n \n
\n\n \n
\n\n {member.user.email}\n
\n {/* Mobile view below */}\n\n {capitalize(member.role)}\n {member.invitation_pending && ( [Invitation pending])}\n
\n\n {capitalize(member.role)}\n {member.invitation_pending && ( [Invitation pending])}\n
\n\n {capitalize(member.role)}\n {member.invitation_pending && ( [Invitation pending])}\n
\n\nUser
\nRole
\nAction
\nWanna see the scoreboard for all entries? View them here!
\n\n {`${isSponsoredEvent ? 'Sponsored event' : 'Event'} card preview`}\n
\nYou must add at least 4 items before publishing
),\n component: (ctx) => createPromotedContent(ctx),\n label: () => null,\n toSection: (content) => promotedContentToSection(content),\n }),\n projectCollection: () => ({\n component: (ctx) => createSelect(ctx, { type: 'projectCollection' }), // Expected in AddSectionView.props.collections\n label: () => createSelectComponentLabel('Project collection'),\n toSection: (record) => record,\n }),\n topic: () => ({\n component: (ctx) => createAsyncSelect(ctx, {\n algoliaParameters: {\n hitsPerPage: 100,\n initFacet: buildFacetsForAsyncSelect(ctx.props.existingSections, ['display_on_home:true'], 'topic_id', 'id'),\n projectsServiceFacetKey: 'platforms.id', // All channels are under the platforms object now (04/01/2020)\n },\n algoliaRecordsToOptions: recordsToSelectOptions,\n algoliaService: 'algoliaTopicsService',\n type: 'topic',\n }),\n label: () => createSelectComponentLabel('Topic'),\n toSection: (record) => recordToSection(record, 'topic_id'),\n }),\n video: () => ({\n component: (ctx) => createVideos(ctx),\n label: () => null,\n toSection: (content) => videoContentToSection(content),\n }),\n _failSafe: () => ({\n component: () => NOOP_COMPONENT,\n label: () => createSelectComponentLabel('...'),\n toSection: () => {},\n }),\n};\n\nexport default function getConfigByType(type) {\n if (!SECTION_TYPES.hasOwnProperty(type)) {\n errorHandler(`AddSectionView getConfigByType expected type, ${type} to exist. Known keys: ${Object.keys(SECTION_TYPES)}`);\n\n return SECTION_TYPES._failSafe();\n }\n\n return SECTION_TYPES[type]();\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport isURL from 'validator/lib/isURL';\n\nimport BasicFormInput from '../../../../client/form_components/inputs/basic_form_input';\nimport FormImageUploader from '../../../../client/form_components/image_uploaders/form_image_uploader';\nimport smoothScroll from '../../../../client/utils/smoothScroll';\n\nimport formStyles from '../../../../styles/global_ui/forms.css';\n\nclass CTAForm extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n errors: {},\n ...this._initState(props),\n };\n\n this.getFormData = this.getFormData.bind(this);\n this.validate = this.validate.bind(this);\n }\n\n _initState(props) {\n if (!props.initData) {\n return {\n image: null, // {id, name, url}\n link: '',\n name: '',\n };\n }\n\n return props.initData;\n }\n\n /**\n * Callbacks\n */\n getFormData() {\n return {\n image: this.state.image,\n link: this.state.link,\n name: this.state.name,\n };\n }\n\n validate() {\n const map = { image: this._imageV(), name: this._nameV(), link: this._linkV() };\n const errors = Object.keys(map).reduce((acc, key) => {\n if (map[key] && typeof map[key] === 'string') {\n acc[key] = map[key];\n }\n\n return acc;\n }, {});\n\n if (Object.keys(errors).length > 0) {\n this.setState({ errors }, () => this._scrollToError(errors));\n\n return false;\n }\n\n return true;\n }\n\n _scrollToError(errors) {\n const el = ['name', 'image', 'link'].reduce((acc, key) => {\n if (acc !== null) return acc;\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return errors.hasOwnProperty(key) ? document.getElementById(`cta${key}`) : acc;\n }, null);\n\n if (el) {\n smoothScroll(el);\n }\n }\n\n _imageV() {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return ['id', 'name', 'url'].every((key) => this.state.image && this.state.image.hasOwnProperty(key))\n ? null\n : 'An image is required';\n }\n\n _nameV() {\n return this.state.name && this.state.name.length > 2 ? null : 'A name is required. 3 characters or more';\n }\n\n _linkV() {\n return this.state.link && this.state.link.length > 0 && isURL(this.state.link, { require_protocol: true })\n ? null\n : 'A link is required. Make sure to add a correct protocol (http:// or https://)';\n }\n\n _removeErrorForType(type) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { [type]: deleted, ...errors } = this.state.errors;\n\n return errors;\n }\n\n _setErrorForType(type, msg) {\n this.setState({\n errors: {\n ...this.state.errors,\n [type]: msg,\n },\n });\n }\n\n render() {\n return (\n \n );\n }\n}\n\nCTAForm.propTypes = {\n initData: PropTypes.shape({\n image: PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n url: PropTypes.string,\n }),\n link: PropTypes.string,\n name: PropTypes.string,\n }),\n propagateStatus: PropTypes.func,\n};\n\nCTAForm.defaultProps = {\n initData: null,\n propagateStatus: () => {},\n};\n\nexport default CTAForm;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport ContentCard from './content_list/ContentCard';\nimport DragAndDropList from '../../../../client/reusable_components/DnDKit/DragAndDropList';\n\nimport buttonStyles from '../../../../styles/global_ui/buttons.css';\nimport layout from '../../../../styles/global_ui/layout.css';\nimport utilStyles from '../../../../styles/global_ui/util.css';\n\nimport sectionListStyles from '../section_list/section_list.css';\nimport styles from '../home_sections.css';\n\nconst noContentMsg = () => (\nSelect the videos you would like to feature in this section.
\nYou must add 4 content items before publishing. Drag a video to a new position to reorder it.
\nThis is how the section will appear on the homepage.
\nType
\n Title\nType
\nTitle
\nType
\n\n Four item preview\n
\nThis preview layout will change when you add 1-2 items, then again on 3-4 items.
\nType
\nTitle
\nDescription
\n{item.contentType.value}
\n{content[0].contentType.value}
\n{content[0].description}
\n{item.description}
\n{item.contentType.value}
\n \n {item.title}\n \n{title}
\n{`Respects: ${respects_count}`}
\nLoading...
\n{this.props.article.user.name}
}\n {this._getStatusView()}\n{this.props.article.user.name}
No articles found
\n );\n }\n\n _getLayoutBreadCrumb() {\n if (!this.props.isAdminOrEditor) return null;\n\n return (\nPublish now
\nThe article will be immediately available to read.
\nSchedule for later
\n{name}
}\n![](\"https://hackster.imgix.net/static/marketing/newsletter/spaceman-light.png\")
\n ![](\"https://hackster.imgix.net/static/marketing/newsletter/spaceman-dark.png\")
\n \n {msg}\n {action && {action.text}}\n
\n', '');\n};\n\nconst highlightjs = (md, opts) => {\n opts = Object.assign({}, highlightjs.defaults, opts);\n\n md.options.highlight = opts.auto ? highlightWithLangOrAuto : highlightWithLang;\n md.renderer.rules.fence = wrap(md.renderer.rules.fence);\n\n if (opts.code) {\n md.renderer.rules.code_block = wrap(md.renderer.rules.code_block);\n }\n};\n\nhighlightjs.defaults = {\n auto: true,\n code: true,\n};\n\nexport default highlightjs;\n","import { unescape } from 'validator';\n\nconst SYNTAX_CHARS = '@[]()'.split('');\nconst SYNTAX_CODES = SYNTAX_CHARS.map((char) => char.charCodeAt(0));\n\nfunction isValidJSON(obj) {\n try {\n JSON.parse(obj);\n\n return true;\n } catch (err) {\n return false;\n }\n}\n\nfunction mention_replace(md, config) {\n return function tokenize(state, silent) {\n const oldPos = state.pos;\n const max = state.posMax;\n\n let metaData,\n userName,\n invalidSyntax = false;\n\n if (silent) return false;\n\n // Match @\n if (state.src.charCodeAt(state.pos) !== SYNTAX_CODES[0]) return false;\n // Match [\n if (state.src.charCodeAt(state.pos + 1) !== SYNTAX_CODES[1]) return false;\n\n // Get userName\n state.pos = state.pos + 2;\n const openingBracket = state.pos;\n\n while (state.pos <= max) {\n if (state.pos === max) {\n invalidSyntax = true;\n break;\n }\n\n if (state.src.charCodeAt(state.pos) === SYNTAX_CODES[2] // Match ]\n && state.src.charCodeAt(state.pos + 1) === SYNTAX_CODES[3]) { // Match (\n // Found closing bracket, save userName.\n const closingBracket = state.pos;\n userName = unescape(state.src.slice(openingBracket, closingBracket));\n state.pos = state.pos + 1; // Move to opening parens\n break;\n }\n\n state.pos += 1;\n }\n\n // Bail if closing bracket not found\n if (invalidSyntax) {\n state.pos = oldPos;\n\n return false;\n }\n\n // Cursor is at opening parenthesis\n if (state.src.charCodeAt(state.pos) !== SYNTAX_CODES[3]) { // Match (\n state.pos = oldPos;\n\n return false;\n }\n\n // Get metaData\n const openingCurly = state.pos + 1;\n\n while (state.pos <= max) {\n if (state.pos === max) {\n invalidSyntax = true;\n break;\n }\n\n if (state.src.charCodeAt(state.pos) === SYNTAX_CODES[4]) { // Match )\n // Found closing curly bracket, get metaData.\n const closingCurly = state.pos;\n metaData = unescape(state.src.slice(openingCurly, closingCurly));\n state.pos = state.pos + 1; // Move to closing parens\n break;\n }\n\n state.pos += 1;\n }\n\n // Bail here if we dont find ) char.\n if (invalidSyntax || isValidJSON(metaData) === false) {\n state.pos = oldPos;\n\n return false;\n }\n\n // Successfully found a mention, create it.\n const token = state.push('mention');\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n const uuid = state.hasOwnProperty('env') && state.env && state.env.hasOwnProperty('uuid') ? state.env.uuid : null;\n token.content = `@${userName}`;\n // TODO: UUID needs to be on a per parse basis!\n token.attrs = [['href', JSON.parse(metaData).url], ['target', '_blank'], ['data-react-popover', metaData], ['data-mv-key', uuid]];\n\n state.md.inline.tokenize(state);\n\n return true;\n };\n}\n\nexport default function mention(md, config) {\n md.renderer.rules.mention = function(tokens, idx, options, env, self) {\n return `${tokens[idx].content}`;\n };\n // We must insert this rule before an inline link ()[].\n md.inline.ruler.before('link', 'mention', mention_replace(md, config));\n}\n","import { unescape } from 'validator';\n\nconst LINK_MARKDOWN_REGEX = /(\\[.+\\]\\(.+\\))/g;\n\n// When raw text has markdown and we're truncating feed posts or comments, we don't want to truncate\n// in the middle of a markdown token. This will prevent the markdown renderer from presenting broken markdown links.\nexport default function shouldTruncateEscapedText(escapedText, limit = 150) {\n const unescapedText = unescape(escapedText || '');\n const match = unescapedText.match(LINK_MARKDOWN_REGEX);\n\n if (match && match.length > 0) {\n const startIndex = unescapedText.search(LINK_MARKDOWN_REGEX);\n const endIndex = startIndex + match[0].length;\n\n // If the markdown link code is past the truncate index\n // or if the end index (end of the code) is before the truncate limit,\n // then truncate.\n return { limit, truncate: (startIndex > limit || endIndex < limit) };\n }\n\n return { limit, truncate: true };\n}\n","import jwtDecode from 'jwt-decode';\nimport request from 'superagent';\n\nimport getPathPrefix from './getPathPrefix';\nimport { deleteItem, getItem, setItem } from '../local_storage';\nimport { setTimeoutPromise } from '../../utility/promises';\n\nconst TOKEN_KEY_PREFIX = 'hck.tkn';\nconst CLIENT_TOKEN = `${TOKEN_KEY_PREFIX}.client`;\nconst USER_TOKEN = `${TOKEN_KEY_PREFIX}.user`;\n\nconst BATCH_INTERVAL = 50;\n\nexport default class AccessTokens {\n constructor() {\n this.client_token = null;\n this.user_token = null;\n\n this.initialized = false;\n this.isFetching = false;\n\n this.batch = [];\n }\n\n _initialize() {\n this.client_token = getItem(CLIENT_TOKEN) || null;\n this.user_token = getItem(USER_TOKEN) || null;\n this.initialized = true;\n }\n\n _fetchTokensFromStorageOrServer() {\n return new Promise((resolve, reject) => {\n // If we have a null value (invalid token or forceFetch), we need to fetch new tokens.\n if (this.batch.every((promise) => promise.tokens !== null)) {\n return resolve(this.batch[0].tokens);\n }\n\n return this._fetchNewTokens()\n .then((res) => this._seedNewTokens(res.body))\n .then((tokens) => resolve(tokens))\n .catch((err) => reject(err));\n });\n }\n\n _fetchNewTokens() {\n return request\n .get(`${getPathPrefix()}/users/api_token`)\n .withCredentials();\n }\n\n _seedNewTokens(tokens) {\n return new Promise((resolve) => {\n this.deleteTokens();\n\n if (tokens.user_token) setItem(USER_TOKEN, tokens.user_token);\n setItem(CLIENT_TOKEN, tokens.client_token);\n resolve(tokens);\n });\n }\n\n _resolveFetchTokens(key, val) {\n this.batch = this.batch.filter((promise) => {\n promise[key](val);\n\n return false;\n });\n this.isFetching = false;\n }\n\n _getTokenFromStorage(userOnly) {\n if (userOnly) {\n return { token: getItem(USER_TOKEN), type: 'user' };\n } else {\n const token = getItem(USER_TOKEN);\n\n return token && token.length > 0 ? { token, type: 'user' } : { token: getItem(CLIENT_TOKEN), type: 'client' };\n }\n }\n\n _isTokenValid(token) {\n if (!token || !token.length) return false;\n const jwt = jwtDecode(token);\n\n // Protect against stolen jwts.\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n if (jwt.hasOwnProperty('user') && jwt.user.hasOwnProperty('id') && !this._doesJwtIdMatchBodyId(jwt.user.id)) {\n return false;\n }\n\n // Subtract 10s to create a buffer.\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return jwt.hasOwnProperty('exp') ? (new Date(new Date(jwt.exp).valueOf() - (10 * 1000)) > new Date()) : false;\n }\n\n _doesJwtIdMatchBodyId(id) {\n const bodyId = document.body.getAttribute('data-user-signed-in');\n if ((typeof bodyId === 'undefined') || (bodyId === null) || (typeof bodyId === 'string' && !bodyId.length)) {\n return false;\n }\n\n return parseInt(id) === parseInt(bodyId);\n }\n\n deleteTokens() {\n deleteItem(USER_TOKEN);\n deleteItem(CLIENT_TOKEN);\n }\n\n fetchTokens(userOnly, forceFetch = false) {\n return new Promise((resolve, reject) => {\n const tokenObj = this._getTokenFromStorage(userOnly);\n const tokenFromStorage = this._isTokenValid(tokenObj.token) && forceFetch === false\n ? { [`${tokenObj.type}_token`]: tokenObj.token }\n : null;\n\n this.batch.push({ resolve, reject, tokens: tokenFromStorage });\n\n // We cut this promise short here, but it will be resolved once we have the tokens.\n if (this.isFetching) return;\n\n this.isFetching = true;\n\n return setTimeoutPromise(BATCH_INTERVAL)\n .then(() => this._fetchTokensFromStorageOrServer())\n .then((tokens) => this._resolveFetchTokens('resolve', tokens))\n .catch((err) => this._resolveFetchTokens('reject', err));\n });\n }\n\n getTokenType(userOnly) {\n return userOnly ? 'user' : 'client';\n }\n}\n","export default function getCSRFToken() {\n const meta = [].slice.call(document.getElementsByTagName('meta')).find((m) => m.name === 'csrf-token');\n\n return meta && meta.content ? meta.content : null;\n}\n","export default function getPathPrefix() {\n if (document && document.getElementById) {\n const element = document.getElementById('path-prefix');\n\n return element && element.content ? element.content : '';\n }\n}\n","import { Request } from 'superagent';\nimport errorHandler from '../error_handler';\nimport { doesWindowExistWithProperty, reloadDocumentLocation, windowLocationPort, windowLocationProtocol } from '../window';\nimport { summonLoginPanel } from '../../utility/dispatchers';\nimport { getInObj } from '../../utility/accessors';\n\nimport AccessTokens from './AccessTokens';\n\nfunction cloneRequest(request) {\n const clone = new Request(request.method, request.url);\n clone._query = request._query;\n clone.header = request.header;\n clone._header = request._header;\n clone._data = request._data;\n\n return clone;\n}\n\nclass OAuthServiceConstructor {\n constructor() {\n this.initialized = false;\n this.cachedApiPath = null;\n this.callbackQueueForNonPromises = [];\n this.requestQueue = [];\n this.requestQueueWorking = false;\n this.userIdFromDom = null;\n\n this.Tokens = new AccessTokens();\n\n // Bound to hold reference when used indirectly (e.g. Hster.Services.OAuthService)\n this.apiRequest = this.apiRequest.bind(this);\n this.clearApiTokens = this.clearApiTokens.bind(this);\n this.getApiPath = this.getApiPath.bind(this);\n this.getApiToken = this.getApiToken.bind(this);\n this.processApiRequestError = this.processApiRequestError.bind(this);\n }\n\n /**\n * Private Methods\n */\n _initialize() {\n this.initialized = true;\n this.userIdFromDom = this._fetchUserIdFromDOMBody();\n\n if (!this.Tokens.initialized) {\n this.Tokens._initialize();\n }\n }\n\n _cacheRequest(request, resolve, reject, resolver, tokenType, attempts = 0) {\n this.requestQueue.push({ request, resolve, reject, resolver, tokenType, attempts });\n }\n\n _createRequestResolver(request, userOnly, returnResponseBody, showSignInDialog) {\n return (token, reCallback, resolve, reject, attempts = 0) => cloneRequest(request)\n .query({ bearer_token: token })\n .then((res) => resolve(returnResponseBody ? { ...res.body, token } : res))\n .catch((err) => {\n const withinErrorRange = (err && err.status && (err.status >= 400 && err.status <= 500));\n\n if (!this.userIdFromDom && attempts >= 1 && withinErrorRange) {\n return resolve({});\n } else if (this.userIdFromDom && attempts >= 1 && withinErrorRange) {\n return reject(err);\n } else if (attempts >= 2) {\n return reject(err);\n }\n\n this._recoverFailedRequest(request, resolve, reject, reCallback, attempts, userOnly, showSignInDialog);\n });\n }\n\n _fetchTokens(userOnly, forceFetch = false) {\n return this.Tokens.fetchTokens(userOnly, forceFetch);\n }\n\n _fetchUserIdFromDOMBody() {\n // TODO: figure out what this logic _should_ be and wrap in parens to make more clear\n // eslint-disable-next-line @stylistic/no-mixed-operators\n return document && document.body.getAttribute('data-user-signed-in') || null;\n }\n\n _handleTokens(tokens, userOnly, showSignInDialog) {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n if (tokens.hasOwnProperty('user_token')) {\n return this._resolveRequestQueue(tokens);\n } else {\n return userOnly && showSignInDialog\n ? this._summonLoginPanel(userOnly)\n : userOnly\n ? this._handleUnresolvedUserRequests()\n : this._resolveRequestsForTokenType(tokens.client_token, 'client');\n }\n }\n\n _handleUnresolvedUserRequests() {\n // Try again if theres a userId on the DOM body.\n if (this.userIdFromDom) {\n this._resolveRequestsForTokenType(null, 'user');\n } else {\n this._resolveUserPromisesForUnresolvedRequests();\n }\n }\n\n _recoverFailedRequest(request, resolve, reject, resolver, attempts, userOnly, showSignInDialog) {\n this.Tokens.deleteTokens();\n this._cacheRequest(request, resolve, reject, resolver, this.Tokens.getTokenType(userOnly), attempts += 1);\n\n return this._fetchTokens(userOnly)\n .then((tokens) => this._handleTokens(tokens, userOnly, showSignInDialog))\n .catch((err) => reject(err));\n }\n\n _reFetchTokensAfterLogin(userOnly, reLoggedUserId) {\n this._initialize();\n\n if (!this.userIdFromDom || parseInt(this.userIdFromDom, 10) !== parseInt(reLoggedUserId, 10)) {\n return reloadDocumentLocation();\n }\n\n return this._fetchTokens(userOnly, true)\n .catch((err) => errorHandler('_reFetchTokensAfterLogin Error', err));\n }\n\n _resolveCallbacksForGetApiToken(tokens) {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n const hasUserToken = tokens.hasOwnProperty('user_token');\n const token = hasUserToken ? tokens.user_token : (tokens.client_token || null);\n\n this.callbackQueueForNonPromises = this.callbackQueueForNonPromises.filter((callback) => {\n if ((callback.userOnly && hasUserToken) || (callback.userOnly === false)) {\n callback.callback(token);\n\n return false;\n } else if (callback.attempts < 2) {\n this.getApiToken.call(this, callback.callback, callback.userOnly, callback.attempts += 1);\n\n return false;\n } else {\n callback.callback(null);\n\n return false;\n }\n });\n }\n\n _resolveRequestQueue(tokens) {\n if (this.requestQueueWorking) return;\n\n this.requestQueueWorking = true;\n this.requestQueue = this.requestQueue.filter((request) => {\n request.resolver.call(this, tokens.user_token, request.resolver, request.resolve, request.reject, request.attempts);\n\n return false;\n });\n\n this.requestQueueWorking = false;\n }\n\n _resolveRequestsForTokenType(token, tokenType) {\n this.requestQueue = this.requestQueue.filter((request) => {\n if (request.tokenType === tokenType) {\n request.resolver.call(this, token, request.resolver, request.resolve, request.reject, request.attempts);\n\n return false;\n }\n\n return true;\n });\n }\n\n _resolveUserPromisesForUnresolvedRequests() {\n this.requestQueue = this.requestQueue.filter((request) => {\n if (request.tokenType === 'user') {\n request.resolve({ unresolved: true });\n\n return false;\n }\n\n return true;\n });\n }\n\n _summonLoginPanel(userOnly) {\n summonLoginPanel({ detail: { callback: this._reFetchTokensAfterLogin.bind(this, userOnly), redirect_to: null } });\n this._resolveUserPromisesForUnresolvedRequests();\n }\n\n /**\n * Public Methods\n */\n apiRequest(request, userOnly = false, returnResponseBody = true, showSignInDialog = true) {\n return new Promise((resolve, reject) => {\n if (!this.initialized) this._initialize();\n\n const tokenType = this.Tokens.getTokenType(userOnly);\n const resolver = this._createRequestResolver(request, userOnly, returnResponseBody, showSignInDialog);\n\n this._cacheRequest(request, resolve, reject, resolver, tokenType, 0);\n\n return this._fetchTokens(userOnly)\n .then((tokens) => this._handleTokens(tokens, userOnly, showSignInDialog))\n .catch((err) => reject(err));\n });\n }\n\n clearApiTokens() {\n this.Tokens.deleteTokens();\n }\n\n getApiPath() {\n if (typeof this.cachedApiPath === 'string') return this.cachedApiPath;\n\n if (doesWindowExistWithProperty('location')) {\n const protocol = windowLocationProtocol.get();\n const port = windowLocationPort.get();\n const element = document.getElementById('api-uri');\n const apiPath = element && element.content && port && port.length\n ? `${protocol}//${element.content}:${port}`\n : element && element.content\n ? `${protocol}//${element.content}`\n : errorHandler('OAuthService getApiPath expects a meta tag with an id of api-uri');\n\n if (typeof apiPath === 'string') this.cachedApiPath = apiPath;\n\n return apiPath;\n }\n }\n\n getApiToken(callback, userOnly = false, attempts = 0) {\n this.callbackQueueForNonPromises.push({ callback, userOnly, attempts });\n\n return this._fetchTokens(userOnly)\n .then((tokens) => this._resolveCallbacksForGetApiToken(tokens))\n .catch((err) => this._resolveCallbacksForGetApiToken({}));\n }\n\n processApiRequestError(error = {}) {\n return getInObj(['response', 'body', 'errors'], error) || error;\n }\n}\n\nconst OAuthService = new OAuthServiceConstructor();\nexport default OAuthService;\n","import { canUseDOM } from '../../utility/execEnvironment';\nimport { createVirtualPageview } from '../analytics/google';\nimport { prependLeadingSlash } from '../../utility/urls';\n\nimport keenService from '../keen/main';\n\nexport default class SeoHandler {\n constructor({ config }) {\n if (typeof config !== 'function') {\n throw new Error('Invalid config passed to SeoHandler');\n }\n\n this.config = config;\n }\n\n reportView({ config = this.config, data = {}, path, referrer }) {\n if (!canUseDOM()) return;\n\n const pathConfig = config(prependLeadingSlash(path));\n\n if (typeof pathConfig !== 'function') return;\n\n const { title, meta_desc, pageType, entity_id, canonical } = pathConfig(data);\n\n if (title) {\n document.title = title;\n }\n\n const metaDescription = document.querySelector('meta[name=\"description\"]');\n if (metaDescription && meta_desc) {\n metaDescription.content = meta_desc;\n }\n\n const pageTypeTag = document.querySelector('meta[name=\"pageType\"]');\n if (pageTypeTag && pageType) {\n pageTypeTag.content = pageType;\n }\n\n if (canonical) {\n const canonicalTag = document.querySelector('link[rel=\"canonical\"]') || document.createElement('link');\n if (!canonicalTag.rel) {\n // The tag is new and needs to be initialized in the DOM.\n canonicalTag.rel = 'canonical';\n document.head.appendChild(canonicalTag);\n }\n canonicalTag.href = canonical;\n }\n\n keenService.reportVirtualPageView({ pageType, entity_id, referrer });\n createVirtualPageview({ pageType, title });\n\n return true;\n }\n}\n","/* eslint-disable no-prototype-builtins */\n/* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\nimport { getInObj } from '../../utility/accessors';\n\n/**\n * US\n */\nconst buildAddressLine2FromRecordUS = (record) => {\n const components = record.components;\n const designator = components.secondary_designator || components.extra_secondary_designator || null;\n const number = components.secondary_number || components.extra_secondary_number || null;\n\n return designator && number ? `${designator} ${number}` : '';\n};\n\nconst buildDiffingObjectUS = (address, record) => {\n const primary_number = getInObj(['components', 'primary_number'], record);\n const street_name = getInObj(['components', 'street_name'], record);\n const street_suffix = getInObj(['components', 'street_suffix'], record);\n const address_line1 = primary_number && street_name && street_suffix ? `${primary_number} ${street_name} ${street_suffix}` : '';\n\n const address_line2 = buildAddressLine2FromRecordUS(record);\n\n const city = getInObj(['components', 'city_name'], record) || '';\n const state = getInObj(['components', 'state_abbreviation'], record) || '';\n const zip = getInObj(['components', 'zipcode'], record) || '';\n\n return {\n address_line1: {\n matchesInput: address.address_line1 === address_line1,\n value: address_line1,\n },\n address_line2: {\n matchesInput: address.address_line2 === address_line2,\n value: address_line2,\n },\n city: {\n matchesInput: address.city === city,\n value: city,\n },\n company: { matchesInput: true, value: address.company },\n country: { matchesInput: true, value: address.country },\n country_iso2: { matchesInput: true, value: address.country_iso2 },\n cpf: { matchesInput: true, value: address.cpf },\n default: { matchesInput: true, value: address.default },\n id: { matchesInput: true, value: address.id },\n first_name: { matchesInput: true, value: address.first_name },\n last_name: { matchesInput: true, value: address.last_name },\n phone: { matchesInput: true, value: address.phone },\n state: {\n matchesInput: address.state === state,\n value: state,\n },\n zip: {\n matchesInput: address.zip === zip,\n value: zip,\n },\n };\n};\n\nconst isVerifiedUS = (record, strict) => {\n if (strict) {\n return (record.analysis.hasOwnProperty('active') && record.analysis.active === 'Y') && !record.analysis.hasOwnProperty('footnotes');\n } else {\n return (record.analysis.hasOwnProperty('active') && record.analysis.active === 'Y');\n }\n};\n\n/**\n * INTL\n */\nconst buildAddyForKeys = (lines, components, keys, ignoreKeys) => lines.reduce((acc, line) => {\n if (acc.length > 0) return acc;\n // Only pull data from one line of formatting at a time.\n line.split(' ').forEach((l) => {\n if (keys.includes(l) && !ignoreKeys.includes(l)) {\n acc = acc.concat(components[l]);\n }\n });\n\n return acc;\n}, []).join(' ');\n\nconst buildDiffingObjectINTL = (address, record) => {\n const organization = record.hasOwnProperty('organization') ? { organization: record.organization } : {};\n const components = { ...record.components, organization };\n const addressFormat = record.metadata.address_format;\n const formatLines = addressFormat.replace(/,/g, '').split('|');\n const ignoreKeysForAddressLines = ['administrative_area', 'locality', 'postal_code'];\n\n const address_line1 = buildAddyForKeys(formatLines, components, formatLines[0], ignoreKeysForAddressLines);\n const address_line2 = buildAddyForKeys(formatLines, components, formatLines[1], ignoreKeysForAddressLines);\n\n const city = addressFormat.includes('locality') ? components.locality : '';\n const state = addressFormat.includes('administrative_area') ? components.administrative_area : '';\n const zip = components.postal_code || '';\n\n return {\n address_line1: {\n matchesInput: address.address_line1.toLowerCase() === address_line1.toLowerCase(),\n value: address_line1,\n },\n address_line2: {\n matchesInput: address.address_line2.toLowerCase() === address_line2.toLowerCase(),\n value: address_line2,\n },\n city: {\n matchesInput: address.city.toLowerCase() === city.toLowerCase(),\n value: city,\n },\n company: { matchesInput: true, value: address.company },\n country: { matchesInput: true, value: address.country },\n country_iso2: { matchesInput: true, value: address.country_iso2 },\n cpf: { matchesInput: true, value: address.cpf },\n default: { matchesInput: true, value: address.default },\n id: { matchesInput: true, value: address.id },\n first_name: { matchesInput: true, value: address.first_name },\n last_name: { matchesInput: true, value: address.last_name },\n phone: { matchesInput: true, value: address.phone },\n state: {\n matchesInput: address.state.toLowerCase() === state.toLowerCase(),\n value: state,\n },\n zip: {\n matchesInput: address.zip.toLowerCase() === zip.toLowerCase(),\n value: zip,\n },\n };\n};\n\nconst doesINTLRecordMatchAddress = (record, address) => {\n const addressFormat = (record.metadata.address_format || []);\n const components = (record.components || {});\n\n const fields = {\n address_line1: ['premise', 'thoroughfare'].filter((l) => addressFormat.includes(l)).map((l) => components[l]).join(' '),\n address_line2: ['building', 'sub_building'].filter((l) => addressFormat.includes(l)).map((l) => components[l]).join(' '),\n city: addressFormat.includes('locality') ? components.locality : '',\n state: addressFormat.includes('administrative_area') ? components.administrative_area : '',\n zip: addressFormat.includes('postal_code') ? components.postal_code : '',\n };\n\n return Object.keys(fields).every((field) => fields[field] === address[field]);\n};\n\nconst isVerifiedINTL = (record, strict, address) => {\n if (strict) {\n return (\n (record.analysis.hasOwnProperty('verification_status') && record.analysis.verification_status === 'Verified')\n && (doesINTLRecordMatchAddress(record, address))\n );\n } else {\n return record.analysis.hasOwnProperty('verification_status') && record.analysis.verification_status === 'Verified';\n }\n};\n\n/**\n * Returns the first verified address or the first response object otherwise.\n * @param {array} apiRes - List of smarty streets api response addresses.\n * @return {object} - Smarty street response object.\n */\nexport function getBestRecommendation(apiRes, isUS) {\n if (apiRes.length === 1) return apiRes[0];\n\n const propVal = isUS ? ['active', 'Y'] : ['verification_status', 'Verified'];\n\n return apiRes.reduce((acc, res, i, list) => {\n if (acc !== null) return acc;\n\n if (acc === null && i === list.length - 1) {\n acc = list[0];\n } else if (res.analysis && res.analysis[propVal[0]] && res.analysis[propVal[0]] === propVal[1]) {\n acc = res;\n }\n\n return acc;\n }, null);\n}\n\n/**\n * Returns a diffing address used by the VerifyAddressView to render what changed between the user input and the\n * recommended address returned by the api.\n *\n * @param {object} address - User inputted address\n * @param {object} record - SmartyStreet record\n * @param {boolean} isUS\n * @return {object}\n */\nexport function getDiffingAddress(address, record, isUS) {\n return isUS ? buildDiffingObjectUS(address, record) : buildDiffingObjectINTL(address, record);\n}\n\n/**\n * When strict is true we're asking the api if the address inputted by the user was a 100% verified address.\n * When strict is false we're asking if the address is deliverable. Its means theres recommended updates to the address.\n *\n * @param {object} record - SmartyStreet record\n * @param {boolean} isUS\n * @param {boolean} strict\n * @param {boolean} address - User inputted address\n * @return {boolean}\n */\nexport function isAddressedVerified(record, isUS, strict, address) {\n if (!record) return false;\n\n return isUS ? isVerifiedUS(record, strict) : isVerifiedINTL(record, strict, address);\n}\n","import { getInObj } from '../../utility/accessors';\n\nconst FOOTNOTES_US = {\n A: 'Corrected zip code.',\n B: 'Fixed city/state spelling.',\n C: 'Invalid city/state/zip.',\n F: 'Address not found.',\n H: 'Missing apartment, suite (etc) number.',\n I: 'Insufficient address data.',\n J: 'Dual address.',\n K: 'Invalid cardinal direction (North, South, East, West).',\n L: 'Changed part of address.',\n M: 'Fixed street spelling.',\n N: 'Fixed abbreviations (i.e. STEET to ST).',\n O: 'More than one zipcode found',\n S: 'Secondary information is bad (apartment, suite, etc).',\n V: 'Unverifiable city / state.',\n W: 'Invalid delivery address.',\n};\n\n// Ordered by level of importance.\nconst FOOTNOTES_INTL = {\n None: 'Address not known, possibly because this address is invalid.',\n AdministrativeArea: 'Address is only verified down to the state or province.',\n Locality: 'Address is only verified down to the city or town.',\n Thoroughfare: 'Address is only verified down to the street.',\n Premise: 'Address is only verified down to the property or building.',\n};\n\nconst getMsgsForINTL = (record) => {\n const addressPrecision = getInObj(['analysis', 'address_precision'], record);\n\n if (!addressPrecision) return [];\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return FOOTNOTES_INTL.hasOwnProperty(addressPrecision) ? [FOOTNOTES_INTL[addressPrecision]] : [];\n};\n\nconst getMsgsForUS = (record) => {\n const footnotes = getInObj(['analysis', 'footnotes'], record);\n // TODO: figure out what this logic _should_ be and wrap in parens to make more clear\n // eslint-disable-next-line @stylistic/no-mixed-operators\n if (!footnotes || footnotes && !footnotes.length) return [];\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return footnotes.split('#').reduce((acc, n) => FOOTNOTES_US.hasOwnProperty(n) ? acc.concat(FOOTNOTES_US[n]) : acc, []);\n};\n\n/**\n * @param {object} record - SmartyStreets api response.\n * @param {bool} isUS - is USA?\n * @return {array}\n */\nexport default function getInvalidAddressMsgs(record, isUS = true) {\n if (!record) return [];\n\n return isUS ? getMsgsForUS(record) : getMsgsForINTL(record);\n}\n","import request from 'superagent';\n\nimport getInvalidAddressMsgs from './getInvalidAddressMsgs';\nimport { getBestRecommendation, getDiffingAddress, isAddressedVerified } from './apiParser';\n\nconst SMARTY_STREET_US_URL = `https://api.smartystreets.com/street-address?auth-id=${CLIENT_ENV.SMARTY_STREET_WEBSITE_KEY}`;\nconst SMARTY_STREET_INTL_URL = `https://international-street.api.smartystreets.com/verify?auth-id=${CLIENT_ENV.SMARTY_STREET_WEBSITE_KEY}`;\n\nconst US_MAP = {\n address_line1: 'street',\n address_line2: 'secondary',\n city: 'city',\n state: 'state',\n zip: 'zipcode',\n};\n\nconst INTL_MAP = {\n address_line1: 'address1',\n address_line2: 'address2',\n city: 'locality',\n country: 'country',\n state: 'administrative_area',\n zip: 'postal_code',\n};\n\n/**\n * @param {object} address - Object thats about to be posted.\n * @return {object} - Mapped values to smarty streets.\n */\nconst buildQuery = (address) => {\n const map = address.country_iso2 === 'US' ? US_MAP : INTL_MAP;\n\n return Object.keys(address).reduce((acc, key) => {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n if (map.hasOwnProperty(key) && address[key].length > 0) {\n // Use country_iso2 if we can, SmartyStreets doesn't accept some country names from the country-data package.\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n if (key === 'country' && (address.hasOwnProperty('country_iso2') && address.country_iso2.length > 0)) {\n acc[map[key]] = address.country_iso2;\n } else {\n acc[map[key]] = address[key];\n }\n }\n\n return acc;\n }, {});\n};\n\n/**\n * Object that gets handed down to VerificationView.\n * The originIsVerified property is to quickly post the address, bypassing the verification step.\n *\n * @param {object} address - Object from form.\n * @param {object|nullable} record - SmartyStreets api response, singular record.\n * @param {bool} isUS\n */\nconst composeVerificationProps = (address, record, isUS = true) => {\n const originIsVerified = isAddressedVerified(record, isUS, true, address);\n\n const verified = (originIsVerified === false || record === null)\n ? null\n : {\n address: getDiffingAddress(address, record, isUS),\n invalidMsgs: getInvalidAddressMsgs(record, isUS),\n isDeliverable: isAddressedVerified(record, isUS, false, address),\n };\n\n return { address, originIsVerified, verified };\n};\n\n/**\n * When SmartyStreets returns data, we get the best possible match returned by the api. The analysis object will tell us\n * if the address we provided was fully verified or if the item returned was mutated in some way. When the active property is 'Y' and has\n * no footnotes property, the address we provided is 100% legit. If active is not 'Y' or footnotes exists, we need to parse the footnotes\n * to see whats up.\n *\n * @param {object} address - Address from form.\n * @param {object} apiRes - Full SmartyStreets response.\n * @param {bool} isUS\n * @return {object} - Verification metadata, see composeVerificationResponse.\n */\nconst handleSmartyStreetResponse = (address, apiRes, isUS) => {\n if (!apiRes || !apiRes.length) return composeVerificationProps(address, null, isUS);\n\n const record = getBestRecommendation(apiRes, isUS);\n\n return composeVerificationProps(address, record, isUS);\n};\n\nexport default function verifyAddress(address) {\n return new Promise((resolve, reject) => {\n const isUS = address.country_iso2 === 'US';\n const url = isUS ? SMARTY_STREET_US_URL : SMARTY_STREET_INTL_URL;\n\n return request(url)\n .query(buildQuery(address))\n .then((res) => handleSmartyStreetResponse(address, res.body, isUS))\n .then((verification) => resolve(verification))\n .catch((err) => reject(err));\n });\n}\n","import { cleanPreAndPostSlashes } from '../../utility/urls';\n\n/**\n * When we're writing scenes for whitelabels, we can use this service to cache the rootPath instead of handing the pathHelpers down\n * through props. The setRootPath method must be called in the root parent of each scene to initialize the url helper.\n */\nclass UrlService {\n constructor() {\n this._rootPath = '/';\n }\n\n setRootPath(path) {\n this._rootPath = path;\n }\n\n url(url) {\n if (url === null || typeof url === 'undefined') return url;\n if (url === '/' || url === 'javascript:void(0);') return url;\n if (this._hasProtocol(url)) return url;\n if (this._rootPath === '/') return `/${cleanPreAndPostSlashes(url)}`;\n\n return `${this._rootPath}/${cleanPreAndPostSlashes(url)}`;\n }\n\n _hasProtocol(url) {\n return url.includes('http://') || url.includes('https://');\n }\n}\n\nconst urlService = new UrlService();\nexport default urlService;\n","import postal from 'postal';\nimport { graphQueryWithUserNoSigninDialog } from '../../requests/graphql';\n\nconst allIds = [\n 'channel_ids',\n 'followed_user_ids',\n 'part_ids',\n 'respected_comment_ids',\n 'respected_feed_post_ids',\n 'respected_news_article_ids',\n 'respected_project_ids',\n];\n\nclass RelationsStore {\n constructor() {\n this.channel = postal.channel('user_relations');\n this.isFetching = [];\n this.store = {};\n this.userNotLoggedIn = false;\n }\n\n delete(resource) {\n const bucket = this.store[resource];\n if (this.store[resource]) {\n delete this.store[resource];\n this._storeChanged();\n\n return bucket;\n } else {\n return new Error('Resource is not in store!');\n }\n }\n\n deleteIn(resource, id) {\n if (this.store[resource]) {\n this.store[resource] = this.store[resource].filter((_id) => _id !== id);\n this._storeChanged();\n\n return id;\n } else {\n return new Error('Resource is not in store!');\n }\n }\n\n fetchAll() {\n if (this.userNotLoggedIn) {\n return Promise.resolve(this.store);\n } else if (!this.isFetching.includes('all')) {\n this.isFetching.push('all');\n\n return graphQueryWithUserNoSigninDialog({ t: 'get_user_relations' })\n .then((res) => {\n this.isFetching = this.isFetching.filter((r) => r !== 'all');\n\n if (!res.user) {\n this.userNotLoggedIn = true;\n\n return Promise.resolve(this.store);\n }\n\n const buckets = res.user;\n Object.keys(buckets).forEach((key) => {\n key === 'id' ? this.set('currentUser', buckets[key]) : this.set(key, buckets[key]);\n });\n\n this.channel.publish('initial.store', this.store);\n\n return Promise.resolve(this.store);\n })\n .catch((err) => {\n this.isFetching = this.isFetching.filter((r) => r === 'all');\n\n return Promise.reject(err);\n });\n } else {\n return this._pollForResource('all');\n }\n }\n\n fetchResource(resource) {\n return new Promise((resolve, reject) => {\n if (this.userNotLoggedIn) return resolve([]);\n\n return this.fetchAll()\n .then(() => resolve(this.get(resource)))\n .catch((err) => reject(err));\n });\n }\n\n get(resource) {\n return this.store[resource] || [];\n }\n\n getIn(resource, id) {\n return this.store[resource] && this.store[resource].find((_id) => _id === id);\n }\n\n getChannel() {\n return this.channel;\n }\n\n getStore() {\n return this.store;\n }\n\n has(resource) {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return this.store.hasOwnProperty(resource);\n }\n\n hasAll() {\n const keys = Object.keys(this.store);\n\n return allIds.every((ai) => keys.includes(ai));\n }\n\n hasIn(resource, id) {\n return this.getIn(resource, id) !== undefined;\n }\n\n set(resource, value) {\n if (resource === 'currentUser' && value.id && this.userNotLoggedIn) this.userNotLoggedIn = false;\n\n this.store[resource] = value;\n this._storeChanged();\n }\n\n setIn(resource, id) {\n if (this.store[resource]) {\n this.store[resource].push(id);\n } else {\n this.store[resource] = [id];\n }\n\n this._storeChanged();\n }\n\n _pollForResource(resource, time = 1000) {\n return new Promise((resolve, reject) => {\n (function poll(resource, loop, time) {\n setTimeout(() => {\n if (this.userNotLoggedIn || loop === 5) { // Bail if request is taking more than 5 seconds.\n return resolve(resource === 'all' ? this.store : this.get(resource));\n } else if (this.has(resource === 'all' ? 'part_ids' : resource)) {\n return resolve(resource === 'all' ? this.store : this.get(resource));\n } else {\n return poll.call(this, resource, loop + 1, time);\n }\n }, time);\n }.bind(this)(resource, 0, time));\n });\n }\n\n // TODO: If we pass the record that was changed to the publish event, then we can reduce the amount of work in the listeners.\n _storeChanged() {\n this.channel.publish('store.changed', this.store);\n }\n\n /** Test helpers. */\n __refresh__() {\n this.isFetching = [];\n this.store = {};\n this.userNotLoggedIn = false;\n }\n\n __setProperty__(property, value) {\n this[property] = value;\n }\n}\n\nconst userRelationsStore = new RelationsStore();\nexport default userRelationsStore;\n","import {\n isEmail as validatorEmail,\n isDecimal as validatorDecimal,\n isCreditCard as validatorCreditCard,\n isURL as validatorIsUrl,\n} from 'validator';\n\nimport {\n isDatetimeLocalValueValid as isDatetimeLocalValueValidHelper,\n isDatetimeLocalValueInFuture as isDatetimeLocalValueInFutureHelper,\n isDatetimeLocalValueInPast as isDatetimeLocalValueInPastHelper,\n} from '../../utility/time';\n\nimport { isImageMIMEType, isGif } from '../../utility/images';\n\nimport { VIDEO_EMBED_REGEXS } from '../../utility/video';\n\n// Valid embeds for Leaderboard iframe.\nexport const LEADERBOARD_EMBED_REGEXS = { airtable: /^https:\\/\\/airtable.com\\/embed\\/\\S/ };\n\nexport function agreeTo(value, valParser, msg) {\n const parser = valParser ? valParser : (v) => v;\n const val = parser(value);\n\n return val === true ? null : (msg || 'You must agree to these terms.');\n}\n\n// Used for ButtonCropper forms.\nexport function imageV(image) {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return ['id', 'url'].every((key) => image && image.hasOwnProperty(key))\n ? null\n : 'A valid image is required.';\n}\n\nexport function isEmail(value, msg) {\n return (value && value.length && !validatorEmail(value))\n ? (msg || 'Is not a valid email address.')\n : null;\n}\n\nexport function isCreditCard(value) {\n return validatorCreditCard(value) ? null : 'Please enter a valid credit card.';\n}\n\nexport function isCVV(value) {\n const target = value.toString();\n\n return target.length === 3 && validatorDecimal(target) ? null : 'Must be a three digit number.';\n}\n\nexport function isDatetimeLocalValueValid(value) {\n if (isDatetimeLocalValueValidHelper(value)) return null;\n\n return 'Please enter a valid date and time';\n}\n\nexport function isDatetimeLocalValueInFuture(value) {\n return (value && value.length && !isDatetimeLocalValueInFutureHelper(value))\n ? 'Date must be in the future'\n : null;\n}\n\nexport function isDatetimeLocalValueInPast(value) {\n if (isDatetimeLocalValueInPastHelper(value)) return null;\n\n return 'Date must be in the past';\n}\n\nexport function isDecimal(value) {\n if (!value.length) return null;\n\n return validatorDecimal(String(value)) ? null : 'Please use only numbers, one decimal and no spaces in this field.';\n}\n\nexport function isDraftsterEmpty(editorContent) {\n // NOTE: This only checks for a blank state. If there are a bunch of empty lines, this wont catch.\n // If we want a stricter validator we need to convert this content to our model (convertToJSONModel) and check for block level content.\n if (editorContent.every((block) => block.type === 'CE' && block.html === '')) {\n return 'Please complete this required field.';\n }\n\n return null;\n}\n\nexport function isFullYear(value) {\n const target = value.toString();\n\n return target.length === 4 && validatorDecimal(target) ? null : 'Invalid year.';\n}\n\nexport function isInt(value, msg = 'Please use numbers only (no decimal).') {\n if (typeof value === 'number') {\n return Number.isInteger(value) ? null : msg;\n } else if (typeof value === 'string') {\n return (/^\\d+$/).test(value) ? null : msg;\n }\n\n return msg;\n}\n\nexport function isRequired(value, msg = 'Please complete this required field.') {\n if (value === null) return msg;\n\n if (typeof value === 'string') {\n return value.length > 0 && value !== 'NaN' ? null : msg;\n } else if (typeof value === 'number') {\n return value && value !== 'NaN' ? null : msg;\n }\n\n return value && String(value).length && value !== 'NaN' ? null : msg;\n}\n\nexport function isUrl(value) {\n return validatorIsUrl(value) ? null : 'Enter a valid url.';\n}\n\nexport function isUrlIfDefined(value) {\n // TODO: figure out what this logic _should_ be and wrap in parens to make more clear\n // eslint-disable-next-line @stylistic/no-mixed-operators\n if (!value || value && !value.length) return null;\n\n return isUrl(value);\n}\n\nexport function isUrlWithProtocol(value) {\n return validatorIsUrl(value, { require_protocol: true }) ? null : 'Enter a valid url, http or https is required.';\n}\n\nexport function isValidEmbedUrl(value) {\n const keys = Object.keys(VIDEO_EMBED_REGEXS);\n\n const isValid = keys.reduce((acc, key) => {\n if (acc) return acc;\n const match = value.match(VIDEO_EMBED_REGEXS[key]);\n\n return !!match;\n }, false);\n\n return isValid ? null : 'Enter a valid youtube or facebook video url.';\n}\n\nexport function isValidLeaderboardUrl(value) {\n const errorMsg = 'Enter a valid airtable embed url. Must start with https://';\n if (!value) return null;\n\n const keys = Object.keys(LEADERBOARD_EMBED_REGEXS);\n\n const isValid = keys.some((key) => value.match(LEADERBOARD_EMBED_REGEXS[key]));\n\n return isValid ? null : errorMsg;\n}\n\nexport function isValidImageFile(value, allowGifs = true) {\n if (!value || !isImageMIMEType(value.type)) return \"Sorry, that's not a valid image.\";\n if (!allowGifs && isGif(value.type)) return 'Sorry, GIFs are not allowed';\n\n return null;\n}\n\nexport function maxLength(length, value, msg) {\n const entity = typeof value === 'string' ? 'character' : 'item';\n\n return (value.length && value.length > length)\n ? (msg || `Maximum ${length} ${entity}s, ${entity} count (${value.length}).`)\n : null;\n}\n\nexport function minLength(length, value) {\n return (value.length && value.length < length)\n ? `Must be at least ${length} characters.`\n : null;\n}\n\nexport function minValue(min, value) {\n return (value !== null && parseInt(value) < min)\n ? `Must be at least ${min}.`\n : null;\n}\n\nexport function objectKeysAllRequired(obj = {}) {\n return obj && Object.keys(obj).reduce((acc, key) => acc ? acc : isRequired(obj[key]), null);\n}\n\nexport function optionIsRequired(value, msg = null) {\n return value && String(value).length && value !== 'NaN' ? null : (msg || 'Please choose one option.');\n}\n","import { mapifyStringQuery } from '../../utility/converters';\n\nexport const isWindowDefined = (typeof window !== 'undefined');\n\nfunction getValue(service) {\n return window.location[service];\n}\n\nfunction hasValue(service) {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return window.location.hasOwnProperty(service) && window.location[service].length > 0;\n}\n\nfunction factory(service) {\n return {\n get: () => getValue(service),\n hasValue: () => hasValue(service),\n };\n}\n\nexport function documentExists() {\n return typeof document !== 'undefined';\n}\n\nexport function getNavigator() {\n return typeof navigator === 'undefined' ? null : navigator;\n}\n\nexport const windowLocationSearch = (function() {\n return factory('search');\n}());\n\nexport const windowLocationHash = (function() {\n return factory('hash');\n}());\n\nexport const windowLocationHref = (function() {\n return {\n ...factory('href'),\n removeHash: () => hasValue('hash') ? getValue('href').split('#')[0] : getValue('href'),\n };\n}());\n\nexport const windowLocationHostname = (function() {\n return factory('hostname');\n}());\n\nexport const windowLocationOrigin = (function() {\n return factory('origin');\n}());\n\nexport const windowLocationPathname = (function() {\n return factory('pathname');\n}());\n\nexport const windowLocationPort = (function() {\n return factory('port');\n}());\n\nexport const windowLocationProtocol = (function() {\n return factory('protocol');\n}());\n\n// https://stackoverflow.com/a/44077777\nexport function documentHeight() {\n return document.documentElement.scrollHeight;\n}\n\nexport function doesBodyHaveUserId() {\n if (!documentExists() || !document.body) return false;\n\n return document.body.hasAttribute('data-user-signed-in');\n}\n\nexport function getUserIdFromBody() {\n if (!doesBodyHaveUserId()) return null;\n\n return document.body.getAttribute('data-user-signed-in');\n}\n\nexport function doesWindowLocationHaveParam(param) {\n if (windowLocationSearch.hasValue()) {\n const paramMap = mapifyStringQuery(windowLocationSearch.get().slice(1));\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return paramMap.hasOwnProperty(param);\n } else {\n return false;\n }\n}\n\nexport function doesWindowExistWithProperty(property) {\n return !!(window && window[property]);\n}\n\nexport function getDocumentProperty(prop) {\n if (!documentExists() || !document[prop]) return;\n\n return document[prop];\n}\n\n// Use only when falling back to an empty object is okay.\nexport function getWindow() {\n return isWindowDefined ? window : {};\n}\n\nexport function getWindowProperty(prop) {\n if (!window || !window[prop]) return;\n\n return window[prop];\n}\n\nexport function getDocumentFunction(name) {\n if (!documentExists() || (typeof document[name] !== 'function')) return;\n\n return document[name].bind(document);\n}\n\nexport function setDocumentCookie(value) {\n document.cookie = value;\n document.cookie = 'path=/';\n}\n\nexport function reloadDocumentLocation() {\n document.location.reload();\n}\n\nexport function windowLocationRedirect(url) {\n window.location = url;\n}\n\nexport function windowLocationReload(forceGet) {\n window.location.reload(forceGet);\n}\n\nexport function windowScrollTo(x, y) {\n window.scrollTo(x, y);\n}\n\nexport function windowDPR() {\n return window.devicePixelRatio || 1;\n}\n\nexport function windowInnerWidth() {\n return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n}\n\nexport function windowInnerHeight() {\n return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;\n}\n\nexport function windowPageYOffset() {\n return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n}\n\nexport function windowPageXOffset() {\n return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;\n}\n\nexport function windowSetTimeout(cb, delayTime) {\n return window.setTimeout(cb, delayTime);\n}\n","import { isAString } from './types';\n\n// use if babel polyfill may not have loaded yet, e.g. in analytics bundle\nexport function findIndex(arr, pred) {\n if (!Array.isArray(arr) || typeof pred !== 'function') return -1;\n\n for (let i = 0; i < arr.length; i++) {\n if (pred(arr[i])) return i;\n }\n\n return -1;\n}\n\n// Mostly useful for form elements where errors can come as a string or array of strings\n// e.g. ['error1', 'error2'] OR 'error3'\nexport function getFirstString(arrayOrString) {\n if (isAString(arrayOrString)) return arrayOrString;\n if (Array.isArray(arrayOrString) && isAString(arrayOrString[0])) return arrayOrString[0];\n\n return null;\n}\n\nexport function getInObj(path, obj) {\n if (!obj) return null;\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return path.reduce((acc, x) => (acc && acc.hasOwnProperty(x)) ? acc[x] : null, obj);\n}\n\nexport function getInObjWithPrototypeAccess(path, obj) {\n if (!obj) return null;\n\n return path.reduce((acc, x) => (acc && (x in acc)) ? acc[x] : null, obj);\n}\n\nexport function getIdOrUuid(record) {\n return record.id || record.uuid || null;\n}\n\n/**\n * Plucks a property from a list of objects.\n * key: the returned value from list[item[key]]\n * a: list[item[a]]\n * b: a value to match the result of a.\n */\nexport function pluckIfMatch(list, key, a, b) {\n return list.reduce((acc, item) => (item[a] === b) ? acc.concat(item[key]) : acc, []);\n}\n","import { isAFunction } from './types';\n\nfunction addListener(listener) {\n document.addEventListener('click', listener);\n}\n\nfunction createListener(elemOrGetter, callback, targetWillUnmount) {\n return (e) => {\n const element = isAFunction(elemOrGetter) ? elemOrGetter() : elemOrGetter;\n if (element && isClickOutsideElement(e, element, targetWillUnmount)) callback(e);\n };\n}\n\nfunction isClickOutsideElement(e, element, targetWillUnmount) {\n if (targetWillUnmount && isAFunction(e.composedPath)) {\n return !isNodeInComposedPath(e, element);\n }\n\n return !element.contains(e.target);\n}\n\n// When a DOM node gets demounted and we still need determine whether the event's target sourced from the container node.\n//\n// Example: SimpleSelect's dropdown gets unmounted when a seleceted option is clicked. The dom node does not \"contain\" the element in that case, not anymore.\n// However, here we can use the events paths array to backtrack if the target was indeed in the container node when the event happened.\nfunction isNodeInComposedPath(e, nodeToMatch) {\n const paths = e.composedPath();\n\n for (const v of paths) {\n if (v === nodeToMatch) return true;\n }\n\n return false;\n}\n\nfunction removeListener(listener) {\n document.removeEventListener('click', listener);\n}\n\n/**\n * @param {DOM node || DOM accessor fn} elemOrGetter\n * @param {Function} callback - Called when the current element does not contain the events target.\n * @param {Boolean} targetWillUnmount - If the target node will unmount, we use events.paths.\n */\nexport default function clickOutsideListener(elemOrGetter, callback, targetWillUnmount = false) {\n const listener = createListener(elemOrGetter, callback, targetWillUnmount);\n addListener(listener);\n\n return { remove: () => removeListener(listener) };\n}\n","import { isBlank, isObject } from './types';\n\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat\n// single level array flatten. add a depth param if needed\nexport function flatten(arr) {\n return arr.reduce((acc, val) => acc.concat(val), []);\n}\n\nexport function flattenArrayOfObjectsToObject(list, key, value, predicate = (val) => !isBlank(val)) {\n return list.reduce((acc, item) => {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n if (!item.hasOwnProperty(key) || !item.hasOwnProperty(value)) return acc;\n\n if ((typeof predicate === 'function') && predicate(item)) {\n acc[item[key]] = item[value];\n }\n\n return acc;\n }, {});\n}\n\nexport function flattenObjToArray(obj = {}) {\n return Object.keys(obj).reduce((acc, key) => (\n isObject(obj[key])\n ? acc.concat(flattenObjToArray(obj[key]))\n : acc.concat(obj[key])\n ), []);\n}\n\nexport function listToBoolMap(list) {\n if (!list || !list.length) return {};\n\n return list.reduce((acc, item) => ({ ...acc, [item]: true }), {});\n}\n\nexport function listToMapByProperty(list, property = 'id') {\n if (!list || !list.length) return {};\n\n return list.reduce((acc, item) => ({ ...acc, [item[property]]: item }), {});\n}\n\nexport function mapifyStringQuery(query) {\n if (!query || !query.length) return {};\n\n if (query.substring(0, 1) === '?') {\n query = query.substring(1);\n }\n\n return query.split('&').reduce((acc, sect) => {\n if (!sect || !sect.length) return acc;\n const parts = sect.split('=');\n acc[parts[0]] = decodeURIComponent(parts[1]);\n\n return acc;\n }, {});\n}\n\nexport function mapToStringQuery(map) {\n return Object.keys(map).reduce((acc, key) => {\n if (!isBlank(map[key])) {\n return isObject(map[key])\n ? acc.concat(`${key}=${encodeURIComponent(JSON.stringify(map[key]))}`)\n : acc.concat(`${key}=${encodeURIComponent(map[key])}`);\n }\n\n return acc;\n }, []).join('&');\n}\n\nexport function transformObjValues(original, transformFn) {\n return Object.keys(original).reduce((acc, key) => {\n acc[key] = transformFn(original[key], key);\n\n return acc;\n }, {});\n}\n","export const SUMMON_GLOBAL_DIALOG = 'open:GlobalDialog';\n\nexport function closeGlobalPopover() {\n window.dispatchEvent(new CustomEvent('close:GlobalPopover', {\n detail: {},\n bubbles: true,\n cancelable: true,\n }));\n}\n\nexport function dispatchEvent(event, detail = {}) {\n window.dispatchEvent(new CustomEvent(event, { detail }));\n}\n\n/**\n * Show an alert message\n * @param {object} detail - event detail\n * @param {string} detail.msg - the message to display\n * @param {string} detail.type - type of message (\"success\"|\"error\")\n */\nexport function summonGlobalMessenger(detail = {}) {\n window.dispatchEvent(new CustomEvent('react:messenger', {\n detail: detail,\n bubbles: true,\n cancelable: true,\n }));\n}\n\n/**\n * Summon the bookmarks widget\n * @param {object} detail - event detail\n * @param {number} detail.dialogProps - props to pass to the Dialog component\n * @param {function} detail.getChildren - function that will return the children (body) of the component. takes a 'dismiss' callback as an argument\n */\nexport function summonGlobalDialog(detail = {}) {\n window.dispatchEvent(new CustomEvent(SUMMON_GLOBAL_DIALOG, {\n detail: detail,\n bubbles: true,\n cancelable: true,\n }));\n}\n\nexport function summonGlobalPopover(detail = {}) {\n window.dispatchEvent(new CustomEvent('open:GlobalPopover', {\n detail: detail,\n bubbles: true,\n cancelable: true,\n }));\n}\n\nexport function summonLoginPanel({ detail = {} } = {}) {\n window.dispatchEvent(new CustomEvent('open:SigninDialog', {\n detail: detail,\n bubbles: true,\n cancelable: true,\n }));\n}\n","import smoothScroll from '../client/utils/smoothScroll';\nimport { windowInnerHeight, windowInnerWidth, windowPageYOffset } from '../services/window';\n\nfunction addScrollToBody() {\n if (document && document.body && !document.body.classList.contains('no-scroll')) {\n document.body.classList.add('no-scroll');\n }\n}\n\nfunction removeScrollFromBody() {\n if (document && document.body && document.body.classList.contains('no-scroll')) {\n document.body.classList.remove('no-scroll');\n }\n}\n\nexport function documentActiveElement() {\n return document.activeElement;\n}\n\nexport function isDomElement(element) {\n return !!element && (element instanceof HTMLElement || element.nodeType === 1);\n}\n\nexport function toggleNoScroll(addOrRemove) {\n if (typeof addOrRemove === 'undefined' || typeof addOrRemove !== 'string') {\n return new Error('toggleNoScroll method is undefined');\n }\n\n return addOrRemove === 'add' ? addScrollToBody() : removeScrollFromBody();\n}\n\nexport function isElementInView(el, { bufferH = 0, bufferV = 0 } = {}) {\n const rect = el.getBoundingClientRect();\n\n const left = rect.left - bufferH;\n const right = rect.right + bufferH;\n const top = rect.top - bufferV;\n const bottom = rect.bottom + bufferV;\n\n // adapted from https://developer.mozilla.org/en-US/docs/Games/Techniques/2D_collision_detection\n return (\n left < windowInnerWidth()\n && right > 0\n && top < windowInnerHeight()\n && bottom > 0\n );\n}\n\nexport function scrollElementToMiddle(el, duration = 500) {\n if (el) smoothScroll((el.getBoundingClientRect().top + windowPageYOffset()) - (windowInnerHeight() / 2), duration);\n}\n","import { getInObjWithPrototypeAccess } from './accessors';\n\nexport function clickEventHasModifierKey(e) {\n return e.altKey || e.ctrlKey || e.shiftKey || e.metaKey;\n}\n\nexport function getEventTargetHref(e) {\n return getInObjWithPrototypeAccess(['target', 'href'], e);\n}\n\nexport function getEventTargetText(e) {\n return getInObjWithPrototypeAccess(['target', 'textContent'], e) || getInObjWithPrototypeAccess(['target', 'innerText'], e);\n}\n\nexport function getFilesFromEvent(e) {\n const files = e.dataTransfer ? e.dataTransfer.files : e.target ? e.target.files : null;\n\n return [].slice.call(files || []);\n}\n\nexport function selectTargetContents(e) {\n e.target.select();\n}\n","export function canUseDOM() {\n return !!(\n (typeof window !== 'undefined'\n && window.document && window.document.createElement)\n );\n}\n","import { isBlank } from './types';\n\nexport function filterObject(obj, predicate = (val) => !isBlank(val), whitelist = []) {\n return Object.keys(obj).reduce((acc, key) => {\n const val = obj[key];\n\n if (whitelist.includes(key)) {\n acc[key] = val;\n } else if ((typeof predicate === 'function') && predicate(val, key)) {\n acc[key] = val;\n }\n\n return acc;\n }, {});\n}\n\n/**\n * Plucks a singular property from a list of objects.\n * @return {array}\n */\nexport function pluckAndReduce(list, key) {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return list.reduce((acc, item) => item && item.hasOwnProperty(key) ? acc.concat(item[key]) : acc, []);\n}\n\nexport function removeFromObject(obj, props) {\n return Object.keys(obj).reduce((acc, key) => {\n if ((typeof props === 'string' && key !== props)\n || (Array.isArray(props) && !props.includes(key))) {\n acc[key] = obj[key];\n }\n\n return acc;\n }, {});\n}\n","export function capitalize(str) {\n if (!str || str.length === 0) return '';\n\n return `${str.slice(0, 1).toUpperCase()}${str.slice(1).toLowerCase()}`;\n}\n\nexport function escapeDoubleQuotes(str) {\n return str.replace(/\"/g, '\\\\\"');\n}\n\nexport function firstCharUpperCase(string) {\n if (!string || !string.length) return '';\n\n return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\n// works up to ~= 999 Trillion\nexport function formatNumberLimit4Chars(number) {\n const numString = parseInt(number).toString();\n if (number < 1000) return numString;\n\n const cutoff = Math.floor((numString.length - 1) / 3);\n const divided = number / Math.pow(10, cutoff * 3);\n\n const suffixes = ['', 'K', 'M', 'B', 'T'];\n const suffix = suffixes[cutoff];\n\n if (divided < 10) {\n if (divided % 1 === 0) {\n return `${divided}${suffix}`;\n } else {\n return `${divided.toString().slice(0, 3)}${suffix}`;\n }\n } else {\n return `${parseInt(divided)}${suffix}`;\n }\n}\n\nexport function formatNumberWithCommas(number) {\n return parseInt(number).toString().split('').reverse().reduce((memo, n, i) => (\n i % 3 === 0 && i !== 0 ? [n, ',', ...memo] : [n, ...memo]\n ), []).join('');\n}\n\nexport function pluralize(word, count = 0, apostrophe = false) {\n if (!word || !word.length) return '';\n\n return count === 1 ? word : `${word}${apostrophe ? \"'\" : ''}s`;\n}\n\nexport function stripExcessWhiteSpace(string) {\n if (!string || !string.length) return '';\n\n return string.trim().replace(/\\s+/g, ' ');\n}\n\nexport function truncateString(string, limit, ellipse = true) {\n // TODO: figure out what this logic _should_ be and wrap in parens to make more clear\n // eslint-disable-next-line @stylistic/no-mixed-operators\n if (!string || string && !string.length) return '';\n\n return `${string.substring(0, limit)}${ellipse && string.length > limit ? '...' : ''}`;\n}\n\nexport function unsnakeString(string, decoratorFn = null) {\n const unsnaked = string.split('_').join(' ');\n\n return decoratorFn ? decoratorFn(unsnaked) : unsnaked;\n}\n\nexport function round(number, decimals = 2) {\n return Math.round(number * Math.pow(10, decimals)) / Math.pow(10, decimals);\n}\n","/* eslint-disable no-prototype-builtins */\n/* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\nimport { getStateFromAbbr } from '../../services/country_data';\nimport { objHasPropertyOfLength } from '../predicates';\n\n/**\n * Format in\n */\nexport function arrayToMultiSelectIn(values, labelTransform = (v) => v, valueTransform = (v) => v) {\n return values.map((v) => valueToSelectIn(v, labelTransform, valueTransform));\n}\n\nexport function boolOrNullIn(val) {\n if (typeof val === 'boolean' || val === 'true' || val === 'false') return val.toString();\n\n return null;\n}\n\nexport function boolOrStringToBool(val) {\n if (typeof val === 'boolean') return val;\n if (val === 'true' || val === 't') return true;\n\n return false;\n}\n\nexport function imageWithNestedFileIn({ id, file = {}, name, dimensions = {} } = {}) {\n return { dimensions, id, name, url: file.url };\n}\n\nexport function locationSelectIn(record) {\n // If we dont have a country, we want to ignore an initial request.\n if (!objHasPropertyOfLength(record, 'country_iso2')) return {};\n\n const city = record.city || '';\n const countryCode = record.country_iso2 || '';\n const state = objHasPropertyOfLength(record, 'state') ? getStateFromAbbr(record.state, countryCode) : '';\n const geoLocSpread = record.hasOwnProperty('latitude') && record.hasOwnProperty('longitude')\n ? { geoloc: { lat: record.latitude, lng: record.longitude } }\n : {};\n\n return {\n city,\n countryCode,\n state,\n ...geoLocSpread,\n };\n}\n\nexport function lowerCaseIn(val) {\n if (!val || typeof val !== 'string') return null;\n\n return val.toLowerCase();\n}\n\nexport function multiSelectIn(records, labelAttr = 'user_name', labelTransform = (v) => v) {\n return records.map((r) => ({\n label: labelTransform(r[labelAttr]),\n value: r.id,\n }));\n}\n\nexport function valueToSelectIn(value, labelTransform = (v) => v, valueTransform = (v) => v) {\n return { label: labelTransform(value), value: valueTransform(value) };\n}\n\n/**\n * Format out\n */\nexport function boolOrNullOut(val) {\n if (typeof val === 'boolean') return val;\n if (typeof val === 'string') {\n if (!val.length) return null;\n if (val === 'true') return true;\n if (val === 'false') return false;\n\n return null;\n }\n\n return null;\n}\n\nexport function imageWithNestedFileOut({ id, dimensions = {}, name, url } = {}) {\n return { dimensions, id, name, file: { url } };\n}\n\nexport function locationSelectOut(val = {}, withGeoLoc = false) {\n const baseAcc = withGeoLoc && val.hasOwnProperty('geoloc')\n ? { latitude: (val.geoloc.lat || 0), longitude: (val.geoloc.lng || 0) }\n : {};\n\n // TODO: 05-05-2022 - Remove this transforms thing. We can represent states by regions via mapbox not Algolia places.\n // const transforms = {state: getStateForLocationSelectOutput};\n const transforms = {};\n const whitelist = { city: 'city', countryCode: 'country_iso2', state: 'state' };\n\n return Object.keys(whitelist).reduce((acc, key) => {\n if (val.hasOwnProperty(key)) {\n acc[whitelist[key]] = transforms.hasOwnProperty(key) ? transforms[key](val) : val[key];\n }\n\n return acc;\n }, baseAcc);\n}\n\nexport function multiSelectToArrayOut(val = [], toType = (v) => v) {\n return val.map((v) => toType(v.value));\n}\n\nexport function multiSelectToRecordShapeOut(val = [], keyValueMap = { id: 'value', label: 'name' }) {\n return val.map((v) => ({ id: v.value, name: v.label }));\n}\n\nexport function numOrNullOut(val) {\n if (typeof val === 'number') return val;\n if (typeof val === 'string') {\n const numsOnly = (/^\\d+$/).test(val);\n\n return numsOnly ? parseInt(val) : null;\n }\n\n return null;\n}\n\nexport function stringOrNullOut(val) {\n if (typeof val === 'string') return val.length > 0 ? val : null;\n\n return null;\n}\n","/* eslint-disable no-prototype-builtins */\n/* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\nimport { getInObj } from '../accessors';\nimport smoothScroll from '../../client/utils/smoothScroll';\nimport { resolveInputType } from '../../graphql/challenges/enums';\nimport { isRequired } from '../../services/validation/validators';\n\n/*********************\n * Helpers\n *********************/\n\n/**\n * Creates a template object for custom fields.\n * @param {array} customFields Fields props from server.\n * customFields = [\n * { id: , label: , required: }\n * ]\n * @param {string} key: Fields property and name.\n * @param {int} insertOptsAtIndex: Index to insert the customFields into the base template by its order property.\n * @param {object} customProps: Map of custom fields props.\n * @return {object} Map of field configs.\n */\nconst buildOptionalFields = (customFields, key = 'x_field', insertOptsAtIndex = 0, customProps = null) => customFields.reduce((acc, o, i) => {\n const { validation, ...restCustomProps } = getCustomPropsForOptionalField(o.id, customProps);\n const isRequired = o.hasOwnProperty('required') && o.required;\n const label = o.label || '';\n const name = `${key}_${o.id}`;\n\n acc[name] = {\n id: o.id,\n label: isRequired ? label : `${label} (optional)`.trim(),\n notRequired: isRequired === false,\n order: i + insertOptsAtIndex,\n validate: validation,\n value: '',\n name,\n type: resolveInputType(o.input_type?.toUpperCase()),\n ...restCustomProps,\n };\n\n return acc;\n}, {});\n\n/**\n * Merge two template objects together and updates each fields order property depending on where\n * the custom fields are placed within the original templates positions.\n *\n * @param {object} template Forms base template object.\n * @param {object} optionals Custom fields converted into a template object. Usually via buildOptionalFields.\n * @return {object} Template for a form.\n */\nconst combineAndReorderTemplateWithOptionals = (template, optionals) => {\n if (!Object.keys(optionals).length) return template;\n\n const keys = Object.keys(template).sort((a, b) => template[a].order - template[b].order);\n const optKeys = Object.keys(optionals).sort((a, b) => optionals[a].order - optionals[b].order);\n const orderedKeys = keys.slice(0, optionals[optKeys[0]].order).concat(optKeys).concat(keys.slice(optionals[optKeys[0]].order));\n\n return orderedKeys.reduce((acc, key, i) => {\n const f = template.hasOwnProperty(key) ? template[key] : optionals[key];\n f.order = i;\n acc[key] = f;\n\n return acc;\n }, {});\n};\n\n/**\n * Builds a customProps object to spread into a field object.\n * Creates the default validation function if none is defined.\n *\n * @param {int|string} id Field id.\n * @param {object} customProps Map of field id to custom properties.\n * @return {object}\n */\nconst getCustomPropsForOptionalField = (id, customProps) => {\n const noop = () => null;\n\n if (!customProps) {\n return { validation: noop };\n }\n\n const validationFn = getInObj([id, 'validation'], customProps);\n const validation = validationFn !== null && typeof validationFn === 'function' ? validationFn : noop;\n const restCustomProps = customProps.hasOwnProperty(id) ? customProps[id] : {};\n\n return {\n validation,\n ...restCustomProps,\n };\n};\n\nconst getValidationFns = (key, field, isRequiredFn, validationOverrideMap) => {\n if (validationOverrideMap.hasOwnProperty(key)) {\n return validationOverrideMap[key].hasOwnProperty('notRequired') && validationOverrideMap[key].notRequired === true\n ? [validationOverrideMap[key].validate]\n : [isRequiredFn, validationOverrideMap[key].validate];\n }\n\n return field.notRequired ? [field.validate] : [isRequiredFn, field.validate];\n};\n\n/**\n * Scrolls to the first error on the form dictated by the fields order property.\n * Make sure the fields in the React view have a wrapping div with an id that matches the `vf${key}` format.\n * Make sure to not call this fn in the constructor due to the document and window properties here. SSR protection.\n *\n * @param {object} errors - Map of field keys to error messages.\n * @param {object} fields - Map of field configs. Expects fields to have an order property.\n * @param {DOM node} container - Container in which the form is nested. (instance.__CONTAINER_EL, Defaults to window).\n * @param {string} idPrefix - Id prefix for each fields wrapper element.\n */\nexport function scrollToError(errors, fields, container = null, idPrefix = 'vf') {\n const el = Object.keys(fields)\n .sort((a, b) => fields[a].order - fields[b].order)\n .reduce((acc, key) => {\n if (acc !== null) return acc;\n\n return errors.hasOwnProperty(key) ? document.getElementById(`${idPrefix}${key}`) : acc;\n }, null);\n\n if (el) {\n const scrollContainer = container || window;\n smoothScroll(el, 200, null, scrollContainer);\n }\n}\n\n/*********************************\n * Stateless functions\n *********************************/\n\n/**\n * Creates a fields object from a template and formats the value properties from a init record.\n * Expects the template key to match the initData key.\n *\n * @param {object} template - Map of field configs. preferred key order: order, validate, value, formatIn, formatOut, (notRequired|customRequired)\n * @param {object} initData - Previously saved record.\n * @return {object} - Fields state object.\n */\nexport function initFields(template, initData) {\n if (!initData) return template;\n\n return Object.keys(template).reduce((acc, key) => {\n if (initData.hasOwnProperty(key) && initData[key] !== null) {\n acc[key] = {\n ...template[key],\n value: template[key].hasOwnProperty('formatIn') ? template[key].formatIn(initData[key]) : initData[key],\n };\n } else {\n acc[key] = template[key];\n }\n\n return acc;\n }, {});\n}\n\n/**\n * Useful when a form needs to merge two templates together conditionally and reorder its fields.\n *\n * @param {object} template - Map of field configs.\n * @param {object} template2 - Map of field configs.\n * @param {object} initData - Previously saved record.\n * @return {object} - Fields state object.\n */\nexport function initFieldsForOrderableTemplates(template, template2, initData) {\n return initFields(\n combineAndReorderTemplateWithOptionals(\n template,\n template2,\n ),\n initData,\n );\n}\n\n/**\n * Creates a fields object when we optionally need to merge custom fields onto a forms template.\n *\n * @param {object} template Map of input configs.\n * @param {object} initData Previously saved record.\n * @param {array} customFields Array of fields from the server. [{id, label, required}]\n * @param {object} config Props for the the custom fields.\n * config = {\n * key[string]: Used to create the property name of the field.\n * insertOptsAtIndex[int]: Where to insert the custom fields by the fields order prop.\n * customProps[object]: Map of any additional properties to add to a field. (validation, formatIn, formatOut)\n * {customFieldId: {validation: function, formatIn: function, ...etc}}\n * }\n * @return {object} Fields state object.\n */\nexport function initFieldsWithOptionalFields(template, initData, customFields = [], config = {}) {\n // TODO: figure out what this logic _should_ be and wrap in parens to make more clear\n // eslint-disable-next-line @stylistic/no-mixed-operators\n if (!customFields || customFields && !customFields.length) return initFields(template, initData);\n\n const key = config.key || 'x_field';\n const insertOptsAtIndex = config.insertOptsAtIndex || 0;\n const customProps = config.customProps || null;\n\n return initFields(\n combineAndReorderTemplateWithOptionals(\n template,\n buildOptionalFields(customFields, key, insertOptsAtIndex, customProps),\n ),\n initData,\n );\n}\n\n/*********************************************\n * Stateful functions\n * To be bound to a React instance\n *********************************************/\n\n/**\n * Used to check if all required fields have data. Useful for disabling the submit button.\n * @return {boolean}\n */\nexport function disableForRequiredFields() {\n const keys = Object.keys(this.state.fields);\n\n return keys.reduce((acc, key) => {\n if (acc) return acc;\n const field = this.state.fields[key];\n const error = field.hasOwnProperty('notRequired') ? null : isRequired(this.state.fields[key].value);\n\n return error !== null && error.length > 0;\n }, false);\n}\n\nexport function getErrorForField(field = '') {\n return this.state.errors.hasOwnProperty(field) ? this.state.errors[field] : null;\n}\n\nexport function getFieldValuesAsObject(fieldsOverride = null) {\n const fields = fieldsOverride || this.state.fields;\n const keys = Object.keys(fields);\n\n return keys.reduce((acc, key) => {\n const field = fields[key];\n\n if (field.hasOwnProperty('formatOut')) {\n acc = { ...acc, [key]: field.formatOut(field.value, fields) };\n } else {\n acc[key] = field.value;\n }\n\n return acc;\n }, {});\n}\n\n/**\n * When a input has a propagateStatus callback, like ImageUploader, we can use this method to toggle\n * the isBusy status by a worker type. Be sure to add a workers property in state, which is an array.\n * This is useful if alot of async ops can happen at the same time and we need to make sure all are flushed\n * before allowing the form to be submitted.\n *\n * @param {bool} status\n * @param {string} worker - 'name of operation'\n */\nexport function setIsBusy(status, worker) {\n if (status && this.state.workers.includes(worker)) return;\n\n const workers = status ? this.state.workers.concat(worker) : this.state.workers.filter((w) => w !== worker);\n this.setState({\n isBusy: workers.length > 0,\n workers,\n });\n}\n\n/**\n * Sets or clears state.errors, updates a fields value. This should be used a fields onChange callback.\n * The errorMsg here is for on the fly errors like character counts and such.\n *\n * @param {string} errorMsg\n * @param {string} key - Field's property name.\n * @param {variable} value - Field's value.\n * @param {object} stateSpread - Additional state to spread in.\n */\nexport function setStateOrError(errorMsg, key, value, stateSpread = {}) {\n if (errorMsg === null) {\n const { [key]: deleted, ...errors } = this.state.errors; // eslint-disable-line @typescript-eslint/no-unused-vars\n this.setState({\n errors,\n fields: { ...this.state.fields, [key]: { ...this.state.fields[key], value: value } },\n ...stateSpread,\n });\n } else {\n this.setState({\n errors: { ...this.state.errors, [key]: errorMsg },\n fields: { ...this.state.fields, [key]: { ...this.state.fields[key], value: value } },\n ...stateSpread,\n });\n }\n}\n\n/**\n * Runs all the field values through validation functions.\n * Every field isRequired by default unless notRequired is a property on the field.\n * isRequired may be overridden by a customRequired property.\n *\n * @param {object} validationOverrideMap - Secondary validations when we need stricter ruleset (i.e. Submission vs Draft).\n * If validation overrides are present, we assume that the field isRequired and it will ignore the notRequired flag.\n *\n * @return {boolean} - Returns truthy when there are no errors.\n */\nexport function validateFields({ doScroll = true, validationOverrideMap = {} } = {}) {\n const fields = this.state.fields;\n const keys = Object.keys(fields);\n\n const errors = keys.reduce((acc, key) => {\n const field = fields[key];\n const isRequiredFn = field.hasOwnProperty('customRequired') ? field.customRequired : isRequired;\n const validations = getValidationFns(key, field, isRequiredFn, validationOverrideMap);\n\n const error = validations.reduce((a, fn) => {\n if (a !== null) return a;\n\n return fn(field.value);\n }, null);\n\n if (error && error.length) {\n acc[key] = error;\n }\n\n return acc;\n }, {});\n\n if (Object.keys(errors).length) {\n const containerEl = this.hasOwnProperty('__CONTAINER_EL') ? this.__CONTAINER_EL : null;\n\n const scrollFn = doScroll\n ? () => scrollToError(this.state.errors, this.state.fields, containerEl, (this._idPrefix || 'vf'))\n : () => {};\n\n this.setState({ errors: { ...this.state.errors, ...errors } }, scrollFn);\n\n return false;\n }\n\n return true;\n}\n","/**\n * Copyright (c) 2013-present, 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 * @providesModule generateRandomKey\n * @typechecks\n * @flow\n */\n\n'use strict';\n\nconst seenKeys = {};\nconst MULTIPLIER = Math.pow(2, 24);\n\nexport default function generateRandomKey() {\n let key;\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n while (key === undefined || seenKeys.hasOwnProperty(key) || !isNaN(+key)) {\n key = Math.floor(Math.random() * MULTIPLIER).toString(32);\n }\n seenKeys[key] = true;\n\n return key;\n}\n","import request from 'superagent';\n\nimport uploadFile from '../services/file_upload';\nimport { getAttachment, pollForAttachment, pollJob, postRemoteURL } from '../requests/attachments';\nimport { getErrorMsg } from '../client/global_components/messenger/messages';\nimport { getExtFromFileName, getFileNameFromUrl } from './links';\nimport { getInObj } from './accessors';\nimport { graphMutate } from '../requests/graphql';\n\nexport const BMP_MIMETYPE = 'image/bmp';\nexport const GIF_MIMETYPE = 'image/gif';\nexport const JPEG_MIMETYPE = 'image/jpeg';\nexport const JPG_MIMETYPE = 'image/jpg'; // TODO: This isn't a correct mime type. remove it?\nexport const PNG_MIMETYPE = 'image/png';\nexport const TIFF_MIMETYPE = 'image/tiff';\n\nconst IMAGE_MIMETYPES = {\n [BMP_MIMETYPE]: true,\n [GIF_MIMETYPE]: true,\n [JPEG_MIMETYPE]: true,\n [JPG_MIMETYPE]: true,\n [PNG_MIMETYPE]: true,\n [TIFF_MIMETYPE]: true,\n};\n\n// https://www.sitepoint.com/mime-types-complete-list/\nconst IMAGE_EXT_TO_MIME_MAP = {\n bm: BMP_MIMETYPE,\n bmp: BMP_MIMETYPE,\n gif: GIF_MIMETYPE,\n jfif: JPEG_MIMETYPE,\n jpe: JPEG_MIMETYPE,\n jpeg: JPEG_MIMETYPE,\n jpg: JPEG_MIMETYPE,\n png: PNG_MIMETYPE,\n tif: TIFF_MIMETYPE,\n tiff: TIFF_MIMETYPE,\n};\n\nlet S3BucketURL = null;\n\nexport function fileExtToMIMEType(ext = '') {\n return IMAGE_EXT_TO_MIME_MAP[ext.toLowerCase()] || null;\n}\n\nexport function getAndUpdateAttachmentFromLocalFile(file, dimensions, imageAttachmentArgs) {\n return uploadFile(file, getAWSResources())\n .then((id) => pollForAttachment(id))\n .then((attachment) => updateImageAttachment(attachment, dimensions, imageAttachmentArgs));\n}\n\nexport function getAndUpdateAttachmentFromRemoteURL(url, imageAttachmentArgs) {\n return getAttachmentFromRemoteURL(url)\n .then((attachment) => Promise.all([Promise.resolve(attachment), getImageDimsFromUrl(attachment.file.url)])) // Pass along \"attachment\" to next line\n .then(([attachment, dimensions]) => updateImageAttachment(attachment, dimensions, imageAttachmentArgs));\n}\n\nexport function getAttachmentFromRemoteURL(url) {\n return new Promise((resolve, reject) => {\n postRemoteURL(url, null, null, { mime_whitelist_type: 'image' })\n .then((res) => Promise.all([Promise.resolve(res), pollJob(res['job_id'])])) // pass along \"res\" to next line below. TODO: we could probably combine some of these on the backend to decrease the number of requests\n .then(([res, status]) => getAttachment(res.id))\n .then((attachment) => {\n if (getInObj(['file', 'url'], attachment)) {\n resolve(attachment);\n } else {\n reject(new Error('Remote file did not upload properly'));\n }\n })\n .catch((err) => reject(err));\n });\n}\n\nexport function getAWSResources() {\n if (S3BucketURL === null) S3BucketURL = window.jsk.s3u;\n\n return { S3BucketURL };\n}\n\nexport function getImageDimsFromUrl(url) {\n return new Promise((resolve, reject) => {\n const image = new Image();\n image.onload = () => resolve({ width: image.width, height: image.height });\n image.onerror = () => reject(new Error(getErrorMsg('loading the image')));\n image.src = url;\n });\n}\n\nexport function getInputAcceptProp(allowGifs = true) {\n const exts = Object.keys(IMAGE_EXT_TO_MIME_MAP)\n .filter((ext) => isAcceptedMIMEType(IMAGE_EXT_TO_MIME_MAP[ext], allowGifs))\n .map((ext) => `.${ext}`);\n\n const mimeTypes = Object.keys(IMAGE_MIMETYPES).filter((mimeType) => isAcceptedMIMEType(mimeType, allowGifs));\n\n return exts.concat(mimeTypes).join(',');\n}\n\nexport function getRemoteFileTypeAndConfirmURL(url) {\n return request\n .head(url)\n .then(({ type }) => ({ url, type }))\n // If the HEAD request rejected, it may be blocked by CORS rules.\n // So, download the image as attachment using our server, then use that\n // attachment url as the remote url\n .catch(() => _remoteCORSFallback(url));\n}\n\nexport function isGif(mimeType) {\n return mimeType === GIF_MIMETYPE;\n}\n\nexport function isJpeg(mimeType) {\n return [JPEG_MIMETYPE, JPG_MIMETYPE].includes(mimeType);\n}\n\nexport function isImageMIMEType(mimeType) {\n /* TODO: consider using hasOwn instead OR Object.prototype.hasOwnProperty.call */\n /* eslint-disable-next-line no-prototype-builtins */\n return IMAGE_MIMETYPES.hasOwnProperty(mimeType);\n}\n\nexport function isAcceptedMIMEType(mimeType, allowGifs = true) {\n if (!allowGifs && isGif(mimeType)) return false;\n\n return isImageMIMEType(mimeType);\n}\n\nexport function updateImageAttachment(attachment, dimensions, { get_image_version, type }) {\n return graphMutate({ t: 'update_attachment' }, {\n id: parseInt(attachment.id, 10),\n get_image_version,\n metadata: dimensions,\n type,\n });\n}\n\n/**\n * Helpers\n */\nfunction _getMIMETypeFromUrl(url) {\n return fileExtToMIMEType(getExtFromFileName(getFileNameFromUrl(url)));\n}\n\nfunction _remoteCORSFallback(url) {\n return getAttachmentFromRemoteURL(url)\n // trusting that our server has appended the correct file extension in the url\n .then((res) => ({ type: _getMIMETypeFromUrl(res.file.url), url: res.file.url }));\n}\n","import { getNavigator } from '../services/window';\n\n/**\n * Sources:\n * https://github.com/monperrus/crawler-user-agents/blob/master/crawler-user-agents.json\n * https://www.keycdn.com/blog/web-crawlers/\n */\nconst PATTERN = /facebook|google|yandex|bing|ezooms|twikle|wotbox|fetch|wordpress|pingdom|slurp|sogou|crawl|bot|spider/i;\nlet _isCrawlerFlag = null;\n\nfunction testString(ua) {\n return PATTERN.test(ua);\n}\n\nexport default function isCrawler() {\n if (_isCrawlerFlag === null) {\n const navigatorObj = getNavigator();\n\n if (navigatorObj && navigatorObj.userAgent) {\n _isCrawlerFlag = testString(navigatorObj.userAgent);\n } else {\n _isCrawlerFlag = true; // no navigator.userAgent so not a normal browser\n }\n }\n\n return _isCrawlerFlag;\n}\n\n// for testing\nexport function __resetFlag() {\n _isCrawlerFlag = null;\n}\n","import { isWindowDefined } from '../services/window';\n\nlet _isDateInputSupported = null;\n\nexport default function isDateInputSupportedBrowser() {\n if (isWindowDefined && _isDateInputSupported === null) {\n const input = document.createElement('input');\n const value = 'a';\n input.setAttribute('type', 'date');\n input.setAttribute('value', value);\n _isDateInputSupported = (input.value !== value);\n }\n\n return _isDateInputSupported;\n}\n","import { getNavigator } from '../services/window';\n\nconst PATTERN = /mobi|android|opera mini/i;\nlet _isMobile = null;\n\nexport default function isMobileBrowser() {\n if (_isMobile === null) {\n const navigatorObj = getNavigator();\n\n const userAgent = navigatorObj && navigatorObj.userAgent;\n _isMobile = PATTERN.test(userAgent);\n }\n\n return _isMobile;\n}\n","// memoized flag\nlet _isTouchDevice = null;\n\nexport default function isTouchDevice() {\n if (_isTouchDevice === null) {\n _isTouchDevice = (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));\n }\n\n return _isTouchDevice;\n}\n","export function tryJSONParse(val, fallback = null) {\n try {\n return JSON.parse(val);\n } catch (err) {\n return fallback;\n }\n}\n\nexport function tryJSONStringify(val, fallback = '') {\n try {\n return JSON.stringify(val);\n } catch (err) {\n return fallback;\n }\n}\n","import { isEmail, isURL } from 'validator';\nimport { NOOP_HREF } from '../constants/links';\n\nexport const NO_URL = NOOP_HREF; // alias for duplicate constant\n\nexport function appendProtocol(url) {\n return isURL(url, { require_protocol: true }) ? url : `http://${url}`;\n}\n\nexport function getExtFromFileName(fileName = '') {\n return fileName.substring(fileName.lastIndexOf('.') + 1);\n}\n\nexport function getFileNameFromUrl(url = '') {\n const strippedURL = stripHashAndQuery(url);\n\n return strippedURL.substring(strippedURL.lastIndexOf('/') + 1);\n}\n\nexport function isValidUrl(text) {\n return isURL(text) && !isEmail(text);\n}\n\nexport function stripHashAndQuery(link) {\n // eslint-disable-next-line no-useless-escape\n return link.replace(/\\#(.*?)$/, '').replace(/\\?(.*?)$/, '');\n}\n\nexport function stripProtocol(link) {\n // Strips http://, https://, ://, //\n return link.replace(/http:\\/\\/|https:\\/\\/|:\\/\\/|\\/\\//, '');\n}\n\nexport function stripTrailingSlash(link) {\n return link.replace(/\\/$/, '');\n}\n","// Takes a calculated aspect ratio (width/height, e.g 16/9 for standard widescreen), or separate width and height params\nexport const aspectRatioPadding = ({ aspectRatio, height, width }) => {\n const paddingRatio = (1 / aspectRatio) || (height / width);\n\n return `${(paddingRatio * 100).toPrecision(4)}%`;\n};\n\nexport const clamp = (min, val, max) => Math.min(Math.max(min, val), max);\n","import polyfillIntersectionObserver from './polyfillIntersectionObserver';\nimport { isWindowDefined } from '../../services/window';\n\nfunction getIntersectionObserver() {\n if (!isWindowDefined) return null;\n\n polyfillIntersectionObserver(window, document);\n\n return window.IntersectionObserver;\n}\n\nexport default getIntersectionObserver();\n","// This file should be used as the import source for native observers and their\n// polyfills/ponyfills so it will be easier to swap out implementations if necessary.\nexport { default as IntersectionObserver } from './IntersectionObserver';\nexport { default as ResizeObserver } from 'resize-observer-polyfill';\n","/* eslint-disable */\n\n/**\n * https://raw.githubusercontent.com/w3c/IntersectionObserver/master/polyfill/intersection-observer.js\n * copied exactly except for removal of IIFE and 'use-strict'\n */\n\n/**\n * Copyright 2016 Google Inc. All Rights Reserved.\n *\n * Licensed under the W3C SOFTWARE AND DOCUMENT NOTICE AND LICENSE.\n *\n * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document\n *\n */\n\nexport default function polyFillIntersectionObserver(window, document) {\n\n // Exits early if all IntersectionObserver and IntersectionObserverEntry\n // features are natively supported.\n if ('IntersectionObserver' in window &&\n 'IntersectionObserverEntry' in window &&\n 'intersectionRatio' in window.IntersectionObserverEntry.prototype) {\n\n // Minimal polyfill for Edge 15's lack of `isIntersecting`\n // See: https://github.com/w3c/IntersectionObserver/issues/211\n if (!('isIntersecting' in window.IntersectionObserverEntry.prototype)) {\n Object.defineProperty(window.IntersectionObserverEntry.prototype,\n 'isIntersecting', {\n get: function () {\n return this.intersectionRatio > 0;\n }\n });\n }\n return;\n }\n\n\n /**\n * An IntersectionObserver registry. This registry exists to hold a strong\n * reference to IntersectionObserver instances currently observing a target\n * element. Without this registry, instances without another reference may be\n * garbage collected.\n */\n var registry = [];\n\n\n /**\n * Creates the global IntersectionObserverEntry constructor.\n * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry\n * @param {Object} entry A dictionary of instance properties.\n * @constructor\n */\n function IntersectionObserverEntry(entry) {\n this.time = entry.time;\n this.target = entry.target;\n this.rootBounds = entry.rootBounds;\n this.boundingClientRect = entry.boundingClientRect;\n this.intersectionRect = entry.intersectionRect || getEmptyRect();\n this.isIntersecting = !!entry.intersectionRect;\n\n // Calculates the intersection ratio.\n var targetRect = this.boundingClientRect;\n var targetArea = targetRect.width * targetRect.height;\n var intersectionRect = this.intersectionRect;\n var intersectionArea = intersectionRect.width * intersectionRect.height;\n\n // Sets intersection ratio.\n if (targetArea) {\n // Round the intersection ratio to avoid floating point math issues:\n // https://github.com/w3c/IntersectionObserver/issues/324\n this.intersectionRatio = Number((intersectionArea / targetArea).toFixed(4));\n } else {\n // If area is zero and is intersecting, sets to 1, otherwise to 0\n this.intersectionRatio = this.isIntersecting ? 1 : 0;\n }\n }\n\n\n /**\n * Creates the global IntersectionObserver constructor.\n * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface\n * @param {Function} callback The function to be invoked after intersection\n * changes have queued. The function is not invoked if the queue has\n * been emptied by calling the `takeRecords` method.\n * @param {Object=} opt_options Optional configuration options.\n * @constructor\n */\n function IntersectionObserver(callback, opt_options) {\n\n var options = opt_options || {};\n\n if (typeof callback != 'function') {\n throw new Error('callback must be a function');\n }\n\n if (options.root && options.root.nodeType != 1) {\n throw new Error('root must be an Element');\n }\n\n // Binds and throttles `this._checkForIntersections`.\n this._checkForIntersections = throttle(\n this._checkForIntersections.bind(this), this.THROTTLE_TIMEOUT);\n\n // Private properties.\n this._callback = callback;\n this._observationTargets = [];\n this._queuedEntries = [];\n this._rootMarginValues = this._parseRootMargin(options.rootMargin);\n\n // Public properties.\n this.thresholds = this._initThresholds(options.threshold);\n this.root = options.root || null;\n this.rootMargin = this._rootMarginValues.map(function(margin) {\n return margin.value + margin.unit;\n }).join(' ');\n }\n\n\n /**\n * The minimum interval within which the document will be checked for\n * intersection changes.\n */\n IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100;\n\n\n /**\n * The frequency in which the polyfill polls for intersection changes.\n * this can be updated on a per instance basis and must be set prior to\n * calling `observe` on the first target.\n */\n IntersectionObserver.prototype.POLL_INTERVAL = null;\n\n /**\n * Use a mutation observer on the root element\n * to detect intersection changes.\n */\n IntersectionObserver.prototype.USE_MUTATION_OBSERVER = true;\n\n\n /**\n * Starts observing a target element for intersection changes based on\n * the thresholds values.\n * @param {Element} target The DOM element to observe.\n */\n IntersectionObserver.prototype.observe = function(target) {\n var isTargetAlreadyObserved = this._observationTargets.some(function(item) {\n return item.element == target;\n });\n\n if (isTargetAlreadyObserved) {\n return;\n }\n\n if (!(target && target.nodeType == 1)) {\n throw new Error('target must be an Element');\n }\n\n this._registerInstance();\n this._observationTargets.push({element: target, entry: null});\n this._monitorIntersections();\n this._checkForIntersections();\n };\n\n\n /**\n * Stops observing a target element for intersection changes.\n * @param {Element} target The DOM element to observe.\n */\n IntersectionObserver.prototype.unobserve = function(target) {\n this._observationTargets =\n this._observationTargets.filter(function(item) {\n\n return item.element != target;\n });\n if (!this._observationTargets.length) {\n this._unmonitorIntersections();\n this._unregisterInstance();\n }\n };\n\n\n /**\n * Stops observing all target elements for intersection changes.\n */\n IntersectionObserver.prototype.disconnect = function() {\n this._observationTargets = [];\n this._unmonitorIntersections();\n this._unregisterInstance();\n };\n\n\n /**\n * Returns any queue entries that have not yet been reported to the\n * callback and clears the queue. This can be used in conjunction with the\n * callback to obtain the absolute most up-to-date intersection information.\n * @return {Array} The currently queued entries.\n */\n IntersectionObserver.prototype.takeRecords = function() {\n var records = this._queuedEntries.slice();\n this._queuedEntries = [];\n return records;\n };\n\n\n /**\n * Accepts the threshold value from the user configuration object and\n * returns a sorted array of unique threshold values. If a value is not\n * between 0 and 1 and error is thrown.\n * @private\n * @param {Array|number=} opt_threshold An optional threshold value or\n * a list of threshold values, defaulting to [0].\n * @return {Array} A sorted list of unique and valid threshold values.\n */\n IntersectionObserver.prototype._initThresholds = function(opt_threshold) {\n var threshold = opt_threshold || [0];\n if (!Array.isArray(threshold)) threshold = [threshold];\n\n return threshold.sort().filter(function(t, i, a) {\n if (typeof t != 'number' || isNaN(t) || t < 0 || t > 1) {\n throw new Error('threshold must be a number between 0 and 1 inclusively');\n }\n return t !== a[i - 1];\n });\n };\n\n\n /**\n * Accepts the rootMargin value from the user configuration object\n * and returns an array of the four margin values as an object containing\n * the value and unit properties. If any of the values are not properly\n * formatted or use a unit other than px or %, and error is thrown.\n * @private\n * @param {string=} opt_rootMargin An optional rootMargin value,\n * defaulting to '0px'.\n * @return {Array