{"version":3,"sources":["views/landingpage/landingpage.js","img/solkos_300x100.jpg","utils/constants.js","components/Header/Header.jsx","img/bg/enfriadores-black-bg.jpg","img/bg/cooling-bg.png","img/bg/enfriador-white-bg.jpg","components/Background/Background2.jsx","img/solkosSpace.PNG","components/About/About.jsx","components/WhyUs/WhyUs.jsx","components/Productivity/Productivity.jsx","components/Cta/Cta.jsx","components/Services/Services.jsx","components/Contact/Contact.jsx","assets/Condiciones-Solkos.pdf","components/Footer/Footer.jsx","components/BackToUp/BackToUp.jsx","views/landingpage/Landingpage.jsx","firebase.js","api/config/config.js","api/controllers/user.js","api/controllers/otp.js","api/controllers/products.js","components/ProductRegister/ProductRegister.jsx","hooks/usePasswordValidation.js","App.jsx","serviceWorker.js","i18n/index.js","index.js"],"names":["document","addEventListener","$","window","scroll","this","scrollTop","addClass","removeClass","scrolltoOffset","outerHeight","on","e","location","pathname","replace","hostname","target","hash","length","preventDefault","scrollto","offset","top","attr","animate","parents","closest","hasClass","toggleClass","fadeOut","ready","initial_nav","setTimeout","$mobile_nav","clone","prop","class","append","remove","prepend","toggle","next","slideToggle","parent","click","container","is","has","hide","nav_sections","main_nav","cur_pos","each","bottom","find","fadeIn","heroCarousel","heroCarouselIndicators","children","index","AOS","init","duration","easing","once","mirror","langSolkos","consoleUrl","Header","props","contentAction","useTranslation","t","i18n","id","className","href","src","logo","alt","style","map","i","onClick","changeLanguage","short","full","Background2","role","backgroundImage","bg1","bg2","bg3","About2","React","useState","isOpen","setOpen","solkosCooler","channel","videoId","autoplay","onClose","WhyUs","Productivity","Cta","Services","Contact","border","width","height","frameBorder","allowFullScreen","title","Footer","serviceConditions","rel","BackToUp","Landingpage","consoleurl","About","firebase","initializeApp","apiKey","authDomain","databaseURL","projectId","storageBucket","messagingSenderId","appId","firestore","auth","BASE_PATH","API_VERSION","signinApi","data","a","url","params","method","body","JSON","stringify","headers","fetch","response","json","signinCirWifiApi","redirect","text","loginCirWifiApi","findUserByIdApi","updateUser2faApi","bodyObj","userId","secret","console","log","createUserWithFirebase","email","password","logInWithFirebase","currentUserFirebase","totpSecretApi","totpValidateApi","token","totpQrApi","userEmail","checkProductsApi","serie","checkProductsErp","registerProducts","ProductRegister","alertInitialState","display","type","principalMsg","message","error","setError","setUserId","setEmail","webPwd","setWebPwd","webPwd2","setWebPwd2","token2FA","setToken2FA","setSecret","hasSecret","setHasSecret","phoneNum","setPhoneNum","username","setUsername","lastname","setLastname","formStat","setFormStat","contentAlert","setContentAlert","loading","setLoading","products","setProducts","qrImage","setQrImage","delay","phoneno","firstPassword","secondPassword","requiredLength","numberValidation","lowercaseValidation","uppercaseValidation","specialcharacterValidation","lengthValidation","validLength","setValidLength","hasNumber","setHasNumber","upperCase","setUpperCase","lowerCase","setLowerCase","specialChar","setSpecialChar","match","setMatch","securePasswordLevel","setSecurePasswordLevel","securePasswordClass","setSecurePasswordClass","useEffect","toLowerCase","toUpperCase","test","filter","value","usePasswordValidation","processError","processAlert","userSignin","useCallback","res","user","uid","phone","phoneStatus","repeatPassword","cirwifiToken","localStorage","setItem","tempSecret","qruri","signOut","errorCode","code","loginWithEmail","userData","two_factor_enabled","two_factor_secret","syncQr","valid","checkProductsE","checkProductsA","onSubmit","trim","placeholder","onChange","inputClass","enableSearch","autoFormat","searchStyle","country","searchNotFound","inputProps","isValid","getElementById","toString","countryCode","for","tags","maxTags","editable","readOnly","removeOnBackspace","product","validator","existInList","indexOf","App","scrollTo","path","exact","isLocalhost","Boolean","registerValidSW","swUrl","config","navigator","serviceWorker","register","then","registration","onupdatefound","installingWorker","installing","onstatechange","state","controller","onUpdate","onSuccess","catch","resources","en","translation","es","use","detector","initReactI18next","fallbackLng","keySeparator","interpolation","escapeValue","ReactDOM","render","StrictMode","URL","process","origin","contentType","get","status","unregister","reload","checkValidServiceWorker"],"mappings":"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","file":"static/js/main.5b0b914f.chunk.js","sourcesContent":["\r\nimport $ from 'jquery';\r\nimport \"animate.css/animate.min.css\";\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css';\r\nimport 'aos/dist/aos.js';\r\n\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n// Toggle .header-scrolled class to #header when page is scrolled\r\n$(window).scroll(function() {\r\n  if ($(this).scrollTop() > 100) {\r\n    $('#header').addClass('header-scrolled');\r\n  } else {\r\n    $('#header').removeClass('header-scrolled');\r\n  }\r\n});\r\n\r\nif ($(window).scrollTop() > 100) {\r\n  $('#header').addClass('header-scrolled');\r\n}\r\n\r\n// Smooth scroll for the navigation menu and links with .scrollto classes\r\nvar scrolltoOffset = $('#header').outerHeight() - 2;\r\n$(document).on('click', '.nav-menu a, .mobile-nav a, .scrollto', function(e) {\r\n  if (window.location.pathname.replace(/^\\//, '') === this.pathname.replace(/^\\//, '') && window.location.hostname === this.hostname) {\r\n    var target = $(this.hash);\r\n    if (target.length) {\r\n      e.preventDefault();\r\n\r\n      var scrollto = target.offset().top - scrolltoOffset;\r\n\r\n      if ($(this).attr(\"href\") === '#header') {\r\n        scrollto = 0;\r\n      }\r\n\r\n      $('html, body').animate({\r\n        scrollTop: scrollto\r\n      }, 1500, 'easeInOutExpo');\r\n\r\n      if ($(this).parents('.nav-menu, .mobile-nav').length) {\r\n        $('.nav-menu .active, .mobile-nav .active').removeClass('active');\r\n        $(this).closest('li').addClass('active');\r\n      }\r\n\r\n      if ($('body').hasClass('mobile-nav-active')) {\r\n        $('body').removeClass('mobile-nav-active');\r\n        $('.mobile-nav-toggle i').toggleClass('fa-bars fa-times');\r\n        $('.mobile-nav-overly').fadeOut();\r\n      }\r\n      return false;\r\n    }\r\n  }\r\n});\r\n\r\n// Activate smooth scroll on page load with hash links in the url\r\n$(document).ready(function() {\r\n  if (window.location.hash) {\r\n    var initial_nav = window.location.hash;\r\n    if ($(initial_nav).length) {\r\n      var scrollto = $(initial_nav).offset().top - scrolltoOffset;\r\n      $('html, body').animate({\r\n        scrollTop: scrollto\r\n      }, 1500, 'easeInOutExpo');\r\n    }\r\n  }\r\n});\r\n\r\n// Mobile Navigation\r\nsetTimeout(function(){\r\n  if ($('.nav-menu').length) {\r\n    var $mobile_nav = $('.nav-menu').clone().prop({\r\n      class: 'mobile-nav d-lg-none'\r\n    });\r\n    $('body').append($mobile_nav);\r\n    $('.mobile-nav .lang').remove();\r\n    $('body').prepend('<button type=\"button\" class=\"mobile-nav-toggle d-lg-none\"><i class=\"bx bx-menu\"></i></button>');\r\n    $('body').append('<div class=\"mobile-nav-overly\"></div>');\r\n  \r\n    $(document).on('click', '.mobile-nav-toggle', function(e) {\r\n      $('body').toggleClass('mobile-nav-active');\r\n      $('.mobile-nav-toggle i').toggleClass('fa-bars fa-times');\r\n      $('.mobile-nav-overly').toggle();\r\n    });\r\n  \r\n    $(document).on('click', '.mobile-nav .drop-down.lang > a', function(e) {\r\n      e.preventDefault();\r\n      $(this).next().slideToggle(300);\r\n      $(this).parent().toggleClass('active');\r\n    });\r\n\r\n    $(document).on('click', '.drop-down.lang.lang > a', function(e) {\r\n      e.preventDefault();\r\n    });\r\n  \r\n    $(document).click(function(e) {\r\n      var container = $(\".mobile-nav, .mobile-nav-toggle\");\r\n      if (!container.is(e.target) && container.has(e.target).length === 0) {\r\n        if ($('body').hasClass('mobile-nav-active')) {\r\n          $('body').removeClass('mobile-nav-active');\r\n          $('.mobile-nav-toggle i').toggleClass('fa-bars fa-times');\r\n          $('.mobile-nav-overly').fadeOut();\r\n        }\r\n      }\r\n    });\r\n  } else if ($(\".mobile-nav, .mobile-nav-toggle\").length) {\r\n    $(\".mobile-nav, .mobile-nav-toggle bx \").hide();\r\n  }\r\n},1000)\r\n\r\n\r\n// Navigation active state on scroll\r\nvar nav_sections = $('section');\r\nvar main_nav = $('.nav-menu, .mobile-nav');\r\n\r\n$(window).on('scroll', function() {\r\n  var cur_pos = $(this).scrollTop() + 200;\r\n\r\n  nav_sections.each(function() {\r\n    var top = $(this).offset().top,\r\n      bottom = top + $(this).outerHeight();\r\n\r\n    if (cur_pos >= top && cur_pos <= bottom) {\r\n      if (cur_pos <= bottom) {\r\n        main_nav.find('li').removeClass('active');\r\n      }\r\n      main_nav.find('a[href=\"#' + $(this).attr('id') + '\"]').parent('li').addClass('active');\r\n    }\r\n    if (cur_pos < 300) {\r\n      $(\".nav-menu ul:first li:first\").addClass('active');\r\n    }\r\n  });\r\n});\r\n\r\n  // Back to top button\r\n  $(window).scroll(function() {\r\n    if ($(this).scrollTop() > 100) {\r\n      $('.back-to-top').fadeIn('slow');\r\n    } else {\r\n      $('.back-to-top').fadeOut('slow');\r\n    }\r\n  });\r\n\r\n  $('.back-to-top').click(function() {\r\n    $('html, body').animate({\r\n      scrollTop: 0\r\n    }, 1500, 'easeInOutExpo');\r\n    return false;\r\n  });\r\n\r\n  // Intro carousel\r\nvar heroCarousel = $(\"#heroCarousel\");\r\nvar heroCarouselIndicators = $(\"#hero-carousel-indicators\");\r\nheroCarousel.find(\".carousel-inner\").children(\".carousel-item\").each(function(index) {\r\n  (index === 0) ?\r\n  heroCarouselIndicators.append(\"<li data-target='#heroCarousel' data-slide-to='\" + index + \"' className='active'></li>\"):\r\n    heroCarouselIndicators.append(\"<li data-target='#heroCarousel' data-slide-to='\" + index + \"'></li>\");\r\n});\r\n\r\nheroCarousel.on('slid.bs.carousel', function(e) {\r\n  $(this).find('h2').addClass('animate__animated animate__fadeInDown');\r\n  $(this).find('p, .btn-get-started').addClass('animate__animated animate__fadeInUp');\r\n});\r\n\r\n\r\n\r\n  // Porfolio isotope and filter\r\n  /* $(window).on('load', function() {\r\n    var portfolioIsotope = $('.portfolio-container').isotope({\r\n      itemSelector: '.portfolio-item',\r\n      layoutMode: 'fitRows'\r\n    });\r\n\r\n    $('#portfolio-flters li').on('click', function() {\r\n      $(\"#portfolio-flters li\").removeClass('filter-active');\r\n      $(this).addClass('filter-active');\r\n\r\n      portfolioIsotope.isotope({\r\n        filter: $(this).data('filter')\r\n      });\r\n      aos_init();\r\n    });\r\n  }); */\r\n\r\n  // Initiate venobox (lightbox feature used in portofilo)\r\n/*   $(document).ready(function() {\r\n    $('.venobox').venobox();\r\n  }); */\r\n\r\n  // Testimonials carousel (uses the Owl Carousel library)\r\n  /* $(\".testimonials-carousel\").owlCarousel({\r\n    autoplay: true,\r\n    dots: true,\r\n    loop: true,\r\n    responsive: {\r\n      0: {\r\n        items: 1\r\n      },\r\n      768: {\r\n        items: 1\r\n      },\r\n      900: {\r\n        items: 2\r\n      }\r\n    }\r\n  });\r\n\r\n  // Portfolio details carousel\r\n  $(\".portfolio-details-carousel\").owlCarousel({\r\n    autoplay: true,\r\n    dots: true,\r\n    loop: true,\r\n    items: 1\r\n  }); */\r\n\r\n  // Init AOS\r\n  function aos_init() {\r\n    AOS.init({\r\n      duration: 1000,\r\n      easing: \"ease-in-out\",\r\n      once: true,\r\n      mirror: false,\r\n      offset: 50,\r\n    });\r\n  }\r\n  $(window).on('load', function() {\r\n    aos_init();\r\n  });\r\n}, false);\r\n","export default __webpack_public_path__ + \"static/media/solkos_300x100.29ad530a.jpg\";","//Languages\r\nexport const langSolkos = [\r\n    {\"short\":\"es\",\"full\":\"Español\"},\r\n    {\"short\":\"en\",\"full\":\"English\"},\r\n]\r\n\r\n//URL References\r\n\r\n//Landing page\r\n\r\n//Console\r\nexport const consoleUrl = \"https://console.solkos.com.mx/\"; //\"http://localhost:3000/\";\r\n\r\n//Wifrio\r\n\r\n","import React,{Fragment} from 'react';\r\nimport logo from '../../img/solkos_300x100.jpg';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {langSolkos,consoleUrl} from '../../utils/constants';\r\n\r\nconst Header = (props) => {\r\n    const {contentAction} = props\r\n    const [t,i18n] = useTranslation();\r\n  \r\n    \r\n    return (\r\n        <Fragment>\r\n            {/*  ======= Header ======= */}\r\n            <header id=\"header\" className=\"fixed-top\">\r\n              <div className=\"container\">\r\n\r\n                <div className=\"logo float-left\">\r\n                  <a href=\"/\"><img src={logo} alt=\"\" className=\"img-fluid\"/></a>\r\n                </div>\r\n                {/* <div className=\"brandName\">\r\n                  <ul>\r\n                    <li><a href=\"/\"><img src={logo} alt=\"\" className=\"img-fluid\"/></a></li>\r\n                    \r\n                  </ul>\r\n                </div> */}\r\n                \r\n                <nav className={`nav-menu float-right d-none ${contentAction ? contentAction: 'd-lg-block'}`}>\r\n                    <ul>\r\n                      <li className=\"active\"><a href=\"#header\">{t(\"header.home.title\")}</a></li>\r\n                      <li><a href=\"#about\">{t(\"header.about.title\")}</a></li>\r\n                      <li><a href=\"#services\">{t(\"header.services.title\")}</a></li>\r\n                      {/* <li><a href=\"#portfolio\">Soluciones</a></li> */}\r\n                      <li><a href=\"#contact\">{t(\"header.contact.title\")}</a></li>\r\n                      \r\n                      <li className=\"get-started login drop-down\"><a href={`${consoleUrl}`} className=\"service_action\">{t(\"header.login.title\")} </a> {/* classname=\"drop-down\" */}\r\n                        <ul className=\"mt-2\">\r\n                            <li><a href={`${consoleUrl}`}>{t(\"header.login2.title\")}</a></li>\r\n                            <li><a href=\"https://sca.solkos.com.mx/login\">{t(\"header.console.title\")}</a></li>\r\n                        </ul>\r\n                      </li>\r\n                      {/* eslint-disable-next-line */} \r\n                      <li className=\"drop-down lang cursor\"><a href=\"/#\" className=\"bx bx-world\" style={{\"fontSize\": \"21px\"}}></a> \r\n                        <ul className=\"mt-2\">\r\n                          {\r\n                            langSolkos.map(i =>(\r\n                              <>\r\n                                <li>\r\n                                  <span className=\"link\" onClick={() => i18n.changeLanguage(i.short)}>\r\n                                    {i.full}\r\n                                  </span>\r\n                                </li>\r\n                              </>\r\n                            ))\r\n                          }\r\n                        </ul>\r\n                      </li>\r\n                    </ul>\r\n                  </nav>{/* <!-- .nav-menu --> */}\r\n\r\n              </div>\r\n            </header>{/* <!-- End Header --> */}\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default Header\r\n","export default __webpack_public_path__ + \"static/media/enfriadores-black-bg.a3662dc8.jpg\";","export default __webpack_public_path__ + \"static/media/cooling-bg.72ca075b.png\";","export default __webpack_public_path__ + \"static/media/enfriador-white-bg.5d17c053.jpg\";","import React,{Fragment} from 'react';\r\nimport {useTranslation} from 'react-i18next';\r\nimport bg1 from '../../img/bg/enfriadores-black-bg.jpg';\r\nimport bg2 from '../../img/bg/cooling-bg.png';\r\nimport bg3 from '../../img/bg/enfriador-white-bg.jpg';\r\n\r\nconst Background2 = () => {\r\n  const [t] = useTranslation()\r\n    return (\r\n        <Fragment>\r\n            {/*  Hero Section */}\r\n            <section id=\"hero\">\r\n              <div className=\"hero-container\">\r\n                <div id=\"heroCarousel\" className=\"carousel slide carousel-fade\" data-ride=\"carousel\">\r\n\r\n                  <ol className=\"carousel-indicators\" id=\"hero-carousel-indicators\"></ol>\r\n\r\n                  <div className=\"carousel-inner\" role=\"listbox\">\r\n\r\n                    {/*  Slide 1  */}\r\n                    <div className=\"carousel-item active\" style={{backgroundImage: \"url(\" + bg1 + \")\"}}>\r\n                      <div className=\"carousel-container\">\r\n                        <div className=\"carousel-content container\">\r\n                          <h2 className=\"animate__animated animate__fadeInDown\">{t(\"background.slide1.1.title\")}<br></br>{t(\"background.slide1.2.title\")}</h2>\r\n                          <p className=\"animate__animated animate__fadeInUp\">{t(\"background.slide1.label\")}</p>\r\n                          <a href=\"#why-us\" className=\"btn-get-started animate__animated animate__fadeInUp scrollto\">{t(\"common.know.more\")}</a>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    {/*  Slide 2  */}\r\n                    <div className=\"carousel-item\" style={{backgroundImage: \"url(\" + bg2 + \")\"}}>\r\n                      <div className=\"carousel-container\">\r\n                        <div className=\"carousel-content container\">\r\n                          <h2 className=\"animate__animated animate__fadeInDown\">{t(\"background.slide2.title\")}</h2>\r\n                          <p className=\"animate__animated animate__fadeInUp\">{t(\"background.slide2.label\")}</p>\r\n                          <a href=\"#cta\" className=\"btn-get-started animate__animated animate__fadeInUp scrollto\">{t(\"common.know.more\")}</a>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    {/*  Slide 3 */}\r\n                    <div className=\"carousel-item\" style={{backgroundImage: \"url(\" + bg3 + \")\"}}>\r\n                      <div className=\"carousel-container\">\r\n                        <div className=\"carousel-content container\">\r\n                          <h2 className=\"animate__animated animate__fadeInDown\">{t(\"background.slide3.1.title\")}<br></br>{t(\"background.slide3.2.title\")}</h2>\r\n                          <p className=\"animate__animated animate__fadeInUp\">{t(\"background.slide3.label\")}</p>\r\n                          <a href=\"#services\" className=\"btn-get-started animate__animated animate__fadeInUp scrollto\">{t(\"common.know.more\")}</a>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    \r\n                  </div>\r\n\r\n                  <a className=\"carousel-control-prev\" href=\"#heroCarousel\" role=\"button\" data-slide=\"prev\">\r\n                    <span className=\"carousel-control-prev-icon bx bxs-chevron-left\" aria-hidden=\"true\"></span>\r\n                    <span className=\"sr-only\">{t(\"common.before\")}</span>\r\n                  </a>\r\n                  <a className=\"carousel-control-next\" href=\"#heroCarousel\" role=\"button\" data-slide=\"next\">\r\n                    <span className=\"carousel-control-next-icon bx bxs-chevron-right\" aria-hidden=\"true\"></span>\r\n                    <span className=\"sr-only\">{t(\"common.after\")}</span>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </section>{/* End Hero */}\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default Background2\r\n","export default __webpack_public_path__ + \"static/media/solkosSpace.6bb94449.PNG\";","import React from 'react';\r\nimport {useTranslation} from 'react-i18next';\r\nimport ModalVideo from 'react-modal-video';\r\nimport solkosCooler from '../../img/solkosSpace.PNG';\r\n\r\n\r\nconst About2 = () => {\r\n    const [t] = useTranslation()\r\n    const [isOpen, setOpen] = React.useState(false)\r\n    return (\r\n        <>\r\n           {/*  ======= About Us Section ======= */}\r\n            <section id=\"about\" className=\"about\">\r\n              <div className=\"container\">\r\n\r\n                <div className=\"row no-gutters\">\r\n                  <div className=\"col-lg-6 video-box\">\r\n                    <img src={solkosCooler} className=\"img-fluid\" alt=\"\"/>\r\n                    <i className=\"play-btn mb-4\" onClick={()=> setOpen(true)}></i>\r\n                    <ModalVideo channel='youtube' isOpen={isOpen} className=\"play-btn mb-4\" videoId=\"ZUazZ566Ae0\" autoplay=\"1\" onClose={() => setOpen(false)} />\r\n                  </div>\r\n\r\n                  <div className=\"col-lg-6 d-flex flex-column justify-content-top about-content\">\r\n\r\n                    <div className=\"section-title\">\r\n                      <h2>{t(\"header.about.title\")}</h2>\r\n                      <p>\r\n                        {t(\"about.info.label\")}\r\n                      </p>\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\r\n            </section>{/*  End About Us Section */} \r\n        </>\r\n    )\r\n}\r\n\r\nexport default About2\r\n","import React,{Fragment} from 'react';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst WhyUs = () => {\r\n    const [t] = useTranslation();\r\n    return (\r\n        <Fragment>\r\n            {/*  ======= Why Us Section =======  */}\r\n            <section id=\"why-us\" className=\"why-us section-bg\">\r\n            <div className=\"container\">\r\n\r\n                <div className=\"row\">\r\n                <div className=\"col-lg-4 d-flex align-items-stretch\" data-aos=\"fade-right\">\r\n                    <div className=\"content\">\r\n                    <h3>{t(\"whyus.card1.title\")}</h3>\r\n                    <p>\r\n                    {t(\"whyus.card1.label\")}\r\n                    </p>\r\n                    <div className=\"text-center whyUs-btn\">\r\n                        <a href=\"#productivity\" data-toggle=\"collapse\" aria-expanded=\"false\" aria-controls=\"productivity\" className=\"more-btn\">{t(\"common.know.more\")} <i className=\"bx bx-chevron-right\"></i></a>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"col-lg-8 d-flex align-items-stretch\">\r\n                    <div className=\"icon-boxes d-flex flex-column justify-content-center\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-xl-4 d-flex align-items-stretch\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                        <div className=\"icon-box mt-4 mt-xl-0\">\r\n                            <i className='bx bx-cctv'></i>\r\n                            <h4>{t(\"whyus.card2.title\")}</h4>\r\n                            <div className=\"row\">\r\n                                <div className=\"col\">\r\n                                <hr></hr>\r\n                                    <p>\r\n                                    {t(\"whyus.card2.label\")}\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-xl-4 d-flex align-items-stretch\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                        <div className=\"icon-box mt-4 mt-xl-0\">\r\n                            <i className='bx bx-error'></i>\r\n                            <h4>{t(\"whyus.card3.title\")}</h4>\r\n                            <div className=\"row\">\r\n                                <div className=\"col\">\r\n                                    <hr></hr>\r\n                                    <p>\r\n                                    {t(\"whyus.card3.label\")}\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-xl-4 d-flex align-items-stretch\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                        <div className=\"icon-box mt-4 mt-xl-0\">\r\n                            <i className='bx bx-line-chart-down'></i>\r\n                            <h4>{t(\"whyus.card4.title\")}</h4>\r\n                            <div className=\"row\">\r\n                                <div className=\"col\">\r\n                                    <hr></hr>\r\n                                    <p>\r\n                                    {t(\"whyus.card4.label\")}\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>{/*  End content  */}\r\n                </div>\r\n                </div>\r\n\r\n            </div>\r\n            </section>{/*  End Why Us Section  */}\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default WhyUs\r\n","import React,{Fragment} from 'react';\r\nimport {useTranslation} from 'react-i18next'\r\n\r\nconst Productivity = () => {\r\n  const [t] = useTranslation();\r\n    return (\r\n        <Fragment>\r\n            {/*  ======= Productivity Lists Section =======  */}\r\n            <section id=\"productivity\" className=\"productivity collapse section-bg\">\r\n              <div className=\"container\">\r\n\r\n                <div className=\"row no-gutters\">\r\n\r\n                  <div className=\"col-lg-4 col-md-6 content-item\" data-aos=\"fade-up\">\r\n                    <span>01</span>\r\n                    <h5>{t(\"productivity.1.title\")}</h5>\r\n                    <p>{t(\"productivity.1.label\")}</p>\r\n                  </div>\r\n\r\n                  <div className=\"col-lg-4 col-md-6 content-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <span>02</span>\r\n                    <h5>{t(\"productivity.2.title\")}</h5>\r\n                    <p>{t(\"productivity.2.label\")}</p>\r\n                  </div>\r\n\r\n                  <div className=\"col-lg-4 col-md-6 content-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <span>03</span>\r\n                    <h5> {t(\"productivity.3.title\")}</h5>\r\n                    <p>{t(\"productivity.3.label\")}</p>\r\n                  </div>\r\n\r\n                  <div className=\"col-lg-4 col-md-6 content-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <span>04</span>\r\n                    <h5>{t(\"productivity.4.title\")}</h5>\r\n                    <p>{t(\"productivity.4.label\")}</p>\r\n                  </div>\r\n\r\n                  <div className=\"col-lg-4 col-md-6 content-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <span>05</span>\r\n                    <h5>{t(\"productivity.5.title\")}</h5>\r\n                    <p>{t(\"productivity.5.label\")}</p>\r\n                  </div>\r\n\r\n                  <div className=\"col-lg-4 col-md-6 content-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <span>06</span>\r\n                    <h5>{t(\"productivity.6.title\")}</h5>\r\n                    <p>{t(\"productivity.6.label\")}</p>\r\n                  </div>\r\n\r\n                </div>\r\n\r\n              </div>\r\n            </section>{/*  End Productivity list Section  */}\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default Productivity\r\n","import React,{Fragment} from 'react';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst Cta = () => {\r\n    const [t] = useTranslation();\r\n    return (\r\n        <Fragment>\r\n            {/*  ======= Cta Section =======  */}\r\n            <section id=\"cta\" className=\"cta\">\r\n            <div className=\"container\">\r\n\r\n                <div className=\"text-center\" data-aos=\"zoom-in\">\r\n                <h3>{t(\"cta.title\")}</h3>\r\n                <p>\r\n                    {t(\"cta.label\")}\r\n                </p>\r\n                <a className=\"cta-btn scrollto\" href=\"#contact\">{t(\"cta.contact\")}</a>\r\n                </div>\r\n\r\n            </div>\r\n            </section>{/*  End Cta Section  */}\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default Cta\r\n","import React,{Fragment} from 'react';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst Services = () => {\r\n    const [t] = useTranslation();\r\n    return (\r\n        <Fragment>\r\n            {/*  ======= Services Section =======  */}\r\n            <section id=\"services\" className=\"services section-bg\">\r\n            <div className=\"container\">\r\n\r\n                <div className=\"row\">\r\n                <div className=\"col-lg-4\">\r\n                    <div className=\"section-title\" data-aos=\"fade-right\">\r\n                    <h2>{t(\"services.1.title\")}</h2>\r\n                    <p>\r\n                        {t(\"services.1.label\")}\r\n                    </p>\r\n                    </div>\r\n                </div>\r\n                <div className=\"col-lg-8\">\r\n                    <div className=\"row\">\r\n                    <div className=\"col-md-6 d-flex align-items-stretch\">\r\n                        <div className=\"icon-box\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                        <div className=\"icon\"><i className=\"fas fa-percent\"></i></div>\r\n                        <h4><a href=\"/#\">{t(\"services.2.title\")}</a></h4>\r\n                        <p>\r\n                            {t(\"services.2.label\")}\r\n                        </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-md-6 d-flex align-items-stretch mt-4 mt-lg-0\">\r\n                        <div className=\"icon-box\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                        <div className=\"icon\"><i className=\"fas fa-search\"></i></div>\r\n                        <h4><a href=\"/#\">{t(\"services.3.title\")}</a></h4>\r\n                        <p>\r\n                            {t(\"services.3.label\")}\r\n                        </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    {/* <div className=\"col-md-6 d-flex align-items-stretch mt-4\">\r\n                        <div className=\"icon-box\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                        <div className=\"icon\"><i className=\"fas fa-link\"></i></div>\r\n                        <h4><a href=\"/#\">Connect with your customers</a></h4>\r\n                        <p>Establish solid relationships with your clients and encourage competitiveness and communication through activity-based scoring systems\r\n                        </p>\r\n                        </div>\r\n                    </div> */}\r\n\r\n                    <div className=\"col-12 d-flex mt-4\">\r\n                        <div className=\"row icon-box\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n                        <div className=\"col-6\">\r\n                            <div className=\"icon\"><i className=\"fas fa-bullhorn\"></i></div>\r\n                            <h4><a href=\"/#\">{t(\"services.4.title\")}</a></h4>\r\n                        </div>\r\n                        <div className=\"col-6\">\r\n                            <p>\r\n                                {t(\"services.4.label\")}\r\n                            </p>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    </div>\r\n                </div>\r\n                </div>\r\n\r\n            </div>\r\n            </section>{/*  End Services Section  */}\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default Services\r\n","import React,{Fragment} from 'react';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst Contact = () => {\r\n    const [t] = useTranslation();\r\n    return (\r\n        <Fragment>\r\n            {/*  ======= Contact Section =======  */}\r\n            <section id=\"contact\" className=\"contact\">\r\n            <div className=\"container\">\r\n                <div className=\"row\">\r\n                <div className=\"col-lg-4\" data-aos=\"fade-right\">\r\n                    <div className=\"section-title\">\r\n                    <h2>{t(\"contact.title\")}</h2>\r\n                    <p>\r\n                    {t(\"contact.1.label\")}<br></br><br></br>\r\n                    {t(\"contact.2.label\")}<br></br>\r\n                    {t(\"contact.3.label\")}<br></br>\r\n                    {t(\"contact.4.label\")}\r\n                    \r\n                    </p>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"col-lg-8\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <iframe style={{border:\"0\", width: \"100%\", height: \"270px\"}} src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3739.6406871952126!2d-99.98452298638162!3d20.397699614399816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d30b81d1ab57a5%3A0x4c6043e9271214fb!2sImbera%20Latinoam%C3%A9rica!5e0!3m2!1ses!2sbg!4v1600704621662!5m2!1ses!2sbg\" frameBorder=\"0\" allowFullScreen=\"\" title=\"solkos\"></iframe>\r\n                    <div className=\"info mt-4\">\r\n                    <i className=\"bx bxs-map\"></i>\r\n                    <h4>{t(\"costact.location.title\")}</h4>\r\n                    <p>{t(\"contact.location.label\")}</p>\r\n                    </div>\r\n                    <div className=\"row\">\r\n                    <div className=\"col-lg-6 mt-4\">\r\n                        <div className=\"info\">\r\n                        <i className=\"bx bxs-envelope   \"></i>\r\n                        <h4>{t(\"contact.email.title\")}</h4>\r\n                        <p>{t(\"contact.email.label\")}</p>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-lg-6\">\r\n                        <div className=\"info w-100 mt-4\">\r\n                        <i className=\"bx bxs-phone\"></i>\r\n                        <h4>{t(\"contact.phone.title\")}</h4>\r\n                        <p>{t(\"contact.phone.label\")}</p>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                    {/* \r\n                    <form action=\"callback view or method\" method=\"post\" role=\"form\" className=\"php-email-form mt-4\">\r\n                    <div className=\"form-row\">\r\n                        <div className=\"col-md-6 form-group\">\r\n                        <input type=\"text\" name=\"name\" className=\"form-control\" id=\"name\" placeholder=\"Your Name\" data-rule=\"minlen:4\" data-msg=\"Please enter at least 4 chars\" />\r\n                        <div className=\"validate\"></div>\r\n                        </div>\r\n                        <div className=\"col-md-6 form-group\">\r\n                        <input type=\"email\" className=\"form-control\" name=\"email\" id=\"email\" placeholder=\"Your Email\" data-rule=\"email\" data-msg=\"Please enter a valid email\" />\r\n                        <div className=\"validate\"></div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"form-group\">\r\n                        <input type=\"text\" className=\"form-control\" name=\"subject\" id=\"subject\" placeholder=\"Subject\" data-rule=\"minlen:4\" data-msg=\"Please enter at least 8 chars of subject\" />\r\n                        <div className=\"validate\"></div>\r\n                    </div>\r\n                    <div className=\"form-group\">\r\n                        <textarea className=\"form-control\" name=\"message\" rows=\"5\" data-rule=\"required\" data-msg=\"Please write something for us\" placeholder=\"Message\"></textarea>\r\n                        <div className=\"validate\"></div>\r\n                    </div>\r\n                    <div className=\"mb-3\">\r\n                        <div className=\"loading\">Loading</div>\r\n                        <div className=\"error-message\"></div>\r\n                        <div className=\"sent-message\">Your message has been sent. Thank you!</div>\r\n                    </div>\r\n                    <div className=\"text-center\"><button type=\"submit\">Send Message</button></div>\r\n                    </form> */}\r\n                </div>\r\n                </div>\r\n\r\n            </div>\r\n            </section>{/*  End Contact Section  */}\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default Contact\r\n","export default __webpack_public_path__ + \"static/media/Condiciones-Solkos.999be2fb.pdf\";","import React,{Fragment} from 'react';\r\nimport serviceConditions from '../../assets/Condiciones-Solkos.pdf';\r\n//import privacyPolicy from '../../assets/files/aviso-privacidad.html';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {langSolkos, consoleUrl} from '../../utils/constants';\r\n\r\nconst Footer = () => {\r\n    const [t,i18n] = useTranslation();\r\n\r\n    return (\r\n        <Fragment>\r\n            {/* ======= Footer ======= */}\r\n            <footer id=\"footer\">\r\n\r\n                <div className=\"footer-top\">\r\n                <div className=\"container\">\r\n                    <div className=\"row\">\r\n\r\n                        <div className=\"col-lg-auto col-md-6 col-sm-12 mr-auto footer-contact\">\r\n                            <h3>{t(\"common.solkos\")}</h3>\r\n                            <p>\r\n                            {t(\"footer.location.label\")}<br/>\r\n                            {t(\"footer.location.state.label\")}<br/>\r\n                            {t(\"footer.location.country.label\")} <br/><br/>\r\n                            <strong>{t(\"contact.phone.title\")}</strong>{t(\"contact.phone.label\")}<br/>\r\n                            <strong>{t(\"contact.email.title\")}</strong> {t(\"contact.email.label\")}<br/>\r\n                            </p>\r\n                        </div>\r\n\r\n                        <div className=\"col-lg-5 col-md-6 col-sm-12 sty-footer\">\r\n                            <div className=\" col-sm-12 col-md-6 footer-links\">\r\n                                <div>\r\n                                    <h4>{t(\"footer.interest.links.title\")}</h4>\r\n                                    <ul>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a className=\"scrollto\" href=\"#header\">{t(\"header.home.title\")}</a></li>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a className=\"scrollto\" href=\"#about\">{t(\"header.about.title\")}</a></li>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a className=\"scrollto\" href=\"#services\">{t(\"header.services.title\")}</a></li>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a className=\"scrollto\" href=\"#contact\">{t(\"header.contact.title\")}</a></li>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a className=\"scrollto\" href=\"/aviso-privacidad/aviso-privacidad-solkos.html\" target =\"_blank\" >{t(\"footer.privacy.policy\")}</a></li>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a className=\"scrollto\" href=\"/aviso-privacidad-coolector/aviso-privacidad-coolector.html\" target =\"_blank\" >{t(\"footer.privacy.policy-coolector\")}</a></li>\r\n                                    </ul>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div className=\" col-sm-12 col-md-6 footer-links\">\r\n                                <div>\r\n                                    <h4>{t(\"footer.user.links.title\")}</h4>\r\n                                    <ul>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a href=\"/product-register\" className=\"linkedin\">{t(\"footer.user.links.product.register\")}</a></li>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a href={`${consoleUrl}`}>{t(\"footer.user.links.user.login\")}</a></li>\r\n                                    <li><i className=\"bx bx-chevron-right\"></i> <a href={serviceConditions} target =\"_blank\" rel=\"noopener noreferrer\">{t(\"footer.user.links.terms.service\")}</a></li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        \r\n\r\n                    </div>\r\n                </div>\r\n                </div>\r\n\r\n                <div className=\"container d-md-flex py-4\">\r\n\r\n                <div className=\"mr-md-auto text-center text-md-left d-flex\">\r\n                    <div className=\"languaje\">\r\n                        <span className=\"link\" onClick={() => i18n.changeLanguage(langSolkos[0].short)}>{langSolkos[0].short}</span> |\r\n                        <span className=\"link\" onClick={() => i18n.changeLanguage(langSolkos[1].short)}>{langSolkos[1].short}</span>\r\n                    </div>\r\n                    <div className=\"copyright pl-2\">\r\n                        &copy; {t(\"footer.copyright.label\")} <strong><span>{t(\"common.solkos\")}</span></strong>{t(\"footer.copyright.2.label\")}\r\n                    </div>\r\n                    \r\n                </div>\r\n                <div className=\"social-links text-center text-md-right pt-3 pt-md-0\">\r\n                    {/* <a href=\"/#\" className=\"twitter\"><i className=\"bx bxl-twitter\"></i></a>\r\n                    <a href=\"/#\" className=\"facebook\"><i className=\"bx bxl-facebook\"></i></a>\r\n                    <a href=\"/#\" className=\"instagram\"><i className=\"bx bxl-instagram\"></i></a>\r\n                    <a href=\"/#\" className=\"google-plus\"><i className=\"bx bxl-skype\"></i></a> */}\r\n                    <a href=\"https://www.linkedin.com/in/solkos/\" className=\"linkedin\"><i className=\"bx bxl-linkedin\"></i></a>\r\n                </div>\r\n                </div>\r\n            </footer>{/*  End Footer  */}\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default Footer\r\n","import React,{Fragment} from 'react';\r\n\r\nconst BackToUp = () => {\r\n    return (\r\n        <Fragment>\r\n            <a href=\"/#\" className=\"back-to-top\"><i className=\"bx bxs-chevron-up\"></i></a>\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default BackToUp\r\n","import React,{Fragment} from 'react';\r\n\r\n// -------- plugins CSS Files -----------------------//\r\nimport './styles.scss';\r\n// -------- plugins JS Files ------------------------//\r\nimport './landingpage.js';\r\n\r\nimport Header from '../../components/Header/Header.jsx';\r\nimport Background from '../../components/Background/Background2.jsx';\r\n/* import Items from '../../components/Items/Items.jsx'; */\r\nimport About from '../../components/About/About.jsx';\r\n/* import CountData from '../../components/CountData/CountData.jsx'; */\r\nimport WhyUs from '../../components/WhyUs/WhyUs.jsx';\r\nimport Productivity from '../../components/Productivity/Productivity.jsx';\r\nimport Cta from '../../components/Cta/Cta.jsx';\r\nimport Services from '../../components/Services/Services.jsx';\r\n/* import Portfolio from '../../components/Portfolio/Portfolio.jsx'; */\r\nimport Contact from '../../components/Contact/Contact.jsx'; \r\nimport Footer from '../../components/Footer/Footer.jsx';\r\nimport BackToUp from '../../components/BackToUp/BackToUp.jsx';\r\n\r\nconst Landingpage = () => {\r\n    const consoleurl = \"https://console-solkos.web.app/\" //\"http://localhost:3000/\"\r\n\r\n    return (\r\n        <Fragment>\r\n            <Header consoleurl={consoleurl}/>\r\n            <Background/>\r\n             <main id=\"main\">\r\n              {/* <Items/> */}\r\n              <About/>\r\n              {/* <CountData/> */}\r\n              <WhyUs/>\r\n              <Productivity/>\r\n              <Cta/>\r\n              <Services/>\r\n              {/* <Portfolio/> */}\r\n              <Contact/>\r\n              </main> \r\n            <Footer consoleurl={consoleurl}/>\r\n            <BackToUp/>\r\n        </Fragment>\r\n    )\r\n}\r\n\r\nexport default Landingpage\r\n","import firebase from 'firebase/app'\r\nimport 'firebase/firestore'\r\nimport 'firebase/auth'\r\n\r\nconst firebaseConfig = {\r\n    apiKey: \"AIzaSyD6XvmPdsmSdDd6kplmql-7e4gvVZUEAys\",\r\n    authDomain: \"solkoslp.firebaseapp.com\",\r\n    databaseURL: \"https://solkoslp.firebaseio.com\",\r\n    projectId: \"solkoslp\",\r\n    storageBucket: \"solkoslp.appspot.com\",\r\n    messagingSenderId: \"478277975235\",\r\n    appId: \"1:478277975235:web:280cd962fa91cf41407676\"\r\n};\r\n  // Initialize Firebase\r\n  firebase.initializeApp(firebaseConfig); \r\n\r\n  const db = firebase.firestore()\r\n  const auth = firebase.auth()\r\n  const firebaseApp = firebase\r\n\r\n  export {db,auth,firebaseApp}","export const BASE_PATH =\r\n  \"https://solkos-console-db-dot-imberalink-238816.uc.r.appspot.com/console-api\"; //\"http://localhost:3001/console-api\";\r\nexport const API_VERSION = \"v1\";\r\n","import {BASE_PATH, API_VERSION} from '../config/config';\r\n\r\n//Register user\r\nexport async function signinApi(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user`;\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(data),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data);\r\n    const response = await fetch(url, params)\r\n    return await response.json()\r\n}\r\n\r\n//Register user cirwifi\r\nexport async function signinCirWifiApi(data) {\r\n    const url = `https://cir-wifi-interface-b7agk5thba-uc.a.run.app/users`;\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(data),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MSwiZW1haWwiOiJyb290QGltYmVyYS5jb20iLCJjdXN0b21lcl9pZCI6ImltYmVyYSIsInJvbGUiOjF9.UPi4kiZ7FjoibRDXL0ymSLmLS-qlO5-S_oUX7nvRqHw\"\r\n        },\r\n        redirect: 'follow'\r\n    };\r\n    // console.log(data);\r\n    const response = await fetch(url, params)\r\n    return response.text()\r\n}\r\n\r\n//Login user\r\nexport async function loginApi(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/login`;\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(data),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n\r\n    return fetch(url, params)\r\n    .then(response => {\r\n        return response.json();\r\n    })\r\n    .then(result => {\r\n        // console.log(result);\r\n        return result;\r\n    })\r\n    .catch(err => {\r\n        return err.message;\r\n    });\r\n\r\n}\r\n\r\n//Login user Cir Wifi Api\r\nexport async function loginCirWifiApi(data) {\r\n    const url = `https://cir-wifi-interface-b7agk5thba-uc.a.run.app/login`;\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(data),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MSwiZW1haWwiOiJyb290QGltYmVyYS5jb20iLCJjdXN0b21lcl9pZCI6ImltYmVyYSIsInJvbGUiOjF9.UPi4kiZ7FjoibRDXL0ymSLmLS-qlO5-S_oUX7nvRqHw\"\r\n        }\r\n    };\r\n\r\n    const response = await fetch(url, params)\r\n    return await response.text();\r\n}\r\n\r\n//Login user\r\nexport async function loginWithPhoneApi(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/logInWithPhone`;\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(data),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n\r\n    return fetch(url, params)\r\n    .then(response => {\r\n        return response.json();\r\n    })\r\n    .then(result => {\r\n        // console.log(result);\r\n        return result;\r\n    })\r\n    .catch(err => {\r\n        return err.message;\r\n    });\r\n\r\n}\r\n\r\nexport async function findUserByPhoneOrEmail(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/${data.data}`;\r\n    const params = {\r\n        method: \"PUT\",\r\n        body: JSON.stringify(data),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\nexport async function findUserByIdApi(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/${data}`;\r\n    const params = {\r\n        method: \"GET\",\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\nexport async function updateUser2faApi(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/2fa-update`;\r\n    const bodyObj = {\r\n        userId: data.userId,\r\n        secret: data.secret\r\n    };\r\n    const params = {\r\n        method: \"PUT\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\n//-----------------------FIREBASE END-POINTS----------------------------\r\n\r\nexport async function createUserWithFirebase(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/loginFirebase`;\r\n    const bodyObj = {\r\n        email: data.email,\r\n        password: data.password\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"*\"\r\n        }\r\n    };\r\n    console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\nexport async function logInWithFirebase(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/siginFirebase`;\r\n    const bodyObj = {\r\n        email: data.email,\r\n        password: data.password\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"*\"\r\n        }\r\n    };\r\n    console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\nexport async function signInWithPhoneNumber(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/signinWithPhoneFirebase`;\r\n    const bodyObj = {\r\n        phone: data.phone,\r\n        recaptchaVerifier: data.recaptchaVerifier\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"*\"\r\n        }\r\n    };\r\n    console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\nexport async function firebaseLinkProvider(data) {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/linkFirebase`;\r\n    const bodyObj = {\r\n        phonePwd: data.phonePwd,\r\n        confirmationResult: data.confirmationResult\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"*\"\r\n        }\r\n    };\r\n    console.log(url);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\nexport async function firebaseUnlinkProvider() {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/unlinkFirebase`;\r\n    \r\n    const params = {\r\n        method: \"GET\",\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"*\"\r\n        }\r\n    };\r\n    console.log(url);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\nexport async function firebaseRecaptchaVerifier() {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/recapchaFirebase`;\r\n    \r\n    const params = {\r\n        method: \"GET\",\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"*\"\r\n        }\r\n    };\r\n    console.log(url);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}\r\n\r\nexport async function currentUserFirebase() {\r\n    const url = `${BASE_PATH}/${API_VERSION}/user/current`;\r\n    \r\n    const params = {\r\n        method: \"GET\",\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Autorization\": \"*\"\r\n        }\r\n    };\r\n    console.log(url);\r\n    const response = await fetch(url, params)\r\n    return await response.json();\r\n}","import {BASE_PATH, API_VERSION} from '../config/config';\r\n\r\nexport async function totpSecretApi() {\r\n\r\n    const url = `${BASE_PATH}/${API_VERSION}/totp-secret`;\r\n    const params = {\r\n        method: \"POST\",\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    const response = await fetch(url, params)\r\n    return response.json();\r\n\r\n}\r\n\r\n\r\nexport async function totpGenerateApi(data) {\r\n\r\n    const url = `${BASE_PATH}/${API_VERSION}/totp-generate`;\r\n    const bodyObj = {\r\n        secret: data.secret\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return response.json();\r\n}\r\n\r\nexport async function totpValidateApi(data) {\r\n\r\n    const url = `${BASE_PATH}/${API_VERSION}/totp-validate`;\r\n    const bodyObj = {\r\n        token: data.token,\r\n        secret: data.secret\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return response.json();\r\n}\r\n\r\nexport async function totpQrApi(data) {\r\n\r\n    const url = `${BASE_PATH}/${API_VERSION}/totp-qr`;\r\n    const bodyObj = {\r\n        userEmail: data.userEmail,\r\n        secret: data.secret\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return response.json();\r\n}\r\n\r\n\r\n\r\n","import {BASE_PATH, API_VERSION} from '../config/config';\r\n\r\nexport async function checkProductsApi(data) {\r\n\r\n    const url = `${BASE_PATH}/${API_VERSION}/check-products`;\r\n    const bodyObj = {\r\n        serie: data.serie,\r\n        userId: data.userId\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return response.json();\r\n}\r\n\r\nexport async function checkProductsErp(data) {\r\n    // data.userId\r\n    const url = `https://us-central1-imberalink-238816.cloudfunctions.net/erp-serie-validator`;\r\n    const bodyObj = {\r\n        \"serie\": data.serie\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        },\r\n    };\r\n    // console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    console.log(response);\r\n    return response.text();\r\n\r\n}\r\n\r\nexport async function registerProducts(data) {\r\n\r\n    const url = `${BASE_PATH}/${API_VERSION}/register-products`;\r\n    const bodyObj = {\r\n        serie: data.serie,\r\n        userId: data.userId\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return response.json();\r\n}\r\n\r\n//Register device on CirWifi\r\n/* export async function registerProductsCirWifi(data) {\r\n\r\n    const url = `${BASE_PATH}/${API_VERSION}/register-products`;\r\n    const bodyObj = {\r\n        serie: data.serie,\r\n        userId: data.userId\r\n    };\r\n    const params = {\r\n        method: \"POST\",\r\n        body: JSON.stringify(bodyObj),\r\n        headers: {\r\n            \"Content-Type\": \"application/json\",\r\n        }\r\n    };\r\n    // console.log(data,url);\r\n    const response = await fetch(url, params)\r\n    return response.json();\r\n} */","import React,{Fragment} from 'react';\r\nimport { /* db, */ auth } from \"../../firebase\";\r\nimport {useTranslation} from 'react-i18next';\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/bootstrap.css\";\r\nimport ReactTagInput from \"@pathofdev/react-tag-input\";\r\nimport \"@pathofdev/react-tag-input/build/index.css\";\r\n\r\nimport bg3 from '../../img/bg/enfriador-white-bg.jpg';\r\nimport logo from '../../img/solkos_300x100.jpg';\r\n\r\n// -------- plugins CSS Files -----------------------//\r\nimport './styles.scss';\r\n// -------- plugins JS Files ------------------------//\r\nimport '../../views/landingpage/landingpage.js';\r\n\r\nimport Header from '../Header/Header.jsx';\r\nimport Footer from '../Footer/Footer.jsx';\r\nimport BackToUp from '../BackToUp/BackToUp.jsx';\r\n\r\nimport { usePasswordValidation } from \"../../hooks/usePasswordValidation\";\r\nimport { signinApi,signinCirWifiApi, loginCirWifiApi,findUserByIdApi, updateUser2faApi, createUserWithFirebase,logInWithFirebase, currentUserFirebase } from '../../api/controllers/user'\r\nimport { totpSecretApi,totpValidateApi,totpQrApi } from '../../api/controllers/otp'\r\nimport { checkProductsErp, checkProductsApi, registerProducts } from '../../api/controllers/products'\r\n\r\nconst ProductRegister = (props) => {\r\n    const [t] = useTranslation()\r\n    /* $('html, body').animate({\r\n      scrollTop: 0\r\n    }, 10, 'easeInOutExpo'); */\r\n\r\n    //Hooks initial state\r\n    const alertInitialState = [{display: \"invisible\",type: \"\",principalMsg: \"\",message: \"\",},];\r\n\r\n    //Hooks\r\n    const [error, setError] = React.useState(null);\r\n    const [userId, setUserId] = React.useState(\"\");\r\n    const [email, setEmail] = React.useState(\"\");\r\n    const [webPwd, setWebPwd] = React.useState(\"\");\r\n    const [webPwd2, setWebPwd2] = React.useState(\"\"); // confirm pwd for web login\r\n    const [token2FA, setToken2FA] = React.useState(\"\");\r\n    const [secret, setSecret] = React.useState(\"\");\r\n    const [hasSecret,setHasSecret] = React.useState(false);\r\n    const [phoneNum, setPhoneNum] = React.useState(\"\");\r\n    const [username, setUsername] = React.useState(\"\");\r\n    const [lastname, setLastname] = React.useState(\"\");\r\n    const [formStat, setFormStat] = React.useState(0); // 0 -> userexist , 1 -> signin, 2 -> login (verify the user, update and logout) , 3 -> goToLogin\r\n    const [contentAlert, setContentAlert] = React.useState(alertInitialState); //for server success notifications\r\n    const [loading, setLoading] = React.useState(false);\r\n    const [products, setProducts] = React.useState([])\r\n    const [qrImage, setQrImage] = React.useState(\"\");\r\n\r\n    //Variables\r\n    const delay = 5000;\r\n    const phoneno = /^\\+?([0-9]{1,4})\\)?[(]?([0-9]{3})[)]?([0-9]{3})[-]?([0-9]{4})$/; //regular expression for validate phone number\r\n    const consoleUrl = \"http://console.solkos.com.mx/\"; //\"http://localhost:3002/login\"; //\r\n    //Methods\r\n\r\n    const [\r\n      validLength,hasNumber,\r\n      upperCase,lowerCase,\r\n      match,specialChar,\r\n      securePasswordLevel,\r\n      securePasswordClass\r\n    ] = usePasswordValidation({\r\n      firstPassword: webPwd,\r\n      secondPassword: webPwd2,\r\n      requiredLength: 8,\r\n      // numberValidation: false\r\n    });\r\n\r\n    const processError = (error) => {\r\n        setError(error);\r\n        setTimeout(function () {\r\n          setError(null);\r\n        }, delay);\r\n      };\r\n    \r\n      let processAlert = (type, principalMsg, message) => {\r\n        setContentAlert([\r\n          {\r\n            type: type,\r\n            display: \"show\",\r\n            principalMsg: principalMsg,\r\n            message: message,\r\n          },\r\n        ]);\r\n        setTimeout(function () {\r\n          setContentAlert(alertInitialState);\r\n        }, delay);\r\n      };\r\n\r\n    // > Called by form-submit\r\n    const processData = (e) => {\r\n      e.preventDefault();\r\n\r\n      //inputs validations\r\n      if (!email.trim() && formStat <= 1) {processError(\"Enter an email\");return; }\r\n      if (!username.trim() && formStat === 0){processError(\"Please enter a username\");return; }\r\n      if (!lastname.trim() && formStat === 0){processError(\"Please enter at least one last name\");return; }\r\n      if (!phoneNum.trim() && formStat === 0 && (phoneNum.trim().length < 10)) {processError(\"Please enter a valid phone number\");return; }\r\n      if (!webPwd.trim() && formStat <= 1) {processError(\"Enter your password\");return;}\r\n      if (!validLength && formStat === 0) {processError(\"Enter password of 8 characters or more\");return; }\r\n      if (!hasNumber && formStat === 0) { processError(\"Passwords must have numbers\");return;}\r\n      if (!upperCase && formStat === 0) { processError(\"Passwords must have uppercase\");return;}\r\n      if (!lowerCase && formStat === 0) { processError(\"Password must have lowercase\");return;}\r\n      if (!specialChar && formStat === 0) { processError(\"Passwords hasn't special characters\");return;}\r\n      if (!match && formStat === 0) { processError(\"Passwords do not match\");return;}\r\n      \r\n      \r\n      \r\n      if (!products.length > 0 && formStat === 2) {processError(\"Enter at least one product id\");return; }\r\n      \r\n\r\n      setLoading(true);\r\n      //console.log(props)\r\n      if (formStat === 0) {\r\n        userSignin();\r\n      } else if (formStat === 1) {\r\n        loginWithEmail();\r\n      } else if(formStat === 2){\r\n        syncQr();\r\n      }else{\r\n        window.location.replace(consoleUrl);\r\n      }\r\n    };\r\n\r\n    //Create new user - add products\r\n    const userSignin = React.useCallback(async () => {\r\n\r\n        try{\r\n          // const res = await auth.createUserWithEmailAndPassword(email, webPwd);\r\n          const res = await createUserWithFirebase({email:email,password:webPwd});\r\n          //console.log(res.user);\r\n          await signinApi({\r\n            id: res.user.uid,\r\n            email:email,\r\n            phone:phoneNum,\r\n            phoneStatus: 0,\r\n            password: webPwd,\r\n            repeatPassword: webPwd2,\r\n          });\r\n\r\n          const cirwifiToken = await signinCirWifiApi({\r\n            email:email,\r\n            password: webPwd,\r\n          });\r\n    \r\n          localStorage.setItem(\"cirwifiToken\",cirwifiToken)\r\n\r\n          setUserId(res.user.uid)\r\n          const tempSecret = await totpSecretApi()\r\n          const qruri = await totpQrApi({userEmail:email,secret:tempSecret.secret})\r\n          setQrImage(qruri)\r\n          setSecret(tempSecret.secret)\r\n\r\n          setEmail(\"\")\r\n          setUsername(\"\")\r\n          setLastname(\"\")\r\n          setPhoneNum(\"\")\r\n          setWebPwd(\"\")\r\n          setWebPwd2(\"\")\r\n          setFormStat(2)\r\n\r\n          auth.signOut();\r\n        }catch(err){\r\n          console.log(err);\r\n          var errorCode = err.code;\r\n          //var errorMessage = error.message;\r\n          if (errorCode === \"auth/invalid-email\") {\r\n            processAlert(\"alert-error\", \"Error\", `Invalid email`);\r\n            //processError(\"Invalid email\");\r\n          } else if (errorCode === \"auth/email-already-in-use\") {\r\n            processAlert(\"alert-error\", \"Error\", `Email already registered`);\r\n            //processError(\"Email already registered\");\r\n          }\r\n          auth.signOut();\r\n        }\r\n\r\n      setLoading(false);\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [email, username, lastname, webPwd, webPwd2, phoneNum]);\r\n\r\n    //Login\r\n    const loginWithEmail = React.useCallback(async () => {\r\n      \r\n          try {\r\n            // await auth.signInWithEmailAndPassword(email, webPwd);\r\n            await logInWithFirebase({email:email, password:webPwd});\r\n      \r\n            // const user = auth.currentUser;\r\n            const user = await currentUserFirebase()\r\n            if(user.uid){\r\n              setUserId(user.uid)\r\n              const userData = await findUserByIdApi(user.uid)\r\n\r\n              const cirwifiToken = await loginCirWifiApi({email:email, password:user.uid})\r\n              localStorage.setItem(\"cirwifiToken\",cirwifiToken)\r\n\r\n              if(userData.two_factor_enabled === false){\r\n                const tempSecret = await totpSecretApi()\r\n                const qruri = await totpQrApi({userEmail:email,secret:tempSecret.secret})\r\n                setQrImage(qruri)\r\n                setSecret(tempSecret.secret)\r\n              }else{\r\n                setSecret(userData.two_factor_secret)\r\n                setHasSecret(true)\r\n              }\r\n              \r\n              setEmail(\"\")\r\n              setUsername(\"\")\r\n              setLastname(\"\")\r\n              setPhoneNum(\"\")\r\n              setWebPwd(\"\")\r\n              setWebPwd2(\"\")\r\n              setFormStat(2)\r\n            }else{\r\n              processError(`Error getting the user information`);\r\n            }\r\n            auth.signOut();\r\n          } catch (error) {\r\n            console.log(error);\r\n            var errorCode = error.code;\r\n            //var errorMessage = error.message;\r\n            if (errorCode === \"auth/invalid-email\") {\r\n              processError(`Invalid email`);\r\n            } else if (errorCode === \"auth/user-not-found\") {\r\n              processError(\"Unregistered user\");\r\n            } else if (errorCode === \"auth/wrong-password\") {\r\n              processError(\"Incorrect password\");\r\n            } else {\r\n              processError(error.message);\r\n            }\r\n            auth.signOut();\r\n          }\r\n\r\n\r\n      \r\n      setLoading(false);\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [email, webPwd]);\r\n\r\n    //Login\r\n    const syncQr = React.useCallback(async () => {\r\n\r\n      const verifyToken2FA = await totpValidateApi({token:token2FA,secret:secret})\r\n\r\n      if(verifyToken2FA.valid === true){\r\n        await updateUser2faApi({secret,userId})\r\n\r\n        const checkProductsE = await checkProductsErp({\r\n          \"serie\": products\r\n        })\r\n        const checkProductsA = await checkProductsApi({\r\n          \"serie\": products\r\n        });\r\n  \r\n        try {\r\n          if(checkProductsE === \"1\" && checkProductsA === 1){\r\n            try {\r\n              await registerProducts({\r\n                \"serie\": products,\r\n                \"userId\": userId,\r\n              });\r\n                \r\n              processAlert(\"alert-success\", \"Success\", `Account updated successfully`);\r\n  \r\n              setFormStat(3)  \r\n          \r\n            } catch (error) {\r\n              //no se pudo actualizar la información\r\n              console.log(error)\r\n              processError(\"Unexpected error, the information could not be updated\");\r\n            }\r\n          }else {\r\n            // processError(`verify that all your serial numbers are correct`);\r\n            processAlert(\"alert-error\", \"Error\", `verify that all your serial numbers are correct`);\r\n          }\r\n        } catch (error) {\r\n          processAlert(\"alert-error\", \"Error\", `We could not verify the serial numbers`);\r\n        }\r\n      }else{\r\n        processAlert(\"alert-error\", \"Error\", `your 6 digit token was wrong`);\r\n      }\r\n\r\n      setLoading(false);\r\n\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [products,userId,secret,token2FA])\r\n\r\n    return (\r\n      <Fragment>\r\n        <Header contentAction=\"d-none\" />\r\n        <main id=\"main\">\r\n          {/* ======= Breadcrumbs Section ======= */}\r\n          <section className=\"breadcrumbs\">\r\n            <div className=\"container\">\r\n              <div className=\"d-flex justify-content-between align-items-center\">\r\n                <ol>\r\n                  <li>\r\n                    <a href=\"/\">Home</a>\r\n                  </li>\r\n                  <li>Products registration</li>\r\n                </ol>\r\n              </div>\r\n            </div>\r\n          </section>\r\n          {/*  End Breadcrumbs Section  */}\r\n\r\n\r\n          <section id=\"hero\">\r\n              <div className=\"hero-container\">\r\n                <div id=\"heroCarousel\" className=\"carousel slide carousel-fade\" data-ride=\"carousel\">\r\n                  <div className=\"carousel-inner\" role=\"listbox\">\r\n\r\n                    {/*  Slide 1  */}\r\n                    <div className=\"carousel-item active\" style={{backgroundImage: \"url(\" + bg3 + \")\"}}>\r\n                      <div className=\"carousel-container sty-product\">\r\n                        <div className=\"carousel-content container\">\r\n\r\n                            <div className=\"container\">\r\n                              <div className=\"stickyAlert\">\r\n                                <div className={`toast ${contentAlert[0].display}`}>\r\n                                    <div className=\"toast-header\">\r\n                                        <div className={`rounded mr-2 ${contentAlert[0].type}`}></div>\r\n                                        <strong className=\"mr-auto\">{contentAlert[0].principalMsg}</strong>\r\n                                        <small>Durará {delay/1000} segundos</small>\r\n                                        <button type=\"button\" className=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"\r\n                                        onClick={() => setContentAlert(alertInitialState)}>\r\n                                          <span aria-hidden=\"true\">&times;</span>\r\n                                        </button>\r\n                                    </div>\r\n                                    <div className=\"toast-body\">\r\n                                    {contentAlert[0].message}\r\n                                    </div>\r\n                                </div>\r\n                              </div>\r\n                              {/* content */}\r\n                              <div className=\"sty-textProductRegister\">\r\n                                <div className=\"text-holder\">\r\n                                    <div className=\"content-holder-text\">\r\n                                        <h1 style={{\"color\":\"#fff\"}}>Products Registration</h1>\r\n                                        <p>Register your Solkos products for faster, more convenient product support and to receive updates about your products.</p>\r\n                                    </div>\r\n                                </div>                               \r\n                              </div>\r\n                              <div className=\"d-block text-center\"><i className=\"bx bx-fridge sty-iconProdct\"></i></div>\r\n                            </div>\r\n          \r\n\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n          </section>\r\n          <section className=\"registration\">\r\n          <div className=\"sty-productRegister container\">\r\n            <div className=\"row\">\r\n              <div className=\"about-registration col-lg-6 col-12\">\r\n                <div><h3>Registration</h3></div>\r\n                <ul>\r\n                  <li className=\"row\">\r\n                    <div className=\"col-12 col-md-2 icon \"><i className=\"bx bx-message-square-detail\" style={{\"fontSize\": \"40px\"}}></i></div>\r\n                      <div className=\"col-12 col-md-10 \">\r\n                        <h5>Product Updates and Information</h5>\r\n                        <p>We'll alert you about important product information.</p>\r\n                      </div>\r\n                  </li>\r\n                  <li className=\"row\">\r\n                    <div className=\"col-12 col-md-2 icon \"><i className=\"bx bx-support\" style={{\"fontSize\": \"40px\"}}></i></div>\r\n                      <div className=\"col-12 col-md-10 \">\r\n                        <h5>Service and Support</h5>\r\n                        <p>Get faster service when you need it. Please note that failure to complete and submit this form does not diminish your warranty rights.</p>\r\n                      </div>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n              <div className=\"form-registration col-lg-6 col-12\">\r\n                {(<div className={` sty-specialAlert alert alert-danger ${error ? '': 'invisible'}`}>{error ? error: 'invisible'}</div>)}\r\n                <div className=\"logo\">\r\n                  <a href=\"http://localhost:3002/login\" className=\"cursor\"><img src={logo} alt=\"\" className=\"img-fluid\"/></a>\r\n                </div>\r\n                <form onSubmit={processData} className=\"loginForm\">\r\n                  <div className={`${formStat <=1 ? '' : 'd-none'}`}>\r\n                    <div className={`input-group pb-2`}>\r\n                      <label className=\"col-12\">\r\n                        Email\r\n                      </label>\r\n                      <input\r\n                        id=\"email\"\r\n                        type=\"email\"\r\n                        className=\"form-control sty-inputForm col-12\"\r\n                        placeholder={`${formStat === 0 ? \"Register your favorite email\" : \"Enter your email\"}`} \r\n                        onChange={(e) => setEmail(e.target.value)}\r\n                        value={email}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <div className={`row ${formStat !==0 ? 'd-none': ''}`}>\r\n                    <div className={`input-group col-6 pr-1`}>\r\n                      <label className=\"col-12\">\r\n                        Name\r\n                      </label>\r\n                      <input\r\n                        type=\"text\"\r\n                        className=\"form-control sty-inputForm col-12\"\r\n                        placeholder=\"Enter your name\"\r\n                        value={username}\r\n                        onChange={(e) => setUsername(e.target.value)}\r\n                      />\r\n                    </div>\r\n                    <div className={`input-group col-6 pl-1`}>\r\n                      <label className=\"col-12\">\r\n                        Last name\r\n                      </label>\r\n                      <input\r\n                        type=\"text\"\r\n                        className=\"form-control sty-inputForm col-12\"\r\n                        placeholder=\"Enter your surname\"\r\n                        value={lastname}\r\n                        onChange={(e) => setLastname(e.target.value)}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <div className={`mt-2 pb-2 ${formStat !== 0 ? 'd-none' : ''}`}>\r\n                      <label className=\"col-12\">\r\n                        Phone\r\n                      </label>\r\n                    <PhoneInput\r\n                      inputClass={`w-100 sty-invalidPhone `}\r\n                      enableSearch={true}\r\n                      autoFormat={true}\r\n                      searchStyle={{ width: \"93%\",\"borderRadius\": \"10px\" }}\r\n                      country={\"us\"}\r\n                      value={phoneNum}\r\n                      searchNotFound=\"No data to display\"\r\n                      inputProps={{ id: \"phoneInput\" }}\r\n                      onChange={\r\n                        value => setPhoneNum('+'+value)\r\n                      }\r\n                      isValid={(value, country) => {\r\n                        if (value.match(phoneno)) {\r\n                          const phone = document.getElementById(\"phoneInput\").value.replace(/-| |\\(|\\)/g, \"\").toString();\r\n                          const planePhone = phone.replace(\"+\" + country.countryCode,\"\");\r\n                          if (planePhone.length !== 10) {\r\n                            return \"Invalid phone\";\r\n                          }\r\n                        } else {\r\n                          return \"Invalid phone\";\r\n                        }\r\n                      }}\r\n                    />\r\n                  </div>\r\n                  <div className={`input-group pb-2 ${formStat <= 1 ? '' : 'd-none'}`}>\r\n                    <label className=\"col-12\">\r\n                      Password\r\n                    </label>\r\n                    <input\r\n                      type=\"password\"\r\n                      className=\"form-control sty-inputForm\"\r\n                      placeholder={`${formStat === 0 ? \"Define a strong password\" : \"Enter your password\"}`}\r\n                      value={webPwd}\r\n                      onChange={(e) => setWebPwd(e.target.value)}\r\n                    />\r\n                  </div>\r\n\r\n                  <div class={`input-password__marker ${formStat !==0 ? 'd-none' : ''}`}>\r\n                    <div class={`${securePasswordClass}`}></div>\r\n                    <div class={`${securePasswordLevel > 1 ? securePasswordClass : \"none\"}`}></div>\r\n                    <div class={`${securePasswordLevel > 2 ? securePasswordClass : \"none\"}`}></div>\r\n                    <div class={`${securePasswordLevel > 4 ? securePasswordClass : \"none\"}`}></div>\r\n                  </div>\r\n\r\n                  <div className={`input-group pb-2 ${formStat !==0 ? 'd-none' : ''}`}>\r\n                    <label className=\"col-12\">\r\n                      Repeat your password\r\n                    </label>\r\n                    <input\r\n                      type=\"password\"\r\n                      className=\"form-control sty-inputForm\"\r\n                      placeholder=\"Confirm that you remember your password\"\r\n                      value={webPwd2}\r\n                      onChange={(e) => setWebPwd2(e.target.value)}\r\n                    />\r\n                  </div>\r\n\r\n                  <div className={`form-group pb-2 ${formStat === 2 ? '' : 'd-none'}`}>\r\n                    <div className={`panelSolkos row ${hasSecret?'d-none':''}`}>\r\n                      <div className=\"col-6 mt-auto mb-2\"><p style={{\"textAlign\":\"initial\"}}>Scan this QR Code image with Google Authenticator, Authy or any other compatible 2FA app.</p></div>\r\n                      <div className=\"col-6 pl-0\"><img alt=\"QR Code\" src={`${qrImage}`}/></div>\r\n                      \r\n                      \r\n                    </div>\r\n                    \r\n                    <label className=\"col-12\" for=\"productTextArea\">\r\n                      Register your products\r\n                    </label>\r\n                    <ReactTagInput \r\n                      id=\"productTextArea\"\r\n                      className=\"form-control\"\r\n                      tags={products} \r\n                      maxTags={500}\r\n                      placeholder=\"Type and press enter\"\r\n                      editable={true}\r\n                      readOnly={false}\r\n                      removeOnBackspace={true}\r\n                      onChange={(product) => setProducts(product)}\r\n                      validator={(value) => {\r\n                        // Don't actually validate e-mails this way\r\n                        const existInList = products.indexOf(value) === -1;\r\n                        if (!existInList) {\r\n                          processAlert(\"alert-warning\", \"Warning\", `the serial number: ${value}, has already been written`);\r\n                        }\r\n                        // Return boolean to indicate validity\r\n                        return existInList;\r\n                      }}\r\n                    />\r\n                    <label className=\"col-12\">\r\n                      enter the one-time code\r\n                    </label>\r\n                    <input\r\n                      type=\"text\"\r\n                      className=\"form-control sty-inputForm\"\r\n                      placeholder=\"6 digit code\"\r\n                      value={token2FA}\r\n                      onChange={(e) => setToken2FA(e.target.value)}\r\n                    />\r\n                    \r\n                  </div>\r\n                  <div className={`${formStat === 3 ? '' : 'd-none'}`}>\r\n                    <div className=\"panelSolkos\" >\r\n                      <div><i className=\"bx bxs-check-circle\" style={{\"fontSize\":\"99px\"}}></i></div>\r\n                     <span>Your product has been successfully registered</span>\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <span onClick={() => { formStat === 0 ? setFormStat(1) : setFormStat(0) }} className={`${formStat > 1 ? 'invisible' : ''} cursor sty-changeFormat`}>{formStat === 0 ? \"I already have an account\" : \"Create a new account\" }</span>\r\n                  <button\r\n                    id=\"loginSubmit\"\r\n                    className={` btn btn-block loginSubmit ${\r\n                      loading ? \"disabled\" : \"\"\r\n                    }`}\r\n                    type=\"submit\"\r\n                  >\r\n                    {loading ? (\r\n                      <i className=\"bx bx-loader-alt loadElement\"></i>\r\n                    ) : (\r\n                      <span className=\"centerSpan\">\r\n                        { formStat === 0\r\n                          ? \"Register\"\r\n                          : formStat === 1 || formStat === 2\r\n                          ? \"Continue\"\r\n                          : \"Go to login\" }\r\n                      </span>\r\n                    )}\r\n                  </button>\r\n                </form>\r\n              </div>\r\n            </div>\r\n            \r\n          </div>\r\n          </section>\r\n        </main>\r\n        <Footer />\r\n        <BackToUp />\r\n      </Fragment>\r\n    );\r\n}\r\n\r\nexport default ProductRegister\r\n","import { useState, useEffect } from \"react\";\r\n\r\nexport const usePasswordValidation = ({\r\n  \r\n    firstPassword = \"\",\r\n    secondPassword = \"\",\r\n    requiredLength = 8,\r\n    numberValidation = true,\r\n    lowercaseValidation = true,\r\n    uppercaseValidation = true,\r\n    specialcharacterValidation = true,\r\n    lengthValidation = true,\r\n  \r\n}) => {\r\n    const [validLength, setValidLength] = useState(null);\r\n    const [hasNumber, setHasNumber] = useState(null);\r\n    const [upperCase, setUpperCase] = useState(null);\r\n    const [lowerCase, setLowerCase] = useState(null);\r\n    const [specialChar, setSpecialChar] = useState(null);\r\n    const [match, setMatch] = useState(null);\r\n    const [securePasswordLevel, setSecurePasswordLevel] = useState(0);\r\n    const [securePasswordClass, setSecurePasswordClass] = useState(\"none\")\r\n  \r\n    useEffect(() => {\r\n  \r\n        lengthValidation && setValidLength(firstPassword.length >= requiredLength ? true : false);\r\n        uppercaseValidation && setUpperCase(firstPassword.toLowerCase() !== firstPassword);\r\n        lowercaseValidation && setLowerCase(firstPassword.toUpperCase() !== firstPassword);\r\n        numberValidation && setHasNumber(/\\d/.test(firstPassword));\r\n        specialcharacterValidation && setSpecialChar(/\\W/.test(firstPassword));\r\n        setMatch(firstPassword && firstPassword === secondPassword);\r\n        setSecurePasswordLevel([validLength, hasNumber, upperCase, lowerCase, specialChar].filter((value) => value).length);\r\n        \r\n        switch (securePasswordLevel) {\r\n            case 1:\r\n                setSecurePasswordClass(\"danger\");\r\n                break;\r\n            case 2:\r\n                setSecurePasswordClass(\"warning\");\r\n                break;\r\n\r\n            case 3:\r\n                setSecurePasswordClass(\"warning\");\r\n                break;\r\n\r\n            case 4:\r\n                setSecurePasswordClass(\"warning\");\r\n                break;\r\n\r\n            case 5:\r\n                setSecurePasswordClass(\"success\");\r\n                break;\r\n        \r\n            default:\r\n                setSecurePasswordClass(\"none\");\r\n                break;\r\n        }\r\n          \r\n    }, [firstPassword,secondPassword,requiredLength,lengthValidation,uppercaseValidation,lowercaseValidation,numberValidation,specialcharacterValidation,securePasswordLevel,validLength, hasNumber, upperCase, lowerCase, specialChar]);\r\n  \r\n    return [validLength, hasNumber, upperCase, lowerCase, match, specialChar,securePasswordLevel,securePasswordClass];\r\n};\r\n\r\n","import React,{Fragment} from 'react';\r\nimport {BrowserRouter as Router, Switch, Route} from 'react-router-dom';\r\n\r\n//views\r\nimport Landingpage from './views/landingpage/Landingpage.jsx';\r\nimport ProductRegister from './components/ProductRegister/ProductRegister.jsx';\r\n// import Assetlinks from './components/Coolector/Assetlinks.jsx';\r\n\r\nfunction App() {\r\n  React.useEffect(() => {\r\n      window.scrollTo(0, 0)\r\n  }, [])\r\n \r\n\r\n  //TODO: temporary routing while redux is implemented...\r\n  return (\r\n    <Fragment>\r\n      <Router>\r\n      \r\n      <Switch>\r\n        <Route path=\"/product-register\" >\r\n          <ProductRegister/>\r\n        </Route> \r\n        <Route path=\"/\" exact >\r\n          <Landingpage/>\r\n        </Route>\r\n      </Switch> \r\n    </Router>\r\n    </Fragment> \r\n  );\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.0/8 are considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl, {\r\n    headers: { 'Service-Worker': 'script' },\r\n  })\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready\r\n      .then(registration => {\r\n        registration.unregister();\r\n      })\r\n      .catch(error => {\r\n        console.error(error.message);\r\n      });\r\n  }\r\n}\r\n","import i18n from 'i18next';\r\nimport detector from \"i18next-browser-languagedetector\";\r\nimport {initReactI18next} from 'react-i18next';\r\nimport enTranslation from './en.json';\r\nimport esTranslation from './es.json';\r\n\r\nconst resources ={\r\n    en: {\r\n        translation: enTranslation,\r\n    },\r\n    es: {\r\n        translation: esTranslation,\r\n    }\r\n};\r\n\r\ni18n\r\n    .use(detector)\r\n    .use(initReactI18next)\r\n    .init({\r\n        resources,\r\n        //lng: 'en',\r\n        fallbackLng: \"en\", // use en if detected lng is not available\r\n        keySeparator: false,\r\n        interpolation: {\r\n            escapeValue:false,\r\n        },\r\n    });\r\n\r\nexport default i18n;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport 'react-app-polyfill/ie9';\r\nimport 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\n// -------- Icon files ----------------------//\r\nimport 'boxicons/css/boxicons.min.css';\r\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\r\n// -------- CSS Files -----------------------//\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './styles/general.scss';\r\n// ---------- JS Files ---------------------//\r\nimport 'bootstrap/dist/js/bootstrap.bundle.min.js';\r\nimport 'jquery.easing/jquery.easing.min.js';\r\nimport App from './App.jsx';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport './i18n';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n      <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.register();\r\n"],"sourceRoot":""}