\n {previewCell}\n {side === 'right' ? this.renderHeight() : null}\n
\n )\n }\n return res;\n }\n\n renderHeight() {\n let mHeight = this.props.selectSize.height;\n let lastHeight = this.props.heightCellScale;\n let res = null;\n if (this.props.mirrors.length && this.props.details) {\n res = (\n \n {this.renderInitialPreview()}\n {this.renderPreviewCell('right')}\n {this.renderMirrors({ opacity, preview })}\n {this.renderPreviewCell('left')}\n
\n );\n }\n}\n\nconst mapStateToProps = state => {\n const canMoveSideMirror = () => {\n //no mirrors - can't add side mirror\n let res = !state.app.isSideMirror && state.app.presentedMirrors.length\n return !!res;\n }\n\n const canMovePresentedCell = () => {\n //no mirrors - can't add side mirror\n const res = state.app.presentedMirrors.length;\n return !!res;\n }\n\n const getHeightCellScale = () => {\n let res = 100;\n let mirrors = state.app.presentedMirrors;\n let HEIGHT_ARR = state.app.heightArr;\n if (mirrors.length) {\n let lastMirror = state.app.presentedMirrors[0];\n let leftVl = _.filter(lastMirror.addons, (el) => el.id === `06h${lastMirror.size.height}` && el.description.indexOf(\"(left)\") >= 0);\n let rightVl = _.filter(lastMirror.addons, (el) => el.id === `06h${lastMirror.size.height}` && el.description.indexOf(\"(right)\") >= 0);\n let width_key = lastMirror.size.width + (leftVl.length ? \"l\" : \"\") + (rightVl.length ? \"r\" : \"\");\n let svgInCellPercentage = (0.78 * PRESENT_CELL_BASE_WIDTH_COEF * document.documentElement.clientWidth * VIEW_HEIGHT / (0.3 * 100 * VIEW_WIDTH * document.documentElement.clientHeight));\n res *= (HEIGHT_ARR[width_key] * lastMirror.scale * KOEFS[width_key] * svgInCellPercentage / VIEW_HEIGHT);\n }\n res += '%'\n return res;\n }\n\n return {\n canMoveSideMirror: canMoveSideMirror(),\n selectSize: state.app.selectParams.size,\n requstedPreviewMirrorSize: state.app.requstedPreviewMirrorSize,\n requstedPreviewSideMirror: state.app.requstedPreviewSideMirror,\n heightCellScale: getHeightCellScale()\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n }\n}\n\nPresentedMirrorsCell = DropTarget(ItemTypes.SIDE_MIRROR, cellTarget, collect)(PresentedMirrorsCell);\nexport default connect(mapStateToProps, mapDispatchToProps)(PresentedMirrorsCell)\n","import React, { Component } from 'react';\nimport { PRESENT_CELL_BASE_WIDTH_COEF } from '../../../store/coefitients';\nimport _ from 'lodash';\nimport './style.css';\n\nconst VL_WIDTH_LABEL = 2.25\n\nclass Bottomdetails extends Component {\n\n formStyleWithPadding() {\n let p = 12 / this.props.mirrors.length;\n p += '%'\n let res = {\n paddingTop : p\n };\n return res;\n }\n\n renderEachWidth() {\n let mirrors = this.props.mirrors;\n let widthBlocks = [];\n let eachWidth = _.map(mirrors, (m, i) => {\n let width = m.scale * PRESENT_CELL_BASE_WIDTH_COEF;\n const descriptionR = 'Vertical Lighting (right)'\n const descriptionL = 'Vertical Lighting (left)'\n let existingR = _.filter(m.addons, a => a.description === descriptionR)\n let existingL = _.filter(m.addons, a => a.description === descriptionL)\n const vl_width = 1.4 + '%';\n const vl = (i, side) => (\n \n {this.renderEachWidth()}\n {this.renderSummary()}\n
\n );\n }\n}\n\nexport default Bottomdetails;\n","import React, { Component } from 'react';\n\nimport './style.css';\n\nclass Hint extends Component {\n render() {\n return (\n \n
\n {this.renderPlaceholder()}\n
\n
\n
\n {this.renderShowSizeButton()}\n
\n );\n }\n}\nexport default Field;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { DragSource } from 'react-dnd';\nimport { ItemTypes } from '../../../Constants';\nimport './styles.css';\n\nconst mirrorSource = {\n beginDrag(props) {\n let size = { ...props.selectSize, ...props.size };\n props.startDrag();\n return { size: size };\n },\n \n canDrag(props, monitor) {\n let size = { ...props.selectSize, ...props.size };\n let type_id = size.width + \"x\" + size.height + \"x\" + size.depth;\n let canMove = props.isProductAvailable({ type: 'cabinet', type_id });\n return canMove;\n },\n\n endDrag(props, monitor) {\n if (monitor.didDrop()) {\n let dropTargetData = monitor.getDropResult();\n const mirror = { size: props.size };\n let params = { size: mirror.size, side: dropTargetData.side };\n props.addCabinet(params)\n }\n props.endDrag()\n }\n};\n\nfunction collect(connect, monitor) {\n return {\n connectDragSource: connect.dragSource(),\n connectDragPreview: connect.dragPreview(),\n isDragging: monitor.isDragging(),\n };\n}\n\nclass NavMirror extends Component {\n static propTypes = {\n connectDragSource: PropTypes.func.isRequired,\n connectDragPreview: PropTypes.func.isRequired,\n isDragging: PropTypes.bool.isRequired,\n };\n constructor(props) {\n super(props);\n this._imgSrc = this._imgSrc.bind(this);\n this.requestPreview = this.requestPreview.bind(this);\n }\n\n componentDidMount() {\n const img = new Image();\n const mirror = { size: this.props.size };\n img.src = \"img/jpg/thubmnail-\" + mirror.size.width + \"_.jpg\";\n img.onload = () => this.props.connectDragPreview(img);\n }\n\n requestPreview() {\n let size = this.props.size;\n this.props.requestPreviewMirror(size);\n }\n\n\n _imgSrc() {\n const mirror = { size: this.props.size };\n let mirrorWidth = mirror.size.width;\n let res = \"img/jpg/thubmnail-\" + mirrorWidth + \"_.jpg\";\n return res;\n }\n\n render() {\n const { connectDragSource, isDragging } = this.props;\n const mirror = { size: this.props.size };\n let mirrorWidth = mirror.size.width;\n let imgSrc = this._imgSrc();\n return connectDragSource(\n
\n
\n
\n
\n );\n }\n}\n\nexport default DragSource(ItemTypes.DEFAULT_MIRROR, mirrorSource, collect)(NavMirror);\n","import { connect } from 'react-redux'\nimport { addCabinet, startDrag, endDrag, requestPreviewMirror } from '../../../actions'\nimport Mirror from './Mirror'\nimport _ from 'lodash'\n\nconst mapStateToProps = state => {\n const isProductAvailable = (params) => {\n let lProduct = _.find(state.app.availableProducts, params);\n return lProduct && lProduct.available !== \"0\";\n }\n\n return {\n selectSize: state.app.selectParams.size,\n isProductAvailable: isProductAvailable\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n addCabinet: (params) => {\n dispatch(addCabinet(params))\n },\n requestPreviewMirror: (size) => {\n dispatch(requestPreviewMirror(size))\n },\n startDrag: () => {\n dispatch(startDrag())\n },\n endDrag: () => {\n dispatch(endDrag())\n }\n }\n}\n\nconst MirrorContainer = connect(\n mapStateToProps,\n mapDispatchToProps\n)(Mirror)\n\nexport default MirrorContainer","import React, {Component} from 'react';\nimport MirrorContainer from './MirrorContainer';\nimport './styles.css';\n\n\nclass Windows extends Component {\n render() {\n var tabsClass = 'model' + (this.props.cabinets ? 'hidden' : '');\n return (\n
\n
\n
Model Dimensions \n \n
\n \n \n \n \n
\n
\n );\n }\n}\n\nexport default Windows;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux'\nimport PropTypes from 'prop-types';\nimport { DragSource } from 'react-dnd';\nimport { ItemTypes } from '../../../Constants';\nimport { addAddon, requestPreviewAddon } from '../../../actions';\nimport { notificateProductNotAvailable } from '../../tips/Tips'\n\nconst mirrorSource = {\n beginDrag(props) {\n props.requestPreviewAddon()\n return {\n id: props.addonId,\n type: 'addon'\n };\n },\n\n canDrag(props, monitor) {\n let canMove = props.addon.available;\n return canMove;\n },\n\n endDrag(props, monitor) {\n if (monitor.didDrop()) {\n let dropTargetData = monitor.getDropResult();\n let params = { mirrorId: dropTargetData.mirrorId, addonId: props.addonId, description: props.description };\n props.addAddon(params)\n }\n }\n};\n\nfunction collect(connect, monitor) {\n return {\n connectDragSource: connect.dragSource(),\n connectDragPreview: connect.dragPreview(),\n isDragging: monitor.isDragging(),\n };\n}\n\nclass Addon extends Component {\n static propTypes = {\n connectDragSource: PropTypes.func.isRequired,\n connectDragPreview: PropTypes.func.isRequired,\n isDragging: PropTypes.bool.isRequired,\n };\n constructor(props) {\n super(props);\n this._imgSrc = this._imgSrc.bind(this);\n this.requestPreview = this.requestPreview.bind(this);\n }\n\n getCursorStyle() {\n let res = 'move';\n if (!this.props.addon.available) {\n res = 'not-allowed'\n }\n return res;\n }\n\n _imgSrc() {\n const addonId = this.props.addonId.indexOf(\"06h\") === 0 ? \"06\" : this.props.addonId;\n let res = \"img/add-on-\" + addonId + \".png\";\n return res;\n }\n\n componentDidMount() {\n const img = new Image();\n img.src = this._imgSrc();\n img.onload = () => {\n return this.props.connectDragPreview(img)\n };\n }\n\n requestPreview() {\n if (this.props.addon.available) {\n let params = { addonId: this.props.addonId, description: this.props.description };\n this.props.requestPreviewAddon(params);\n }\n else {\n notificateProductNotAvailable();\n }\n }\n\n render() {\n const { connectDragSource, isDragging } = this.props;\n let imgSrc = this._imgSrc();\n let opacity = (isDragging || !this.props.addon.available) ? 0.5 : 1;\n return connectDragSource(\n
\n
\n
{this.props.description}
\n
\n );\n }\n}\n\n\nconst mapStateToProps = state => {\n return {}\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n addAddon: (params) => {\n dispatch(addAddon(params))\n },\n requestPreviewAddon: (params) => {\n dispatch(requestPreviewAddon(params))\n }\n }\n}\n\n\nAddon = DragSource(ItemTypes.ADDON, mirrorSource, collect)(Addon);\nexport default connect(mapStateToProps, mapDispatchToProps)(Addon);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux'\nimport PropTypes from 'prop-types';\nimport { DragSource } from 'react-dnd';\nimport { ItemTypes } from '../../../Constants';\nimport { addSideMirror, requstPreviewSideMirror } from '../../../actions';\nimport { notificateProductNotAvailable } from '../../tips/Tips'\n\nconst mirrorSource = {\n beginDrag(props) {\n return {\n type: 'addon'\n };\n },\n\n canDrag(props, monitor) {\n let canMove = props.addon.available !== '0';\n return canMove;\n },\n\n endDrag(props, monitor) {\n if (monitor.didDrop()) {\n props.addSideMirror();\n }\n }\n};\n\nfunction collect(connect, monitor) {\n return {\n connectDragSource: connect.dragSource(),\n connectDragPreview: connect.dragPreview(),\n isDragging: monitor.isDragging(),\n };\n}\n\nclass SideMirror extends Component {\n static propTypes = {\n connectDragSource: PropTypes.func.isRequired,\n connectDragPreview: PropTypes.func.isRequired,\n isDragging: PropTypes.bool.isRequired,\n };\n constructor(props) {\n super(props);\n this._imgSrc = this._imgSrc.bind(this);\n this.requestPreview = this.requestPreview.bind(this);\n }\n\n getCursorStyle() {\n let res = 'move';\n if (this.props.addon.available === '0') {\n res = 'not-allowed'\n }\n return res;\n }\n\n _imgSrc() {\n let res = \"img/add-on-01.png\";\n return res;\n }\n\n componentDidMount() {\n const img = new Image();\n img.src = this._imgSrc();\n img.onload = () => {\n return this.props.connectDragPreview(img)\n };\n }\n\n requestPreview() {\n if (this.props.addon.available) {\n this.props.requstPreviewSideMirror();\n }\n else {\n notificateProductNotAvailable();\n }\n }\n\n render() {\n const { connectDragSource, isDragging } = this.props;\n let imgSrc = this._imgSrc();\n let opacity = (isDragging || !this.props.addon.available) ? 0.5 : 1;\n return connectDragSource(\n
\n
\n
{this.props.description}
\n
\n );\n }\n}\n\n\nconst mapStateToProps = state => {\n return {}\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n addSideMirror: () => {\n dispatch(addSideMirror())\n },\n requstPreviewSideMirror: () => {\n dispatch(requstPreviewSideMirror())\n }\n }\n}\n\nSideMirror = DragSource(ItemTypes.SIDE_MIRROR, mirrorSource, collect)(SideMirror);\nexport default connect(mapStateToProps, mapDispatchToProps)(SideMirror);\n","import React, {Component} from 'react'\nimport Addon from './Addon.jsx'\nimport SideMirror from './SideMirror.jsx'\nimport { connect } from 'react-redux'\nimport _ from 'lodash'\nimport './styles.css'\n\nclass Addons extends Component {\n _getProductById(id) {\n let availableProducts = this.props.availableProducts;\n let res = _.find(availableProducts, {type_id : id, type : 'addon'}) || {};\n return res;\n }\n\n render() {\n var tabsClass = 'addons' + (this.props.addons ? 'hidden' : '');\n return (\n
\n );\n }\n}\nconst mapStateToProps = state => {\n return {\n sizes: state.app.selectParams.size\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {}\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(Addons);\n","import React, { Component } from \"react\";\nimport { MountTypes } from '../../../Constants';\nimport { warningNotification, successNotification } from '../../tips/Tips'\nimport _ from 'lodash';\nimport './styles.css';\n\nconst HeightArr = [4, 6];\n\nclass Select extends Component {\n constructor(props) {\n super(props);\n this.handleMountTypeChange = this.handleMountTypeChange.bind(this);\n }\n\n renderDepthOptons() {\n let mountTypeId = this.props.mountTypeId;\n let arrToRender = HeightArr;\n //SEMI-RECESSED AND DEPTH 4 NOT ALLOWED\n if (mountTypeId === '02') {\n arrToRender = _.filter(HeightArr, h => { return h !== 4 })\n };\n arrToRender = _.map(arrToRender, (h, i) => {\n return (\n
{h}\" \n )\n });\n return arrToRender;\n }\n\n renderSizeSelect() {\n return (\n
\n
\n
Height \n this.props.setSelectSize({ height: parseInt(e.target.value, 10) })} value={this.props.selectSize.height}>\n 31\" \n 40\" \n \n \n
\n
Depth \n this.props.setSelectSize({ depth: parseInt(e.target.value, 10) })} value={this.props.selectSize.depth}>\n {this.renderDepthOptons()}\n \n \n
\n )\n }\n\n renderMountTypeOptons() {\n let depth = this.props.selectSize.depth;\n let arrToRender = MountTypes;\n //SEMI-RECESSED AND DEPTH 4 NOT ALLOWED\n if (depth === 4) {\n arrToRender = _.filter(MountTypes, m => { return m.id !== '02' })\n };\n arrToRender = _.map(arrToRender, (m, i) => {\n return (\n
{m.description} \n )\n });\n return arrToRender;\n }\n\n handleMountTypeChange(e) {\n //sideMirror && recessed case\n if (this.props.isSideMirror && e.target.value === '03') {\n let text = 'Side Mirror is unavailable for Recessed Mount Type, it was deleted';\n warningNotification({ text })\n }\n else if (this.props.isSideMirror && e.target.value !== '03' && this.props.mountTypeId === '03') {\n let text = 'Side Mirror added';\n successNotification({ text })\n }\n this.props.setMountType(e.target.value)\n }\n\n renderMountTypeSelect() {\n return (\n
\n
Mount Type \n \n {this.renderMountTypeOptons()}\n \n \n )\n }\n\n render() {\n var tabsClass = 'selectAll' + (this.props.cabinets ? 'hidden' : '');\n return (\n
\n {this.renderSizeSelect()}\n {this.renderMountTypeSelect()}\n
\n\n );\n }\n}\nexport default Select;\n","import { connect } from 'react-redux'\nimport { setSelectSize, setMountType } from '../../../actions'\nimport Select from './Select'\n\nconst mapStateToProps = state => {\n return {\n selectSize : state.app.selectParams.size,\n isSideMirror : state.app.isSideMirror,\n mountTypeId : state.app.selectParams.mountType\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n setSelectSize: (size) => {\n dispatch(setSelectSize(size))\n },\n setMountType: (type) => {\n dispatch(setMountType(type))\n }\n }\n}\n\nconst SelectContainer = connect(\n mapStateToProps,\n mapDispatchToProps\n)(Select)\n\nexport default SelectContainer","import React, { Component } from 'react';\nimport { connect } from 'react-redux'\nimport { removeMirror, removeSideMirror, removeAddon } from '../../../actions';\n\nclass ProductDetails extends Component {\n constructor(props) {\n super(props);\n this._formDescription = this._formDescription.bind(this);\n this._formPrice = this._formPrice.bind(this);\n this.renderIcons = this.renderIcons.bind(this);\n this.renderDeleteIcon = this.renderDeleteIcon.bind(this);\n this.renderInfoIcon = this.renderInfoIcon.bind(this);\n this.renderPdfIcon = this.renderPdfIcon.bind(this);\n this._removeObject = this._removeObject.bind(this);\n }\n\n\n _formDescription() {\n let res = this.props.product.name;\n return res;\n }\n\n _formPrice() {\n let price = +this.props.product.price;\n let res = price.toFixed(2) + ` ${window.currency.toUpperCase()}`;\n return res;\n }\n\n _removeObject() {\n let type = this.props.type;\n switch (type) {\n case 'mirror':\n let id = this.props.mirror._id;\n this.props.removeMirror(id);\n break;\n case 'addon':\n let mirrorId = this.props.mirrorId;\n let addonId = this.props.addon.id;\n this.props.removeAddon({ mirrorId, addonId })\n break;\n case 'side_mirror':\n this.props.removeSideMirror();\n break;\n default:\n break;\n }\n }\n\n renderDeleteIcon() {\n let res = null;\n let { type, status } = this.props;\n if (type !== 'kit' && status !== 'checklist') {\n res = (
);\n }\n return res;\n }\n\n renderInfoIcon() {\n let res = null;\n let { type, product } = this.props;\n if (type === 'kit') {\n res = (\n
\n
\n
\n
{product.description} \n \n
\n )\n }\n return res;\n }\n\n renderPdfIcon() {\n let { type, product } = this.props;\n let link = \"/product_\" + product.id + \"_configuration_info.pdf\"\n let res = (\n
\n \n );\n if (type === 'addon' && this.props.product.type_id === '03') {\n res = null;\n }\n return res;\n }\n\n renderIcons() {\n let res = (\n
\n {this.renderDeleteIcon()}\n {this.renderInfoIcon()}\n {this.renderPdfIcon()}\n
\n )\n return res;\n }\n\n render() {\n const children = this.props.children;\n\n return (\n
\n
\n {this.renderIcons()}\n
\n
{this._formDescription()} \n \n
\n
{this._formPrice()} \n \n
\n {children}\n
\n )\n }\n}\n\n\nconst mapStateToProps = state => { return {} }\nconst mapDispatchToProps = dispatch => {\n return {\n removeMirror: (id) => {\n dispatch(removeMirror(id))\n },\n removeAddon: (params) => {\n dispatch(removeAddon(params))\n },\n removeSideMirror: (stage) => {\n dispatch(removeSideMirror())\n }\n }\n}\n\nconst ProductContainer = connect(\n mapStateToProps,\n mapDispatchToProps\n)(ProductDetails)\nexport default ProductContainer;\n","import React, { Component } from 'react';\nimport ProductDetails from './ProductDetails';\nimport './styles.css';\nimport _ from 'lodash';\n\nclass Details extends Component {\n constructor(props) {\n super(props);\n this._renderTopWrapper = this._renderTopWrapper.bind(this);\n this._renderProductsInfo = this._renderProductsInfo.bind(this);\n this._renderSideMirror = this._renderSideMirror.bind(this);\n this._renderKit = this._renderKit.bind(this);\n this._renderMirrrors = this._renderMirrrors.bind(this);\n this._renderAddonds = this._renderAddonds.bind(this);\n }\n\n _renderTopWrapper(imgSrc) {\n return (\n
\n
this.props.handler('details')}>\n
\n
\n Details\n \n
\n
\n )\n }\n\n _renderAddonds(addons, mirrorId) {\n let addonsList = _.map(addons, (a, i) => {\n let productAddon = this.props.addonToProduct(a);\n return (\n
\n )\n })\n let res = addonsList;\n return addons.length ? res : null;\n }\n\n _renderMirrrors() {\n let renderedMirrors = _.map(this.props.mirrors, (m, i) => {\n let product = this.props.mirrorToProduct(m);\n return (\n
\n {this._renderAddonds(m.addons, m._id)}\n \n )\n })\n return renderedMirrors;\n }\n\n _renderSideMirror() {\n let sideMirrorProduct = this.props.sideMirrorProduct;\n let sideMirrorComponent = null;\n if (sideMirrorProduct) {\n sideMirrorComponent = (\n
\n );\n }\n return sideMirrorComponent;\n }\n\n _renderKit() {\n let kitProduct = this.props.kitProduct;\n let kitComponents = null;\n if (kitProduct) {\n let kitCount = this.props.mirrors.length - 1;\n kitComponents = _.map(Array(kitCount), (k, i) =>
\n );\n }\n return kitComponents;\n }\n\n _renderProductsInfo() {\n return (\n
\n
\n
\n {this._renderMirrrors()}\n {this._renderSideMirror()}\n {this._renderKit()}\n
\n
\n
\n )\n }\n\n render() {\n const showDetails = this.props.details;\n const DETAILS_IMG = showDetails ? \"img/arrow-down.svg\" : \"img/arrow-up.svg\";\n return (\n\n
\n {this._renderTopWrapper(DETAILS_IMG)}\n {showDetails &&\n this._renderProductsInfo()\n }\n
\n\n );\n }\n}\nexport default Details;\n","import { connect } from 'react-redux'\nimport Details from './Details'\n\nconst mapStateToProps = state => {\n return {\n availableProducts: state.app.availableProducts,\n mirrors: state.app.presentedMirrors,\n sizes: state.app.selectParams.size,\n\n kitProduct: state.app.getKitProduct(),\n sideMirrorProduct: state.app.getSideMirrorProduct(),\n mirrorToProduct: state.app.mirrorToProduct,\n addonToProduct: state.app.addonToProduct,\n }\n}\n\nconst DetailsContainer = connect(mapStateToProps)(Details)\n\nexport default DetailsContainer\n","import React, { Component } from 'react';\nimport {apiBase} from '../../../Constants';\nimport { connect } from 'react-redux';\nimport './styles.css';\nimport _ from 'lodash';\n\nimport { fetchChecklistStart, fetchChecklistLoaded } from '../../../actions/navigation'\n\nclass Proceed extends Component {\n constructor(props) {\n super(props);\n this.state = {\n showCaptcha: false\n }\n this.proceed = this.proceed.bind(this);\n this.onRecaptcha = this.onRecaptcha.bind(this);\n }\n\n componentDidMount = () => {\n if (window.grecaptcha) {\n const { grecaptcha } = window;\n grecaptcha.render('recaptcha', {\n sitekey : '6LeHzzsUAAAAAKH11Iy5RjYivnZZDrvInL7J1bfQ',\n lang : 'en',\n size : 'invisible',\n badge : 'topleft',\n callback : this.proceed\n });\n }\n };\n\n _getProductsIds() {\n let products = this.props.products || [];\n return _.map(products, p => parseInt(p.id, 10));\n }\n\n proceed(captcha) {\n const { fetchChecklist, fetchChecklistLoaded } = this.props;\n\n let products = this.props.products || [];\n if (!products.length) {\n return;\n }\n let proceed_Url = `${apiBase}/confirm`;\n let ids = this._getProductsIds();\n let dataObj = {\n products: ids,\n recaptcha: captcha,\n currency: window.currency,\n }\n let params = {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(dataObj)\n };\n fetchChecklist();\n fetch(proceed_Url, params)\n .then(response => response.json())\n .then(data => {\n data.order_id = data.id;\n data.products = data.products.map((p) => {\n p.price = p[`price_${window.currency}`]\n p.type = p.type_name\n return p\n })\n fetchChecklistLoaded();\n this.props.showChecklist(data);\n })\n .catch(e => {\n console.log(e);\n console.log('ERROR');\n fetchChecklistLoaded();\n return { error: true }\n })\n }\n\n\n onRecaptcha = () => {\n const { grecaptcha } = window;\n grecaptcha.execute();\n };\n\n render() {\n let products = this.props.products || [];\n let buttonStyle = !products.length ? { cursor: \"not-allowed\", opacity: 0.5 } : {};\n let price = _.reduce(products, (r, p) => {\n r += parseFloat(p.price);\n return r;\n }, 0)\n return (\n
\n
\n
\n
{price} {window.currency.toUpperCase()} \n \n
\n
\n Proceed\n \n \n
\n\n );\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n fetchChecklist: () => dispatch(fetchChecklistStart()),\n fetchChecklistLoaded: () => dispatch(fetchChecklistLoaded())\n})\n\n\nexport default connect(null, mapDispatchToProps)(Proceed);\n","import { FETCH_CHECKLIST_START, FETCH_CHECKLIST_LOADED} from \"../constants/navigation\"\n\nexport const fetchChecklistStart = () => ({\n type : FETCH_CHECKLIST_START\n})\n\nexport const fetchChecklistLoaded = () => ({\n type : FETCH_CHECKLIST_LOADED\n})","import React, { Component } from 'react';\nimport './styles.css';\n\nclass Phonetabs extends Component {\n _getClassName(type){\n let defaultClass = 'tabs__button button-'+ type;\n let res = defaultClass;\n if (type === this.props.buttonToggle ){\n res += ' active';\n\n }\n return res;\n }\n render() {\n\n return (\n
\n\n this.props.handler('cabinets') }>\n Cabinets\n \n\n this.props.handler('addons') }>\n Add-ons\n \n this.props.handler('details') }>\n Details\n \n
\n );\n }\n}\n\nexport default Phonetabs;\n","let imgData = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAAAAIGNIUk0AAH' +\n 'omAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQ' +\n 'fiAwYHBxpC/0wdAABI20lEQVR42u3dd7xlZ0Hv4d9a+7TpfdILJAQIoTfp0gTpF5Ryrw2QIqjAxasXsC' +\n 'AKF0RBBERR6YK0gDSVKp2QBNJJAgFSZjKT6eX0vfe6f+wzk4QkZDJz+vs8n89JOXNm73V2W2t917veVZ' +\n '1/h9ObAAAAAItaPdcLAAAAAMw8AQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQA' +\n 'AAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCA' +\n 'AAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQ' +\n 'AAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAA' +\n 'AAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAA' +\n 'AAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAA' +\n 'AAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAA' +\n 'AAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAA' +\n 'AAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAA' +\n 'CAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAA' +\n 'BQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAA' +\n 'AKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAE' +\n 'ABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAAC' +\n 'iAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAA' +\n 'UQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoA' +\n 'ACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFE' +\n 'AAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAg' +\n 'gAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAA' +\n 'EAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIA' +\n 'AAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBA' +\n 'AAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAA' +\n 'AAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAA' +\n 'AAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAA' +\n 'AAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAA' +\n 'AAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAA' +\n 'AAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAA' +\n 'AACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAA' +\n 'BAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAA' +\n 'AogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAA' +\n 'AFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAK' +\n 'AAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAAB' +\n 'RAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgA' +\n 'IIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUA' +\n 'ABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACi' +\n 'AAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQ' +\n 'QAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogA' +\n 'AAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEA' +\n 'AAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAg' +\n 'AAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAA' +\n 'AAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAA' +\n 'AAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAA' +\n 'AAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAA' +\n 'AAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAA' +\n 'AAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAA' +\n 'AABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAA' +\n 'CgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAA' +\n 'AUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAI' +\n 'ACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAADAAc3UFyxCfXO9AAAAAL' +\n 'OpmtrBb7rdpGmSqkrV10rV35eqVadpkqbdTjPRTrrd3g/XdVJVSTXXSw+HTwAAAADK0TRJu5tqsD8DJx' +\n '6boTvfMUN3Pi0DJ5yUvrWrUw32J90m3f0jmdiyJeNX/DhjF/8g4z/6Sdq79/YCQG0gNQuTAAAAACxq1x' +\n '/x76RevjTL73fvrHr8Y7PsfvdP/1HHpGq10nQ7aSYn00xOpqrrVAMDqfr6klTpjOzP2OWXZd+Xvpw9//' +\n 'WljP/kqqRJqqpKY0QAC0h1/h1Od4YLAACwODVJ1W2SVpWl971n1j/7N7LiwQ9ONTiUyWs3Z+SC8zN6wU' +\n 'UZv/LKdHbsTjM2ntR16pXL0n/0URm602lZeo97ZOi0O6VeuiwTV1+ZnR/9aHZ95BNpX7cz6TMagIVDAA' +\n 'AAABalqumd599auTzrfvNZWfcbv5G+1WszevGF2fXJT2b/176ZiU1b0oxN3PKNtOq0Vi7PkjPunNVPfH' +\n 'xWPvrRaa1cleGzz8rWN70lw+ecn1S1uQFYEAQAAABg8WmSqttN39Hrc/Qfviyrn/CktHfuyI73vz+7Pv' +\n 'rvmdy6LamrQzufv9sk3W7qgf4sve89sv4Fv50VD3xwJrdszpY3vDF7Pvel3oUDRADmudbvrNvw6rleCA' +\n 'AAgGnTJOl203/Uuhz756/K6sc9MWOXXpJNf/rq7D7zs+mMjKaq614AOCS9UNA0TSauvCb7v/7NpJUs/4' +\n 'UHZNkDH5DJrZsydvkVvZ8TAZjHBAAAAGDxaJKqadJavjRHv+LlWfOEp2T4++fmmlf8SUa+d2Fvxz9J00' +\n 'xdAvDnfB3clz9w+b+pKwB0R8Yy8t1z03TGs+JBD87S+9w7Yz/4QSauuuY2RAWYfa4CAAAALBrV1D/W/s' +\n '+nZc1TnpqxH16azX/2Fxn7wY96s/03TfqPPyoDJxzXGylws5o0k5Pp7NmX9nXb09m7v/ftA6cL1FWaic' +\n 'ls/+f3pV6+PBue9/wc/QcvzVVXvjwTm651mUDmLQEAAABYNJpuN0vvcZes+61npzsynC1v+tuMXXRZb+' +\n 'e/StLtZtVjH5mjXvqy3tUBbu420qTpdNOMjmbimquz72tfz+5PfS4TV206uHPf1FWaiXa2/+O7M3SHU7' +\n 'Py4Y/Kut/8n9nyhr9NOk0aDYB5yMsSAABYHJqkHhzIut/4nxk46pjsOvPM7PvyN5JW60YH++v+gbSGlq' +\n 'Veuvxmv1pLV6S1YlX6Nh6dZfe6b456ycty0tvfkuUPvG/S7d7ghqq0d+3Jdf/wT5ncsS1rnvKULLnb6T' +\n 'f+GZhHBAAAAGDBq5oknU6W3P30rHj4IzKx6ers/NBH07Q7vSP/P/fU/OZmzwaokjRN70+W3PkuOeZPXp' +\n 'mhU05OOjfYwe9rZeS8i7L7s59J39r1WfM/npT0tX7O6QUwd5wCAAAALApVq87KxzwqfStXZ9uZH8/4FT' +\n '89pPPxRy48L7s/+7lUU5WgSdJauSLL7nvfLL3nvVP19aVpmiy5w52y+qlPytY3vvXG+/ftTvZ86nNZ8+' +\n 'SnZMVDH5qBE9+X8Z9enVSOtzK/CAAAAMDC1zTpW78my3/hAemMDmfvl/873W43Vat1q3917Ic/zPZ/el' +\n '+aJgdHClSp0rdudY551R9mzZOfevD7y+53v9Qrlqezf3/v6gBJUrcydumPMnLeeVnxsF/M0nvePeM/vs' +\n 'p4a+YdL0kAAGDBa7rdDJ5ycgZPOikTP/1Jxi+74uAl/25NVdepWn2p+vp6/271Ja1W2tt2ZfcnPpXu2M' +\n 'jBn+1bty71iqU3HuJfJd2R0QyffU6qVFl6r3skfXa1mH+8KgEAgEVh8NRTUi9ZlrHLf5jO7r3XH6E/XF' +\n 'WV7vh4mk7n+u81Te/rZzXJ2KWXpWlP9pZj6ZKb/zmYQwIAAACw8FVV+o8/NkkycdVVadrtQ/+7TTdNp5' +\n 'Om3Uk6va+m3UnV38ryhzworWXLD/7o5HVb0907fNNJBasqk1u2prNvb/o3bky9YtlcPyJwE+YAAAAAFr' +\n 'yqrtO3Zn2SpL191206+t5aty7L7nf3Gw3rr5cvz4qHPChrnvq0NKmSpklVVRn+9nfSGR6+6eSCVZXu/u' +\n 'F0R0dTL1ly/QiAIx2FANNIAAAAABa+qko9uCRJ0oyP5Vau+3cjyx/wkCy7132nbie9ENDfn3pgqPe9qZ' +\n '3/kUsuzK5PfvYWL/HXtDtpOp1UgwOHNPkgzDYBAAAAWPiaJk17ovffff23aQRA1T+Qun/gZm7ywG00Gb' +\n 'nw/Fz72tdn4qprktZNz6SuklR9rVSt+uBpBDDfCAAAAMCC1zTdtPfsTJL0rV2V1Ldh6H3TpElzcMh+Vf' +\n 'V28KuqSndyIjv+9f3Z8S/vz8TmrTe783/gNlrLlqVesjSdPXvSHRk1/J95RwAAAAAWvm6Tyc1bkiT9xx' +\n '+X3IYh+CPnfjc7P/zxNE2T1srl2fCcZ2fg+BPTJKn7+5Mkk9dtv+l5/zfQNE36jjkq9YqVGfvhD9PZNz' +\n 'zXjwjchAAAAAAsCuNX/DjdyYkMnXqHtJYv7e2EH8JR+PGrrsyuj//7Dc7tb3LMK16Run8wSZW1v/KrGT' +\n 'n3+9nzuS/d8giAKhm60x1T9/Vn/IofGQHAvOQygAAAwMJX1Rn/0U8yuXlTBk85JYMnn5h0D20egKquU/' +\n 'X1JX19SauV3Wd+Jnu//OWDf95avjIbX/TCDJx8fNLp3nQSwCaply7JsvveO02ajHzv/KTdnetHBG5CAA' +\n 'AAABa8qq4yuWVbhs89N32r1mT5Qx/Um5jv0OcC7M3kV1fp7B3Otnf8UyY2XZUmveH9Q3c+Ixue/+zUgw' +\n 'OpfnaCwW43Q3c8JUvvfo9MXnN1Rr5//m2bgwBmiVMA4Oc5OPFrt1eQqyStundZl7q6xUvAHPGdNrktV6' +\n '6Zud87uU0z6M7qIt5S0W+apNudoefmBur656/Yu93esszPh2/hOfBQH3hMq+rGXz/7c7OpSdLtzOxzXd' +\n '3gP+p6bj8fFoPZeM6YWVV1y8Owk946u+vo65yqMrUNceBzq7r++zOkSZLJyez9/Bez+glPyKrHPja7Pv' +\n 'bvmbx2W9K6lTv+2e2dVp3Ri36Q7e9+T47+o/+bqn8gVZI1T3pyhs8+N7s/8bnrf5kmSV+dVU98XPpWr8' +\n '2Oz302E1dtTirHWpl/BAC4BVWnSdN0Uy8ZSv9xR2foDqdk8JTbpf+449Natbw3TGwmdo6b3v1Wc7iFf/' +\n 'CSN01z/cp7TjVput2DS9FtT2bHu9+f0Yt+eOMNwG6TgROPy8pHPeTnTtIzHYbPOiejF15+CxGgyspHPj' +\n 'iDdzjlkIcecgiaJt2x8XT2DKeza0fa23emvWNnOnv2pRkb70Wh+lZ2CqZZ1U3q5UNZ9fhHpV6x8vrPhN' +\n 'u449GkN/z0Zt9qU8GjarXS3rkjez77pXRHx+f+bblQNUlr6WBWPv5R6Vuzdt5GTn6OusrElVdl7xe/nq' +\n 'ZzM++1bpOl9z4jy+5zL8/vXGqadPYNZ+LKqzP+45+mvW1Hmnan9xk9U+fFTx2oGT7r3Ax/97tZ/uCHZv' +\n 'WTH5dt//ie/OyHZtPtpOm2k6ZJ1epL0526ZN+BzZ6qd4O7zvx0lt3/fln5yEenaZpUQ0PZ8LznZvTCiz' +\n 'N+xZW97Y1OJ0vvftesfsIT0t65Pbs+8ene79onADD/CADws7pNkiZ9xx6VFQ95QFY+8uFZcpcz0lq3/m' +\n 'D9ZW41E+PZ+x+f7+2A3/D73U6GTr1DjvmjV6ZqzezH2+b/9xcZPf/SpL7pDMNVlax+4pOy+glPnOuHal' +\n 'Fqmm6a8bF0R0fT3rkjE1dfk7FLL83IBRdl7NLLM7nlujTjE70jL1U1szvKTZN6+bJseN7zM3jyKTP+u4' +\n '9edkn2f+Wb6Y6ORQE4TE2TetnSbHjuczN0yh3nemk4THu/+qXs/co3e+di/6ymm+UPfkCO/r2XzfViFq' +\n '9pmnRHRzK5eVP2f/es7P2vL2bk+xemOzzSW3/OxMdYVaWzd192vP8DWXrPe2bdr/1ahs86OyPfv+j6qw' +\n 'LUdfZ++auZ2LT54N+ZvPqaqf/+2dsazrWv/+vs/sxneuuUJkmaNO3J3v93m7RWr8yGFz4v/es3Ztu7/j' +\n 'mjF1ySqlUbZMS8JADAlKrbpOk2GTh2Y1Y9+XFZ/eQnZeiUO8z4jiSHocqtHD2Y+R2j6ufdjf2yGVVVda' +\n 'qhpamHlqZvzboMnXJaVv7iI9KdGM/k1mszcsEF2f/Vr2f4rHMyuXlr0m6Suk4zQwdiZvPprmLUOhwKH8' +\n 'PzQ1VVaS1dltapp2Xo1NOy5klPzv6zvpOdH/pIhr91dpqxiTQzcZS8bmX/176TXWd+POt//bdy1Mtfmk' +\n '3/51WZuPa6gyMQxn94VcYu/+mNlvVmRw/WVSau3Jzxn17zM79b3dsc6Wtl/W//elY+4lEZufC87HjvB9' +\n 'N0OjM+EhEOlz0bSJJON9WSoax67COy4Tm/laE7nZ6qbsWm9nxVOa+Om6j6BzJ4wskZPOHkrH7ML2f8qi' +\n 'uz7ytfzp7P/GdGL/lh0m7P6ukBAFyvaZrUy1dm1SN/Kcvv/wvZ81//me3/8t6MXf7jm87nMg26E+1s+8' +\n 'd3ZfDUU7PiAQ/O0a/8g2z+izekfd2O3rqgrlKldWg3dnM/221S9bWy9jeflQ3Pfm7a27dmy9+8ORPXXG' +\n 'tdw7wmAFC2Jqk63QycelI2vOh5WfXYX05raOkNfsAxhHmpmir1cAM3fE1Uff0Zuv2pGbr9KVn95Kdkzx' +\n 'e/kF0f/njGLrosTdN1ZAZglt3wM7q1fGXWPu3pWXrve2fbP/xj9nzqv9KdmJy+WfOrJK0qk9duy5bXvi' +\n 'Gt16/M6sc9IdXgYLa84U0Z/9FPD38ugiapOp3Uq1dk/XN/Ixue85x0x0Zz7RvemP3fPNvOP/OeVyjlan' +\n 'qz+q/4pYfmxLe+KWuf8rTUN9r5Z/6aGqZngAa3qkr/+o1Z98z/lZP+8e9z1MtflP5jj7r5azgDMGuaJh' +\n 'k8+ZQc92evzlF/9JL0rVs9/VduqOuMXvKjbHrln2T43LOz6pGPzolvfVNWPekxqYcGe0P1D3WiyCa9dU' +\n 'eVLLnXXXP8X/1lNr7wd9LesyebX/OX2fOp/5q5yQ1hGhkBQJm6Teqhwaz99adnw/Ofn/4165I43r+gWM' +\n 'lyG1RJBjYenY0v+J0sf/CDs+3v/yF7v/yNZLKTpp7hiQIBuImDq/ElS7P+138zA8cdly2ve2PGr9w0fU' +\n 'fRqyR9dUYvvjxXv/wVOeqlL8qqxz0hJ7z+/2Xf176aXR//ZEa+d346u/ak6TQH5xi64ZVnDxwwqpctyd' +\n 'Bpp2TVE385qx//hPSv35jh887Jlr95S4bP+p7tEhYMAYDydJu01qzMUS/5nax9+jNSDQz1Luvig3vhqK' +\n 'qbnX0fblVVZ+kZd8/xb3h9dnzwg9n+z+9Ne+ceQzYB5kiVJk1VZ+WjHpPWihXZ9Kevuf7yetOlrjNx9e' +\n 'Zs/pPXZv93vpt1v/nrWfnox2TFwx6esct+kOGzz8noRRdn4prN6e7dm+7kZKpWK/WyZek/amOG7nhalt' +\n '7nXll6t7unb/XaTGzZnK3veHt2fvCjmTwwsSAsEAIAZek2aS1dkqNf/ntZ+/RnTk30F9V2ARJsOBKtFa' +\n 'uy4befl8FTbp8tr39Txn98Ve+STV5WALOsOrgZtvz+D8xxr/nTXPOKP83EdI8EaNXpjI1l90c+lf3f+E' +\n '5W/tIjsuqXH5Mlp98lS+92zzRNN93RkXRHhtO0O6ladeqhodRLlyetvjST4xn/yU+y88Mfzp7P/EfGLr' +\n 'siTbex88+CIwBQlKpVZ91vPStrn/arSd3qjeqywb/w3NKleuA2qFp9WfWox6Rv/fps/vPXZvSCH9iQA5' +\n 'hjy+//wBzzyv+TTa96ddo79kzfxIBJUlVpWlXa127Ljvd8KLs/8ZkMnXZKltz9rllypzum/9hj0lq9Nt' +\n 'XAQNLpZGLf1Zm87rqM/fBHGb3gooxdfGnvKgIHdvync9lglggAlGFq4pblj3pw1j/nOan6B3rf97m9YF' +\n 'V1HbO4MR2W3ePeOf71f5FNf/zqjHzvolS1kQCLnvIL89rKRzwqEy+4Klvf+NY07c70fiZXSdOqkrTS2T' +\n '+c4XPOy/A55yV9rdRDg6kGBlP11Wk6TZqJiTTj42kmJnubHPXUTr8dfxYwhzooQ9Ok/9iN2fiiF6a1em' +\n '2aQ53xlfmpqpLKxxfTpcmSO94lx73mz7LkLqelme5ZqJl/qvgMgXmqmdrRXvuMZ2bFox6aptuZuTurqq' +\n 'TV6n01SXdkPJ3de9LeviudXbvTHR5J0+n2/ryvZcefRcHajzJUydpnPDXL7n6vqQlefYAvZJ49plfvFb' +\n 'XkzmfkmD9+RQZOOCbpdFPphItX43ME5quqSqpUaS1bkfXPe276j96YdJrZ+UyuDizADb5gkREAWPy63Q' +\n 'yddvuseepTfZAvJk3jBACm3bL7/UKOetnvprV8qZFCi53VAcx7S8+4W1Y98bGprPFh2ggALG5N72j/6q' +\n 'c8If3HnTDXS8M0aZomTbdrJAfTrkqy+nFPyNpnPU0vBJhjVd3Kmic+MX0b1/dm3AeOmADA4tbtpv+EY7' +\n 'Pq0b/kYM+i0iSN87SZGVX/QNY9+9lZcs8zeud+AjBnhu5056x45EOt92GaCAAsbk2T5Q9+QAZOOnmul4' +\n 'Tp1CTpdl0EgBkzcNQx2fC856S1Ymnvck8AzImq1ZdVj3tsWiuXT80QCBwJAYBFrV4ylBUPe0gqsz0Dt9' +\n 'GKhz4sKx/+kF5sAmDOLLnLGRk87RRXaYFpYK+IxavbTf/xx2TJXc6Y6yUBFqB6cEnWPvMZ6VuzylEngD' +\n 'nUWrU6S+99j97pnD6O4YgIACxaTdNk6E6npW/9+rleFGCBWnqPe2bZg+/vqBPAHKpSZeldz0jd3+8SrX' +\n 'CE+uZ6AWCmVFWVodPvmLpvYJbusTl4aToTDs4wEwExS+rBoax63GOz94tfTTPR9uZeTGZxJ6JpurP40q' +\n 'kKeJ1WmQ+HgZum6V2ebiYuGbKgRh1Vs3KZ5cGTT069Ylnau/amgBc5zBgBgEWp6iZVf3+Gbne7GbyXJk' +\n '2qNBPj2f+tb2T/N7+Vzr69UwuwwFdMzdQ/mmZeboQ0TZORCy9KWgYxHSA8zYwmvVEAgycen/HLfpymz2' +\n 'tuUahmb/exaU9m+wfek7FLLk1arRm8o97vVdX1PPswqJOq6i3SdC1XVWVi0+akPbcxeM/nP5t9//21VD' +\n 'OxLpp6gc7a6KOmOez5TuqhJRm64x2z4mEPy8DxJ87YIvatW5/WqlVp79yTefYihwVFAGBRatKkXjKUvq' +\n 'M2zuC9VEm3kx0feH+u+7t3pLNnfw6ukBbDeunA1vE8/V2quk5VVfPgGNDcGz7vnIxfcUVS1zeJT1V6we' +\n 'RWN+ya3vsm3eYWj60d/P7BqzDc2ouj6Q3WOJRZ9JsmTafd+++6St+GtVly2h0zeNLJqQYG5+yxrdKkf8' +\n 'PGLL33PTJ26RVzthxMs2p2jlgmSdNpZ99/fyP7v/ytpG/mA8C8NN0f1FV6z98cR+DRCy7Mrn89M+lbBJ' +\n 'vTR7jOr1p1hk7/eI7901dm2b3vNyOLWC9dltaqFfPywAQsJIvgEwtuXr1kSfpWrZ3R+xi74kfZ/p4PpL' +\n 'N/JOn3dppNVv8HNNn9yU9n5/v+Lenv+zmPyyE+Yof6wB7qBthhPlFVXyt969Zm2f3vnTVPfUqW3ff+qQ' +\n 'eHpu9hO/QlSVW3sux+98muj33KXACLRJUq1SyO1Kqqunf0fyYDALOuquvezr/nNWmS0Qt+kK1veVtOfN' +\n 'vfpW/l6mm/i6qvlXrpXKwHYHGxx8Li1DSpl/SnHprZ8//HLr007a3be0deYa40U1/d/JyjN9O8s3OoO0' +\n '+He7ftJpNbtmf3J/8j+77yjaz65Udl/W8/J0O3P3X6f5dDsOT009O3bk0mt25P6vl6mBVg7lR1K2MXX5' +\n 'aJq65K3xmrZ+AOql5IcwQAjoi9FhavupVUM/sSbyYnTUjHPLG4dkqbOkmrSvpa6ewfzs4PfyJXvfil2f' +\n 'OF/7r+VIFZ1H/MsRm83YlpvN85HFUW21sUburAqRkzNbqmaZJOx3sJjpAAwKJUJUm3O+Mb64O3v13qlS' +\n 'sO7Rxn4PBUvWH445f9OJte8ers+Nf3pzs5PquL0Fq2PEN3Os12J7ddFaPEKELT6WTJXe+cgRNnZiLApt' +\n '1Jd3QsCgAcGacAsCg1qdIdnUgzPjmj97Pk9Ltkzf94Yna879/STEzm4OWXDqcH3ODvHcmqrTnSG7jRDU' +\n '2Tn12eG042VE2di1tVtz6nHMVqqiR9ddq79mbrG9+aZmIi637r2bN4mc8qQ3e6Y+9cX72P22TqkgPtqZ' +\n 'ErXj/ToOmN8Jvjq3I03W7veZ2h53S2V4m3afuh+Zn/abWy5G53zsbf/930rVg1I8vXHR1NZ++w/X84Qg' +\n 'IAi1JVJc3oaDp7diU5eUbuo0mTamAwR/3+72Xw9rfL/m99J93h4WRqdvrDOuLT7U7L7La9icqaI9omqZ' +\n 'retaunZbbdn504rdWXqq8v3dGRtLfuSPu67ekOj0z9mSNl3LKqrtIdGct1b31n6pWrsu7pz8hsbQ0OnH' +\n 'xy6qVL0t0/svAv9cms6U0iee/e1SymGvFhfzgfXLcU/vqrkva2bRk578I0czgCb/DUU7LiMb+Yqp7GSQ' +\n 'CbJk23O2fP8IH1/q09qlWSqtWfamAg9fLlGTr9jln5yEdk8PiTZmzZOrt2prN3j89fOEICAItTVaUzOp' +\n 'bJLVuTu83QXUytnlsrVmXds/5X1v7q03vnJk+tmA5rhunp2PmfptuZruW52ds5sBHbbqezd2/Gf/Lj7P' +\n '/OWdn3la9n7PIr0ky2U9W1EQHcRFMlaVXp7B/JdX/3jgzd4dQsved9ZmVjuf/oo9O3alUm9g735ieAQ1' +\n 'D19WfD815w2NdYv+kNeu1VrVb2fuULufL3/k8yMftzghyw5klPzZonPHl6b7S5Pt/PyQiA27Der6q6d9' +\n 'Cj1Tcrr8vxTdeks2/YewCOkADAotVMTGbsRz/Kql+anfur+vpT9fXP9a+9sI4LDST10uXpP/rYLPuFB2' +\n 'Xdr/1a9n75S9n5oY9m7KLLelsjZlzn5tR1JjdvzbZ3/ktO+Os7pV62fMZf+61Vq9O3YW0mrto01789C0' +\n 'xVt3oT0zJ95sHjWbX6ktb0b0rP1Vpvvq9txy69LM34hDk14Ah5B7EoNVWSpsnoxZekOzG7k4VxOJpUVZ' +\n 'X+DUdl3TP+Z076h7dl/Qt+M61Vy5OOWde5GVWSViv7v/7t7Pvvr8zKhmtrydL0bdjoHG6AWdYdH8voBR' +\n 'emma6RiVAwAYDFq64zdsllmbzW0br578a7bwNHH5ejX/a/c/zrXp3B250gAnDzqqQ7MpZdHzszneF9M3' +\n '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' +\n 'Sbbu/gEcaZfpqr3kzts7dDXiV1a/ZOi6iSqnX499VUVSa3XJu0b+Ezo66z9z+/nIkrrsnMPVlVxi67tD' +\n 'ej/ow/YLPoQNtu1ens2Z/t73xf9n/jOxk49ti5XrJbXN4kqQcHUjXVjIVeWEyq8+9w+qL63IKbU1VV6u' +\n 'VLe9eRPUJNt5ne7Ynpvq7tdO6A/JzbanoPRm8Ht2mmdlhv/HXwsWoOXF946sTrqSNNB7Y1p22F3TRpLV' +\n '+W/mOOmfEjTO1t29PetfsWN9BbS4dSDfQf4e9zgxAwLY9PZu31MV23d+BV03S7SbfT+3e7M/Xaam7wsq' +\n 'qvnxF6NjcADyxyp2Pnfz6qqpsf/dFk6jnLob1eDp4GPc2f//NJlYX1u1XVwcB3szrTG8RvVl33vhbxTm' +\n 'fVHDgYMM9fHHWdqhIA4FAIAJRjvq+8FqR5eAme5vBHedy2X/1Whst6vU2zefhaAwBYYJwCQDmcF1aG+X' +\n 'J5r/mwDAAAcAOmywQAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAA' +\n 'AAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAA' +\n 'CAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAA' +\n 'BQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAA' +\n 'AKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAE' +\n 'ABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAAC' +\n 'iAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAA' +\n 'UQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoA' +\n 'ACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFE' +\n 'AAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAg' +\n 'gAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAA' +\n 'EAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIA' +\n 'AAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBA' +\n 'AAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAA' +\n 'AAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAA' +\n 'AAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAA' +\n 'AAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAA' +\n 'AAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAA' +\n 'AAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAA' +\n 'AACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAA' +\n 'BAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAA' +\n 'AogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAA' +\n 'AFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAK' +\n 'AAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAAB' +\n 'RAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgA' +\n 'IIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUA' +\n 'ABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACi' +\n 'AAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQ' +\n 'QAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogA' +\n 'AAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEA' +\n 'AAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAg' +\n 'AAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAA' +\n 'AAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAA' +\n 'AAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAA' +\n 'AAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAA' +\n 'AAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAA' +\n 'AAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAA' +\n 'AABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAA' +\n 'CgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAA' +\n 'AUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAI' +\n 'ACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAF' +\n 'AAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAA' +\n 'ogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQA' +\n 'EEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKI' +\n 'AAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABR' +\n 'AAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAA' +\n 'IAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQA' +\n 'AAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCA' +\n 'AAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQ' +\n 'AAAAAKIAAAAABAAQQAAAAAKIAAAAAAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAA' +\n 'AAAEABBAAAAAAogAAAAAAABRAAAAAAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAA' +\n 'AAACiAAAAAAAAFEAAAAACgAAIAAAAAFEAAAAAAgAIIAAAAAFAAAQAAAAAKIAAAAABAAQQAAAAAKIAAAA' +\n 'AAAAUQAAAAAKAAAgAAAAAUQAAAAACAAggAAAAAUAABAAAAAAogAAAAAEABBAAAAAAogAAAAAAABRAAAA' +\n 'AAoAACAAAAABRAAAAAAIACCAAAAABQAAEAAAAACiAAAAAAQAEEAAAAACiAAAAAAAAFEAAAAACgAAIAAA' +\n 'AAFOD/AxRUE3P/OmX6AAAAAElFTkSuQmCC';\n\nexport default imgData;","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport _ from 'lodash'\nimport jsPDF from 'jspdf'\n\nimport ProductDetails from '../Details/ProductDetails'\nimport { emailForm } from '../../../actions'\nimport './style.css'\nimport imgData from './SidlerIcon.base64'\n\nclass Checklist extends Component {\n renderProducts(products) {\n let res = _.map(products, (p, i) => {\n let type = p.type;\n return (
)\n })\n return res;\n }\n\n getPdfBlobURL = () => {\n let data = this.props.checklistData;\n const totalPrice = +data.price;\n var doc = new jsPDF();\n doc.setFontSize(13);\n doc.addFont('Arial', 'sans-serif');\n doc.setFont('Arial');\n doc.addImage(imgData, 'JPEG', 25, 18, 20, 20);\n doc.text('SIDLER® International Ltd.', 50, 22);\n doc.text('( 888 )-415-2422', 50, 27);\n doc.text('7626 Winston Street', 50, 32);\n doc.text('Burnaby, BC V5A 2H4, CANADA', 50, 37);\n doc.addFont('Arial', 'sans-serif');\n doc.setFont('Arial');\n doc.setFontSize(19);\n doc.setFontStyle('bold')\n doc.text('Configuration number: ' + data.order_id.toString(), 25, 58);\n doc.addFont('Arial', 'sans-serif');\n doc.setFont('Arial');\n doc.setFontStyle('bold');\n doc.text('Total price: ' + totalPrice.toFixed(2) + ' ' + window.currency.toUpperCase(), 25, 68);\n doc.setFontSize(16);\n doc.addFont('Arial', 'sans-serif');\n doc.setFont('Arial');\n doc.setFontStyle('normal')\n data.products.map((product, i) => {\n const price = +product.price\n let y = 78 + (i * 10);\n doc.text(product.name, 25, y);\n doc.text(price.toFixed(2), 150, y);\n return product;\n });\n doc.setFontSize(13);\n doc.textWithLink('sidler-international.com', 80, 285, { url: 'http://www.sidler-international.com' });\n let blob = doc.output('blob');\n return window.URL.createObjectURL(blob);\n }\n\n _formPdf = () => {\n // let blocked = document.getElementsByClassName('ad-banner')[0].clientHeight\n let url = this.getPdfBlobURL()\n let link = document.createElement('a')\n link.href = url\n link.download = \"checkout.pdf\"\n link.click()\n }\n _printPdf = () => {\n let url = this.getPdfBlobURL()\n let w = window.open(url)\n w.print()\n }\n _emailHandleForm = () => {\n window.order_id = this.props.checklistData.order_id\n this\n .props\n .emailForm({ emailFormState: true })\n }\n render() {\n const { checklistData } = this.props;\n let { products, price, order_id } = checklistData;\n price = +price;\n return (\n
\n
\n
\n Back\n
\n
\n
\n
Configuration Number \n #{order_id} \n \n
\n {this.renderProducts(products)}\n
\n
\n
\n
\n
Total
\n
{price.toFixed(2)} {window.currency.toUpperCase()}
\n
\n
\n
\n
\n
\n );\n }\n}\n\nconst mapStateToProps = state => ({\n isChecklistFetching: state.navigation.isChecklistFetching,\n})\n\nconst mapDispatchToProps = dispatch => {\n return {\n emailForm: emailFormState => {\n dispatch(emailForm(emailFormState))\n }\n }\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(Checklist);\n","import React, { Component } from 'react';\nimport { MoonLoader } from 'react-spinners';\n\nimport Windows from './Windows/Windows';\nimport Addons from './Addons/Addons';\nimport Select from './Select/SelectContainer';\nimport Details from './Details/DetailsContainer';\nimport Proceed from './Proceed/Proceed';\nimport Phonetabs from './Phonetabs/Phonetabs';\nimport Checklist from './Checklist/Checklist';\nimport _ from 'lodash';\n\nimport './style.css'\n\n\nclass Navigation extends Component {\n constructor(props) {\n super(props);\n this.state = {\n cabinets: true,\n addons: false,\n details: false,\n checklist: false\n }\n this.handleStateChange = this.handleStateChange.bind(this);\n this.showChecklist = this.showChecklist.bind(this);\n this.hideChecklist = this.hideChecklist.bind(this);\n this.findkey = this.findkey.bind(this);\n }\n\n showChecklist(data) {\n this.props.setConfiguratorStage('checkout');\n this.setState({ checklist: true, checklistData: data })\n }\n\n hideChecklist() {\n this.props.setConfiguratorStage('construct');\n this.setState({ checklist: false })\n }\n\n handleStateChange(param) {\n let nextState = {\n cabinets: false,\n addons: false,\n details: false\n };\n nextState[param] = !this.state[param];\n this.setState(nextState);\n\n }\n findkey() {\n let res = '';\n for (let key in this.state) {\n if (this.state[key] === true) {\n res = key;\n break\n }\n }\n return res;\n }\n\n _formOrderProductsList() {\n let presentedMirrors = this.props.mirrors;\n let mirrors = _.map(presentedMirrors, this.props.mirrorToProduct);\n let addons = _.chain(presentedMirrors).map(m => m.addons).flatten().filter(a => a.id !== '03').map(this.props.addonToProduct).value();\n let sideMirrorProduct = this.props.sideMirrorProduct;\n let kitCount = presentedMirrors.length ? presentedMirrors.length - 1 : 0;\n let kit = _.map(Array(kitCount), () => this.props.kitProduct);\n let res = _.concat(mirrors, addons, sideMirrorProduct, kit);\n res = _.compact(res);\n\n return res;\n }\n\n render() {\n const { isChecklistFetching } = this.props;\n\n let selectedButton = this.findkey();\n let productsForOrder = this._formOrderProductsList();\n if (isChecklistFetching) {\n return (\n
\n )\n }\n return (\n\n
\n {this.state.checklist\n ?
\n :
\n }\n\n
\n );\n }\n}\n\nexport default Navigation;\n","import { connect } from 'react-redux'\nimport { setConfiguratorStage } from '../../actions'\nimport Navigation from './Navigation'\n\nconst mapStateToProps = state => {\n return {\n availableProducts: state.app.availableProducts,\n mirrors: state.app.presentedMirrors,\n kitProduct: state.app.getKitProduct(),\n sideMirrorProduct: state.app.getSideMirrorProduct(),\n mirrorToProduct: state.app.mirrorToProduct,\n addonToProduct: state.app.addonToProduct,\n isChecklistFetching: state.navigation.isChecklistFetching,\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n setConfiguratorStage: (stage) => {\n dispatch(setConfiguratorStage(stage))\n }\n }\n}\n\nconst NavigationContainer = connect(\n mapStateToProps,\n mapDispatchToProps\n)(Navigation)\n\nexport default NavigationContainer\n","import React, { Component } from 'react';\n\nclass IE extends Component {\n render() {\n return (\n
\n
Sorry, we are not supporting Internet Explorer and Edge browsers right now. Please, use another browser to proceed. \n \n );\n }\n}\n\nexport default IE;","import React, { Component } from 'react';\nimport './style.css'\nimport {apiBase} from '../../Constants';\nimport {emailForm} from \"../../actions\";\nimport {connect} from \"react-redux\";\nimport {successNotification, warningNotification} from \"../tips/Tips\";\n\nclass Mailsend extends Component {\n state = {\n email: \"\",\n }\n\n validateEmail = (email) => {\n \n var re = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(email);\n }\n\n sendMail = () => {\n const { emailForm } = this.props;\n let proceed_Url = `${apiBase}/email`;\n let dataObj = {\n email: this.state.email,\n id: window.order_id,\n }\n let params = {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(dataObj)\n };\n emailForm({ emailFormState: false })\n fetch(proceed_Url, params)\n .then(response => response.json())\n .then(data => {\n successNotification({ text: data.message })\n })\n .catch(e => {\n warningNotification({ text: e.message })\n console.log(e);\n return { error: true }\n })\n }\n\n handleEmailChange = ({ target }) => {\n const { value = \"\" } = target;\n this.setState({ email: value.trim() });\n }\n\n render() {\n const { email } = this.state;\n const isValidEmail = this.validateEmail(email);\n\n return (\n
{ this.props.emailForm({ emailFormState: false }) }}>\n
{ e.stopPropagation() }} >\n
\n
Email \n \n
Send \n
\n
\n );\n }\n}\n\nconst mapStateToProps = state => {\n return {}\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n emailForm: emailFormState => {\n dispatch(emailForm(emailFormState))\n }\n }\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(Mailsend);","import React, { Component } from 'react'\nimport Field from './presentation/Field'\nimport Navigation from './navigation/NavigationContainer'\nimport { DragDropContext } from 'react-dnd'\nimport HTML5Backend from 'react-dnd-html5-backend'\nimport IE from './IE'\nimport Mailsend from '../components/Mailsend/Mailsend'\n\nclass Main extends Component {\n \n render(){\n const { presentedMirrors, previewOrDrag } = this.props;\n return (\n
\n
\n
\n { this.props.emailFormState ?
: null}\n
\n \n
\n
\n );\n }\n}\n\nexport default DragDropContext(HTML5Backend)(Main);\n","import { connect } from 'react-redux'\nimport Main from '../components/Main'\n\nconst mapStateToProps = state => {\n let previewOrDrag = state.app.isMirrorDrag || !!state.app.requstedPreviewMirrorSize;\n return {\n emailFormState: state.app.emailFormState,\n presentedMirrors : state.app.presentedMirrors,\n previewOrDrag\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n }\n}\n\nconst MainContainer = connect(\n mapStateToProps,\n mapDispatchToProps\n)(Main)\n\nexport default MainContainer","import React, { Component } from 'react';\nimport './style.css'\n\nclass Loaders extends Component {\n render() {\n return (\n
\n
\n
\n
\n
\n );\n }\n}\n\nexport default Loaders;","import React, { Component } from 'react';\nimport './App.css';\nimport { apiBase } from './Constants';\nimport Main from './containers/Main';\nimport Loaders from './components/loaders/loaders';\n\nclass App extends Component {\n\n constructor(){\n super()\n this.state = {\n currency: false\n }\n }\n\n setCurrency(currency){\n this.setState({ currency })\n window.currency = currency;\n this.loadProducts();\n }\n\n loadProducts(){\n let fetch_Url = `${ apiBase }/products`;\n // DEMO URL\n //let fetch_Url = 'http://sidler-test-feature.s3-website.us-east-2.amazonaws.com/products.json';\n fetch(fetch_Url).then(response => response.json())\n .then(data => {\n let products = data.map(p => {\n p.price = p[`price_${this.state.currency}`];\n p.type = p.type_name;\n p.available = !!p.available;\n return p;\n })\n this.props.setProducts(products);\n })\n .catch(e => {\n console.log(e);\n console.log('ERROR');\n return { error: true }\n })\n\n }\n\n renderCurrencyModal(){\n return(\n
\n
\n
Select your country
\n
\n
{ this.setCurrency('cad') } }> Canada
\n
{ this.setCurrency('usd') } }> USA
\n
\n
\n
\n )\n }\n\n render() {\n return (\n
\n
\n
\n
\n { !this.state.currency && this.renderCurrencyModal() }\n { (!this.state.currency && this.props.loading)\n ?
:\n
}\n
\n );\n }\n}\n\nexport default App;\n","import { connect } from 'react-redux'\nimport { setProducts } from '../actions'\nimport App from '../App.js'\n\nconst mapStateToProps = state => {\n return {\n availableProducts: state.app.availableProducts,\n loading: state.app.availableProducts.length ? false : true\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n setProducts: (products) => {\n dispatch(setProducts(products))\n }\n }\n}\n\nconst AppContainer = connect(\n mapStateToProps,\n mapDispatchToProps\n)(App)\n\nexport default AppContainer","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport default function register() {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (!isLocalhost) {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n } else {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux'\nimport { createStore } from 'redux'\nimport configuratorApp from './reducers'\nimport './index.css';\nimport App from './containers/App';\nimport registerServiceWorker from './registerServiceWorker';\n\n\nlet store = createStore(\n configuratorApp,\n window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()\n)\n\nReactDOM.render(\n
\n ,\n document.getElementById('root')\n)\nregisterServiceWorker();\n"],"sourceRoot":""}
![\"\"](\"img/icon-01.svg\"){kind=icon}
);\n }\n return res;\n }\n\n renderInfoIcon() {\n let res = null;\n let { type, product } = this.props;\n if (type === 'kit') {\n res = (\n ![\"\"](\"img/icon-03.svg\"){kind=icon}
\n ![\"\"](\"img/icon-02.svg\"){kind=icon}
\n \n );\n if (type === 'addon' && this.props.product.type_id === '03') {\n res = null;\n }\n return res;\n }\n\n renderIcons() {\n let res = (\n ![ad](\"/img/ad.gif\")
\n ![\"\"/](\"img/logo75.png\"){kind=logo}
\n ![\"rotate](\"./img/rotate.png\")
\n