{"version":3,"sources":["manufacturer/ManufacturerItem.js","home/homePage/HomeLine.js","home/homePage/IndividualProject.js","home/homePage/HomeGooglePlay.js","home/homePage/GoodsItem.js","home/homePage/ElementItem.js","home/homePage/HomeFAQ.js","home/homePage/HomePage.js"],"names":["ManufacturerItem","item","this","props","className","href","innerWebsiteName","Helper","getMyCompanySiteLink","websiteLink","rel","target","key","id","src","logo","name","address","Component","HomeLine","style","width","height","backgroundColor","React","HomeGooglePlay","onOpenGooglePlay","sendAmplitudeData","amplitudeTypes","CLICK_GOOGLE_PLAY","onARSupportClick","window","open","t","project","Row","Col","fontSize","xs","AndroidMobileApp","onClick","GoodsItem","on3dClick","setState","show3d","state","isShow3dOnDemand","editorSrc","editorPreviewLink","firstSpecificationImage","isMobile","frameBorder","HomeFAQ","toggleOpen","index","items","isOpen","title","text","marginBottom","map","display","alignItems","cursor","size","color","Collapse","HomePage","onIndividualProjectClick","typeKey","redirectToProjects","CLICK_MORE_PRODUCTS","onDemoEditor","editorWindow","loading","makeDemoProduct","isOk","product","OPEN_DEMO_EDITOR","editorLink","location","protocol","host","isAuthenticated","startEditorTimer","saveDemoProductId","toastr","error","setTimeout","onDemoFinish","DemoSessionTime","timer","setInterval","clearInterval","closed","close","showAfterDemoPopup","hideAfterDemoPopup","onCreateProjectAfterDemo","CLICK_PROJECT_CREATE_DEMO","cancelAfterDemo","CLICK_PROJECT_CANCEL_DEMO","onCreateProject","CLICK_PROJECT_CREATE_HOMEPAGE","onGoodsItemClick","CLICK_MORE_GOODS","redirectToGoods","onElementClick","CLICK_MORE_ELEMENTS","redirectToElements","onManufacturerClick","history","push","onArticleClick","pathKey","onIndividualProjectIdClick","onExecutorRegionClick","localStorage","setItem","videoCode1","getHomeData","getInfoVideo","code","getManufacturers","failed","individualProjects","goods","instructions","elements","productsTypes","elementsCategories","executorRegions","isSmallScreen","innerWidth","to","isTablet","backgroundImage","FullPageLoader","Alert","Container","Button","position","type","allow","justifyContent","flexWrap","proj","productTypeUrl","textDecoration","ProductCard","addFavorites","removeFavorites","loadFavoriteLocal","onConstructorOpenClick","constructorOpenClick","isHomeCard","prod","url","maxHeight","image","el","outline","marginTop","maxWidth","manufacturers","regionId","region","cities","item2","itemIndex","Modal","toggle","ModalBody","ModalFooter","mapDispatchToProps","actions","withTranslation","connect","login","home","success","manufacturer"],"mappings":"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","file":"static/js/41.77920cf5.chunk.js","sourcesContent":["import React, { Component } from \"react\"\r\nimport Helper from \"../utils/helper\";\r\nimport './ManufacturerItem.css';\r\n\r\nexport default class ManufacturerItem extends Component {\r\n    render() {\r\n        const { item } = this.props;\r\n        return (\r\n            <a className=\"m-item\"\r\n                href={item.innerWebsiteName ? Helper.getMyCompanySiteLink(item.innerWebsiteName) : item.websiteLink}\r\n                rel={item.innerWebsiteName ? '' : 'nofollow'}\r\n                target=\"_blank\"\r\n                key={item.id}\r\n            >\r\n                <div className=\"m-image-item\" >\r\n                    <img src={item.logo ? item.logo : \"/img/welder.png\"} />\r\n                </div>\r\n                <div className=\"align-center\">{item.name}</div>\r\n                {item.address &&\r\n                    <div className=\"m-addess-item multiline\">{item.address}</div>\r\n                }\r\n            </a>\r\n        );\r\n    }\r\n}","import React from 'react';\r\n\r\nexport default class HomeLine extends React.Component {\r\n    render() {\r\n        return (\r\n            <div\r\n                style={{ width: \"65px\", height: \"3px\", backgroundColor: \"#00d17b\" }}\r\n                className={this.props.className ? this.props.className : \"\"} ></div>\r\n        );\r\n    }\r\n}","import React from 'react';\r\nimport { Md3DRotation } from \"react-icons/md\";\r\nimport Helper from '../../utils/helper';\r\nimport { isMobile } from 'react-device-detect';\r\n\r\nexport default class IndividualProject extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            show3d: false\r\n        };\r\n        this.isShow3dOnDemand = Helper.isShow3dOnDemand();\r\n    }\r\n\r\n    on3dClick = () => {\r\n        this.setState({\r\n            show3d: true\r\n        });\r\n    }\r\n\r\n    getTypeNameByKey = (key) => {\r\n        if (key == \"balcon\") {\r\n            return this.props.t('homeProject.balcons');\r\n        } else if (key == \"canopy\") {\r\n            return this.props.t('homeProject.canopies');\r\n        } else if (key == \"gate\") {\r\n            return this.props.t('homeProject.gate');\r\n        } else {\r\n            return this.props.t('homeProject.stairs');\r\n        }\r\n    }\r\n\r\n    onSelfClick = () => {\r\n        if (this.isShow3dOnDemand && !this.state.show3d) {\r\n            this.setState({\r\n                show3d: true\r\n            });\r\n        } else {\r\n            this.props.onClick();\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const { t, project } = this.props;\r\n        const editorSrc = Helper.editorPreviewLink(project.id);\r\n        return (\r\n            <div className={!isMobile ? \"projItem\" : \"projItem-m\"} onClick = { this.onSelfClick } >\r\n                <div className={!isMobile ? \"projItem3d\" : \"projItem3d-m\"}>\r\n                    <img style={{ width: '100%' }}\r\n                        src={project.firstSpecificationImage} />\r\n                    {/*(this.isShow3dOnDemand && !this.state.show3d) ?\r\n                        <>\r\n                            <img style={{ width: '100%' }}\r\n                                src={project.firstSpecificationImage} />\r\n                            <Md3DRotation className={!isMobile ? \"h-icon-3d\" : \"h-icon-3d-mobile\"} onClick={this.on3dClick} />\r\n                        </>\r\n                        :\r\n                        <iframe\r\n                            width=\"100%\"\r\n                            height=\"100%\"\r\n                            src={editorSrc}\r\n                            frameBorder=\"0\"\r\n                        />\r\n                    */}\r\n                </div>\r\n                <div className=\"align-center\" style={{ fontSize: \"16px\" }}><b>{this.getTypeNameByKey(project.typeKey)}</b></div>\r\n            </div>\r\n        );\r\n    }\r\n}","import React from 'react';\r\nimport { Row, Col, Button, Container } from 'reactstrap';\r\nimport Helper from '../../utils/helper';\r\nimport { sendAmplitudeData, amplitudeTypes } from '../../utils/amplitude';\r\n\r\nexport default class HomeGooglePlay extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n    }\r\n\r\n    onOpenGooglePlay = () => {\r\n        sendAmplitudeData(amplitudeTypes.CLICK_GOOGLE_PLAY, null);\r\n    }\r\n\r\n    onARSupportClick = () => {\r\n        window.open(\"https://developers.google.com/ar/discover/supported-devices\", '_blank');\r\n    }\r\n\r\n    render() {\r\n        const { t, project } = this.props;        \r\n        return (\r\n            <div className=\"googlePlayRow p-2 mr-2\">\r\n                <Row>\r\n                    <Col>\r\n                        <span style={{ fontSize: \"14px\" }}>{t('homeProject.arMobile')}</span>\r\n                    </Col>\r\n                    <Col xs=\"auto\">\r\n                        <a href={Helper.AndroidMobileApp} target=\"_blank\" onClick={this.onOpenGooglePlay}>\r\n                            <img src=\"/img/google-play.png\" />\r\n                        </a>\r\n                    </Col>\r\n                </Row>\r\n                <div className=\"arSupport\" onClick={this.onARSupportClick}>{t('homeProject.arSupport')}</div>\r\n            </div>\r\n        );\r\n    }\r\n}","import React from 'react';\r\nimport { Md3DRotation} from \"react-icons/md\";\r\nimport Helper from '../../utils/helper';\r\nimport { isMobile } from 'react-device-detect';\r\n\r\nexport default class GoodsItem extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            show3d: false\r\n        };\r\n        this.isShow3dOnDemand = Helper.isShow3dOnDemand();\r\n    }\r\n\r\n    on3dClick = () => {\r\n        this.setState({\r\n            show3d: true\r\n        });\r\n    }\r\n\r\n    render() {\r\n        const { t, project } = this.props;\r\n        const editorSrc = Helper.editorPreviewLink(project.id);\r\n        return (\r\n            <div className=\"goodsItem\" onClick={this.props.onClick}>\r\n                <div className=\"goodsItem3d\">\r\n                    {(this.isShow3dOnDemand && !this.state.show3d) ?\r\n                        <>\r\n                            <img style={{ width: '100%' }}\r\n                                src={project.firstSpecificationImage} />\r\n                            <Md3DRotation className={!isMobile ? \"h-icon-3d\" : \"h-icon-3d-mobile\"} onClick={this.on3dClick} />\r\n                        </>\r\n                        :\r\n                        <iframe\r\n                            width=\"100%\"\r\n                            height=\"100%\"\r\n                            src={editorSrc}\r\n                            frameBorder=\"0\"\r\n                        />\r\n                    }\r\n                </div>\r\n                <div className=\"align-center\" style={{ fontSize: \"16px\" }}><b>{project.name}</b></div>\r\n            </div>\r\n        );\r\n    }\r\n}","import React from 'react';\r\nimport { Md3DRotation} from \"react-icons/md\";\r\nimport Helper from '../../utils/helper';\r\n\r\nexport default class ElementItem extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            show3d: false\r\n        };\r\n        this.isShow3dOnDemand = Helper.isShow3dOnDemand();\r\n    }\r\n\r\n    on3dClick = () => {\r\n        this.setState({\r\n            show3d: true\r\n        });\r\n    }\r\n\r\n    render() {\r\n        const { t, element } = this.props;\r\n        //const editorSrc = `${window.location.protocol}//editor.${window.location.host}?productId=${project.id}&nocontrols=true`;        \r\n        const editorSrc = `/viewer3d?src=${element.modelUrl}`;\r\n        return (\r\n            <div className=\"goodsItem\" onClick={this.props.onClick}>\r\n                <div className=\"goodsItem3d\">\r\n                    <img style={{ width: '100%' }}\r\n                        src={element.iconUrl} />\r\n                    {/*(this.isShow3dOnDemand && !this.state.show3d) ?\r\n                        <>\r\n                            <img style={{ width: '100%' }}\r\n                                src={element.iconUrl} />\r\n                            <Md3DRotation className=\"icon-3d\" onClick={this.on3dClick} />\r\n                        </>\r\n                        :\r\n                        <iframe\r\n                            width=\"100%\"\r\n                            height=\"100%\"\r\n                            src={editorSrc}\r\n                            frameBorder=\"0\"\r\n                        />\r\n                    */}\r\n                </div>\r\n                <div className=\"align-center element-label\">{element.categoryName}</div>\r\n            </div>\r\n        );\r\n    }\r\n}","import React, { Component } from \"react\";\r\nimport HomeLine from \"./HomeLine\";\r\nimport { isMobile } from \"react-device-detect\";\r\nimport { IoMdArrowDropdown, IoMdArrowDropright } from \"react-icons/io\";\r\nimport { Collapse } from \"reactstrap\";\r\n\r\nexport default class HomeFAQ extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        const t = props.t;\r\n        this.state = {\r\n            items: [{\r\n                title: t('homeProject.faq.h1'),\r\n                text: t('homeProject.faq.t1'),\r\n                isOpen: false\r\n            }, {\r\n                title: t('homeProject.faq.h2'),\r\n                text: t('homeProject.faq.t2'),\r\n                isOpen: false\r\n            }, {\r\n                title: t('homeProject.faq.h3'),\r\n                text: t('homeProject.faq.t3'),\r\n                isOpen: false\r\n            }, {\r\n                title: t('homeProject.faq.h4'),\r\n                text: t('homeProject.faq.t4'),\r\n                isOpen: false\r\n            }, {\r\n                title: t('homeProject.faq.h5'),\r\n                text: t('homeProject.faq.t5'),\r\n                isOpen: false\r\n            }]\r\n        };\r\n    }\r\n\r\n    toggleOpen = (index) => {\r\n        let items = [...this.state.items];\r\n        items[index] = {\r\n            ...items[index],\r\n            isOpen: !items[index].isOpen\r\n        };\r\n        this.setState({ items });\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div style={{ marginBottom: \"50px\" }}>\r\n                <div className=\"align-center mb-3\">\r\n                    <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>FAQ</b></div>\r\n                    <HomeLine className=\"self-center\" />\r\n                </div>\r\n                {this.state.items.map((item, index) => (\r\n                    <div key={index} className=\"mb-2\">\r\n                        <div\r\n                            className=\"hf-header\"\r\n                            style={{ display: 'flex', alignItems: 'center', cursor: \"pointer\" }}\r\n                            onClick={() => this.toggleOpen(index)}\r\n                        >\r\n                            {item.isOpen ?\r\n                                <IoMdArrowDropdown size=\"1.8em\" color=\"black\" />\r\n                                :\r\n                                <IoMdArrowDropright size=\"1.8em\" color=\"black\" />\r\n                            }\r\n                            <span className=\"hf-title\">{item.title}</span>\r\n                        </div>\r\n                        <Collapse isOpen={item.isOpen} className=\"hf-content\">\r\n                            {item.text}\r\n                        </Collapse>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n        );\r\n    }\r\n}","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { push } from \"connected-react-router\";\r\nimport { Alert, Row, Col, Button, Container, Modal, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport FullPageLoader from '../../components/loaders/FullPageLoader/FullPageLoader';\r\nimport HomeLine from './HomeLine';\r\nimport IndividualProject from './IndividualProject';\r\nimport * as actions from '../actions';\r\nimport './HomePage.css';\r\nimport HomeGooglePlay from './HomeGooglePlay';\r\nimport GoodsItem from './GoodsItem';\r\nimport ElementItem from './ElementItem';\r\nimport axios from 'axios';\r\nimport { toastr } from 'react-redux-toastr';\r\nimport Helper from '../../utils/helper';\r\nimport { sendAmplitudeData, amplitudeTypes } from '../../utils/amplitude';\r\nimport HomeFAQ from './HomeFAQ';\r\nimport { getManufacturers } from '../../manufacturer/actions';\r\nimport ManufacturerItem from '../../manufacturer/ManufacturerItem';\r\nimport { MdPhone } from 'react-icons/md';\r\n\r\nimport { addFavorites, removeFavorites, loadFavoriteLocal } from '../../favorites/actions';\r\nimport '../catalogv23/CatalogPage.css';\r\nimport ProductCard from '../catalogv23/ProductCard';\r\n\r\nclass HomePage extends React.Component {\r\n    static DemoSessionTime = 20 * 60 * 1000;\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            redirectToProjects: false,\r\n            redirectToGoods: false,\r\n            redirectToElements: false,\r\n            showAfterDemoPopup: false,\r\n            loading: false,\r\n            videoCode1: ''\r\n        };\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.props.getHomeData();\r\n        this.props.getInfoVideo('MainPageVideo1', (code) => {\r\n            this.setState({\r\n                videoCode1: code\r\n            });\r\n        });\r\n        this.props.getManufacturers(3);\r\n    }\r\n\r\n    onIndividualProjectClick = (typeKey) => {\r\n        this.setState({\r\n            redirectToProjects: true\r\n        });\r\n        sendAmplitudeData(amplitudeTypes.CLICK_MORE_PRODUCTS, null);\r\n    }\r\n\r\n    onDemoEditor = () => {\r\n        if (this.editorWindow != null) {\r\n        } else {\r\n            this.setState({\r\n                loading: true\r\n            });\r\n            this.props.makeDemoProduct((isOk, product) => {\r\n                this.setState({\r\n                    loading: false\r\n                });\r\n                if (isOk) {\r\n                    sendAmplitudeData(amplitudeTypes.OPEN_DEMO_EDITOR, null);\r\n\r\n                    let editorLink = window.location.protocol + '//editor.' + window.location.host + '?productId=' + product.id;\r\n                    this.editorWindow = window.open(editorLink, '_blank');                    \r\n                    if (!this.props.isAuthenticated) {\r\n                        this.startEditorTimer();\r\n                        Helper.saveDemoProductId(product);\r\n                    }\r\n                } else {\r\n                    toastr.error('', this.props.t('errorDataLoad'));\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    startEditorTimer = () => {\r\n        setTimeout(() => {\r\n            this.onDemoFinish();\r\n        }, HomePage.DemoSessionTime);\r\n\r\n        let timer = setInterval(() => {\r\n            if (this.editorWindow == null) {\r\n                clearInterval(timer);\r\n            }\r\n            if (this.editorWindow.closed) {\r\n                clearInterval(timer);\r\n                this.onDemoFinish();\r\n            }\r\n        }, 1000);\r\n    }\r\n\r\n    onDemoFinish = () => {\r\n        if (this.editorWindow != null) {\r\n            this.editorWindow.close();\r\n            this.editorWindow = null;\r\n            if (!this.props.isAuthenticated) {\r\n                this.setState({\r\n                    showAfterDemoPopup: true\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    hideAfterDemoPopup = () => {\r\n        this.setState({\r\n            showAfterDemoPopup: false\r\n        });\r\n    }\r\n\r\n    onCreateProjectAfterDemo = () => {\r\n        sendAmplitudeData(amplitudeTypes.CLICK_PROJECT_CREATE_DEMO, null);\r\n    }\r\n\r\n    cancelAfterDemo = () => {\r\n        this.hideAfterDemoPopup();\r\n        sendAmplitudeData(amplitudeTypes.CLICK_PROJECT_CANCEL_DEMO, null);\r\n    }\r\n\r\n    onCreateProject = () => {\r\n        sendAmplitudeData(amplitudeTypes.CLICK_PROJECT_CREATE_HOMEPAGE, null);\r\n    }\r\n\r\n    onGoodsItemClick = (item) => {\r\n        sendAmplitudeData(amplitudeTypes.CLICK_MORE_GOODS, null);\r\n        this.setState({\r\n            redirectToGoods: true\r\n        });\r\n    }\r\n\r\n    onElementClick = (item) => {\r\n        sendAmplitudeData(amplitudeTypes.CLICK_MORE_ELEMENTS, null);\r\n        this.setState({\r\n            redirectToElements: true\r\n        });\r\n    }\r\n\r\n    onManufacturerClick = () => {\r\n        this.props.history.push('/manufacturers');\r\n    }\r\n\r\n    onArticleClick = (item) => {\r\n        if (!item) {\r\n            this.props.history.push(\"/instructions/0\");\r\n        } else {\r\n            this.props.history.push(\"/instruction/\" + (item.pathKey ? item.pathKey : item.id));\r\n        }\r\n    }\r\n\r\n    onIndividualProjectIdClick = (id) => {\r\n        this.props.history.push('/home/productDetails/'+id);\r\n    }\r\n\r\n    onExecutorRegionClick = (id) => {\r\n        localStorage.setItem(\"selectedRegionId\", id);\r\n        this.props.history.push(\"/kovanie-izdeliya-ceni\");\r\n    }\r\n\r\n    render() {\r\n        const { t, loading, failed, isAuthenticated, individualProjects, goods, elements, instructions, productsTypes, elementsCategories, executorRegions } = this.props;\r\n        const isSmallScreen = window.innerWidth < 575;\r\n        if (this.state.redirectToProjects) {\r\n            return <Redirect to=\"/kovanie-izdeliya-ceni\" />;\r\n        }\r\n        if (this.state.redirectToGoods) {\r\n            return <Redirect to=\"/goods\" />;\r\n        }\r\n        if (this.state.redirectToElements) {\r\n            return <Redirect to=\"/kovanie-elementi-kovki\" />;\r\n        }\r\n        return (\r\n            <div className={!isMobile ? \"container-home\" : \"container-home-mobile\"} style={isTablet ? { backgroundImage: \"url('/img/home/home_bg_tablet.jpg')\" } : {}}>\r\n                {(loading || this.state.loading) &&\r\n                    <FullPageLoader />\r\n                }\r\n                {failed &&\r\n                    <Alert color=\"danger\">\r\n                        {t('errorDataLoad')}\r\n                    </Alert>\r\n                }\r\n                <Container className={!isMobile ? \"container-full\" : \"\"}>\r\n                    {(!isMobile && !isSmallScreen) ?\r\n                        <>\r\n                            <Row className=\"m-0 p-0\">\r\n                                <Col className=\"h-container\" xs=\"7\">\r\n                                    <img className=\"hrect\" src=\"/img/home/h_hrect_full.png\" />\r\n                                    <div className=\"h-h1\">{t('homeProject.h1')}</div>\r\n                                    <div className=\"h-hul mt-4 mb-2\">\r\n                                        <div className=\"h-h3\"><div className=\"h-li-point\" />{t('homeProject.hli1')}</div>\r\n                                        <div className=\"h-h3\"><div className=\"h-li-point\" />{t('homeProject.hli2')}</div>\r\n                                        <div className=\"h-h3\"><div className=\"h-li-point\" />{t('homeProject.hli3')}</div>\r\n                                    </div>\r\n                                    {false && <Link to=\"/project/create\">\r\n                                        <Button color=\"success\" style={{ height: \"65px\", width: \"240px\" }} onClick={this.onCreateProject}>\r\n                                            {t('homeProject.createProject')}\r\n                                        </Button></Link>\r\n                                    }\r\n                                    <Button color=\"success\" style={{ height: \"65px\", width: \"240px\" }} onClick={this.onIndividualProjectClick}>\r\n                                        {t('homeProject.openCatalog')}\r\n                                    </Button>\r\n                                    <br />\r\n                                    {/*<Link to=\"/projectn/myprojects/0\">\r\n                                        <Button\r\n                                            className=\"mt-2\"\r\n                                            color=\"success\"\r\n                                            outline\r\n                                            style={{ height: \"65px\", width: \"240px\" }}\r\n                                        >\r\n                                            {t('homeProject.createProject')}\r\n                                        </Button>\r\n                                    </Link>*/}\r\n                                </Col>\r\n                                <Col className=\"h-container\" xs=\"5\">\r\n                                    <img className=\"phone-image\" src=\"/img/home/home_phone_full.png\" />\r\n                                </Col>\r\n                            </Row>\r\n                        </>\r\n                        :\r\n                        <div className=\"pl-2 pr-2\">\r\n                            <img className=\"hrect-mobile\" src=\"/img/home/h_hrect_mobile.png\" />\r\n                            <div className=\"ml-3 mt-3\">\r\n                                <div className=\"h-h1-mobile\">{t('homeProject.h1')}</div>\r\n                                <div className=\"h-hul mt-4 mb-4\">\r\n                                    <div className=\"h-h3-mobile\"><div className=\"h-li-point\" />{t('homeProject.hli1')}</div>\r\n                                    <div className=\"h-h3-mobile\"><div className=\"h-li-point\" />{t('homeProject.hli2')}</div>\r\n                                    <div className=\"h-h3-mobile\"><div className=\"h-li-point\" />{t('homeProject.hli3')}</div>\r\n                                </div>\r\n                            </div>\r\n                            {/*<Link to=\"/projectn/myprojects/0\"><Button color=\"success\">{t('homeProject.createProject')}</Button></Link>*/}\r\n                            <Button color=\"success\" onClick={this.onIndividualProjectClick}>\r\n                                {t('homeProject.openCatalog')}\r\n                            </Button>\r\n                            <br />\r\n                            <img src=\"/img/home/home_phone_mobile.png\" />\r\n                        </div>\r\n                    }\r\n\r\n                    <div className={!isMobile ? \"h-contactphone\" : \"h-contactphone-mobile\"}>\r\n                        {isMobile ?\r\n                            <a href=\"tel:+380951748378\"><MdPhone size=\"1.2em\" color=\"green\" />+38(095)174-83-78</a>\r\n                            :\r\n                            <span>+38(095)174-83-78</span>\r\n                        }\r\n                    </div>\r\n\r\n                    <Row>\r\n                        <Col className=\"mb-3\">\r\n                            <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.howItWorks')}</b></div>\r\n                            <HomeLine />\r\n                        </Col>\r\n                    </Row>\r\n                    <div className=\"align-center\" style={{ position: 'relative' }}>\r\n                        <iframe\r\n                            className=\"mt-1 mb-4\"\r\n                            type=\"text/html\"\r\n                            width=\"100%\"\r\n                            height=\"600\"\r\n                            src={`https://www.youtube.com/embed/${this.state.videoCode1}?autoplay=1&controls=0&disablekb=1&modestbranding=1&rel=0&mute=1&muted=1&loop=1&playlist=${this.state.videoCode1}`}\r\n                            frameBorder=\"0\"\r\n                            allow='autoplay'\r\n                        />\r\n                        {!isMobile &&\r\n                            <div className=\"h-videoHandleHider\"></div>\r\n                        }\r\n                    </div>\r\n                    <Row style={{ marginBottom: \"50px\" }}>                        \r\n                        <Col className={!isMobile ? \"align-center\" : \"div-info-block\"}>\r\n                            <Link to=\"/kovanie-izdeliya-ceni\">\r\n                                <img className={\"shadowed \" + (!isMobile ? \"\" : \"img-info-mobile\")} src=\"/img/home/h_vibor.png\" />\r\n                            </Link>\r\n                            <div>\r\n                                <div className=\"h-info-head\">{t('homeProject.info.hp6_2')}</div>\r\n                                <div className=\"h-info-text\">{t('homeProject.info.p6_2')}</div>\r\n                            </div>\r\n                        </Col>\r\n                        <Col className={!isMobile ? \"align-center\" : \"div-info-block\"}>\r\n                            <Link to=\"/projectn/myprojects/0\">\r\n                                <img className={\"shadowed \" + (!isMobile ? \"\" : \"img-info-mobile\")} src=\"/img/home/h_mesurer.png\" />\r\n                            </Link>\r\n                            <div>\r\n                                <div className=\"h-info-head\">{t('homeProject.info.hp6_1')}</div>\r\n                                <div className=\"h-info-text\">{t('homeProject.info.p6_1')}</div>\r\n                            </div>\r\n                        </Col>\r\n                        <Col className={!isMobile ? \"align-center\" : \"div-info-block\"}>\r\n                            <img className={!isMobile ? \"\" : \"img-info-mobile\"} src=\"/img/home/h_man_circle.png\" />\r\n                            <div>\r\n                                <div className=\"h-info-head\">{t('homeProject.info.hp6_3')}</div>\r\n                                <div className=\"h-info-text\">{t('homeProject.info.p6_3')}</div>\r\n                            </div>\r\n                        </Col>\r\n                    </Row>\r\n\r\n                    <div className=\"align-center\">\r\n                        <Link to=\"/instruction/kupit-kovanie-izdeliya\">\r\n                            <Button\r\n                                color=\"success\"\r\n                                style={{ width: \"300px\", height: \"60px\", marginBottom: \"50px\" }}>\r\n                                {t('homeProject.details')}\r\n                            </Button>\r\n                        </Link>\r\n                    </div>\r\n\r\n                    <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }} className={isSmallScreen ? \"mt-5\" : \"\"} >\r\n                        <b>{t('homeProject.info.hh1')}</b>\r\n                    </div>\r\n                    <HomeLine />\r\n                    <Row className=\"mt-4\">\r\n                        <Col xs={!isMobile ? \"6\" : \"auto\"}>\r\n                            <Row className=\"mb-4\">\r\n                                <Col xs=\"auto\">\r\n                                    <img className=\"h-info-img\" src=\"/img/home/h_price.png\" />\r\n                                </Col>\r\n                                <Col className=\"pl-0\">\r\n                                    <div className=\"h-info-head\">{t('homeProject.info.hp1_5')}</div>\r\n                                    <div className=\"h-info-text\">{t('homeProject.info.p1_5')}</div>\r\n                                </Col>\r\n                            </Row>\r\n                            <Row className=\"mb-4\">\r\n                                <Col xs=\"auto\">\r\n                                    <img className=\"h-info-img\" src=\"/img/home/h_modeling.png\" />\r\n                                </Col>\r\n                                <Col className=\"pl-0\">\r\n                                    <div className=\"h-info-head\">{t('homeProject.info.hp1_1')}</div>\r\n                                    <div className=\"h-info-text\">{t('homeProject.info.p1_1')}</div>\r\n                                </Col>\r\n                            </Row>                                                       \r\n                        </Col>\r\n                        <Col xs={!isMobile ? \"6\" : \"auto\"}>\r\n                            <Row className=\"mb-4\">\r\n                                <Col xs=\"auto\">\r\n                                    <img className=\"h-info-img\" src=\"/img/home/h_6.png\" />\r\n                                </Col>\r\n                                <Col className=\"pl-0\">\r\n                                    <div className=\"h-info-head\">{t('homeProject.info.hp1_3')}</div>\r\n                                    <div className=\"h-info-text\">{t('homeProject.info.p1_3')}</div>\r\n                                </Col>\r\n                            </Row> \r\n                            <Row className=\"mb-4\">\r\n                                <Col xs=\"auto\">\r\n                                    <img className=\"h-info-img\" src=\"/img/home/h_AR.png\" />\r\n                                </Col>\r\n                                <Col className=\"pl-0\">\r\n                                    <div className=\"h-info-head\">{t('homeProject.info.hp1_4')}</div>\r\n                                    <div className=\"h-info-text\">{t('homeProject.info.p1_4')}</div>\r\n                                </Col>\r\n                            </Row>\r\n                        </Col>\r\n                    </Row>                    \r\n\r\n                    {/* individual projects */}\r\n                    <div className=\"align-center\">\r\n                        <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.individualProjectsSketches')}</b></div>\r\n                        <HomeLine className=\"self-center\" />\r\n                    </div>\r\n                    <div className=\"align-center\">\r\n                        <div className=\"mt-4 mb-4\" style={{ display: 'flex', justifyContent: 'center', flexWrap: 'wrap' }}>\r\n                            {individualProjects && individualProjects.map(proj => (\r\n                                <div key={proj.id}>\r\n                                    <Link to={`/kovanie-izdeliya-ceni/${proj.productTypeUrl}/${proj.id}`} style={{ textDecoration: 'none' }}>\r\n                                        <ProductCard\r\n                                            item={proj}\r\n                                            t={t}\r\n                                            isAuthenticated={isAuthenticated}\r\n                                            addFavorites={this.props.addFavorites}\r\n                                            removeFavorites={this.props.removeFavorites}\r\n                                            loadFavoriteLocal={this.props.loadFavoriteLocal}\r\n                                            onConstructorOpenClick={this.props.constructorOpenClick}\r\n                                            isHomeCard={true}\r\n                                        />\r\n                                    </Link>\r\n                                </div>\r\n                            ))}\r\n                        </div>                        \r\n                    </div>\r\n                    <div className=\"align-center\">\r\n                        <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.individualProjects')}</b></div>\r\n                        <HomeLine className=\"self-center\" />\r\n                    </div>\r\n                    {/*<div className=\"align-center\">\r\n                        <div className=\"mt-4 mb-4\">\r\n                            {individualProjects && individualProjects.map(proj => (\r\n                                <IndividualProject\r\n                                    key={proj.id}\r\n                                    t={t}\r\n                                    project={proj}\r\n                                    onClick={() => this.onIndividualProjectClick(proj.typeKey)} />\r\n                            ))}\r\n                        </div>                        \r\n                    </div>*/}\r\n                    <div className=\"align-center\">\r\n                        <div className=\"mt-4 mb-4\"> \r\n                            {productsTypes && productsTypes.map(prod => (\r\n                                <div key={prod.id}  className={!isMobile ? \"projItemNew\" : \"projItem-mNew\"} onClick={() => this.props.push(prod.url ? \"/kovanie-izdeliya-ceni/\" + prod.url :\"/kovanie-izdeliya-ceni\" )} >\r\n                                    <div className={!isMobile ? \"projItem3dNew\" : \"projItem3d-mNew\"}>\r\n                                        <img style={{ width: '100%', maxHeight:\"100%\" }}\r\n                                            src={prod.image} />\r\n                                    </div>\r\n                                    <div className=\"align-center\" style={{ fontSize: \"16px\" }}><b>{prod.name}</b></div>\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                        <Button\r\n                            color=\"success\"\r\n                            style={{ width: \"300px\", height: \"60px\", marginBottom: \"50px\" }}\r\n                            onClick={this.onIndividualProjectClick}>\r\n                            {t('homeProject.moreProjects')}\r\n                        </Button>\r\n                    </div>\r\n\r\n                </Container>\r\n\r\n                <Container className={!isMobile ? \"container-full mb-5\" : \"mb-5\"}>\r\n\r\n                    {/* elements */}\r\n                    <div className=\"align-center mt-5\">\r\n                        <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.elements')}</b></div>\r\n                        <HomeLine className=\"self-center\" />\r\n                    </div>\r\n                    {/*\r\n                    <div className=\"align-center\">\r\n                        <div className=\"mt-4 mb-4\">\r\n                            {elements && elements.map(el => (\r\n                                <ElementItem\r\n                                    key={el.id}\r\n                                    t={t}\r\n                                    element={el}\r\n                                    onClick={() => this.onElementClick(el)} />\r\n                            ))}\r\n                        </div>\r\n                        <Button outline color=\"success\" onClick={this.onElementClick}>{t('homeProject.moreElements')}</Button>\r\n                    </div>*/}\r\n                    <div className=\"align-center\">\r\n                        <div className=\"mt-4 mb-4\">\r\n                            {elementsCategories && elementsCategories.map(el => (\r\n                                <div key={el.id} className={!isMobile ? \"projItemNew\" : \"projItem-mNew\"} onClick={() => this.props.push(el.url ? \"/kovanie-elementi-kovki/\" + el.url : \"/kovanie-elementi-kovki\")} >\r\n                                    <div className={!isMobile ? \"projItem3dNew\" : \"projItem3d-mNew\"}>\r\n                                        <img style={{ width: '100%', maxHeight:\"100%\" }}\r\n                                            src={el.image} />\r\n                                    </div>\r\n                                    <div className=\"align-center\" style={{ fontSize: \"16px\" }}><b>{el.name}</b></div>\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </Container>\r\n\r\n                {/* goods */}\r\n                <div className=\"h-bg-block\">\r\n                    <Container className={(!isMobile ? \"container-full\" : \"\") + \"mt-3 pt-3 mb-3 pb-3\"} >\r\n                        <div className=\"align-center\">\r\n                            <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.goods')}</b></div>\r\n                            <HomeLine className=\"self-center\" />\r\n                        </div>\r\n                        <div className=\"align-center\">\r\n                            <div className=\"mt-4 mb-4\">\r\n                                {goods && goods.map(proj => (\r\n                                    <GoodsItem\r\n                                        key={proj.id}\r\n                                        t={t}\r\n                                        project={proj}\r\n                                        onClick={() => this.onGoodsItemClick(proj)} />\r\n                                ))}\r\n                            </div>\r\n                            <Button outline color=\"success\" onClick={this.onGoodsItemClick}>{t('homeProject.moreGoods')}</Button>\r\n                        </div>\r\n                        <Row style={{ marginTop: \"95px\", marginBottom: \"30px\" }}>\r\n                            <Col className=\"mb-3\">\r\n                                <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.howItWorks')}</b></div>\r\n                                <HomeLine />\r\n                            </Col>\r\n                            <Col xs=\"auto\" style={!isMobile ? { maxWidth: \"480px\" } : {}}>\r\n                                <HomeGooglePlay t={t} />\r\n                            </Col>\r\n                        </Row>\r\n                        {/*<iframe\r\n                                className=\"e-player mb-3\"\r\n                                type=\"text/html\"\r\n                                width=\"100%\"\r\n                                height=\"600\"\r\n                                src={`https://www.youtube.com/embed/zp-IOcbrTLI`}\r\n                                frameBorder=\"0\"\r\n                            />*/}\r\n                        <Row>\r\n                            <Col className={!isMobile ? \"align-center\" : \"div-info-block\"}>\r\n                                <img className={!isMobile ? \"\" : \"img-info-mobile\"} src=\"/img/home/h_production.png\" />\r\n                                <div>\r\n                                    <div className=\"h-info-head\">{t('homeProject.info.hp4_1')}</div>\r\n                                    <div className=\"h-info-text\">{t('homeProject.info.p4_1')}</div>\r\n                                </div>\r\n                            </Col>\r\n                            <Col className={!isMobile ? \"align-center\" : \"div-info-block\"}>\r\n                                <img className={!isMobile ? \"\" : \"img-info-mobile\"} src=\"/img/home/h_rendering.png\" />\r\n                                <div>\r\n                                    <div className=\"h-info-head\">{t('homeProject.info.hp4_2')}</div>\r\n                                    <div className=\"h-info-text\">{t('homeProject.info.p4_2')}</div>\r\n                                </div>\r\n                            </Col>\r\n                            <Col className={!isMobile ? \"align-center\" : \"div-info-block\"}>\r\n                                <img className={!isMobile ? \"\" : \"img-info-mobile\"} src=\"/img/home/h_creditcard.png\" />\r\n                                <div>\r\n                                    <div className=\"h-info-head\">{t('homeProject.info.hp4_3')}</div>\r\n                                    <div className=\"h-info-text\">{t('homeProject.info.p4_3')}</div>\r\n                                </div>\r\n                            </Col>\r\n                        </Row>\r\n                    </Container>\r\n                </div>\r\n\r\n                {/* manufacturers */}\r\n                <Container className={!isMobile ? \"container-full mt-5 mb-3\" : \"mt-5 mb-3\"}>\r\n                    <div className=\"align-center\">\r\n                        <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.manufacturers')}</b></div>\r\n                        <HomeLine className=\"self-center\" />\r\n                    </div>\r\n                    <div className=\"mt-3 mb-3\" style={{ display: 'flex', justifyContent: 'center', flexWrap: 'wrap' }}>\r\n                        {this.props.manufacturers && this.props.manufacturers.map(item => (\r\n                            <ManufacturerItem key={item.id} item={item} />\r\n                        ))}\r\n                    </div>\r\n                    <div className=\"align-center\">\r\n                        <Button outline color=\"success\" onClick={this.onManufacturerClick}>{t('homeProject.moreManufacturers')}</Button>\r\n                    </div>\r\n                </Container>\r\n\r\n\r\n                <Container className={!isMobile ? \"container-full\" : \"\"}>\r\n                    <HomeFAQ t={t} />\r\n                </Container>\r\n\r\n\r\n                {/* articles */}\r\n                <Container className={!isMobile ? \"container-full mt-5\" : \"mt-5\"}>\r\n                    <div className=\"align-center\">\r\n                        <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.articleTitle')}</b></div>\r\n                        <HomeLine className=\"self-center\" />\r\n                    </div>\r\n                    <div className=\"mt-3 mb-3\" style={{ display: 'flex', justifyContent: 'center' }}>\r\n                        {instructions && instructions.map(item => (\r\n                            <div key={item.id} className=\"h-article-item\" onClick={()=>this.onArticleClick(item)}>\r\n                                <span><b>{item.title}</b></span>\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                    <div className=\"align-center\">\r\n                        <Button outline color=\"success\" onClick={()=>this.onArticleClick()}>{t('homeProject.moreArticle')}</Button>\r\n                    </div>\r\n                </Container>\r\n\r\n                {/* executorRegions */}\r\n                <Container className={!isMobile ? \"container-full mt-5\" : \"mt-5\"}>\r\n                    <div className=\"align-center\">\r\n                        <div style={{ fontSize: !isMobile ? \"40px\" : \"30px\" }}><b>{t('homeProject.executorRegions')}</b></div>\r\n                        <HomeLine className=\"self-center\" />\r\n                    </div>\r\n                    <div className=\"mt-3 mb-3 regionMContainer\">\r\n                        {executorRegions && executorRegions.map(item => (\r\n                            <div key={item.regionId} className=\"regionContainer\" onClick={() => this.onExecutorRegionClick(item.regionId)}>\r\n                                <span><b>{item.region}</b></span>\r\n                                {item.cities.map((item2,itemIndex) => (\r\n                                    <div key={itemIndex} className=\"citiesContainer\">{item2}</div>\r\n                                    ))}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </Container>\r\n\r\n\r\n                {this.state.showAfterDemoPopup &&\r\n                    <Modal isOpen={true} toggle={this.hideAfterDemoPopup}>\r\n                        <ModalBody className=\"pl-5 pr-5\">\r\n                            <div className=\"align-center\">{t('homeProject.adpText')}</div>\r\n                        </ModalBody>\r\n                        <ModalFooter>\r\n                            {isAuthenticated ?\r\n                                <Link to=\"/project/create\">\r\n                                    <Button color=\"success\" onClick={this.onCreateProjectAfterDemo}>{t('homeProject.createProject')}</Button>\r\n                                </Link>\r\n                                :\r\n                                <Link to=\"/register\">\r\n                                    <Button color=\"success\">{t('homeProject.adpRegister')}</Button>\r\n                                </Link>\r\n                            }\r\n                            <Button color=\"secondary\" onClick={this.cancelAfterDemo}>{t('homeProject.adpCancel')}</Button>\r\n                        </ModalFooter>\r\n                    </Modal>\r\n                }\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n    isAuthenticated: state.login.isAuthenticated,\r\n    loading: state.home.loading,\r\n    success: state.home.success,\r\n    failed: state.home.failed,\r\n    ...state.home.home,\r\n    manufacturers: state.manufacturer.manufacturers\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n    getHomeData: actions.getHomeData,\r\n    makeDemoProduct: actions.makeDemoProduct,\r\n    getInfoVideo: actions.getInfoVideo,\r\n    getManufacturers: getManufacturers,\r\n    push: push,\r\n    addFavorites: addFavorites,\r\n    removeFavorites: removeFavorites,\r\n    loadFavoriteLocal: loadFavoriteLocal,\r\n    constructorOpenClick: actions.constructorOpenClick,\r\n}\r\n\r\nexport default withTranslation()(connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps,\r\n)(HomePage));"],"sourceRoot":""}