{"version":3,"file":"static/js/384.d8033541.chunk.js","mappings":"4RA0EA,UA3DqB,WAEjB,IAAAA,GAA4BC,EAAAA,EAAAA,YAAUC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAA/BI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,GAAWC,EAAAA,EAAAA,MACTC,GAAeC,EAAAA,EAAAA,YAAWC,EAAAA,GAA1BF,WAERG,GAAYC,EAAAA,EAAAA,IAAe,UAApBC,GAA6BV,EAAAA,EAAAA,GAAAQ,EAAA,GAA5B,IAERG,EAAAA,EAAAA,YAAU,WACNC,GACJ,GAAG,IAEH,IAAMA,EAAY,eAAAC,GAAAC,EAAAA,EAAAA,IAAAC,EAAAA,EAAAA,KAAAC,MAAG,SAAAC,IAAA,OAAAF,EAAAA,EAAAA,KAAAG,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEPC,IAAM,GAADC,OAhBFC,+CAgBkB,8BACtBC,MAAK,SAAAC,GAASC,QAAQC,IAAIF,GAAMxB,EAAUwB,EAAIG,KAAKC,UAAW,IAC9DC,OAAM,SAAAC,GAASL,QAAQC,IAAII,EAAM,IAAE,OAAAb,EAAAE,KAAA,eAAAF,EAAAC,KAAA,EAAAD,EAAAc,GAAAd,EAAA,SAGxCQ,QAAQC,IAAIT,EAAAc,GAAMC,SAAS,wBAAAf,EAAAgB,OAAA,GAAAlB,EAAA,kBAElC,kBATiB,OAAAJ,EAAAuB,MAAA,KAAAC,UAAA,KAalB,YAAeC,IAAXrC,GAA6BsC,EAAAA,EAAAA,KAACC,EAAAA,EAAK,IAElCvC,GAIDwC,EAAAA,EAAAA,MAAA,OAAKC,GAAG,gBAAgBC,UAAS,MAAApB,OAAQlB,EAAU,UAAAkB,OAAwB,SAAflB,EAAwB,QAAU,QAASuC,SAAA,EAEnGL,EAAAA,EAAAA,KAAA,MAAAK,SAAKlC,EAAE,gCACP6B,EAAAA,EAAAA,KAAA,OAAKG,GAAG,sBAAqBE,SACxB3C,EAAO4C,KAAI,SAACC,GAAU,IAADC,EAClB,OACIN,EAAAA,EAAAA,MAAA,OAAKE,UAAS,uBAAyBC,SAAA,CAClCjB,QAAQC,IAAI,UAAWkB,EAAKE,WAC7BT,EAAAA,EAAAA,KAACU,EAAAA,cAAa,CAACC,IACXJ,EAAKE,SACCxB,GAAsB,cAAAD,OAAiB4B,mBAAgC,QAAdJ,EAACD,EAAKE,gBAAQ,IAAAD,OAAA,EAAbA,EAAeK,MAAM,KAAK,KAlBnF,wBAqBPC,IAAK,kBAETZ,EAAAA,EAAAA,MAAA,MAAIE,UAAU,mBAAkBC,SAAA,EAC5BL,EAAAA,EAAAA,KAAA,MAAAK,SAAKE,EAAKQ,UACVf,EAAAA,EAAAA,KAAA,MAAAK,SAAKE,EAAKS,YAEdhB,EAAAA,EAAAA,KAACiB,EAAAA,EAAM,CAACC,QAAQ,OAAOd,UAAU,UAAUe,QAAS,kBAAMvD,EAAS,gBAADoB,OAAiBuB,EAAKa,OAAQ,EAACf,SAAElC,EAAE,wBAb5DoC,EAAKa,MAiB1D,UA3BQpB,EAAAA,EAAAA,KAACqB,EAAAA,EAAU,CAACC,KAAM,YA+B1C,C","sources":["components/HomePage/Highlighters.jsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react'\nimport axios from 'axios';\nimport { useNavigate } from 'react-router-dom';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport { Button } from \"react-bootstrap\";\n\n\nimport { Error } from '../helpers/Error'\nimport { SpinnerGif } from '../helpers/SpinnerGif';\nimport './Imagenes.css'\nimport { globalContext } from '../Context/GlobalContext';\nimport { useTranslation } from 'react-i18next';\n\nconst apiProductos = process.env.REACT_APP_API_PRODUCTOS\n\nconst Highlighters = () => {\n\n    const [number, setNumber] = useState();\n    const navigate = useNavigate();\n    const { colorTheme } = useContext(globalContext)\n\n    const [t] = useTranslation(\"global\")\n\n    useEffect(() => {\n        obtenerDatos()\n    }, []);\n\n    const obtenerDatos = async () => {\n        try {\n            await axios(`${apiProductos}/ofertas?limit=5&offset=0`)\n                .then(res => { console.log(res); setNumber(res.data.articulos) })\n                .catch(err => { console.log(err); })\n        }\n        catch (error) {\n            console.log(error.message);\n        }\n    };\n\n    let img = process.env.PUBLIC_URL + \"/assets/sinimagen.gif\";\n\n    if (number === undefined) return <Error />\n\n    if (!number) return <SpinnerGif text={'Cargando'} />\n\n\n    return (\n        <div id=\"divDestacados\" className={`bg-${colorTheme} text-${colorTheme === 'dark' ? 'light' : 'dark'}`}>\n\n            <h2>{t(\"home.productos-destacados\")}</h2>\n            <div id='divRenderDestacados'>\n                {number.map((item) => {\n                    return (\n                        <div className={`renderItem text-dark`} key={item.Alias}>\n                            {console.log('ver img', item.Imagenes)}\n                            <LazyLoadImage src={\n                                item.Imagenes\n                                    ? process.env.PUBLIC_URL + `/articulos/${encodeURIComponent(item.Imagenes?.split(',')[0])}`\n                                    : img\n                            }\n                                alt={'solution box'}\n                            />\n                            <li className='renderItemCenter'>\n                                <ul>{item.Nombre}</ul>\n                                <ul>{item.Marca}</ul>\n                            </li>\n                            <Button variant=\"dark\" className=\"btnItem\" onClick={() => navigate(`/detalle?sku=${item.Alias}`)}>{t(\"home.me-interesa\")}</Button>\n\n                        </div>\n                    )\n                })}\n            </div>\n        </div>\n    )\n}\nexport default Highlighters;\n"],"names":["_useState","useState","_useState2","_slicedToArray","number","setNumber","navigate","useNavigate","colorTheme","useContext","globalContext","_useTranslation","useTranslation","t","useEffect","obtenerDatos","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","axios","concat","process","then","res","console","log","data","articulos","catch","err","t0","message","stop","apply","arguments","undefined","_jsx","Error","_jsxs","id","className","children","map","item","_item$Imagenes","Imagenes","LazyLoadImage","src","encodeURIComponent","split","alt","Nombre","Marca","Button","variant","onClick","Alias","SpinnerGif","text"],"sourceRoot":""}