{"version":3,"sources":["css/modules/Contact.module.css","img/Logo.png","components/layout/Header.jsx","img/logo/Tahweelfilm.svg","img/logo/Tahweelapplogo-Eng.svg","img/logo/Tahweelargiculture.svg","providers/validator.js","helpers/constants.js","components/layout/Footer.jsx","components/global/HomeCarousel.jsx","img/home-slider/Untitled-3.jpg","img/home-slider/Untitled-1.jpg","img/home-slider/Untitled-2.jpg","img/home-slider/Untitled-4.jpg","components/pages/WhyTahweelDescription.jsx","components/pages/Home.jsx","img/about/Component55–1.svg","img/AboutTahweel.jpg","img/about/Group192.jpg","img/about/Component43–1.svg","img/about/Component57–1.svg","img/about/Component45–1.svg","img/about/Group194.jpg","components/pages/About.jsx","components/pages/Products.jsx","components/pages/MediaDescription.jsx","components/pages/Media.jsx","components/pages/Contact.jsx","img/Product-category/arrow-up.svg","img/Product-category/arrow-down.svg","components/pages/Industrial.jsx","img/Product-category/IndustrialSolutions/222Handroll.jpg","img/Product-category/IndustrialSolutions/111.jpg","img/Product-category/IndustrialSolutions/333.jpg","img/Product-category/IndustrialSolutions/4444.jpg","img/Product-category/IndustrialSolutions/5555.jpg","img/Product-category/AvialablePossibilities.png","img/Product-category/Agriculture/MULCHFilm.jpg","img/Product-category/Agriculture/Greenhouse.jpg","img/Product-category/Agriculture/SILAGEF.jpg","img/Product-category/PackagingSolutions/2.1-Lamination.jpg","img/Product-category/PackagingSolutions/2.2-CollationSh.jpg","img/Product-category/PackagingSolutions/2.3-CucumberF.jpg","img/Product-category/PackagingSolutions/ICEBAGS.jpg","components/pages/Packaging.jsx","components/pages/SubscriptionVerification.jsx","components/pages/NoMatchPage.jsx","App.js","reportWebVitals.js","index.js","css/modules/Home.module.css"],"names":["module","exports","Header","props","onClickShowMobileMenu","main_menu","document","getElementsByClassName","i","length","item","classList","add","remove","menu","overlay","body","onClickHideMobileMenu","className","to","exact","Image","src","logo","alt","type","data-toggle","data-target","id","activeClassName","onClick","name","validator","require","default","vldtr","validators","required","value","result","valid","message","undefined","email","isEmail","minLength","params","checkLength","maxLength","isOneOf","possibleValues","Array","indexOf","options","min","max","isLength","validate","vldtrs","messages","vldtrEntries","Object","entries","key","val","validState","push","validateObject","object","config","keys","itemValidState","allConstants","UPLOAD","API","Footer","console","log","state","isThereAnEmailFormError","wrongEmailFormat","social","emailInput","React","createRef","subscribeForm","url","constants","urls","social_url","sendContactForm","bind","emailOnInput","e","preventDefault","this","current","setState","fetch","method","FormData","then","fetchResponse","catch","err","newState","Promise","all","res","map","response","json","forEach","el","success","nextProps","renderCount","href","link","target","filmLogo","applogoEngLogo","argicultureLogo","ref","onChange","placeholder","Component","HomeCarousel","sliders","Carousel","Item","path","Caption","title","description","link_web","pdf_path","slide","fade","nextIcon","width","height","viewBox","fill","xmlns","fillRule","d","prevIcon","indicators","WhyTahweelDescription","canShow","style","whiteSpace","Home","whyTahweel","aboutTahweel","isLoaded","selectedWhyTahweel","showSelectedWhyTahweel","selectedItemIndex","AOS","init","once","addEventListener","whyTahweelUrl","sliderUrl","aboutUrl","selectWhyTahweel","whyRef","whyContRef","about","whyTahweelItem","index","JSON","stringify","scrollTop","offsetTop","setTimeout","window","scrollTo","top","behavior","why_tahweel_ul","data-aos","data-aos-duration","substring","styles","selectedItem","about_tahweel","image","role","About","overview","integreted","mission","history","around","healty","people","overview_url","integreted_url","mission_url","history_url","around_url","healty_url","people_url","integrated","missionVision","aroundWorld","healthSafety","text1","text2","text3","description1","description2","mission_text","vision_text","class","healty_env","environmentImgIcon1","environmentImgIcon2","environmentImgIcon3","environmentImgIcon4","text4","aboutPeopleImg","Products","categories","category","MediaDescription","isOpen","openedItem","details_title","date","details_description","Collapse","in","dangerouslySetInnerHTML","__html","SampleNextArrow","SamplePrevArrow","Media","media","open","openedItemIndex","settings","dots","infinite","nextArrow","prevArrow","speed","slidesToShow","slidesToScroll","responsive","breakpoint","openMediaItem","mediaDescriptionRef","descriptionRef","parent","prevActive","querySelector","nativeEvent","contains","aria-controls","aria-expanded","Contact","career","contact","contactFormRef","phoneNumberInput","career_url","contact_url","job_url","validateBeforeSubmit","contactFormInputChange","contact_us","form","values","invalidFG","querySelectorAll","inv","elements","toLowerCase","toUpperCase","HTMLElement","input","mobile","subject","reset","invalidInput","parentElement","errorInput","errorMessage","errMessage","innerHTML","factory_name","country","telephone_number","fax_number","po_box","action","htmlFor","inputRef","mask","maskChar","cols","rows","Industrial","match","useState","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","isActiveCollapse","setActiveCollapse","data","setData","setIsLoaded","selectedProduct","setSelectedProduct","useRef","useEffect","getProductById","v","products","removeProductClass","replace","productActiveClass","categoryClass","Tabs","product_tabs_map","Tab","eventKey","get_tabs","product_desc","product_list","trim","prevState","Boolean","arrowUp","arrowDown","product_list_items","listItem","uses_desc","Packaging","SubscriptionVerification","isSuccess","subscription_verify_url","token","NoMatchPage","App","useHistory","setRenderCount","listen","location","component","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.a42e9c47.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"errorInput\":\"Contact_errorInput__FXhsI\",\"errorMessage\":\"Contact_errorMessage__9aKX2\",\"invalid-form-group\":\"Contact_invalid-form-group__2LtJT\"};","export default \"data:image/png;base64,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\"","import React from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport LineIcon from 'react-lineicons';\r\nimport { Image } from 'react-bootstrap';\r\nimport logo from '../../img/Logo.png';\r\n\r\nfunction Header (props) {\r\n\r\n\r\n    function onClickShowMobileMenu() {\r\n        let main_menu = document.getElementsByClassName('mobile--menu__left');\r\n        for (let i=0; i<main_menu.length; i++) {\r\n            main_menu.item(i).classList.add('mobile--menu__left__show');\r\n            if(document.getElementsByClassName('hide--menu')){\r\n                main_menu.item(i).classList.remove('hide--menu');\r\n            }\r\n        }\r\n    \r\n        let menu = document.getElementsByClassName('mobile--menu__left__show__main');\r\n    \r\n        \r\n        for (let i=0; i<menu.length; i++) {\r\n            menu.item(i).classList.add('show--menu');\r\n        }\r\n    \r\n        let overlay = document.getElementsByClassName('mobile--menu__left__show__overlay');\r\n    \r\n        for (let i=0; i<overlay.length; i++) {\r\n           overlay.item(i).classList.add('show--menu');\r\n        }\r\n    \r\n        document.body.classList.add(\"overflow--hidden\");\r\n    }\r\n    \r\n    function onClickHideMobileMenu(){\r\n        let main_menu = document.getElementsByClassName('mobile--menu__left');\r\n    \r\n        for (let i=0; i<main_menu.length; i++) {\r\n            main_menu.item(i).classList.remove('mobile--menu__left__show');\r\n        }\r\n    \r\n        \r\n        let menu = document.getElementsByClassName('mobile--menu__left__show__main');\r\n    \r\n        for (let i=0; i<menu.length; i++) {\r\n            menu.item(i).classList.remove('show--menu');\r\n        }\r\n    \r\n        let overlay = document.getElementsByClassName('mobile--menu__left__show__overlay');\r\n    \r\n        for (let i=0; i<overlay.length; i++) {\r\n            overlay.item(i).classList.remove('show--menu');\r\n        }\r\n        document.body.classList.remove(\"overflow--hidden\");\r\n    }\r\n    onClickShowMobileMenu()\r\n    onClickHideMobileMenu()\r\n\r\n    return (\r\n        <div>\r\n\r\n            <header className=\"header\">\r\n                    <div className=\"container container--max\">\r\n                        <div className=\"row\">\r\n                            <nav className=\"navbar navbar-expand-md navbar-light bg-light header__menu\">\r\n                                \r\n                                    <NavLink to=\"/\" className = \"navbar-brand\" exact>\r\n                                        <Image src={logo}  alt=\"logo\"/>\r\n                                    </NavLink>\r\n                                    <button className=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsibleNavbar\">\r\n                                    <span className=\"navbar-toggler-icon\"></span>\r\n                                    </button>\r\n                                    <div className=\"collapse navbar-collapse \" id=\"collapsibleNavbar\">\r\n                                    <ul className=\"navbar-nav ml-auto\">\r\n                                        <li className=\"nav-item\">\r\n                                            <NavLink to=\"/\" activeClassName='active' className = \"nav-link\" exact>Home</NavLink>\r\n                                        </li>\r\n                                        <li className=\"nav-item\">\r\n                                            <NavLink to=\"/about\" activeClassName='active' className = \"nav-link\">About Tahweel</NavLink>\r\n                                        </li>\r\n                                        <li className=\"nav-item\">\r\n                                            <NavLink to=\"/products\" activeClassName='active' className = \"nav-link\">Products</NavLink>\r\n                                        \r\n                                        </li>    \r\n                                        <li className=\"nav-item\">\r\n                                            <NavLink to=\"/media\" activeClassName='active' className = \"nav-link\">Media Center</NavLink>\r\n                                        </li>   \r\n                                        <li className=\"nav-item\">\r\n                                            <NavLink to=\"/contact\" activeClassName='active' className = \"nav-link\">Contact Us</NavLink>\r\n                                        </li>   \r\n                                    </ul>\r\n                                    </div>  \r\n                                \r\n                            </nav>\r\n                        </div>\r\n                </div>\r\n            </header>\r\n\r\n            <header className=\"mobile--menu\">\r\n                <div className=\"container container--max\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12 col-xs-12\">\r\n                            <div  className=\"mobile--menu__main\">\r\n                                <NavLink to=\"/\">                                    \r\n                                    <Image src={logo} className=\"mobile--menu__main__img\"  alt=\"logo\"/>\r\n                                </NavLink>\r\n                                <div className=\"mobile--menu__main__toggler\"  onClick={onClickShowMobileMenu}><LineIcon name=\"menu\" /></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"mobile--menu__left hide--menu\">\r\n                    <div className=\"mobile--menu__left__main  mobile--menu__left__show__main\">\r\n                        <div className=\"mobile--menu__left__main__menu\">       \r\n                            <Image src={logo} className=\"mobile--menu__left__main__menu__img\"  alt=\"logo\"/>             \r\n                            <ul className=\"mobile--menu__left__main__menu__navbar\">\r\n                                <li className=\"mobile--menu__left__main__menu__navbar__item\">\r\n                                    <NavLink to=\"/\" activeClassName='active' className = \"mobile--menu__left__main__menu__navbar__item__link\" exact onClick={onClickHideMobileMenu}>Home</NavLink>\r\n                                </li>\r\n                                <li className=\"mobile--menu__left__main__menu__navbar__item\">\r\n                                    <NavLink to=\"/about\" activeClassName='active' className = \"mobile--menu__left__main__menu__navbar__item__link\" onClick={onClickHideMobileMenu}>About Tahweel</NavLink>\r\n                                </li>\r\n                                <li className=\"mobile--menu__left__main__menu__navbar__item\">\r\n                                    <NavLink to=\"/products\" activeClassName='active' className = \"mobile--menu__left__main__menu__navbar__item__link\" onClick={onClickHideMobileMenu}>Products</NavLink>\r\n                                </li>    \r\n                                <li className=\"mobile--menu__left__main__menu__navbar__item\">\r\n                                    <NavLink to=\"/media\" activeClassName='active' className = \"mobile--menu__left__main__menu__navbar__item__link\" onClick={onClickHideMobileMenu}>Media Center</NavLink>\r\n                                </li>   \r\n                                <li className=\"mobile--menu__left__main__menu__navbar__item\">\r\n                                    <NavLink to=\"/contact\" activeClassName='active' className = \"mobile--menu__left__main__menu__navbar__item__link\" onClick={onClickHideMobileMenu}>Contact Us</NavLink>\r\n                                </li>   \r\n                            </ul>\r\n                        </div>\r\n                        \r\n                        <div className=\"mobile--menu__left__main__hide\"   onClick={onClickHideMobileMenu}><LineIcon name=\"close\" />{/*<i className=\"lni lni-close\"></i>*/}</div>\r\n                    </div>\r\n\r\n                    <div className=\"mobile--menu__left__overlay  mobile--menu__left__show__overlay\" onClick={onClickHideMobileMenu}>\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </header>\r\n    </div>\r\n    )\r\n    \r\n}\r\n\r\nexport default Header ;","export default __webpack_public_path__ + \"static/media/Tahweelfilm.af46e3d3.svg\";","export default __webpack_public_path__ + \"static/media/Tahweelapplogo-Eng.e2f5bec3.svg\";","export default __webpack_public_path__ + \"static/media/Tahweelargiculture.0a0e40f2.svg\";","/** created by r \r\n *  12-03-21\r\n *  12:51\r\n */\r\n\r\n// deps\r\nconst validator = require('validator').default;\r\n\r\nconst vldtr = {};\r\n\r\nconst validators = {\r\n    required: checkRequired,\r\n    email: checkEmail,\r\n    minLength: (...params)=>checkLength(`min`,...params),\r\n    maxLength: (...params)=>checkLength(`max`,...params),\r\n    isOneOf: checkIsOneOf\r\n}\r\n\r\nfunction checkRequired ( value ) {\r\n    const result = { valid: false, message: `` }\r\n    if ( value != null && value != undefined ){\r\n        result.valid = (value + ``).length > 0;\r\n    }\r\n    if ( !result.valid )\r\n        result.message = `value is required`;\r\n    return result;\r\n}\r\n\r\nfunction checkEmail ( value ) {\r\n    const result = { valid: false, message: `` }\r\n    if ( validator.isEmail(value) ){\r\n        result.valid = true;\r\n    }\r\n    else {\r\n        result.message = `email is not in correct format`\r\n    }\r\n    return result;\r\n}\r\n\r\nfunction checkLength ( type, value, length ) {\r\n    const result = { valid: false, message: `` };\r\n    const options = {};\r\n    if( type === `min` ){\r\n        options.min = length;\r\n    }\r\n    if( type === `max` ){\r\n        options.max = length;\r\n    }\r\n    \r\n    if ( validator.isLength( (value + ``) , options )){\r\n        result.valid = true;\r\n    }\r\n    else {\r\n        result.message = `value must have ${type===`min`?'at least':type===`max`?'maximum':''} ${ length } characters `\r\n    }\r\n    return result;\r\n}\r\n\r\nfunction checkIsOneOf ( value, possibleValues ) {\r\n    const result = { valid: true, message: `` };\r\n    if( possibleValues instanceof Array && possibleValues.indexOf( value ) === -1 ) {\r\n        result.valid = false;\r\n        result.message = `${value} doesn't belong to  [${ possibleValues }].`;\r\n    }\r\n    return result;\r\n}\r\n\r\nvldtr.validate = ( value, vldtrs ) => {\r\n    const result = { valid: true, messages: [] };\r\n    if ( typeof vldtrs === `object` ) {\r\n        const vldtrEntries = Object.entries( vldtrs );\r\n        for (let i = 0; i < vldtrEntries.length; i++) {\r\n            const [ key, val ] = vldtrEntries[i];\r\n            if ( key in validators && ( [ null, undefined, false ].indexOf( val ) === -1 ) ) {\r\n                if ( typeof validators[key] === `function` ) {\r\n                    const validState = validators[key]( value, val );\r\n                    if ( !validState.valid ){\r\n                        result.valid = false;\r\n                        result.messages.push( validState.message )\r\n                    }\r\n                }\r\n            }            \r\n        }\r\n        \r\n    }\r\n    return result;\r\n}\r\n\r\nvldtr.validateObject = ( object, config ) => {\r\n    const result = { valid: true, messages: {} };\r\n\r\n    if ( typeof config === `object` ) {\r\n        const keys = Object.keys( config )\r\n        for (let i = 0; i < keys.length; i++) {\r\n            const key = keys[i];\r\n            // if key doesnt exist in object it will pass empty string\r\n            const itemValidState = vldtr.validate( object[key], config[key] );\r\n            if ( !itemValidState.valid ){\r\n                result.valid = false;\r\n                result.messages[key] = itemValidState.messages;   \r\n            }            \r\n        }\r\n    }\r\n\r\n    return result;\r\n}\r\n\r\nexport default vldtr;\r\n","const allConstants = {};\r\n\r\nallConstants.urls = {\r\n    UPLOAD: \"https://backend.tahweel.com/uploads/\",\r\n    API: 'https://backend.tahweel.com/api'\r\n}\r\n\r\nexport default allConstants;\r\n","import React, { Component }  from 'react';\r\nimport { Image } from 'react-bootstrap';\r\nimport filmLogo from '../../img/logo/Tahweelfilm.svg';\r\nimport applogoEngLogo from '../../img/logo/Tahweelapplogo-Eng.svg';\r\nimport argicultureLogo from '../../img/logo/Tahweelargiculture.svg';\r\nimport { NavLink } from 'react-router-dom';\r\nimport LineIcon from 'react-lineicons';    \r\nimport \"./../../css/r.css\"; \r\nimport validators from '../../providers/validator';\r\nimport constants from \"../../helpers/constants\";\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\n\r\n\r\n\r\nexport default class Footer extends Component {\r\n\r\n    constructor( props ) {\r\n        super( props );\r\n        console.log( props );\r\n        \r\n        this.state = {\r\n            isThereAnEmailFormError: false,\r\n            wrongEmailFormat: false,\r\n            social: []\r\n        }\r\n\r\n        this.emailInput = React.createRef();\r\n        this.subscribeForm = React.createRef();\r\n        this.url = `${constants.urls.API}/subscriber`;\r\n        this.social_url = `${constants.urls.API}/getSocial`;\r\n\r\n        this.sendContactForm = this.sendContactForm.bind( this );\r\n        this.emailOnInput = this.emailOnInput.bind( this );\r\n    }\r\n\r\n    sendContactForm (e) {\r\n        e.preventDefault(); \r\n        const email = this.emailInput.current.value;\r\n        if ( email === ``) {\r\n            this.setState({\r\n                isThereAnEmailFormError:true\r\n            })           \r\n        }      \r\n        else{\r\n            const isValid = validators.validate( email, {\r\n                email: true\r\n            }).valid;\r\n\r\n            if( !isValid ) {\r\n                this.setState({\r\n                    isThereAnEmailFormError:true,\r\n                    wrongEmailFormat: true\r\n                })\r\n            }\r\n            else {\r\n                fetch(this.url,{\r\n                    method: \"POST\",\r\n                    body: new FormData( this.subscribeForm.current )\r\n                }).then( fetchResponse =>{\r\n                    console.log(`success: `, fetchResponse);\r\n                    this.emailInput.current.value = ``;\r\n                })\r\n                .catch( err =>{\r\n                    console.log(`err: ${err}`);\r\n                })\r\n            }\r\n        }  \r\n    }\r\n\r\n    emailOnInput ( e ) {\r\n        if ( this.state.isThereAnEmailFormError ) {\r\n            const newState = {\r\n                isThereAnEmailFormError: false\r\n            };\r\n            if ( this.state.wrongEmailFormat ) {\r\n                newState.wrongEmailFormat = false;\r\n            }\r\n            this.setState( newState );\r\n        }\r\n    }\r\n\r\n    componentDidMount() {\r\n     \r\n        Promise.all([\r\n            fetch(this.social_url, {\r\n                method: `GET`\r\n            })\r\n        ]).then( res =>{\r\n            return Promise.all(\r\n                res.map( response => {\r\n                    return response.json()\r\n                })\r\n            )\r\n        }).then( result =>{\r\n            const newState = {}\r\n            result.forEach( ( el,i ) => {\r\n                if( el.success ) {\r\n                    switch (i) {\r\n                        case 0:\r\n                            newState.social = el.social;\r\n                            break;\r\n                    }\r\n                }\r\n            })\r\n            this.setState( newState );\r\n        })\r\n            .catch( err => {\r\n                console.log(err);\r\n\r\n                /* scroll animation end */\r\n            })\r\n    }\r\n\r\n    componentWillReceiveProps( nextProps ) {\r\n        if( this.props.renderCount !== nextProps.renderCount ) {\r\n            this.setState({\r\n                isThereAnEmailFormError: false,\r\n                wrongEmailFormat: false\r\n            })\r\n        }\r\n    }\r\n \r\n    render() {\r\n        const social = this.state.social.map(( item, i ) => (\r\n                <a key={i} href={item.link} target=\"_blank\"><LineIcon name={(() => {\r\n                    switch (item.name) {\r\n                        case \"Facebook\":   return 'facebook-filled';\r\n                        case \"Twitter\": return 'twitter-original';\r\n                        case \"Linkedin\":  return 'linkedin-original';\r\n                        default:      return \"\";\r\n                    }\r\n                })()} /></a>\r\n        ))\r\n        return (\r\n            <div className = \"footer\">\r\n                <div className=\"container container--medium\">\r\n                    <div className=\"row footer__logo\">\r\n                        <div className=\"col-md-4 col-xs-12 footer__logo__col\">\r\n                            <NavLink to=\"/products/2\"  className=\"footer__logo__col__link\">\r\n                                <Image src={filmLogo} className=\"about-img\" alt=\"logo\"/>\r\n                            </NavLink>\r\n                        </div>\r\n                        <div className=\"col-md-4 col-xs-12 footer__logo__col\">\r\n                            <a href=\"http://tahweelpipe.com/en/\" className=\"footer__logo__col__link\" target=\"_blank\">\r\n                                <Image src={applogoEngLogo} className=\"about-img\" alt=\"logo\"/>\r\n                            </a>\r\n                        </div>\r\n                        <div className=\"col-md-4 col-xs-12 footer__logo__col\">\r\n                            <NavLink to=\"/products/3\" className=\"footer__logo__col__link\">\r\n                                <Image src={argicultureLogo} className=\"about-img\" alt=\"logo\"/>\r\n                            </NavLink>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <footer className=\"footer\">\r\n                    <div className=\"container container--max\">\r\n                        <div className=\"row\">\t\t\t\r\n                            <div className=\"col-xs-12 col-md-4\">\r\n                                <div className=\"footer__left\">\r\n                                    <h4 className=\"footer__left__title\">Contact Us</h4>\r\n                                    <p className=\"footer__left__text\">Our professional team is ready to guide you with our latest products, news, and special offers.</p>\r\n                                    <form ref={this.subscribeForm}  className=\"footer__left__form\">\r\n                                        {\r\n                                            this.state.isThereAnEmailFormError ?\r\n                                            <>                                            \r\n                                                <p className=\"error-message subscribe-email-error-message\" > { this.state.wrongEmailFormat ? \"Email is not in correct form\" : \"Email is required\"} </p><br />\r\n                                            </>\r\n                                            :\r\n                                            null\r\n                                        }\r\n                                        <input \r\n                                            ref={this.emailInput} \r\n                                            onChange={this.emailOnInput}\r\n                                            type=\"text\"\r\n                                            name=\"email\"\r\n                                            className={`footer__left__form__input ${this.state.isThereAnEmailFormError ? \"input-error\" : \"\"}`} \r\n                                            placeholder=\"Email Address\"/>                                        \r\n                                        <button onClick={ this.sendContactForm } className=\"footer__left__form__submit\">Send</button>\r\n                                    </form>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-xs-12 col-md-3 offset-md-1\">\r\n                                <div className=\"footer__center\">\r\n                                    <div className=\"footer__center__menu\">\r\n                                        <ul>                                            \r\n                                            <li><NavLink to=\"/\" exact>Home</NavLink></li>\r\n                                            <li><NavLink to=\"/about\">About Tahweel</NavLink></li>\r\n                                            <li><NavLink to=\"/products\">Products</NavLink></li>\r\n                                            <li><NavLink to=\"/media\">Media Center</NavLink></li>\r\n                                            <li><NavLink to=\"/contact\">Contact Us</NavLink></li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-xs-12 col-md-4\">\r\n                                <div className=\"footer__right\">\r\n                                    <div className=\"footer__right__social--icon\">\r\n                                        {social}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n    \r\n                    <div className=\"footer__copyright\">\r\n                        <div className=\"container container--max\">\r\n                            <div className=\"row\">\t\t\t\r\n                                <div className=\"col-xs-12 col-md-6\">\r\n                                    <ul className=\"footer__copyright__menu\">\r\n                                        <li><a href=\"#\">Privacy</a></li>\r\n                                        <li><a href=\"#\">FAQ</a></li>\r\n                                    </ul>\r\n                                </div>\r\n                                <div className=\"col-xs-12 col-md-6\">\r\n                                    <p className=\"footer__copyright__text\">{`© 2020 Tahweel Integrated. \r\n                                    All Rights Reserved.`}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </footer>\r\n            </div>\r\n        )\r\n    }\r\n\r\n};","import {Component, React, useState} from 'react';\r\nimport { Image, Carousel } from 'react-bootstrap';\r\nimport slideImg1 from '../../img/home-slider/Untitled-3.jpg';\r\nimport slideImg2 from '../../img/home-slider/Untitled-1.jpg';\r\nimport slideImg3 from '../../img/home-slider/Untitled-2.jpg';\r\nimport slideImg4 from '../../img/home-slider/Untitled-4.jpg';\r\nimport {NavLink} from \"react-router-dom\";\r\nimport constants from \"./../../helpers/constants\";\r\n\r\nclass HomeCarousel extends Component {\r\n    constructor(props) {\r\n        super(props)\r\n        this.state = {\r\n            sliders: props.sliders || []\r\n        }\r\n\r\n    }\r\n\r\n    render() {\r\n        //console.log(this.state.sliders);\r\n        const sliders = this.props.sliders.map((item, i) => (\r\n\r\n            <Carousel.Item key={i} className=\"slide\">\r\n                <Image src={constants.urls.UPLOAD + item.path} className=\"d-block w-100 banner__img\" alt=\"slide\"/>\r\n                <Carousel.Caption>\r\n                    <div className=\"container container--max\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-xl-6 col-lg-6 col-md-7 col-sm-8 col-12\">\r\n                                <div className=\"banner__text\">\r\n                                    <h5>{item.title}</h5>\r\n                                    <p>{item.description}</p>\r\n                                </div>\r\n                                <div className=\"banner__link\">\r\n                                    {item.title == '[Pipes]' &&\r\n                                    <a target='_blank' href={item.link_web}>VIEW WEBSITE</a>\r\n                                    }\r\n                                    {item.title != '[Pipes]' &&\r\n                                    <a target='_blank' href={constants.urls.UPLOAD + item.pdf_path}>VIEW CATALOGUE</a>\r\n                                    }\r\n                                    <NavLink to={item.link}>LEARN MORE</NavLink>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </Carousel.Caption>\r\n            </Carousel.Item>\r\n        ))\r\n        return (\r\n            <Carousel\r\n                slide={true}\r\n                fade={true}\r\n                className=\" banner \"\r\n                nextIcon={<svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" className=\"bi bi-chevron-down\"\r\n                               fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path fillRule=\"evenodd\"\r\n                          d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"/>\r\n                </svg>}\r\n                prevIcon={<svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" className=\"bi bi-chevron-down\"\r\n                               fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path fillRule=\"evenodd\"\r\n                          d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"/>\r\n                </svg>}\r\n                indicators={false}>\r\n                {sliders}\r\n            </Carousel>\r\n        )\r\n    }\r\n}\r\nexport default HomeCarousel ;","export default __webpack_public_path__ + \"static/media/Untitled-3.c6553b4c.jpg\";","export default __webpack_public_path__ + \"static/media/Untitled-1.9af7a967.jpg\";","export default __webpack_public_path__ + \"static/media/Untitled-2.3127ecd9.jpg\";","export default __webpack_public_path__ + \"static/media/Untitled-4.97753c78.jpg\";","import React from 'react';\r\n\r\nexport default function WhyTahweelDescription( { title, description, canShow } ) {\r\n\r\n    return (\r\n        <div className=\"tab-content\">\r\n            <div id=\"tab\" className={\"container fade home--why__content \" + ( canShow ? `show` : `` ) }><br/>\r\n                <h3>{ title }</h3>\r\n                <p style={{whiteSpace:\"break-spaces\"}}>{ description }</p>\r\n            </div>\r\n        </div>\r\n    )\r\n};\r\n","import React, {Component} from 'react';\r\nimport { Image } from 'react-bootstrap';\r\nimport { NavLink } from 'react-router-dom';\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\nimport HomeCarousel from '../global/HomeCarousel'\r\nimport WhyTahweelDescription from \"./WhyTahweelDescription\";\r\nimport constants from \"../../helpers/constants\";\r\nimport styles from \"../../css/modules/Home.module.css\";\r\n\r\nclass Home extends Component {\r\n\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            url: [],\r\n            state: [],\r\n            whyTahweel:[],\r\n            aboutTahweel:[],\r\n            isLoaded: false,\r\n            selectedWhyTahweel: null,\r\n            showSelectedWhyTahweel: true,\r\n            selectedItemIndex: -1\r\n        }\r\n\r\n        \r\n        AOS.init({\r\n            once : true\r\n        });\r\n\r\n        document.addEventListener('scroll', function(e) {\r\n            AOS.init({\r\n                once : true,\r\n            });\r\n        });\r\n\r\n        this.whyTahweelUrl = `${constants.urls.API}/getWhyTahweel`;\r\n        this.sliderUrl = `${constants.urls.API}/getSliderData`;\r\n        this.aboutUrl = `${constants.urls.API}/getAboutUsData`;\r\n\r\n        this.selectWhyTahweel = this.selectWhyTahweel.bind( this );\r\n        this.whyRef = React.createRef();\r\n        this.whyContRef = React.createRef();\r\n    }\r\n\r\n    componentDidMount() {\r\n        Promise.all([\r\n            fetch(this.whyTahweelUrl, {\r\n                method: `GET`\r\n            }),\r\n            fetch(this.sliderUrl, {\r\n                method: `GET`\r\n            }),\r\n            fetch(this.aboutUrl, {\r\n                method: `GET`\r\n            })\r\n        ]).then( res =>{\r\n            return Promise.all(\r\n                res.map( response => {\r\n                    return response.json()\r\n                })\r\n            )\r\n        }).then( result =>{\r\n            const newState = {}\r\n            result.forEach( ( el,i ) => {\r\n                if( el.success ) {\r\n                    switch (i) {\r\n                        case 0:\r\n                            newState.whyTahweel = el.whyTahweel;\r\n                            break;\r\n                        case 1:\r\n                            newState.sliders = el.sliders;\r\n                            break;\r\n                        case 2:\r\n                            newState.aboutTahweel = el.about;\r\n                            break;\r\n                        default:\r\n                            break;\r\n                    }\r\n                }\r\n            })\r\n            newState.isLoaded = true;\r\n            this.setState( newState );\r\n        })\r\n        .catch( err => {\r\n            // @TODO handle error\r\n            console.log(err);\r\n            /* scroll animation end */\r\n        })\r\n    }\r\n\r\n    selectWhyTahweel ( whyTahweelItem, index ) {\r\n        console.log('whyTahweelItem', this.state.selectedWhyTahweel);\r\n        if ( JSON.stringify( whyTahweelItem ) !== JSON.stringify( this.state.selectedWhyTahweel ) ) {\r\n            let scrollTop = this.whyRef.current.offsetTop + this.whyContRef.current.offsetTop + 50;\r\n            setTimeout(function(){ \r\n                window.scrollTo({ top: scrollTop, behavior: 'smooth' }); \r\n            }, 50);\r\n\r\n        }\r\n\r\n        if( whyTahweelItem ) {\r\n            if ( this.state.selectedWhyTahweel && JSON.stringify( whyTahweelItem ) === JSON.stringify( this.state.selectedWhyTahweel ) ) {\r\n                this.setState({\r\n                    selectedWhyTahweel: null,\r\n                    selectedItemIndex: -1\r\n                })\r\n            }\r\n            else {\r\n                this.setState({\r\n                    selectedWhyTahweel: whyTahweelItem,\r\n                    selectedItemIndex: index\r\n                })\r\n            }\r\n        }\r\n        else if( whyTahweelItem ) {\r\n            this.setState({\r\n                selectedWhyTahweel: whyTahweelItem,\r\n                showSelectedWhyTahweel: true,\r\n                selectedItemIndex: index\r\n            })\r\n        }\r\n    }\r\n\r\n\r\n    render() {\r\n        const fadeClass = (index) =>{\r\n            if(index%2 == 0){\r\n                return \"fade-right\";\r\n            }else{\r\n                return \"fade-left\";\r\n            }\r\n        }\r\n\r\n        const why_tahweel_ul = this.state.whyTahweel.map((item, i) => (\r\n            <li key={i} className=\"nav-item\" >\r\n                {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n                <a className={`nav-link home--why__tab__nav--link ${( this.state.selectedItemIndex === i ) ? `active` : \"\" }`} data-toggle=\"tab\">\r\n                    <div data-aos={fadeClass(i)} data-aos-duration=\"1000\">\r\n                        <div className={`home--why__tab__nav--link__content link__active`}>\r\n                            <Image src={constants.urls.UPLOAD +item.path} alt=\"ManufacturingImg\"/>\r\n                            <h2> {item.title.indexOf(\" \") != -1 ?\r\n                            item.title.substring(0, item.title.indexOf(\" \"))+`\r\n                            `+item.title.substring(item.title.indexOf(\" \"), item.title.length)\r\n                            : item.title\r\n                            } </h2>\r\n                            <div onClick={()=>this.selectWhyTahweel(item, i) }\r\n                                className={`home--why__tab__nav--link__content__arrow why__arrow ${( this.state.selectedItemIndex === i ) ? styles.selectedItem : \"\" }`}>\r\n                                <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\"\r\n                                     className=\"bi bi-chevron-down\" fill=\"currentColor\"\r\n                                     xmlns=\"http://www.w3.org/2000/svg\">\r\n                                    <path fillRule=\"evenodd\"\r\n                                          d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"/>\r\n                                </svg>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </li>\r\n\r\n        ));\r\n        \r\n        const about_tahweel = this.state.aboutTahweel.map((item, i) => (\r\n            <div key={i} className=\"home--about overflow--hidden\">\r\n                <div className=\"container container--medium\">\r\n                    <div className=\"row home--about__content\">\r\n                        <div className=\"col-md-6 col-xs-12\">\r\n                            <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                                <div className=\"home--about__content__img\">\r\n                                    <Image src={item.image}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-md-6 col-xs-12 home--about__content__text\">\r\n                            <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                                <h1 className=\" home--about__content__text__title\"> {item.title.substring(0, item.title.indexOf(\" \"))} <span> {item.title.substring(item.title.indexOf(\" \"), item.title.length)}</span></h1>\r\n                                <hr className=\" home--about__content__text__line\"/>\r\n                                <p className=\" home--about__content__text__text\">{item.description}</p>\r\n\r\n                                <NavLink to=\"/about\" className=\"home--about__content__text__link\">Read\r\n                                    More</NavLink>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        ));\r\n\r\n        if (!this.state.isLoaded) {\r\n            return <div className=\"loader\">\r\n                <div className=\"spinner-border\" role=\"status\">\r\n                    <span className=\"sr-only\">Loading...</span>\r\n                </div>\r\n            </div>\r\n        }\r\n\r\n        return (\r\n            <div className=\"home\">\r\n                <HomeCarousel sliders={this.state.sliders || []} />\r\n                {about_tahweel}\r\n                <div ref={ this.whyContRef } className=\"home--why overflow--hidden\">\r\n                    <div className=\"container container--medium\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 col-xs-12\">\r\n                                <h2 className=\"home--why__title\">Why <span> Tahweel</span></h2>\r\n                                <hr className=\"home--why__line\"/>\r\n                                <div className=\"row\">\r\n                                    <ul className=\"nav nav-tabs home--why__tab\">\r\n                                        {why_tahweel_ul}\r\n                                    </ul>\r\n                                    <div className=\"tab-content1\" ref={ this.whyRef }>\r\n                                        {\r\n                                            this.state.selectedWhyTahweel \r\n                                                ?\r\n                                            <WhyTahweelDescription \r\n                                                title={this.state.selectedWhyTahweel.title} \r\n                                                description={this.state.selectedWhyTahweel.description}\r\n                                                canShow={this.state.showSelectedWhyTahweel}\r\n                                            />  \r\n                                                :\r\n                                            null\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* HomeTab was empty div, but in case if there is some reason to keep it \r\n                i didn't remove it*/}\r\n                {/* <HomeTab/> */}\r\n            </div>\r\n        )\r\n\r\n    }\r\n}\r\n\r\nexport default Home ;","export default __webpack_public_path__ + \"static/media/Component55–1.8b4f8cd2.svg\";","export default __webpack_public_path__ + \"static/media/AboutTahweel.f1e949be.jpg\";","export default __webpack_public_path__ + \"static/media/Group192.03649e8c.jpg\";","export default __webpack_public_path__ + \"static/media/Component43–1.4ee8ffa5.svg\";","export default __webpack_public_path__ + \"static/media/Component57–1.81f19de9.svg\";","export default __webpack_public_path__ + \"static/media/Component45–1.7562cf46.svg\";","export default __webpack_public_path__ + \"static/media/Group194.1e1af81e.jpg\";","import React, {Component} from 'react';\r\nimport { Image } from 'react-bootstrap';\r\nimport AboutTahweel from '../../img/AboutTahweel.jpg';\r\nimport environmentImg from '../../img/about/Group192.jpg';\r\nimport environmentImgIcon1 from '../../img/about/Component55–1.svg';\r\nimport environmentImgIcon2 from '../../img/about/Component43–1.svg';\r\nimport environmentImgIcon3 from '../../img/about/Component57–1.svg';\r\nimport environmentImgIcon4 from '../../img/about/Component45–1.svg';\r\nimport aboutPeopleImg from '../../img/about/Group194.jpg';\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\nimport constants from \"../../helpers/constants\";\r\n\r\nclass About extends Component {\r\n    constructor(props) {\r\n        super(props)\r\n        this.state = {\r\n            url: [],\r\n            isLoaded: false,\r\n            state: [],\r\n            overview: [],\r\n            integreted: [],\r\n            mission: [],\r\n            history: [],\r\n            around: [],\r\n            healty: [],\r\n            people: []\r\n        }\r\n        /* scroll animation start */\r\n        AOS.init({\r\n            once: true\r\n        });\r\n        document.addEventListener('scroll', function (e) {\r\n            AOS.init({\r\n                once: true,\r\n            });\r\n        });\r\n        this.overview_url = `${constants.urls.API}/getOverview`;\r\n        this.integreted_url = `${constants.urls.API}/getTwahweelIntegrated`;\r\n        this.mission_url = `${constants.urls.API}/getMissionVission`;\r\n        this.history_url = `${constants.urls.API}/getHistory`;\r\n        this.around_url = `${constants.urls.API}/getAroundWorld`;\r\n        this.healty_url = `${constants.urls.API}/getHealTyAndSafety`;\r\n        this.people_url = `${constants.urls.API}/getTahweelPeople`;\r\n        /* scroll animation end */\r\n    }\r\n        componentDidMount() {\r\n            Promise.all([\r\n                fetch(this.overview_url, {\r\n                    method: `GET`\r\n                }),\r\n                fetch(this.integreted_url, {\r\n                    method: `GET`\r\n                }),\r\n                fetch(this.mission_url, {\r\n                    method: `GET`\r\n                }),\r\n                fetch(this.history_url, {\r\n                    method: `GET`\r\n                }),\r\n                fetch(this.around_url, {\r\n                    method: `GET`\r\n                }),\r\n                fetch(this.healty_url, {\r\n                    method: `GET`\r\n                }),\r\n                fetch(this.people_url, {\r\n                    method: `GET`\r\n                }),\r\n\r\n            ]).then( res =>{\r\n                return Promise.all(\r\n                    res.map( response => {\r\n                        return response.json()\r\n                    })\r\n                )\r\n            }) .then( result =>{\r\n                const newState = {}\r\n                result.forEach( ( el,i ) => {\r\n                    if( el.success ) {\r\n                        switch (i) {\r\n                            case 0:\r\n                                newState.overview = el.overview;\r\n                                break;\r\n                            case 1:\r\n                                newState.integreted = el.integrated;\r\n                                break;\r\n                            case 2:\r\n                                newState.mission = el.missionVision;\r\n                                break;\r\n                            case 3:\r\n                                newState.history = el.history;\r\n                                break;\r\n                            case 4:\r\n                                newState.around = el.aroundWorld;\r\n                                break;\r\n                            case 5:\r\n                                newState.healty = el.healthSafety;\r\n                                break;\r\n                            case 6:\r\n                                newState.people = el.people;\r\n                                break;\r\n                        }\r\n                    }\r\n                })\r\n                newState.isLoaded = true;\r\n                this.setState( newState );\r\n            })\r\n                .catch( err => {\r\n                    console.log(err);\r\n\r\n                    /* scroll animation end */\r\n                })\r\n        }\r\n        render() {\r\n\r\n            const overview = this.state.overview.map((item, i) => (\r\n                <div className=\"row about--overview__content\">\r\n                    <div className=\"col-md-6 col-xs-12  col-lg-6 offset-lg-1 about--overview__content__text\">\r\n                        <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                            <h1 className=\" about--overview__content__text__title page--title\"> <span> {item.title}</span></h1>\r\n                            <hr className=\"about--overview__content__text__line  page--title__line\" />\r\n\r\n                            <p className=\"about--overview__content__text__text text--content\">\r\n                                {item.text1}\r\n                            </p>\r\n                            <p className=\"about--overview__content__text__text text--content\">\r\n                                {item.text2}\r\n                            </p>\r\n                            <p className=\"about--overview__content__text__text text--content\">\r\n                                {item.text3}\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-6 col-xs-12 col-lg-5\">\r\n                        <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                            <div className=\"about--overview__content__img rounded--img\">\r\n                                <Image src={item.image}/>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            ))\r\n            const integreted = this.state.integreted.map((item, i) => (\r\n                <div className=\"row about--integrated__content\">\r\n                    <div className=\"col-md-12 col-xs-12  col-lg-11 offset-lg-1 about--integrated__content__text\">\r\n                        <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                            <h2 className=\" about--integrated__content__text__title page--title\"> {item.title.substring(0, item.title.indexOf(\" \"))} <span> {item.title.substring(item.title.indexOf(\" \"))}</span></h2>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xs-12  col-lg-5 offset-lg-1\">\r\n                        <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                            <p className=\"about--integrated__content__left text--content\">{item.description1}</p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-6 col-xs-12 col-lg-5  \">\r\n                        <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                            <div className=\"\">\r\n                                <p className=\"about--integrated__content__right text--content\">{item.description2}</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            ))\r\n            const mission = this.state.mission.map((item, i) => (\r\n                <div className=\"row about--mission__content\">\r\n                    <div className=\"col-md-6 col-xs-12  col-lg-3 offset-lg-1 about--mission__content__text\">\r\n                        <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                            <h2 className=\" about--mission__content__text__title page--title\">{item.title.substring(0, item.title.indexOf(\" \"))}{`\r\n                            `} <span>{item.title.substring(item.title.indexOf(\" \"))}</span></h2>\r\n                            <hr className=\"about--mission__content__text__line  page--title__line\" />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-6 col-xs-12 col-lg-6 offset-lg-1\">\r\n                        <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                            <div className=\"\">\r\n                                <div className=\"about--mission__content__info\">\r\n                                    <h2 className=\"about--mission__content__info__subtitle\">Mission</h2>\r\n                                    <p  className=\"about--mission__content__info__text text--content\">{item.mission_text}</p>\r\n                                </div>\r\n                                <div className=\"about--mission__content__info\">\r\n                                    <h2 className=\"about--mission__content__info__subtitle\">Vision</h2>\r\n                                    <p  className=\"about--mission__content__info__text text--content\">{item.vision_text}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            ))\r\n            const history = this.state.history.map((item, i) => (\r\n                <div className=\"row about--history__content\">\r\n                    <div className=\"col-md-6 col-xs-12  col-lg-3 offset-lg-1 about--history__content__text\">\r\n                        <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                            <h2 className=\" about--history__content__text__title page--title\"><span>{item.title}</span></h2>\r\n                            <hr className=\"about--history__content__text__line  page--title__line\" />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-xs-12 col-lg-8\">\r\n                        <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                            <div className=\"about--history__content__right\">\r\n                                <p className=\"about--history__content__right__text text--content\">{item.description}</p>\r\n                                <div class=\"line\">\r\n                                    <div class=\"line-content\">\r\n\r\n                                        <div class=\"content\">\r\n                                            <h3>2012</h3>\r\n                                            <p>Tahweel is Founded</p>\r\n                                        </div>\r\n\r\n                                        <div class=\"content\">\r\n                                            <h3>2013</h3>\r\n                                            <p>Pipes & Fittings division is created</p>\r\n                                        </div>\r\n                                        \r\n                                        <div class=\"content\">\r\n                                            <h3>2014</h3>\r\n                                            <p>New division is launched with the installation of the Blown Film line evolution WP, and Tahweel Europe founded.</p>\r\n                                        </div>\r\n\r\n                                        <div class=\"content\">\r\n                                            <h3>2015</h3>\r\n                                            <p>Pipe multi-layer extrusion Line and the first expansion of Fittings injection.</p>\r\n                                        </div>\r\n                                    \r\n                                        <div class=\"content\">\r\n                                            <h3>2016</h3>\r\n                                            <p>Second increase in Fittings Injection capacity, and start export Pipes & Fitting</p>\r\n                                        </div>\r\n                                        \r\n                                        <div class=\"content\">\r\n                                            <h3>2017</h3>\r\n                                            <p>Increasing export and developing high performance packaging films.</p>\r\n                                        </div>\r\n\r\n                                        <div class=\"content\">\r\n                                            <h3>2018</h3>\r\n                                            <p>Implementation of new automatic processes, and Joint-Venture with SONOCO SA.</p>\r\n                                        </div>\r\n                                        \r\n                                        <div class=\"content\">\r\n                                            <h3>2019</h3>\r\n                                            <p>New PP-R extrusion lines addition and PVC injection division launch</p>\r\n                                        </div>\r\n                                                                                \r\n                                        <div class=\"content\">\r\n                                            <h3>2020</h3>\r\n                                            <p>Installation of new Smart Cast line, increasing PP-R and PE multi-layer production capacity with the installation of the new PEHD multilayer line, forth expansion of PP-R Fittings injection lines and second expansion of PVC Fittings injection.</p>\r\n                                        </div>\r\n                                                                                                                        \r\n                                        <div class=\"content\">\r\n                                            <h3>2021</h3>\r\n                                            <p>Full automatization of the complete production plant.</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            ))\r\n            const around = this.state.around.map((item, i) => (\r\n                <div className=\"row about--around--the--world__content\">\r\n                    <div className=\"col-md-12 col-xs-12  col-lg-12 about--around--the--world__content__text\">\r\n                        <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                            <h2 className=\" about--around--the--world__content__text__title page--title\">{item.title.substring(0, item.title.indexOf(\" \"))} {`\r\n                            `}<span>{item.title.substring(item.title.indexOf(\" \"))}</span></h2>\r\n                            <hr className=\"about--around--the--world__content__text__line  page--title__line\" />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-md-12 col-xs-12 col-lg-6  offset-lg-2\">\r\n                        <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                            <div className=\"about--around--the--world__content__right\">\r\n                                <p className=\"about--around--the--world__content__right__text text--content\">{item.description}\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            ))\r\n            const healty_env = this.state.healty.map((item, i) => (\r\n                <div className=\"container container--medium\">\r\n                    <div className=\"row about--environment__content\">\r\n                        <div className=\"col-md-6 col-xs-12  col-lg-6 about--environment__content__text\">\r\n                            <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                                <h2 className=\" about--environment__content__text__title page--title\">{item.title.substring(0, item.title.indexOf(\" \"))} <span>{item.title.substring(item.title.indexOf(\" \"))}</span></h2>\r\n                                <hr className=\"about--environment__content__text__line  page--title__line\" />\r\n                                <div className=\"about--environment__content__text__img rounded--img\">\r\n\r\n                                    <Image src={item.image}/>\r\n                                </div>\r\n                                <p className=\"about--environment__content__text__text text--content\">{item.description}</p>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-md-6 col-xs-12 col-lg-5 offset-lg-1\">\r\n                            <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                                <div className=\"about--environment__content__img rounded--img\">\r\n                                    <Image src={item.image}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div className=\"row about--environment__info\">\r\n                        <div className=\"col-md-6 col-sm-6 col-xs-6 col-6 col-lg-3\">\r\n                            <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                                <div className=\"about--environment__info__cart\">\r\n                                    <Image src={environmentImgIcon1} className=\"about--environment__info__cart__image\"/>\r\n                                    {/* <img src=\"assets/img/about/Component 55 – 1.svg\" alt=\"\" className=\"about--environment__info__cart__image\"/> */}\r\n                                    <div className=\"about--environment__info__cart__text text--content\">\r\n                                        <p>{item.text1}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-md-6 col-sm-6 col-xs-6 col-6 col-lg-3\">\r\n                            <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                                <div className=\"about--environment__info__cart\">\r\n                                    <Image src={environmentImgIcon2} className=\"about--environment__info__cart__image\"/>\r\n                                    <div className=\"about--environment__info__cart__text text--content\">\r\n                                        <p>{item.text2}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-md-6 col-sm-6 col-xs-6 col-6 col-lg-3\">\r\n                            <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                                <div className=\"about--environment__info__cart\">\r\n                                    <Image src={environmentImgIcon3} className=\"about--environment__info__cart__image\"/>\r\n                                    {/* <img src=\"assets/img/about/Component 57 – 1.svg\" alt=\"\" className=\"about--environment__info__cart__image\"/> */}\r\n                                    <div className=\"about--environment__info__cart__text text--content\">\r\n                                        <p>{item.text3}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-md-6 col-sm-6 col-xs-6 col-6 col-lg-3\">\r\n                            <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                                <div className=\"about--environment__info__cart\">\r\n                                    <Image src={environmentImgIcon4} className=\"about--environment__info__cart__image\"/>\r\n                                    {/* <img src=\"assets/img/about/Component 45 – 1.svg\" alt=\"\" className=\"about--environment__info__cart__image\"/> */}\r\n                                    <div className=\"about--environment__info__cart__text text--content\">\r\n                                        <p>{item.text4}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            ))\r\n            const people = this.state.people.map((item, i) => (\r\n                <div className=\"row about--people__content\">\r\n                    <div className=\"col-md-6 col-xs-12  col-lg-6  about--people__content__img\">\r\n\r\n                        <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                            <div className=\" rounded--img\">\r\n                                <Image src={aboutPeopleImg}/>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-6 col-xs-12 col-lg-6 about--people__content__text\">\r\n                        <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                            <h2 className=\" about--people__content__text__title page--title\"> {item.title.substring(0, item.title.indexOf(\" \"))} <span>{item.title.substring(item.title.indexOf(\" \"))}</span></h2>\r\n                            <hr className=\"about--people__content__text__line  page--title__line\" />\r\n                            <div className=\"about--people__content__text__img rounded--img\">\r\n                                <Image src={item.image}/>\r\n                            </div>\r\n                            <p className=\"about--people__content__text__text text--content\">\r\n                                {item.description}\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            ))\r\n            if (!this.state.isLoaded) {\r\n                return <div className=\"loader\">\r\n                    <div className=\"spinner-border\" role=\"status\">\r\n                        <span className=\"sr-only\">Loading...</span>\r\n                    </div>\r\n                </div>\r\n            }\r\n            return (\r\n        <div className=\"about\">\r\n            <div className=\"about--overview overflow--hidden\">\r\n            \r\n        \r\n                <div className=\"container container--medium\">\r\n                    {overview}\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"about--integrated overflow--hidden\">\r\n            \r\n        \r\n                <div className=\"container container--medium\">\r\n                    {integreted}\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"about--mission  overflow--hidden\">\r\n            \r\n        \r\n                <div className=\"container container--medium\">\r\n                    {mission}\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"about--history overflow--hidden\">\r\n                <div className=\"container container--medium\">\r\n                    {history}\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"about--around--the--world overflow--hidden\">\r\n        \r\n                <div className=\"container container--max\">\r\n                    {around}\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"about--environment overflow--hidden\">\r\n                {healty_env}\r\n            </div>\r\n\r\n            <div className=\"about--people overflow--hidden\">\r\n                <div className=\"container container--medium\">\r\n                    {people}\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    )\r\n\r\n}}\r\n\r\nexport default About ;\r\n","import React, { Component }  from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\n\r\nimport constants from '../../helpers/constants'\r\n\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\n\r\n\r\nclass Products extends Component {\r\n    constructor(props) {\r\n        super(props)\r\n        this.state = {\r\n            url: [],\r\n            isLoaded: false,\r\n            categories:[]\r\n        }\r\n        AOS.init({\r\n            once: true\r\n        });\r\n        document.addEventListener('scroll', function (e) {\r\n            AOS.init({\r\n                once: true,\r\n            });\r\n        });\r\n\r\n\r\n        this.url = `${constants.urls.API}/getCategories`;\r\n    }\r\n\r\n    componentDidMount() {\r\n        fetch(this.url, {\r\n            method: `GET`\r\n        }).then( res =>{\r\n            return res.json()\r\n        })\r\n            .then( result =>{\r\n                this.setState({\r\n                    isLoaded: true,\r\n                    categories: result.category\r\n                })\r\n            })\r\n            .catch( err =>{\r\n                console.log(err);\r\n            })\r\n    }\r\n\r\n    render() {\r\n        //console.log( this.state.categories )\r\n        const categories = this.state.categories.map(( item, i ) => (\r\n\r\n            <div key={i} className=\"col-lg-6 col-12 products--page__categories__col\">\r\n                <div className=\"products--page__categories__content products--page__categories__content--industries\">\r\n                    <div data-aos=\"fade-right\" data-aos-duration=\"1000\" className=\"full--height\">\r\n                        {item.name != 'Pipes & Fittings' ?\r\n                            <NavLink to={`/products/${item.id}`} exact>\r\n                                <h1 className=\" page--title products--page__categories__content__title\">\r\n                                    {item.name.indexOf(\" \") !== -1 ?\r\n                                        <span className=\"page--title__main\">\r\n                                        {item.name.substring(0, item.name.indexOf(\" \"))}{`\r\n                                        `}\r\n                                            <span>{item.name.substring(item.name.indexOf(\" \") + 1)}</span>\r\n                                    </span>\r\n                                        : item.name\r\n                                    }\r\n                                </h1>\r\n                                <hr className=\"page--title__line products--page__categories__content__line products--page__categories__content--industries__line\"/>\r\n                                <p className=\"text--content products--page__categories__content__text\">\r\n                                    {item.description}\r\n                                </p>\r\n                            </NavLink>\r\n                            :\r\n                            <a target='_blank' href={`http://tahweelpipe.com/en/`} >\r\n                                <h1 className=\" page--title products--page__categories__content__title\">\r\n                                    {item.name.indexOf(\" \") !== -1 ?\r\n                                        <span className=\"page--title__main\">\r\n                                        {item.name.substring(0, item.name.indexOf(\" \"))}{`\r\n                                        `}\r\n                                            <span>{item.name.substring(item.name.indexOf(\" \") + 1)}</span>\r\n                                    </span>\r\n                                        : item.name\r\n                                    }\r\n                                </h1>\r\n                                <hr className=\"page--title__line products--page__categories__content__line products--page__categories__content--industries__line\"/>\r\n                                <p className=\"text--content products--page__categories__content__text\">\r\n                                    {item.description}\r\n                                </p>\r\n                            </a>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        ))\r\n        if (!this.state.isLoaded) {\r\n            return <div className=\"loader\">\r\n                <div className=\"spinner-border\" role=\"status\">\r\n                    <span className=\"sr-only\">Loading...</span>\r\n                </div>\r\n            </div>\r\n        }\r\n    return(\r\n        <div className=\"products--page overflow--hidden\">\r\n            <div className=\"container container--medium products--page__categories\">\r\n                <div className=\"row\">\r\n                    { categories }\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    )\r\n    // }\r\n\r\n}}\r\nexport default Products ;\r\n","import React from 'react';\r\nimport { Collapse } from 'react-bootstrap';\r\nimport constants from \"../../helpers/constants\";\r\n\r\nexport default function MediaDescription( { isOpen, openedItem } ) {\r\n    const { details_title, date, details_description, image } = openedItem || {};\r\n    return (\r\n        <>\r\n            {\r\n                openedItem ?\r\n                    <Collapse in={ isOpen }>\r\n                        <div className=\"media--slider__bottom__info\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-md-9\">\r\n                                    <h2 className=\"media--slider__bottom__info__title\">\r\n                                        { details_title }\r\n                                    </h2>\r\n                                </div>\r\n                                <div className=\"col-md-3\">\r\n                                    <p  className=\"media--slider__bottom__info__date\">\r\n                                        { date }\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"col-md-9\">\r\n                                    \r\n                                        <p dangerouslySetInnerHTML={{ __html: details_description }} className=\"media--slider__bottom__info__text\" />\r\n                                    \r\n                                    { image.length>0 &&\r\n                                        <img src={constants.urls.UPLOAD + image[0].image} alt=\"description image\" className=\"media--slider__bottom__info__image\"/>\r\n                                    }\r\n                                    \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </Collapse>\r\n                    :\r\n                    null\r\n            }\r\n        </>\r\n    )\r\n}\r\n","import React, {Component} from 'react';\r\nimport { Image, Collapse } from 'react-bootstrap';\r\nimport Slider from \"react-slick\";\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\nimport \"slick-carousel/slick/slick.css\"; \r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport constants from \"../../helpers/constants\";\r\nimport MediaDescription from './MediaDescription';\r\n\r\nfunction SampleNextArrow(props) {\r\n    const { onClick } = props;\r\n    return (\r\n        <div className = 'slick-next slick--slider--arrow' onClick={onClick}><svg width='1em' height='1em' viewBox='0 0 16 16' className='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fillRule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg></div>\r\n    );\r\n  }\r\n  \r\nfunction SamplePrevArrow(props) {\r\nconst { onClick } = props;\r\nreturn (\r\n    <div className = 'slick-prev slick--slider--arrow' onClick={onClick}>\r\n        <svg width='1em' height='1em' viewBox='0 0 16 16' className='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fillRule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\r\n    </div>\r\n);\r\n}\r\n\r\n\r\nclass Media extends Component {\r\n\r\n    constructor(props) {\r\n        super(props)\r\n        this.state = {\r\n            url: [],\r\n            media: [],\r\n            open: false,\r\n            isLoaded: false,\r\n            openedItemIndex: -1,\r\n            openedItem: null\r\n        }\r\n\r\n        // eslint-disable-next-line react-hooks/rules-of-hooks\r\n        AOS.init({\r\n            once: true\r\n        });\r\n\r\n        document.addEventListener('scroll', function (e) {\r\n            AOS.init({\r\n                once: true,\r\n            });\r\n        });\r\n\r\n        this.settings = {\r\n            dots: false,\r\n            infinite: true,\r\n            nextArrow: <SampleNextArrow/>,\r\n            prevArrow: <SamplePrevArrow/>,\r\n            speed: 300,\r\n            slidesToShow: 2,\r\n            slidesToScroll: 1,\r\n            responsive: [\r\n                {\r\n                    breakpoint: 992,\r\n                    settings: {\r\n                        slidesToShow: 1,\r\n                        slidesToScroll: 1\r\n                    }\r\n                },\r\n            ]\r\n        };\r\n        this.url = `${constants.urls.API}/getMedia`;\r\n\r\n        this.openMediaItem = this.openMediaItem.bind( this );\r\n        this.mediaDescriptionRef = React.createRef();\r\n    }\r\n\r\n    componentDidMount() {\r\n\r\n        fetch(this.url, {\r\n            method: `GET`\r\n        }).then( res => res.json())\r\n        .then( result =>{\r\n            this.setState({\r\n                isLoaded: true,\r\n                media: result.media\r\n            })\r\n        })\r\n        .catch( err =>{\r\n            console.log(err);\r\n        })\r\n    }\r\n\r\n    openMediaItem( item, i, e ) {  \r\n        // scroll to description\r\n        if ( !this.state.open || item.id !== this.state.openedItem?.id ) {\r\n            const descriptionRef = this.mediaDescriptionRef;\r\n            setTimeout(function(){ \r\n                window.scrollTo({ top: descriptionRef.current.offsetTop, behavior: 'smooth' }); \r\n            }, 50);\r\n        }\r\n        const prevActive = document.querySelector(`.media--slider__slide__info.active`);\r\n        if ( prevActive ) prevActive.classList.remove(`active`);    \r\n        let parent;\r\n        if( e && e.nativeEvent && e.nativeEvent.path.length > 0  ) {           \r\n            parent = ( e.nativeEvent.path[0].classList.contains(`media--slider__slide__info__icon`) ) ? e.nativeEvent.path[1] : e.nativeEvent.path[2];            \r\n        } \r\n\r\n        if ( item && this.state.openedItem ) {\r\n            if ( JSON.stringify( item ) === JSON.stringify( this.state.openedItem ) ){\r\n                if( parent ) parent.classList[ !this.state.open ? 'add' : 'remove'](`active`);\r\n                this.setState({\r\n                    open: !this.state.open,\r\n                    openedItemIndex: i,\r\n                    openedItem: item\r\n                })\r\n            } \r\n            else {\r\n                this.setState({\r\n                    open: true,\r\n                    openedItemIndex: i,\r\n                    openedItem: item\r\n                })\r\n                if( parent ) parent.classList.add(`active`)\r\n            }\r\n        }\r\n        else if ( item && this.state.openedItem === null ) {\r\n            this.setState({\r\n                open: true,\r\n                openedItemIndex: i,\r\n                openedItem: item\r\n            })\r\n            if( parent ) parent.classList.add(`active`)\r\n        }\r\n        \r\n    }\r\n\r\n    render() {\r\n        const settings = this.settings;\r\n        const media = this.state.media.map(( item, i ) => (\r\n            <div key={i}>\r\n                {/* <div  data-toggle=\"collapse\" data-target=\"#mediaInfo\" aria-expanded=\"false\" aria-controls=\"mediaInfo\" className=\"media--slider__slide\"> */}\r\n                <div aria-controls=\"example-collapse-text\"\r\n                     aria-expanded={this.state.open}>\r\n                    <div className=\"media--slider__slide__info\" >\r\n                        <Image src={constants.urls.UPLOAD +item.logo} className=\"media--slider__slide__info__img\"/>\r\n                        <div className=\"media--slider__slide__info__text slider--text\">\r\n                            <div>\r\n                                <h2>{item.title}</h2>\r\n                                <p><span>{item.description}</span></p>\r\n                            </div>\r\n                            <div className=\"layer\"></div>\r\n                        </div>\r\n                        <div onClick={ e => this.openMediaItem( item, i, e ) } \r\n                            className={`media--slider__slide__info__icon slider--icon ${ ( this.state.open && this.state.openedItemIndex === i) ? `opened-item-cllps-btn` : `` } `}>\r\n                            <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" className=\"bi bi-chevron-down\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path fillRule=\"evenodd\" d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"/>\r\n                            </svg>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        ))\r\n\r\n        if (!this.state.isLoaded) {\r\n            return <div className=\"loader\">\r\n                <div className=\"spinner-border\" role=\"status\">\r\n                    <span className=\"sr-only\">Loading...</span>\r\n                </div>\r\n            </div>\r\n        }\r\n        return(\r\n            <div className=\"media overflow--hidden\">\r\n                <div className=\"container container--medium\">\r\n                    <div className=\"col-md-12 col-sm-12\">\r\n                        <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                            <h1 className=\" page--title media__title\">{`Tahweel\r\n                            `}<span>News & Media Center</span></h1>\r\n                            <hr className=\"media__title__line page--title__line\" />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-md-12 col-sm-12\">\r\n                        <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                            <Slider {...settings} className=\"media--slider\" >\r\n                                {media}\r\n                            </Slider>\r\n                        </div>\r\n                    </div>\r\n                    <div ref={ this.mediaDescriptionRef } className=\"col-md-12 col-sm-12\">\r\n                        <MediaDescription \r\n                            isOpen={ this.state.open }\r\n                            openedItem={ this.state.openedItem  }\r\n                            />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n}}\r\n\r\nexport default Media ;\r\n","import React, {Component} from 'react';\r\nimport InputMask from 'react-input-mask';\r\nimport { Image } from 'react-bootstrap';\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\nimport constants from \"../../helpers/constants\";\r\nimport validator from \"../../providers/validator\";\r\n\r\nimport styles from \"../../css/modules/Contact.module.css\";\r\n\r\nclass Contact extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            url: [],\r\n            state: [],\r\n            isLoaded: false,\r\n            career: [],\r\n            contact: [],\r\n\r\n        }\r\n        AOS.init({\r\n            once: true\r\n        });\r\n\r\n        document.addEventListener('scroll', function (e) {\r\n            AOS.init({\r\n                once: true,\r\n            });\r\n        });\r\n\r\n        this.contactFormRef = React.createRef();\r\n        this.phoneNumberInput = React.createRef();\r\n\r\n        this.career_url = `${constants.urls.API}/getCareer`;\r\n        this.contact_url = `${constants.urls.API}/getContactUs`;\r\n        this.job_url = `${constants.urls.API}/job-application`;\r\n\r\n        this.validateBeforeSubmit = this.validateBeforeSubmit.bind( this );\r\n        this.contactFormInputChange = this.contactFormInputChange.bind( this );\r\n    }\r\n\r\n    componentDidMount() {\r\n        Promise.all([\r\n            fetch(this.career_url, {\r\n                method: `GET`\r\n            }),\r\n            fetch(this.contact_url, {\r\n                method: `GET`\r\n            })\r\n        ]).then( res =>{\r\n            return Promise.all(\r\n                res.map( response => {\r\n                    return response.json()\r\n                })\r\n            )\r\n        }).then( result =>{\r\n            const newState = {}\r\n            result.forEach( ( el,i ) => {\r\n                if( el.success ) {\r\n                    switch (i) {\r\n                        case 0:\r\n                            newState.career = el.career;\r\n                            break;\r\n                        case 1:\r\n                            newState.contact = el.contact_us;\r\n                            break;\r\n                        default:\r\n                            break;\r\n                    }\r\n                }\r\n            })\r\n            newState.isLoaded = true;\r\n            this.setState( newState );\r\n        }).catch( err => {\r\n                console.log(err);\r\n            })\r\n    }\r\n\r\n    validateBeforeSubmit( e ) {\r\n        e.preventDefault();\r\n        const form = this.contactFormRef.current;\r\n        const values = {};\r\n\r\n        const invalidFG = document.querySelectorAll('.'+styles['invalid-form-group']);\r\n        if ( invalidFG.length > 0 ) {\r\n            invalidFG.forEach( inv => inv.classList.remove(styles['invalid-form-group']) );\r\n        }\r\n\r\n        for (const key in form.elements) {\r\n            if( key.toLowerCase() !== key.toUpperCase() && form.elements[ key ] instanceof HTMLElement ) {\r\n                const input = form.elements[key];\r\n                values[key] = input.value;                \r\n            }\r\n        }\r\n        \r\n        const { valid, messages } = validator.validateObject( values, {\r\n            name: { required: true },\r\n            mobile: { required: true },\r\n            email: { required: true, email: true },\r\n            subject: { required: true },\r\n            message: { required: true },\r\n        });\r\n\r\n        if ( !valid ) {\r\n            Object.entries( messages )\r\n                .forEach( ( [ key, value ] ) => {\r\n                    if ( form.elements[ key ] instanceof HTMLElement ) {\r\n                        const invalidInput = form.elements[ key ];\r\n                        invalidInput.parentElement.classList.add( styles.errorInput );\r\n                        if( invalidInput.parentElement && invalidInput.parentElement.parentElement ) {\r\n                            invalidInput.parentElement.parentElement.classList.add(styles['invalid-form-group']);\r\n                        }\r\n                        const errorMessage = invalidInput.parentElement.querySelector(`.${styles.errorMessage}`);\r\n                        console.log( errorMessage );\r\n                        if( errorMessage ) {\r\n                            if ( value && value.length >= 1 ){\r\n                                let errMessage = value[0];\r\n                                if ( errMessage === `value is required` ) {\r\n                                    errMessage = `${key} is required`;\r\n                                }\r\n                                errorMessage.innerHTML =errMessage[0].toUpperCase() + errMessage.substring(1) ; \r\n                            }\r\n                        }\r\n                    }\r\n                 });\r\n        }\r\n        else {\r\n            fetch(this.job_url,{\r\n                method: \"POST\",\r\n                body: new FormData( form )\r\n            }).then( fetchResponse =>{\r\n                console.log(`success: `, fetchResponse);\r\n                this.contactFormRef.current.reset();\r\n            })\r\n            .catch( err =>{\r\n                console.log(`err: ${err}`);\r\n            })\r\n        }\r\n    }\r\n\r\n    contactFormInputChange( e ) {\r\n        if( e.target ) {\r\n            const parent = e.target.parentElement;\r\n            if ( parent && parent.classList.contains( styles.errorInput ) ) {\r\n                parent.classList.remove( styles.errorInput );\r\n            }\r\n        }\r\n    }\r\n\r\n    render() {\r\n\r\n        const career = this.state.career.map(( item, i ) => (\r\n            <div key={i} className=\"row\">\r\n                <div className=\"col-xs-12 col-md-6 col-lg-6 contact__info__left\">\r\n                    <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                        <div className=\"contact__info__left__content\">\r\n                            <h1 className=\" page--title contact__info__left__content__title\">{item.title.substring(0, item.title.indexOf(\" \"))} <span>{item.title.substring(item.title.indexOf(\" \"))}</span></h1>\r\n                            <hr className=\"page--title__line contact__info__left__content__line\" />\r\n                            <p className=\"contact__info__left__content__text\">{item.description}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"col-xs-12 col-md-6 col-lg-6 contact__info__right\">\r\n                    <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                        <div className=\"contact__info__right__content\">\r\n                            <Image src={item.image} className=\"contact__info__right__content__img\"/>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        ))\r\n        const contact = this.state.contact.map(( item, i ) => (\r\n            <div key={i} className=\"col-xs-12 col-md-6 col-lg-6\">\r\n                {/* eslint-disable-next-line react/jsx-no-target-blank*/ }\r\n                <a href=\"https://goo.gl/maps/pZMPvGqiJWNSm2Di9\" target=\"_blank\"\r\n                   className=\"contact__directory__bottom__link\">{item.factory_name}{`\r\n                   `}\r\n                    {item.country}</a>\r\n                <p className=\"contact__directory__bottom__phone\">{item.telephone_number}{`\r\n                `}\r\n                    {item.fax_number}{`\r\n                    `}\r\n                    <span>\r\n                        {item.po_box != null ? `P.O Box: ${item.po_box}` : ''} </span></p>\r\n            </div>\r\n        ))\r\n        if (!this.state.isLoaded) {\r\n            return <div className=\"loader\">\r\n                <div className=\"spinner-border\" role=\"status\">\r\n                    <span className=\"sr-only\">Loading...</span>\r\n                </div>\r\n            </div>\r\n        }\r\n        return(\r\n            <div className=\"contact overflow--hidden\">\r\n                <div className=\"contact__info\">\r\n                    <div className=\"container container--medium\">\r\n                        {career}\r\n                    </div>                \r\n                </div>\r\n                <div className=\"contact__directory\">\r\n                    <div className=\"container container--medium\">                \r\n                        <div className=\"row\">\r\n                            <div className=\"col-xs-12 col-md-8 col-lg-8 contact__directory__top\">\r\n                                <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                                    <div className=\"contact__directory__top__content\">\r\n                                        <h1 className=\" page--title contact__directory__top__content__title\">{`Contact\r\n                                        `} <span>Directory</span></h1>\r\n                                        <hr className=\"page--title__line contact__directory__top__content__line\" />\r\n                                        <p className=\"contact__directory__top__content__text\">Tahweel would be pleased to answer your questions, enquiries and takes your suggestions seriously and thanks you for your time and concern.</p>\r\n                                    </div>\r\n                                    <div className=\"row contact__directory__bottom\">\r\n                                        {contact}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>                \r\n                </div>\r\n                <div className=\"contact__job\">\r\n                    <div className=\"container container--medium\">                \r\n                        <div className=\"row\">\r\n                            <div className=\"col-xs-12 col-md-12 col-lg-12 \">                            \r\n                                <form method=\"POST\" action={this.job_url} ref={this.contactFormRef}  className=\"contact__job__form\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-xs-12 col-md-6 col-lg-6\">\r\n                                            <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                                                <div className=\"form-group row\">\r\n                                                    <label htmlFor=\"name\" className=\"col-sm-2 contact__job__form__label col-form-label form-control-plaintext\">Name <span>*</span> </label>\r\n                                                    <div className=\"col-sm-8\">\r\n                                                        <p className={styles.errorMessage}></p>\r\n                                                        <input onChange={this.contactFormInputChange} id=\"name\" name=\"name\" type=\"text\"  className=\"form-control contact__job__form__input\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"form-group row\">\r\n                                                    <label htmlFor=\"job\" className=\"col-sm-2 contact__job__form__label col-form-label form-control-plaintext\">Job Title </label>\r\n                                                    <div className=\"col-sm-8\">\r\n                                                        <p className={styles.errorMessage}></p>\r\n                                                        <input onChange={this.contactFormInputChange} id=\"job\" name=\"job_title\" type=\"text\"  className=\"form-control contact__job__form__input\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"form-group row\">\r\n                                                    <label htmlFor=\"company\" className=\"col-sm-2 contact__job__form__label col-form-label form-control-plaintext\">Company</label>\r\n                                                    <div className=\"col-sm-8\">\r\n                                                        <p className={styles.errorMessage}></p>\r\n                                                        <input onChange={this.contactFormInputChange} id=\"company\" name=\"company\" type=\"text\"  className=\"form-control contact__job__form__input\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"form-group row\">\r\n                                                    <label htmlFor=\"mobile\" className=\"col-sm-2 contact__job__form__label col-form-label form-control-plaintext\">Mobile <span>*</span> </label>\r\n                                                    <div className=\"col-sm-8\">\r\n                                                        <p className={styles.errorMessage}></p>\r\n                                                        <InputMask \r\n                                                            inputRef={this.phoneNumberInput}\r\n                                                            mask=\"+999-99-99-99-99\" maskChar={null} \r\n                                                            className=\"form-control contact__job__form__input\"\r\n                                                            id=\"mobile\" name=\"phone\" type=\"tel\"\r\n                                                            placeholder=\"+999-99-99-99-99\"\r\n                                                            onChange={this.contactFormInputChange}/>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"form-group row\">\r\n                                                    <label htmlFor=\"email\" className=\"col-sm-2 contact__job__form__label col-form-label form-control-plaintext\">Email <span>*</span> </label>\r\n                                                    <div className=\"col-sm-8\">\r\n                                                        <p className={styles.errorMessage}></p>\r\n                                                        <input onChange={this.contactFormInputChange} id=\"email\" type=\"email\" name=\"email\" className=\"form-control contact__job__form__input\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>  \r\n                                        </div>\r\n                                        <div className=\"col-xs-12 col-md-6 col-lg-6\">\r\n                                            <div data-aos=\"fade-left\" data-aos-duration=\"1000\">                                            \r\n                                                <div className=\"form-group row\">\r\n                                                    <label htmlFor=\"subject\" className=\"col-sm-2 contact__job__form__label col-form-label form-control-plaintext\">Subject <span>*</span> </label>\r\n                                                    <div className=\"col-sm-8\">\r\n                                                        <p className={styles.errorMessage}></p>\r\n                                                        <input onChange={this.contactFormInputChange} id=\"subject\" name=\"subject\" type=\"text\"  className=\"form-control contact__job__form__input\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"form-group row\">\r\n                                                    <label htmlFor=\"message\" className=\"col-sm-2 contact__job__form__label col-form-label form-control-plaintext\">Message <span>*</span> </label>\r\n                                                    <div className=\"col-sm-8\">                                                        \r\n                                                        <p className={styles.errorMessage}></p>\r\n                                                        <textarea onChange={this.contactFormInputChange} name=\"message\" id=\"message\" cols=\"30\" rows=\"11\" className=\"form-control contact__job__form__input contact__job__form__textarea\"></textarea>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"form-group row\">\r\n                                                    <div className=\"col-sm-8 offset-sm-2 contact__job__form__submit\">\r\n                                                        <button onClick={this.validateBeforeSubmit} className=\"contact__job__form__submit__button\">Submit</button>\r\n                                                    </div>                                                    \r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </form>\r\n                            </div>\r\n                        </div>\r\n                    </div>                \r\n                </div>\r\n            </div>\r\n        )\r\n} }\r\n\r\nexport default Contact ;","export default __webpack_public_path__ + \"static/media/arrow-up.dd3176bb.svg\";","export default __webpack_public_path__ + \"static/media/arrow-down.c76f10b8.svg\";","import {React, useState, setStatus, useEffect, useRef } from 'react';\r\nimport { Image, Tab, Tabs, Collapse } from 'react-bootstrap';\r\n// import Handroll from '../../img/Product-category/IndustrialSolutions/222Handroll.jpg';\r\n// import img1 from '../../img/Product-category/IndustrialSolutions/111.jpg';\r\n// import img2 from '../../img/Product-category/IndustrialSolutions/333.jpg';\r\n// import img3 from '../../img/Product-category/IndustrialSolutions/4444.jpg';\r\n// import img4 from '../../img/Product-category/IndustrialSolutions/5555.jpg';\r\nimport arrowUp from '../../img/Product-category/arrow-up.svg';\r\nimport arrowDown from '../../img/Product-category/arrow-down.svg';\r\n// import image from '../../img/Product-category/AvialablePossibilities.png';\r\nimport Slider from \"react-slick\";\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport constants from \"../../helpers/constants\";\r\n// import {forEach} from \"react-bootstrap/ElementChildren\";\r\n\r\nfunction SampleNextArrow(props) {\r\n    const { onClick } = props;\r\n    return (\r\n        <div className = 'slick-next slick--slider--arrow' onClick={onClick}><svg width='1em' height='1em' viewBox='0 0 16 16' className='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fillRule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg></div>\r\n    );\r\n}\r\n\r\nfunction SamplePrevArrow(props) {\r\n    const { onClick } = props;\r\n    return (\r\n        <div className = 'slick-prev slick--slider--arrow' onClick={onClick}><svg width='1em' height='1em' viewBox='0 0 16 16' className='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fillRule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg></div>\r\n    );\r\n}\r\n\r\nfunction Industrial(props){\r\n    const id = props.match.params.id;\r\n    const url = `${constants.urls.API}/getProductsByCategory/${id}`;\r\n    // const isLoaded = false;\r\n\r\n    const [isActiveCollapse, setActiveCollapse] = useState({\r\n        0: false,\r\n        1: false,\r\n        2: false,\r\n        3: false,\r\n        4: false,\r\n        5: false,\r\n        6: false,\r\n        7: false,\r\n        8: false,\r\n        9: false,\r\n        10: false,\r\n        11: false,\r\n        12: false,\r\n        13: false,\r\n        14: false,\r\n    });\r\n    const toggleCollapseItem = index => {\r\n        setActiveCollapse(prevState => ({...prevState, [index]: !Boolean(prevState[index])}));\r\n    };\r\n\r\n    // find out if tab is open or closed\r\n\r\n    const [ data, setData ] = useState(null);\r\n    const [ isLoaded, setIsLoaded ] = useState(false);\r\n    const [ selectedProduct, setSelectedProduct ] = useState(null);\r\n    const descriptionRef = useRef(null);\r\n\r\n    useEffect(()=>{\r\n        Promise.all([\r\n            fetch(url, {\r\n                method: `GET`\r\n            }),\r\n\r\n        ]).then( res =>{\r\n            return Promise.all(\r\n                res.map( response => {\r\n                    return response.json()\r\n                })\r\n            )\r\n        }) .then( result =>{\r\n            let newState = {}\r\n            let newIsloadedState = {}\r\n            result.forEach( ( el,i ) => {\r\n                if( el.success ) {\r\n                    switch (i) {\r\n                        case 0:\r\n                            newState = result[0];\r\n                            break;\r\n                        /*case 1:\r\n                            newState.products = el.products;\r\n                            break;\r\n    */\r\n                    }\r\n                }\r\n            })\r\n            setIsLoaded(newIsloadedState);\r\n            setData( newState );\r\n        })\r\n            .catch( err => {\r\n                console.log(err);\r\n\r\n                /* scroll animation end */\r\n            })\r\n    },[props.match.params.id]);\r\n    /* scroll animation start */\r\n    AOS.init({\r\n        once : true\r\n    });\r\n    document.addEventListener('scroll', function(e) {\r\n        AOS.init({\r\n            once : true,\r\n        });\r\n    });\r\n\r\n    const settings = {\r\n        dots: false,\r\n        infinite: true,\r\n        speed: 300,\r\n        slidesToShow: 4,\r\n        slidesToScroll: 1,\r\n        nextArrow: <SampleNextArrow />,\r\n        prevArrow: <SamplePrevArrow />,\r\n        responsive: [\r\n            {\r\n                breakpoint: 991,\r\n                settings: {\r\n                    slidesToShow: 2,\r\n                    slidesToScroll: 1\r\n                }\r\n            },\r\n            {\r\n                breakpoint: 767,\r\n                settings: {\r\n                    slidesToShow: 1,\r\n                    slidesToScroll: 1\r\n                }\r\n            },\r\n        ]\r\n    };\r\n\r\n    function getProductById(id){\r\n        for(let v in data?.products) {\r\n            if (id == data?.products[v].id) {\r\n                // remove active class from all products\r\n                let removeProductClass = document.getElementsByClassName(\"products--category__main__slider__content\");\r\n                for (let i = 0; i < removeProductClass.length; i++) {\r\n                    removeProductClass[i].className = removeProductClass[i].className.replace(\" active\", \"\");\r\n                }\r\n\r\n                // add active class to clicked element\r\n                let productActiveClass = document.getElementsByClassName(\"products--category__main__slider__content--\"+id);\r\n                for (let i=0; i<productActiveClass.length; i++) {\r\n                    productActiveClass.item(i).classList.add('active');\r\n                }\r\n\r\n                // scroll to description\r\n                setTimeout(function(){ \r\n                    window.scrollTo({ top: descriptionRef.current.offsetTop, behavior: 'smooth' }); \r\n                }, 50);\r\n                \r\n                return data?.products[v];\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    // add class for every category so we can change color of them\r\n    let categoryClass = \"\";\r\n    if(data && data.category.id===2){\r\n        categoryClass = \"packaging\";\r\n        console.log('cat-id' , data.category.id);\r\n    }else if(data && data.category.id===3){\r\n        categoryClass = \"agriculture\";\r\n        console.log('cat-id' , data.category.id);\r\n    }\r\n    if (!isLoaded) {\r\n        return <div className=\"loader\">\r\n            <div className=\"spinner-border\" role=\"status\">\r\n                <span className=\"sr-only\">Loading...</span>\r\n            </div>\r\n        </div>\r\n    }\r\n    return (\r\n        <div className={`products--category overflow--hidden ${categoryClass}`}>\r\n\r\n            <div className=\"products--category__main\">\r\n                <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                    <div className=\"container container--products single--products--slider overflow--hidden\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-10 col-12\">\r\n                                <h1 className=\" page--title products--category__main__title\">\r\n                                    {data?.category.name.indexOf(\" \") !== -1 ?\r\n                                        <span className=\"page--title__main\">\r\n                                        {data?.category.name.substring(0, data?.category.name.indexOf(\" \"))}{`\r\n                                        `}\r\n                                            <span>{data?.category.name.substring(data?.category.name.indexOf(\" \") + 1)}</span>\r\n                                    </span>\r\n                                        : data?.category.name\r\n                                    }\r\n                                </h1>\r\n                                <hr className=\"products--category__main__line page--title__line\" />\r\n                                <p className=\"text--content products--category__main__text\">\r\n\r\n                                    {data?.category.description}\r\n                                </p>\r\n                                {data?.products.length <= 4 &&\r\n                                <div>\r\n                                    <div className=\"products--category__main__item show--desktop\">\r\n                                        {data?.products.map(function(item, i){\r\n                                            return <div key={\"product-item-\" + item.id} onClick={() => setSelectedProduct(getProductById(item.id))}>\r\n                                                <div className={`products--category__main__slider__content products--category__main__slider__content--${item.id}`}>\r\n                                                    <div>\r\n                                                        <div className=\"products--category__main__slider__content__img \">\r\n                                                            <Image src={constants.urls.UPLOAD + item.logo}/>\r\n                                                        </div>\r\n                                                        <p className=\"products--category__main__slider__content__title text--content\">\r\n                                                            {item.title}\r\n                                                        </p>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        })}\r\n                                    </div>\r\n                                    <Slider {...settings}\r\n                                            className=\"products--category__main__slider products--category__main__slider--industrial show--mobile\">\r\n                                        {data?.products.map(function(item, i){\r\n                                            return <div key={\"product-item-\" + item.id} onClick={() => setSelectedProduct(getProductById(item.id))}>\r\n                                                <div className={`products--category__main__slider__content products--category__main__slider__content--${item.id}`}>\r\n                                                    <div>\r\n                                                        <div className=\"products--category__main__slider__content__img \">\r\n                                                            <Image src={constants.urls.UPLOAD + item.logo}/>\r\n                                                        </div>\r\n                                                        <p className=\"products--category__main__slider__content__title text--content\">\r\n                                                            {item.title}\r\n                                                        </p>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        })}\r\n                                    </Slider>\r\n                                </div>\r\n\r\n                                }\r\n                                {data?.products.length > 4 &&\r\n                                <Slider {...settings}\r\n                                        className=\"products--category__main__slider products--category__main__slider--industrial\">\r\n                                    {data?.products.map(function(item, i){\r\n                                        return <div key={\"product-item-\" + item.id} onClick={() => setSelectedProduct(getProductById(item.id))}>\r\n                                            <div className={`products--category__main__slider__content products--category__main__slider__content--${item.id}`}>\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        <Image src={constants.urls.UPLOAD + item.logo}/>\r\n                                                    </div>\r\n                                                    <p className=\"products--category__main__slider__content__title text--content\">\r\n                                                        {item.title}\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    })}\r\n                                </Slider>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {selectedProduct &&\r\n            <div className=\"products--category__info\" ref={descriptionRef}>\r\n                <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                    <div className=\"container container--products  overflow--hidden\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-10 col-12\">\r\n\r\n                                {/* title start  */}\r\n                                <h2 className=\"products--category__info__title\">{selectedProduct.title}</h2>\r\n                                {/* title end */}\r\n\r\n                                {/* tab start */}\r\n                                <div className=\"products--category__info__tab\">\r\n                                    <Tabs id=\"controlled-tab-example\">\r\n                                        {selectedProduct.product_tabs_map?.map(function(item, i){\r\n                                            return <Tab key={\"product-tab-item-\" + item.get_tabs.id} eventKey={item.get_tabs.name} title={item.get_tabs.name}>\r\n                                                <div className=\"products--category__info__tab__text\">\r\n                                                    <p className=\"products--category__info__tab__text__p\">\r\n                                                        {item.get_tabs.description}\r\n                                                    </p>\r\n                                                </div>\r\n                                            </Tab>\r\n                                        })}\r\n                                    </Tabs>\r\n                                </div>\r\n                                {/* tab end */}\r\n\r\n                                {/* collapse title */}\r\n\r\n                                <p className=\"products--category__info__collapse--title\">{selectedProduct.product_desc}</p>\r\n                                {/* collapse title end*/}\r\n\r\n                                {/* collapse start*/}\r\n                                {selectedProduct.product_list?.map(function(item, i){\r\n                                    if (!item.name || item.name.trim() == \"\") {\r\n                                        return;\r\n                                    }\r\n                                    return <div key={\"product-list-item-\" + item.id} className=\"products--category__info__collapse--content\">\r\n                                        <div className=\"products--category__info__collapse--content__button\"\r\n                                             onClick={() => toggleCollapseItem(i)}\r\n                                             aria-controls=\"example-collapse-text1\"\r\n                                             aria-expanded={isActiveCollapse[i]}>\r\n                                            <p className={isActiveCollapse[i] ? \"open--tab\" : \"close--tab\"}>\r\n                                                <Image src={arrowUp}\r\n                                                       className=\"products--category__info__collapse--content__button__text__image--open\"/>\r\n                                                <Image src={arrowDown}\r\n                                                       className=\"products--category__info__collapse--content__button__text__image--close\"/>\r\n                                                <span>{item.name}</span></p>\r\n\r\n\r\n\r\n                                        </div>\r\n\r\n                                        <Collapse in={isActiveCollapse[i]}>\r\n                                            <div className=\"products--category__info__collapse--content__info example-collapse-text1\">\r\n                                                    <p className=\"products--category__info__collapse--content__info__description\">{item.description}</p>\r\n                                                <ul>\r\n                                                    {item.product_list_items?.map(function(listItem, i){\r\n                                                        return <li><span>{listItem.name}</span></li>\r\n                                                    })}\r\n                                                </ul>\r\n                                            </div>\r\n                                        </Collapse>\r\n                                    </div>\r\n                                })}\r\n\r\n                                {/* collapse end*/}\r\n                                {selectedProduct.product_list?.map(function(item, i){\r\n                                    if (item.name && item.name.trim() != \"\") {\r\n                                        return;\r\n                                    }\r\n                                    return <div className=\"products--category__info__list\">\r\n                                        <ul>\r\n                                            {item.product_list_items?.map(function(listItem, i){\r\n                                                return <li><span>{listItem.name}</span></li>\r\n                                            })}\r\n                                        </ul>\r\n                                    </div>\r\n                                })}\r\n\r\n                                {/* image title start*/}\r\n                                <p className=\"products--category__info__image--title\">{selectedProduct.uses_desc}</p>\r\n                                {/* image title end*/}\r\n\r\n                                {selectedProduct.image?.map(function(item, i){\r\n                                    return <div className=\"products--category__info__image--content\">\r\n                                        <Image src={constants.urls.UPLOAD + item.image}/>\r\n                                    </div>\r\n                                })}\r\n\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n            }\r\n        </div>\r\n    )\r\n\r\n\r\n}\r\n\r\nexport default Industrial ;","export default __webpack_public_path__ + \"static/media/222Handroll.2c417487.jpg\";","export default __webpack_public_path__ + \"static/media/111.0ab33295.jpg\";","export default __webpack_public_path__ + \"static/media/333.88701c55.jpg\";","export default __webpack_public_path__ + \"static/media/4444.5077c99e.jpg\";","export default __webpack_public_path__ + \"static/media/5555.ecf63ecf.jpg\";","export default __webpack_public_path__ + \"static/media/AvialablePossibilities.565b40fd.png\";","export default __webpack_public_path__ + \"static/media/MULCHFilm.cc42b3cf.jpg\";","export default __webpack_public_path__ + \"static/media/Greenhouse.84d78c09.jpg\";","export default __webpack_public_path__ + \"static/media/SILAGEF.5052791d.jpg\";","export default __webpack_public_path__ + \"static/media/2.1-Lamination.bde501e2.jpg\";","export default __webpack_public_path__ + \"static/media/2.2-CollationSh.475fa1c1.jpg\";","export default __webpack_public_path__ + \"static/media/2.3-CucumberF.e5841704.jpg\";","export default __webpack_public_path__ + \"static/media/ICEBAGS.9139f519.jpg\";","import { React, useState, setStatus } from 'react';\r\nimport { Image, Tab, Tabs, Collapse } from 'react-bootstrap';\r\nimport Handroll from '../../img/Product-category/IndustrialSolutions/222Handroll.jpg';\r\nimport img1 from '../../img/Product-category/IndustrialSolutions/111.jpg';\r\nimport img2 from '../../img/Product-category/IndustrialSolutions/333.jpg';\r\nimport img3 from '../../img/Product-category/IndustrialSolutions/4444.jpg';\r\nimport img4 from '../../img/Product-category/IndustrialSolutions/5555.jpg';\r\nimport arrowUp from '../../img/Product-category/arrow-up.svg';\r\nimport arrowDown from '../../img/Product-category/arrow-down.svg';\r\nimport image from '../../img/Product-category/AvialablePossibilities.png';\r\nimport lamination from '../../img/Product-category/PackagingSolutions/2.1-Lamination.jpg';\r\nimport CollationSh from '../../img/Product-category/PackagingSolutions/2.2-CollationSh.jpg';\r\nimport CucumberF from '../../img/Product-category/PackagingSolutions/2.3-CucumberF.jpg';\r\nimport ICEBAGS from '../../img/Product-category/PackagingSolutions/ICEBAGS.jpg';\r\n\r\n\r\n\r\nimport Slider from \"react-slick\";\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\nimport \"slick-carousel/slick/slick.css\"; \r\nimport \"slick-carousel/slick/slick-theme.css\";\r\n\r\nfunction SampleNextArrow(props) {\r\n    const { onClick } = props;\r\n    return (\r\n    <div className = 'slick-next slick--slider--arrow' onClick={onClick}><svg width='1em' height='1em' viewBox='0 0 16 16' className='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fillRule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg></div>\r\n    );\r\n  }\r\n  \r\n  function SamplePrevArrow(props) {\r\n    const { onClick } = props;\r\n    return (\r\n    <div className = 'slick-prev slick--slider--arrow' onClick={onClick}><svg width='1em' height='1em' viewBox='0 0 16 16' className='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fillRule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg></div>\r\n    );\r\n  }\r\n\r\nfunction Packaging(props){\r\n    const [open1, setOpen1] = useState(false);\r\n    const [open2, setOpen2] = useState(false);\r\n\r\n    // find out if tab is open or closed\r\n    const [status1, setStatus1] = useState('open--tab');\r\n    const onEntered1 = () => setStatus1('close--tab');  \r\n    const onExited1 = () => setStatus1('open--tab');\r\n\r\n    const [status2, setStatus2] = useState('open--tab');\r\n    const onEntered2 = () => setStatus2('close--tab');  \r\n    const onExited2 = () => setStatus2('open--tab');\r\n    /* scroll animation start */\r\n    AOS.init({\r\n        once : true\r\n    });\r\n    document.addEventListener('scroll', function(e) {\r\n        AOS.init({\r\n            once : true,\r\n        });\r\n    });\r\n\r\n    const settings = {\r\n        dots: false,\r\n        infinite: true,\r\n        speed: 300,\r\n        slidesToShow: 4,\r\n        slidesToScroll: 1,\r\n        nextArrow: <SampleNextArrow />,\r\n        prevArrow: <SamplePrevArrow />,\r\n        responsive: [\r\n          {\r\n            breakpoint: 991,\r\n            settings: {\r\n              slidesToShow: 2,\r\n              slidesToScroll: 1\r\n            }\r\n          },\r\n          {\r\n            breakpoint: 767,\r\n            settings: {\r\n              slidesToShow: 1,\r\n              slidesToScroll: 1\r\n            }\r\n          },\r\n        ]\r\n    };\r\n\r\n    return (\r\n        <div className=\"products--category packaging overflow--hidden\">\r\n            \r\n            <div className=\"products--category__main\">\r\n                <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\r\n                    <div className=\"container container--products single--products--slider overflow--hidden\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-10 col-12\">                        \r\n                                <h1 className=\" page--title products--category__main__title\">{`Packaging\r\n                                `} \r\n                                                <span>Solutions</span></h1>\r\n                                <hr className=\"products--category__main__line page--title__line\" />\r\n                                <p className=\"text--content products--category__main__text\">The packaging solution product category arises from a solid foundation of performance and results. We offer cutting-edge packaging consumables and a wide range of colours and mechanical properties of the film to meet the needs of our customers.\r\n                                </p>\r\n\r\n                                <div className=\"products--category__main__item\">\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content active\">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={lamination}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Lamination Film</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content \">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={CollationSh}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Collation Shrink</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content \">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={CucumberF}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Cucumber Film</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content \">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={ICEBAGS}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Ice Bags / CourierBags / General Purpose Bags</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                </div>\r\n\r\n                                <Slider {...settings} className=\"d-none products--category__main__slider products--category__main__slider--industrial\" >\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content active\">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={Handroll}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Stretch</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content \">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={img1}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Shrink Hood</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content \">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={img2}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Shrink Hood</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content \">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={img3}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Cover</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div>\r\n                                            <div className=\"products--category__main__slider__content \">\r\n                                                <div>\r\n                                                    <div className=\"products--category__main__slider__content__img \">\r\n                                                        \r\n                                                        <Image src={img4}/>\r\n                                                    </div>\r\n                                                    <p  className=\"products--category__main__slider__content__title text--content\">Construction Sheet</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n\r\n                                        \r\n                                    </Slider>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            \r\n            <div className=\"products--category__info\">\r\n                <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                    <div className=\"container container--products  overflow--hidden\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-10 col-12\">\r\n\r\n                                {/* title start  */}\r\n                                <h2 className=\"products--category__info__title\">Stretch</h2>\r\n                                {/* title end */}\r\n\r\n                                {/* tab start */}\r\n                                <div className=\"products--category__info__tab\">\r\n                                    <Tabs id=\"controlled-tab-example\">\r\n                                        <Tab eventKey=\"handroll\" title=\"Handroll\">\r\n                                            <div className=\"products--category__info__tab__text\">\r\n                                                <p className=\"products--category__info__tab__text__p\">\r\n                                                    {`Variety from 1kg, on different film width (400mm, 450mm and 500mm). \r\n\r\n                                                    Different core options (38mm, 50mm or 76mm ID) flush core or extended.`}\r\n                                                </p>\r\n                                                \r\n                                            </div>\r\n                                            \r\n                                        </Tab>\r\n                                        <Tab eventKey=\"machineroll\" title=\"Machineroll\">\r\n                                            <div className=\"products--category__info__tab__text\">\r\n                                                <p className=\"products--category__info__tab__text__p\">\r\n                                                    {`Regular 16kg size but also weight or length up on customer requirement. \r\n\r\n                                                    With a 76mm core, 400mm, 450mm, 500mm, 1000mm and 1500mm film width are available and combinations of those sizes and different core weight as well.`}\r\n                                                </p>\r\n                                            </div>\r\n                                        </Tab>\r\n                                        <Tab eventKey=\"jumboroll\" title=\"Jumboroll\">\r\n                                            <div className=\"products--category__info__tab__text\">\r\n                                                <p className=\"products--category__info__tab__text__p\">\r\n                                                    {`Most common sizes are 50kg and 60kg, but can be customized based on customer requirement. \r\n\r\n                                                    With a 76mm core, 400mm, 450mm and 500m film width are available and combinations of those sizes and different core weight as well.`}\r\n                                                </p>\r\n                                            </div>\r\n                                        </Tab>\r\n                                    </Tabs>\r\n                                </div>\r\n                                {/* tab end */}\r\n\r\n                                {/* collapse title */}\r\n\r\n                                <p className=\"products--category__info__collapse--title\">Within those Industrial solutions, here are the main product categories for the stretch division:</p>\r\n                                {/* collapse title end*/}\r\n\r\n                                {/* collapse start*/}\r\n                                <div className=\"products--category__info__collapse--content\">\r\n                                    <div className=\"products--category__info__collapse--content__button\"\r\n                                    onClick={() => setOpen1(!open1)}\r\n                                    aria-controls=\"example-collapse-text1\"\r\n                                    aria-expanded={open1}>\r\n                                        <p className={status1}> \r\n                                            <Image src={arrowUp} className=\"products--category__info__collapse--content__button__text__image--open\"/> \r\n                                            <Image src={arrowDown} className=\"products--category__info__collapse--content__button__text__image--close\"/> \r\n                                        <span>Transparent film</span></p>\r\n                                        \r\n                                    </div>\r\n\r\n                                    <Collapse in={open1}\r\n                                    onExited={onExited1}\r\n                                    onEntered={onEntered1}>\r\n                                        <div className=\"products--category__info__collapse--content__info example-collapse-text1\">\r\n                                            <ul>\r\n                                                <li><span>Available from 15-120 mic as per customer requirement.</span></li>\r\n                                                <li><span>Flat or Semitube option, opened from one side.</span></li>\r\n                                                <li><span>Max winding width of 2.25m.</span></li>\r\n                                                <li><span>Max total width semitube folded without gussets 4.5m.</span></li>\r\n                                                <li><span>Max roll diameter 1m.</span></li>\r\n                                                <li><span>Microperforation/macroperforation option.</span></li>\r\n                                                <li><span>UV or antifog additive option under request.</span></li>\r\n                                                <li><span>Supplied with PPR Core preventing core collapsing due to moisture.</span></li>\r\n                                                <li><span>Refer to the TDS for more details of the film performance. Black Opaque film / Bicolor film</span></li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </Collapse>\r\n                                </div>\r\n\r\n                                <div className=\"products--category__info__collapse--content\">\r\n                                    <div className=\"products--category__info__collapse--content__button\"\r\n                                    onClick={() => setOpen2(!open2)}\r\n                                    aria-controls=\"example-collapse-text2\"\r\n                                    aria-expanded={open2}>\r\n                                        <p className={status2}> \r\n                                        <Image src={arrowUp} className=\"products--category__info__collapse--content__button__text__image--open\"/> \r\n                                        <Image src={arrowDown} className=\"products--category__info__collapse--content__button__text__image--close\"/> \r\n                                        <span>Black Opaque film / Bicolor film</span></p>\r\n                                        \r\n                                    </div>\r\n\r\n                                    <Collapse in={open2}\r\n                                    onExited={onExited2}\r\n                                    onEntered={onEntered2}>\r\n                                        <div className=\"products--category__info__collapse--content__info example-collapse-text2\">\r\n                                            <ul>\r\n                                                <li><span>Available from 15-120 mic as per customer requirement.</span></li>\r\n                                                <li><span>Flat or Semitube option, opened from one side.</span></li>\r\n                                                <li><span>Max winding width of 2.25m.</span></li>\r\n                                                <li><span>Max total width semitube folded without gussets 4.5m.</span></li>\r\n                                                <li><span>Max roll diameter 1m.</span></li>\r\n                                                <li><span>Microperforation/macroperforation option.</span></li>\r\n                                                <li><span>UV or antifog additive option under request.</span></li>\r\n                                                <li><span>Supplied with PPR Core preventing core collapsing due to moisture.</span></li>\r\n                                                <li><span>Refer to the TDS for more details of the film performance. Black Opaque film / Bicolor film</span></li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </Collapse>\r\n                                </div>\r\n                                {/* collapse end*/}\r\n                                \r\n                                {/* list start*/}\r\n\r\n                                <div className=\"products--category__info__list\">\r\n                                    <ul>\r\n                                        <li><span>Available on different thickness and width as per customer requirement.</span></li>\r\n                                        <li><span>Customized film properties for different applications.</span></li>\r\n                                        <li><span>Max winding width of 2.25m.</span></li>\r\n                                        <li><span>Max roll diameter 1m.</span></li>\r\n                                        <li><span>3 inch and 6 inch core available.</span></li>\r\n                                        <li><span>Corona treatment option.</span></li>\r\n                                        <li><span>Slip and antiblock additive option under request.</span></li>\r\n                                        <li><span>Refer to the TDS for more details of the film performance.</span></li>\r\n                                    </ul>\r\n                                </div>\r\n\r\n                                {/* list end*/}\r\n\r\n                                {/* image title start*/}\r\n                                <p className=\"products--category__info__image--title\">Available for roll configuration</p>\r\n                                {/* image title end*/}\r\n                                <div className=\"products--category__info__image--content\">\r\n                                    <Image src={image}/>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n            \r\n        </div>\r\n        )\r\n\r\n    \r\n}\r\n\r\nexport default Packaging ;","import React, {Component} from 'react';\r\nimport { Image } from 'react-bootstrap';\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\nimport constants from \"../../helpers/constants\";\r\nimport validator from \"../../providers/validator\";\r\n\r\nimport styles from \"../../css/modules/Contact.module.css\";\r\nimport {NavLink} from \"react-router-dom\";\r\n\r\nclass SubscriptionVerification extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            isLoaded: false,\r\n            isSuccess: false,\r\n        }\r\n\r\n        this.subscription_verify_url = `${constants.urls.API}/verifySubscribtionEmail`;\r\n        this.token = props.match.params.token;\r\n    }\r\n\r\n    componentDidMount() {\r\n        fetch(`${this.subscription_verify_url}?token=${this.token}`,{\r\n            method: \"GET\",\r\n        })\r\n            .then(response => response.json())\r\n            .then( data =>{\r\n                const newState = {}\r\n                newState.isLoaded = true;\r\n                newState.isSuccess = data.success;\r\n                this.setState( newState );\r\n\r\n                console.log(`success: `, data);\r\n            })\r\n            .catch( err =>{\r\n                const newState = {}\r\n                newState.isLoaded = true;\r\n                newState.isSuccess = false;\r\n                this.setState( newState );\r\n\r\n                console.log(`err: ${err}`);\r\n            })\r\n    }\r\n\r\n    render() {\r\n        if (!this.state.isLoaded) {\r\n            return <div className=\"loader\">\r\n                <div className=\"spinner-border\" role=\"status\">\r\n                    <span className=\"sr-only\">Loading...</span>\r\n                </div>\r\n            </div>\r\n        }\r\n        return(\r\n            <div className=\"home--why overflow--hidden\">\r\n                <div className=\"container container--medium\">\r\n                    <div className=\"row\">\r\n\r\n                {this.state.isSuccess ?\r\n                    <div>Your email is verified. Click here to go to <NavLink to=\"/\">home page</NavLink>\r\n                    </div>\r\n                    :\r\n                    <div>Error occured</div>\r\n                }\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n} }\r\n\r\nexport default SubscriptionVerification ;","import React, { Component }  from 'react';\r\n\r\n\r\n\r\nexport default class NoMatchPage extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"not-found\">\r\n                <h2 className=\"not-found__title\">404 Error</h2>\r\n                <h3 className=\"not-found__text\">Page not found</h3>\r\n            </div>\r\n        )\r\n    }\r\n}","import React, { useEffect, useState } from 'react';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './css/style.css';\r\n// import './App.css';\r\n// import React from 'react';\r\n// import 'bootstrap/dist/css/bootstrap.min.css';\r\n// import { Container, Row, Col, Button, Badge, Accordion, Card, Dropdown } from 'react-bootstrap';\r\n// import { render } from '@testing-library/react';\r\nimport { Route, Switch, useHistory } from 'react-router-dom';\r\nimport Header from './components/layout/Header';\r\nimport Footer from './components/layout/Footer';\r\nimport Home from './components/pages/Home';\r\nimport About from './components/pages/About';\r\nimport Products from './components/pages/Products';\r\nimport Media from './components/pages/Media';\r\nimport Contact from './components/pages/Contact';\r\nimport Industrial from './components/pages/Industrial';\r\nimport Agriculture from './components/pages/Agriculture';\r\nimport Packaging from './components/pages/Packaging';\r\nimport SubscriptionVerification from \"./components/pages/SubscriptionVerification\";\r\nimport NoMatchPage from \"./components/pages/NoMatchPage\";\r\n\r\n\r\nfunction App(props) {\r\n\r\n  const history = useHistory();\r\n  const [ renderCount, setRenderCount ] = useState( 0 );\r\n\r\n  useEffect(() => {\r\n     return history.listen((location) => { \r\n       setRenderCount( renderCount + 1 );\r\n     }) \r\n  },[history, renderCount]);\r\n\r\n  return (\r\n    <div className=\"App\">\r\n        <div>\r\n          <Header/>\r\n          <Switch>\r\n            <Route path=\"/about\">\r\n              <About />\r\n            </Route>\r\n            <Route path=\"/products/:id\" component={Industrial} >\r\n            </Route> \r\n            <Route path=\"/products\">\r\n              <Products />\r\n            </Route>\r\n            <Route path=\"/media\">\r\n              <Media/>\r\n            </Route>\r\n            <Route path=\"/contact\">\r\n              <Contact/>\r\n            </Route>\r\n            <Route path=\"/subscriptionVerification/:token\" component={SubscriptionVerification} >\r\n            </Route>\r\n            <Route path=\"/jobApplicationVerification/:token\">\r\n              <Contact/>\r\n            </Route>\r\n                     \r\n            {/* <Route path=\"/industrial/:id\" component={Industrial} >\r\n            </Route>             */}\r\n            {/* <Route path=\"/agriculture\">\r\n              <Agriculture/>\r\n            </Route>\r\n            <Route path=\"/packaging\">\r\n              <Packaging/>\r\n            </Route> */}\r\n            <Route path=\"/\" exact component={Home} />\r\n            {/* 404 */}\r\n            <Route>\r\n              <NoMatchPage/>\r\n            </Route>\r\n          </Switch>\r\n          <Footer renderCount={renderCount} />\r\n        </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { HashRouter } from 'react-router-dom';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <HashRouter>\r\n      <App />\r\n    </HashRouter>\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"selectedItem\":\"Home_selectedItem__oNBax\"};"],"sourceRoot":""}