{"version":3,"file":"static/chunks/6040.fbea4303938d67b3.js","mappings":"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","sources":["webpack://_N_E/./components/SideBySideContainer/SideBySideContainer.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, {Component} from 'react';\nimport Block from '../../adapters/helpers/Block';\nimport PropTypes from 'prop-types';\nimport dynamic from 'next/dynamic';\nconst Heading = dynamic(()=>import('../Heading/Heading'))\nimport {SideBySideContainerConstants} from '../../adapters/helpers/Constants';\nimport {createHtmlFriendlyId} from '../../adapters/helpers/Utils';\nimport {mediaQueryHOC} from '../../adapters/helpers/Hooks';\nconst Disclaimer = dynamic(()=>import('../Disclaimer/Disclaimer'))\n\nclass SideBySideContainer extends Component {\n\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\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\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\n        return (\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        );\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","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6040],{36040:function(e,t,n){n.r(t),n.d(t,{SideBySideContainerTest:function(){return N}});var i=n(7980),r=n.n(i),l=n(33227),s=n.n(l),c=n(88361),o=n.n(c),a=n(85971),d=n.n(a),u=n(52715),f=n.n(u),h=n(91193),p=n.n(h),b=n(67294),v=n(40483),k=n(5152),m=n.n(k),y=n(24036),T=n(8996),_=n(71357),g=n(85893);function F(e){var t=function(){if(\"undefined\"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if(\"function\"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=p()(e);if(t){var r=p()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return f()(this,n)}}var w=m()((function(){return Promise.resolve().then(n.bind(n,92116))}),{loadableGenerated:{webpack:function(){return[92116]}}}),V=m()((function(){return n.e(7770).then(n.bind(n,77770))}),{loadableGenerated:{webpack:function(){return[77770]}}}),x=function(e){d()(n,e);var t=F(n);function n(e){var i;return s()(this,n),(i=t.call(this,e)).block=new v.Z(e),i}return o()(n,[{key:\"renderTile\",value:function(e,t){var n=new v.Z(e),i=this.getTileId(n);n.setFieldValue(y.Tp.anchorId,i);var r=t%2==0?y.Tp.left:y.Tp.right;return(0,g.jsx)(\"div\",{className:\"ob-side-by-side__column ob-side-by-side__\".concat(r,\"-side\"),children:n.renderBlockFromDocument()},i)}},{key:\"getTileId\",value:function(e){return y.Tp.sideBySide+e.getAnchorId()}},{key:\"render\",value:function(){var e=this,t=\"ob-side-by-side \"+this.props.className,n=this.block.getFieldValue(y.Tp.blocks),i=this.block.getFieldValue(y.Tp.title),l=this.block.getFieldValue(y.Tp.disclaimer),s=this.block.getFieldValue(y.Tp.name),c=this.block.getFieldValue(y.Tp.hasDivider),o=this.block.getFieldValue(y.Tp.anchorId)||(0,T.vG)(s),a=this.block.getFieldValue(y.Tp.flipOnMobile)||!1,d=r()(n);if(a&&d.length>=2)for(var u=0;u<d.length;u++)if(u%2==1){var f=[d[u],d[u-1]];d[u-1]=f[0],d[u]=f[1]}return(0,g.jsxs)(\"div\",{className:t,id:o,children:[i&&(0,g.jsxs)(\"div\",{className:\"ob-side-by-side__title-wrapper\",children:[(0,g.jsx)(w,{tag:\"h2\",children:i}),(0,g.jsx)(\"p\",{className:\"ob-side-by-side__subtitle\",children:this.block.getFieldValue(y.Tp.description)})]}),(0,g.jsx)(\"div\",{className:\"ob-side-by-side__wrapper \".concat(c?\"ob-side-by-side__wrapper--has-divider\":\"\"),children:a&&this.props.isMedium?d&&d.map((function(t,n){return e.renderTile(t,n)})):n&&n.map((function(t,n){return e.renderTile(t,n)}))}),l&&(0,g.jsx)(V,{document:l})]})}}]),n}(b.Component);t.default=(0,_.Ui)(x);var N=x}}]);"],"names":["self","webpackChunk_N_E","push","e","t","n","r","d","SideBySideContainerTest","N","i","l","s","c","o","a","u","f","h","p","b","v","k","m","y","T","_","g","w","Promise","resolve","then","bind","loadableGenerated","webpack","V","x","Reflect","construct","sham","Proxy","Boolean","prototype","valueOf","call","constructor","arguments","apply","block","Z","key","value","getTileId","setFieldValue","Tp","anchorId","left","right","jsx","className","concat","children","renderBlockFromDocument","sideBySide","getAnchorId","props","getFieldValue","blocks","title","disclaimer","name","hasDivider","vG","flipOnMobile","length","jsxs","id","tag","description","isMedium","map","renderTile","document","Component","default","Ui"],"sourceRoot":""}