{"version":3,"file":"static/chunks/1237.9b283f9e4e250649.js","mappings":"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","sources":["webpack://_N_E/./adapters/helpers/Hooks.js","webpack://_N_E/./components/SideBySideContainer/SideBySideContainer.js"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\n\n// https://github.com/streamich/react-use/blob/master/docs/useIsomorphicLayoutEffect.md\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport function useMatchMedia(mediaQueryString, initialValue = null) {\n    const [match, setMatch] = useState(initialValue);\n\n    useEffect(\n        () => {\n            if (!window.matchMedia) {\n                return;\n            }\n\n            function handleMatch(event) {\n                setMatch(event.matches);\n            }\n\n            const matchMedia = window.matchMedia(mediaQueryString);\n\n            setMatch(matchMedia.matches);\n            matchMedia.addListener(handleMatch);\n\n            return () => {\n                matchMedia.removeListener(handleMatch);\n            };\n        },\n        [mediaQueryString]\n    );\n    return match;\n}\n\nexport const mediaQueryHOC = (Component) => {\n    function MediaQueryHOC(props) {\n        const isXSmall = useMatchMedia('(max-width: 375px)');\n        const isSmall = useMatchMedia('(max-width: 479px)');\n        const isMedium = useMatchMedia('(max-width: 767px)');\n        const isLarge = useMatchMedia('(max-width: 991px)');\n        const isXLarge = useMatchMedia('(max-width: 1023px)');\n        return (\n            <Component\n                isXSmall={isXSmall}\n                isSmall={isSmall}\n                isMedium={isMedium}\n                isLarge={isLarge}\n                isXLarge={isXLarge}\n                {...props}\n            />\n        );\n    }\n    return MediaQueryHOC;\n};\n\nlet listeners = [];\nlet state = { currentProductIndex: 0 };\n\nconst setState = (newState) => {\n    state = { ...state, ...newState };\n    listeners.forEach((listener) => {\n        listener(state);\n    });\n};\n\nexport const updateCurrentProductIndex = () => {\n    const newListener = useState()[1];\n    useEffect(() => {\n        listeners.push(newListener);\n    }, []);\n    return [state, setState];\n};\n","import React, { Component, Suspense } from 'react';\nimport Block from '../../adapters/helpers/Block';\nimport PropTypes from 'prop-types';\nimport { SideBySideContainerConstants } from '../../adapters/helpers/Constants';\nimport { createHtmlFriendlyId } from '../../adapters/helpers/Utils';\nimport { mediaQueryHOC } from '../../adapters/helpers/Hooks';\nimport dynamic from 'next/dynamic';\nimport Loader from '../../adapters/helpers/Loader';\nimport LazyLoad from 'react-lazy-load';\nconst Heading = dynamic(() => import('../Heading/Heading'));\nconst Disclaimer = dynamic(() => import('../Disclaimer/Disclaimer'));\n\nclass SideBySideContainer extends Component {\n    constructor(props) {\n        super(props);\n        this.block = new Block(props);\n    }\n\n    renderTile(block, index) {\n        const blockObj = new Block(block);\n        const tileId = this.getTileId(blockObj);\n        blockObj.setFieldValue(SideBySideContainerConstants.anchorId, tileId);\n        const sideIndicator = (index % 2 == 0) ? SideBySideContainerConstants.left : SideBySideContainerConstants.right;\n\n        return (\n            <div key={tileId} className={`ob-side-by-side__column ob-side-by-side__${sideIndicator}-side`}>\n                {blockObj.renderBlockFromDocument()}\n            </div>\n        );\n    }\n\n    getTileId(blockObj) {\n        return SideBySideContainerConstants.sideBySide + blockObj.getAnchorId();\n    }\n\n    render() {\n        let className = 'ob-side-by-side ' + this.props.className;\n        const containerBlocks = this.block.getFieldValue(SideBySideContainerConstants.blocks);\n        const title = this.block.getFieldValue(SideBySideContainerConstants.title);\n        const disclaimer = this.block.getFieldValue(SideBySideContainerConstants.disclaimer);\n        const name = this.block.getFieldValue(SideBySideContainerConstants.name);\n        const hasDivider = this.block.getFieldValue(SideBySideContainerConstants.hasDivider);\n        const anchorId = this.block.getFieldValue(SideBySideContainerConstants.anchorId) || createHtmlFriendlyId(name);\n        const flipOnMobile = this.block.getFieldValue(SideBySideContainerConstants.flipOnMobile) || false;\n        let containerBlocksCopyMobile = [...containerBlocks];\n        if (flipOnMobile && containerBlocksCopyMobile.length >= 2) {\n            // this works best with side by sides that only have 2 elements\n            for (let i = 0; i < containerBlocksCopyMobile.length; i++) {\n                // if element is on the right, swap with previous element\n                if (i % 2 === 1) {\n                    [containerBlocksCopyMobile[i - 1], containerBlocksCopyMobile[i]] = [containerBlocksCopyMobile[i], containerBlocksCopyMobile[i - 1]];\n                }\n            }\n        }\n\n        return (\n            <LazyLoad offset={100}>\n                <Suspense fallback={<Loader />}>\n                    <div className={className} id={anchorId}>\n                        {title &&\n                            <div className={'ob-side-by-side__title-wrapper'}>\n                                <Heading tag=\"h2\">{title}</Heading>\n                                <p className={'ob-side-by-side__subtitle'}>{this.block.getFieldValue(SideBySideContainerConstants.description)}</p>\n                            </div>\n                        }\n                        <div className={`ob-side-by-side__wrapper ${hasDivider ? 'ob-side-by-side__wrapper--has-divider' : ''}`}>\n                            {flipOnMobile ?\n                                this.props.isMedium ?\n                                    containerBlocksCopyMobile && containerBlocksCopyMobile.map((block, index) => {\n                                        return this.renderTile(block, index);\n                                    }) :\n                                    containerBlocks && containerBlocks.map((block, index) => {\n                                        return this.renderTile(block, index);\n                                    }) :\n                                containerBlocks && containerBlocks.map((block, index) => {\n                                    return this.renderTile(block, index);\n                                })\n                            }\n                        </div>\n                        {disclaimer &&\n                            <Disclaimer document={disclaimer} />\n                        }\n                    </div>\n                </Suspense>\n        </LazyLoad>\n        );\n    }\n}\n\nSideBySideContainer.propTypes = {\n    className: PropTypes.string,\n    isMedium: PropTypes.bool\n};\n\nexport default mediaQueryHOC(SideBySideContainer)\n// This export is for unit testing (do not remove) :\nexport const SideBySideContainerTest = SideBySideContainer;\n"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","useMatchMedia","mediaQueryString","initialValue","arguments","length","undefined","_useState","useState","match","setMatch","useEffect","window","matchMedia","matches","addListener","handleMatch","removeListener","event","mediaQueryHOC","Component","props","isXSmall","isSmall","isMedium","isLarge","isXLarge","_jsx","_objectSpread","listeners","state","currentProductIndex","setState","newState","forEach","listener","updateCurrentProductIndex","newListener","push","Heading","dynamic","__webpack_require__","e","then","bind","loadableGenerated","webpack","Disclaimer","SideBySideContainer","_Component","_inherits","_super","_this","_classCallCheck","call","block","Block","_createClass","key","value","index","blockObj","tileId","getTileId","setFieldValue","SideBySideContainerConstants","anchorId","sideIndicator","left","right","className","concat","children","renderBlockFromDocument","sideBySide","getAnchorId","_this2","containerBlocks","getFieldValue","blocks","title","disclaimer","name","hasDivider","createHtmlFriendlyId","flipOnMobile","containerBlocksCopyMobile","_toConsumableArray","i","_ref","LazyLoad","offset","Suspense","fallback","Loader","_jsxs","id","tag","description","map","renderTile","document","__webpack_exports__","SideBySideContainerTest"],"sourceRoot":""}