{"version":3,"sources":["Images/banner.jpeg","Components/moleculas/HeaderDewalt.js","Images/DEWALT_Logo_Footer.png","Components/moleculas/FooterPag.js","Components/atoms/CustomButton.js","Components/atoms/inputFormLog.js","frameworks_and_drivers/Axios.js","api/DewaltServices.js","Components/atoms/LoadingOver.js","context/AuthContext.js","Components/moleculas/FormularioLog.js","Components/atoms/Navmenu.js","Images/DEWALT_Logo.png","Components/moleculas/HeaderLogin.js","Pages/Login.js","Components/moleculas/HeaderMain.js","Components/atoms/arrowbutton.js","Images/Arrow.png","Components/moleculas/ColumnOrdenes.js","Pages/Ordenes.js","Components/atoms/LoadingLine.js","Components/moleculas/TabMenu.js","Components/moleculas/Table.js","Images/Arrow-left.png","Images/Yellowarrow.png","Components/template/OrderListComponent.js","Components/moleculas/FooterLog.js","Pages/Ordeneslist.js","Components/moleculas/ColumOrdersProducts.js","Components/atoms/ProductoButtom.js","Components/atoms/HeaderboxProduct.js","Components/moleculas/ProductBox.js","Components/atoms/SendButton.js","Components/moleculas/ClientBox.js","Components/atoms/Loading.js","Components/template/ProductTemplate.js","Pages/ProductPage.js","App.js","index.js"],"names":["HeaderMain","className","src","banner","alt","LogoDW","CustomButton","props","to","link","style","textDecoration","Button","variant","color","background","width","height","fontSize","onClick","action","label","InputFormLog","type","name","placeholder","id","onChange","change","value","axios","opts","headers","Authorization","TOKEN","dewaltServicesGetAll","a","URL","BASE_URL","http","get","response","getDewaltServicesById","objectId","getDewaltCategoryById","getDewaltSubCategoryById","dewaltServicesChangeStatus","put","dewaltServicesChangeStatusPending","data","status","dewaltServicesVerifyWarranty","warranty","paid","has_warranty","user_paid","LoginServiceCenter","email","password","post","useStyles","makeStyles","theme","backdrop","zIndex","drawer","LoadingOver","classes","React","useState","Backdrop","open","handleClose","CircularProgress","AuthStateContext","createContext","FormLog","history","useHistory","openLogin","setOpenLogin","window","localStorage","getItem","e","setLogged","usuario","userDate","setUserDate","setLoginServiceCenter","LinkLog","setLinkLog","handleChange","event","target","setLocalStorage","setItem","console","log","setLocalData","loginService","result","social_reason","Provider","push","Swal","fire","icon","title","text","heigth","Hook","Nav","activeKey","Item","Link","href","auth","HeaderLogin","LoginPage","HeaderDewalt","serviceCenter","ArrowButton","ColumnOrders","OrdenesPage","authServiceCenterName","logged","class","root","LinearDeterminate","progress","setProgress","useEffect","timer","setInterval","oldProgress","diff","Math","random","min","clearInterval","LinearProgress","numberAllServices","numberNewServices","numberNotVerifiedServices","numberInRepairServices","numberRepairServices","numberNoProcessServices","numberFinishedServices","TabMenuConstants","LinkTab","Tab","component","tabAction","LinkTab2","LinkTab3","LinkTab4","LinkTab5","LinkTab6","NavTabs","setLoading","fetchData","response2","filteredListAll","items","filter","service_center","toLowerCase","includes","filteredListTabsByStatusNew","arrayLength","length","filteredListTabsByStatusNotVerified","filteredListTabsByStatusInRepair","filteredListTabsByStatusRepair","filteredListTabsByStatusNoProcess","setValue","AppBar","position","justifyContent","Tabs","newValue","scrollButtons","tabAll","tabAction2","tabAction3","tabAction4","tabAction5","tabAction6","TableOrders","loading","page","setPage","rowsPerPage","query","tabvalue","order","user","phone","created_at","state","stateData","setStateData","filteredByStateList","filteredList","filteredListTabsByStatus","reverse","emptyRows","TableContainer","Paper","Table","TableHead","TableRow","TableCell","align","TableBody","slice","map","row","border","borderBottom","substr","colSpan","TableFooter","TablePagination","rowsPerPageOptions","count","onPageChange","newPage","labelRowsPerPage","OrdenesPageList","setQuery","valuetab","setValuetab","valuetab2","setValuetab2","valuetab3","setValuetab3","Yarrow","marginTop","textAlign","Type","FooterLog","borderRadius","padding","fontFamily","fontWeigth","letterSpacing","lineHeight","invoice","download","label2","ProductBox","image","renderBoxWarranty","BootstrapInput","withStyles","spacing","input","backgroundColor","marginLeft","transition","transitions","create","join","borderColor","boxShadow","InputBase","BootstrapInput2","renderMenuSelect","FormControl","InputLabel","Select","labelId","warrantyStatus","MenuItem","categories","subCategories","product","failureReason","ClientButtom","marginRight","ClientBox","url","stateCompra","pickUpValidation","pickUpValidationEndBox","TipeOfRequest","PlaceOrigin","PlaceReturn","shippingPlaceOrigin","shippingPlaceReturn","marginBottom","clientName","clientEmail","clientPhone","originShipment","originCity","originState","returnShipment","returnCity","returnState","guide","base64","LabelImage","GraphicImage","publicPath","DHL","ShipmentIdentificationNumber","renderBoxSendState","display","ProductTemplateConstants","ProductTemplate","setStatus","setProductImage","category","subcategory","product_code","failure_reason","origin_shipment","address","city","shipment_request","shipping_place","return_shipment","pickup","ticket","stateDataProduct","setStateDataProduct","category_id","subcategory_id","images","setCategory","subCategory","setSubCategory","alertWrongGet","alertWrongPut","getDataProducts","dewaltService","categoryId","subcategoryId","getCategoryById","categoryArray","getSubCategoryById","subcategoryArray","orderId","changeStatusOrder","message","changeStatusOrderPending","verifyWarrantyPut","userData","userOriginShipment","userReturnShipment","statusItem","renderBotonState3Garantia","renderBotonState3SinGarantia","renderBotonStateRepaired","renderWarranty","statusLabel","imgURL","mounth","day","hour","mounthString","hourString","zone","MadeDate","alignContent","paddingTop","App","exact","path","render","routerProps","ProductPage","match","params","container","document","getElementById","ReactDOM"],"mappings":"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","file":"static/js/main.197f32a4.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/banner.3b823664.jpeg\";","import React from 'react';\nimport '../styles/login.css'\n\nimport banner from '../../Images/banner.jpeg'\nfunction HeaderMain (){\n    return(\n        <div>\n            <img className=\"imgLogoSE\" src={banner} alt=\"header Fondo + logo\"></img>\n        </div>\n    );\n}\n\nexport default HeaderMain;","export default \"data:image/png;base64,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\"","import React from 'react';\nimport '../styles/login.css'\n\nimport LogoDW from '../../Images/DEWALT_Logo_Footer.png'\nfunction HeaderMain (){\n    return(\n        <div className=\"footer-stl2\">\n            <img className=\"footer-logo\" src={LogoDW} alt=\"header Fondo + logo\"></img>\n        </div>\n    );\n}\n\nexport default HeaderMain;","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport {Link} from 'react-router-dom'\n\n\nfunction CustomButton (props){\n    return (\n        <Link to={props.link} style={{textDecoration:'none'}}> \n            <Button \n                variant= {props.variant}               //contained     outlined\n                style = {{\n                    color: props.color, \n                    background:props.background, \n                    width:props.width, \n                    height:props.height, \n                    fontSize:props.fontSize,            \n                }\n                }\n                onClick = {props.action}\n                >\n                {props.label}       \n            </Button>\n    \n            \n        </Link>\n        \n    );\n}\nexport default CustomButton","import React from 'react';\nimport '../styles/login.css'\n\n\nfunction InputFormLog (props){\n    return(\n        <div>\n            <form action =\"\">\n                <input className=\"input-stl\"\n                    type= {props.type} \n                    name = {props.name} \n                    placeholder = {props.placeholder}\n                    id = {props.id}\n                    style = {props.style}\n                    onChange = {props.change}\n                    value = {props.value}\n                    >\n                    \n                </input>\n            </form>     \n        </div>\n    );\n}\nexport default InputFormLog;","import axios, { AxiosStatic as HttpHandler } from 'axios';\n\nconst service = {\n    axios\n};\nexport default service;\nexport {\n    axios,\n    HttpHandler\n};","\nimport {axios as http} from \"../frameworks_and_drivers/Axios\"\n\nimport { BASE_URL, TOKEN } from \"../config/settings.json\";\n\nconst opts = {\n    headers:{\n        Authorization: `Bearer ${TOKEN}`\n    }\n\n}\n\nexport const dewaltServicesGetAll = async () => {\n    const URL=`${BASE_URL}/v1/dewalt-services/get-all`;\n    const response = await http.get(URL,opts);\n    return response;\n}\nexport const getDewaltServicesById = async (objectId) => {\n\n    const URL=`${BASE_URL}/v1/dewalt-services/get-by-id/${objectId}`;\n    const response = await http.get(URL,opts);\n    return response;\n}\n\nexport const getDewaltProductById = async (objectId) => {\n    const URL=`${BASE_URL}/v1/products/get-by-id/${objectId}`;\n    const response = await http.get(URL,opts);\n    return response;\n}\n\nexport const getDewaltCategoryById = async (objectId) => {\n    const URL=`${BASE_URL}/v1/categories/get-by-id/${objectId}`;\n    const response = await http.get(URL,opts);\n    return response;\n}\nexport const getDewaltSubCategoryById = async (objectId) => {\n    const URL=`${BASE_URL}/v1/subcategories/get-by-id/${objectId}`;\n    const response = await http.get(URL,opts);\n    return response;\n}\nexport const dewaltServicesChangeStatus = async (objectId) => {\n    const URL=`${BASE_URL}/v1/dewalt-services/change-status/${objectId}`;\n    const response = await http.put(URL,{},opts);\n    return response;\n}\n\nexport const dewaltServicesChangeStatusPending = async (objectId) => {\n    const data = {status: \"pending\" }\n    const URL=`${BASE_URL}/v1/dewalt-services/change-status/${objectId}`;\n    const response = await http.put(URL,data,opts);\n    return response;\n}\n\nexport const dewaltServicesVerifyWarranty = async (warranty,paid,objectId) => {\n    const data = {has_warranty: warranty ,user_paid: paid};\n    const URL=`${BASE_URL}/v1/dewalt-services/verify-warranty/${objectId}`;\n    const response = await http.put(URL,data,opts);\n    return response;\n}\nexport const LoginServiceCenter = async (email,password) => {\n    const data = {email: email ,password: password};\n    const URL=`${BASE_URL}/v1/service-centers/login`;\n    const response = await http.post(URL,data,opts);\n    return response;\n}\n\n\nexport const DHLService = async (guideNumber) => {\n    const URL=`${BASE_URL}/v1/dewalt-services/get-by-tracking/${guideNumber}`;\n    const response = await http.post(URL,opts);\n    return response;\n}\n","import React from 'react';\nimport Backdrop from '@material-ui/core/Backdrop';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n    backdrop: {\n        zIndex: theme.zIndex.drawer + 1,\n        color: '#fff',\n    },\n}));\n\nexport default function LoadingOver(props) {\n    const classes = useStyles();\n    const [open, setOpen] = React.useState(false);\n    const handleClose = () => {\n        setOpen(false);\n    };\n    const handleToggle = () => {\n        setOpen(!open);\n    };\n\n    return (\n        <div>\n        <Backdrop className={classes.backdrop} open={props.open} onClick={props.handleClose}>\n            <CircularProgress color=\"inherit\" />\n        </Backdrop>\n        </div>\n    );\n}","\nimport React from 'react'\n\nconst AuthStateContext = React.createContext(false);\n\nexport default AuthStateContext;","import React, {useState, useEffect}from 'react';\nimport {Link, Redirect, useHistory} from 'react-router-dom'\n//COMPONENTS\nimport CustomButton from '../atoms/CustomButton';\nimport InputFormLog from '../atoms/inputFormLog';\nimport {LoginServiceCenter} from '../../api/DewaltServices'\nimport Swal from 'sweetalert2'\nimport LoadingOver from '../atoms/LoadingOver';\nimport AuthStateContext from '../../context/AuthContext';\n//API\nimport AuthService from \"../../api/AuthService\";\n\n// CSS\nimport '../styles/login.css'\nimport '../../constants/Global.css'\n\nvar AuthState = '';\n\nexport default function FormLog (props){\n    let history = useHistory();\n    const [openLogin, setOpenLogin] = useState(false);\n    const [logged, setLogged] = useState(()=>{\n        try{\n            const loggedIn = window.localStorage.getItem('loggedIn')\n            return loggedIn;\n        }catch(e){\n            return false\n        }\n    });\n    const [userDate, setUserDate] = useState({\n        usuario: '',\n        password: ''\n    })\n    const [loginServiceCenter, setLoginServiceCenter] = useState(()=>{\n        try{\n            const Auth = window.localStorage.getItem('UserLogged')\n            return Auth;\n        }catch(e){\n            return false\n        }\n    });\n\n    const [LinkLog, setLinkLog] = useState('')\n    const [loading, setLoading] = useState(false)\n    \n    const handleChange= (event)=>{\n            setUserDate({\n                ...userDate,\n                [event.target.name] : event.target.value\n            })\n        \n    }\n\n    const alertWrongGet = ()=>{\n        Swal.fire({\n            icon: 'error',\n            title: 'Oops...',\n            text: 'Error: Usuario o contraseña equivocados',\n        })\n    }\n\n    //Se guarda la variable del login\n    const setLocalStorage = value =>{\n        try{\n            window.localStorage.setItem('loggedIn', value)\n            setLogged(value)\n        }catch(e){\n            console.log(e)\n        }\n    }\n    const setLocalData= value =>{\n        try{\n            window.localStorage.setItem('UserLogged', value)\n            setLoginServiceCenter(value)\n        }catch(e){\n            console.log(e)\n        }\n    }\n\n    const loginService = async (usuario,password) =>{\n\n        setOpenLogin(!openLogin)\n        try{\n            LoginServiceCenter(usuario,password)\n            const response = LoginServiceCenter(usuario,password);\n            const data = (await response).data;\n            setLocalData(`${data.result.social_reason}`)\n            if (data){\n                // Auth = true;\n                setLocalStorage(true);\n\n                <AuthStateContext.Provider value={true}>\n                    {history.push('/Orders')}\n                </AuthStateContext.Provider>\n                \n                // setLinkLog(\"/Orders\")\n                //return <Redirect to={\"/Orders\"} />\n                \n            }\n            return(data)\n        }catch(error){\n            // Auth = false;\n            setLocalStorage(false);\n\n            console.log(\"error Login\")\n            alertWrongGet()\n            setLinkLog(\"/\")\n            \n            console.log(error.response)\n        }finally{\n\n            setOpenLogin(false)\n        }   \n        // console.log(response)\n    }   \n\n        return(\n            <div>\n                    <h2 className=\"h2-stl\">{props.label}</h2>\n                    <div className=\"EmptySpaceSmall\"></div>\n                    <div>\n                        <InputFormLog \n                            type        = \"text\"\n                            name        = \"usuario\"\n                            id          = \"Usuario_LoginPage\"\n                            placeholder = \"Usuario\"\n                            change      = {handleChange}\n                            style       =  {{fontSize: \"25px\"}}\n    \n                        />\n                        <div className=\"EmptySpaceSmall\" ></div>\n                        <InputFormLog   \n                            type        = \"password\"\n                            name        = \"password\"\n                            id          = \"pass_LoginPage\"\n                            placeholder = \"Contraseña\"\n                            change      = {handleChange}\n                            style       =  {{fontSize: \"25px\"}}\n                        />  \n                    </div>\n                    <div className=\"EmptySpaceSmall\" ></div>\n                        <CustomButton \n                        \n                                variant     =   \"outlined\" \n                                background  =   \"#C4C4C4\" \n                                color       =   \"#FFFFFF\"\n                                width       =   \"356px\"\n                                heigth      =   \"57px\"\n                                fontSize    =   \"24px\"\n                                label       =   \"INICIAR SESIÓN\"\n                                link        =   {LinkLog}\n                                // link        =   \"/Orders\"\n                                action      =   {()=>{loginService(userDate.usuario,userDate.password)}}        //ver funcion\n                        />\n                    <div className=\"py-2\"></div>\n                        <div className=\"row\">\n                            <div className = \"col-5\"></div>\n                    \n                            <div className = \"col-5\"></div>\n                        </div>\n                        <LoadingOver\n                            open = {openLogin}\n                        />      \n            </div>\n        );\n    \n}\n\n\nexport function authState (){\n    return AuthState;\n}\n\n","import React, {useState} from 'react';\nimport 'bootstrap/dist/css/bootstrap.css'\nimport { Nav} from 'react-bootstrap';\nimport './styles/NavMenu.css'\n\n\nexport default function Hook(props) {\n    const [visible, setVisible] = useState(false);\n\n    return(\n    <div >\n        <Nav className=\"justify-content-end\" activeKey=\"/home\">\n            <Nav.Item>\n                <Nav.Link href=\"/\" className=\"text-nav-stl mx-3\" onClick={(auth)=>{\n                try{\n                    return window.localStorage.setItem('loggedIn',false)\n                }catch(e){\n                    return false\n                }\n            }}>Cerrar sesión</Nav.Link>\n            </Nav.Item>\n\n        </Nav>\n        \n    </div>\n    );\n}","export default \"data:image/png;base64,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\"","import React from 'react';\nimport '../../constants/Global.css'\nimport NavMenu from '../atoms/Navmenu'\n\nimport LogoDW from '../../Images/DEWALT_Logo.png'\nfunction HeaderLogin (){\n    return(\n                <div className=\"mainHeader\">\n                    <img className=\"logoMainHeader\" src={LogoDW} alt=\"Logo DEWALT\" ></img> \n                </div>\n    );\n}\n\nexport default HeaderLogin;","import React,{useEffect}from 'react';\n\n\n// COMPONENTS\nimport HeaderDewalt from '../Components/moleculas/HeaderDewalt'\nimport FooterLog from '../Components/moleculas/FooterPag'\nimport FormularioLog from '../Components/moleculas/FormularioLog';\nimport HeaderLogin from '../Components/moleculas/HeaderLogin';\n\n\n// CSS\nimport '../constants/Global.css'\nimport './Styles/Login.css'\n\nfunction LoginPage (){\n        return (\n            <div>\n                <HeaderLogin />\n                <div className=\"Center\">\n                    <HeaderDewalt />\n                </div>\n                <div className=\"EmptySpaceMedium\"></div>\n                <div className=\"Center my-5\">\n                    <FormularioLog \n                        label =  \"INGRESA A TU PLATAFORMA DE GESTIÓN\"\n                    />\n                </div>\n                <div className=\"img-footer\">\n                    <div className =\"pady-5\"></div>\n                    <div className =\"pady-4\"></div>\n                    <div className =\"py-1\"></div>\n                    <FooterLog />\n                </div>\n            </div>\n        );\n}   \n\nexport default LoginPage;","import React from 'react';\nimport '../../constants/Global.css'\nimport NavMenu from '../atoms/Navmenu'\nimport 'bootstrap/dist/css/bootstrap.css'\n\nimport '../atoms/styles/NavMenu.css'\n\nimport LogoDW from '../../Images/DEWALT_Logo.png'\nfunction HeaderMain (props){\n    return(\n                <div className=\"mainHeader\">\n                    <div className=\"row\">\n                        <div className=\"col-12 col-md-2\">\n                            <img className=\"logoMainHeader\" src={LogoDW} alt=\"Logo DEWALT\" ></img>\n                        </div>\n                        <div className=\"col-12 col-md-3\">\n                            <h5 className=\"text-sc pt-4\">{props.serviceCenter}</h5>\n                        </div>\n                        <div className=\"col-12 col-md-7 pt-3\">\n                            <NavMenu/>\n                        </div >\n                    </div>\n                </div>\n    );\n}\n\nexport default HeaderMain;","import React from 'react';\nimport {Link} from 'react-router-dom'\nimport Arrow from '../../Images/Arrow.png'\nimport '../styles/ColumnOrder.css'\n\nfunction ArrowButton (props){\n    return (\n        <Link to={props.link}>\n            <div className=\"arrowPos\">\n                <button className=\"Noborde\">\n                    <img src={Arrow} alt='img'></img>\n                </button> \n            </div>\n        </Link>\n        \n    );\n}\nexport default ArrowButton","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADgSURBVHgB7daxDYMwEAXQT1LQpHATpcTMgYQQC8QjMAIbsEwWYQBggghGYIH4YpASRWlsH3EqvnQSDXo+czIGAApVKotJnCKNUEAUge63M8nLUR/wh+xIGERKCW6ckKqqMI4jmqYBN9ZxLIqCXjGQ9wg7IUuZbrwgFvIJaa2tEBvxgTYh31Bd12GOlbZtMU3T+pznudM7Xl2kaUpmnNdOuq4jIcRvt8sVYCM+AAsxR8ob6PveCoDz4ZVSSJIEwzCgLEvM8wzfWFe1rNxATh2wt4tT++93U3SoumaxNveuxxPQOdRabtzJkwAAAABJRU5ErkJggg==\"","import React from 'react';\n\n// COMPONENTS\nimport ArrowButton from '../atoms/arrowbutton';\n\n//CSS\nimport '../styles/ColumnOrder.css'\nimport '../../constants/Global.css'\n\nfunction ColumnOrders (props){\n\n    return (\n        <div className=\"columnBorder\">    \n            <div className=\"OrdenesText\">\n                <h3 className=\"h3-stl\">ORDENES</h3>\n            </div>\n            <div className=\"arrowPos\">\n            <ArrowButton\n                link = {props.link}\n            />\n            </div>\n        </div>\n        \n    );\n\n}\n\nexport default ColumnOrders\n// style={{borderRight: \"2px solid #000\", minHeight:\"90vh\" ,display:\"flex\",flexDirection:\"row\"}}","import React, {useState} from 'react';\nimport 'bootstrap/dist/css/bootstrap.css'\nimport {Link, Redirect} from 'react-router-dom'\n\n\n// COMPONENTS\nimport HeaderMain from '../Components/moleculas/HeaderMain'\nimport FooterLog from '../Components/moleculas/FooterPag'\nimport ColumnOrders from '../Components/moleculas/ColumnOrdenes'\n\n\nimport { authState } from '../Components/moleculas/FormularioLog';\n\n// CSS\nimport '../constants/Global.css'\n\nfunction OrdenesPage(){\n  \n    // const authServiceCenterName = authState();\n    const authServiceCenterName = localStorage.getItem('UserLogged');\n    // const loginServiceCenter = localStorage.getItem('UserLogged');\n    const [logged, setLogged] = useState(()=>{\n        try{\n            const loggedIn = window.localStorage.getItem('loggedIn')\n            return loggedIn;\n        }catch(e){\n            return false\n        }\n    });\n    // if(loginServiceCenter.result){\n    //     console.log('name',loginServiceCenter.result.social_reason)\n    // }\n    // console.log('objetoObtenido: ', loginServiceCenter);\n    \n    return (\n        <div>\n            {logged == 'false' && <Redirect to=\"/\"></Redirect>}\n            <HeaderMain \n            serviceCenter = {authServiceCenterName}/>\n            <div class=\"container-fluid\">\n                <div className=\"row\">\n                    <div className=\"col-12 col-md-2\" >\n                        <div>\n                            <ColumnOrders \n                                link    =   \"/Orders/List\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"img-footer\">\n                <FooterLog />\n            </div>\n        </div>\n    );\n}   \n\nexport default OrdenesPage;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport LinearProgress from '@material-ui/core/LinearProgress';\n\nconst useStyles = makeStyles({\n    root: {\n        width: '100%',\n    },\n});\n\nexport default function LinearDeterminate() {\n    const classes = useStyles();\n    const [progress, setProgress] = React.useState(0);\n\n    React.useEffect(() => {\n        const timer = setInterval(() => {\n        setProgress((oldProgress) => {\n            if (oldProgress === 100) {\n            return 0;\n            }\n            const diff = Math.random() * 10;\n            return Math.min(oldProgress + diff, 100);\n        });\n        }, 500);\n\n        return () => {\n        clearInterval(timer);\n        };\n    }, []);\n\n    return (\n        <div className={classes.root}>\n        <LinearProgress variant=\"determinate\" value={progress} />\n        </div>\n    );\n}\n","import React, {useState,useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport AppBar from '@material-ui/core/AppBar';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\nimport '../styles/Tabs.css'\nimport LoadingLine from '../atoms/LoadingLine';\nimport { authState } from './FormularioLog';\nimport { dewaltServicesGetAll } from '../../api/DewaltServices';\nimport Swal from 'sweetalert2'\n\nlet numberAllServices = 0\nlet numberNewServices = 0\nlet numberNotVerifiedServices = 0\nlet numberInRepairServices = 0\nlet numberRepairServices = 0\nlet numberNoProcessServices = 0\nlet numberFinishedServices = 0\n\nconst TabMenuConstants={\n    all:'TODAS',\n    new:'NUEVAS',\n    inrev:'EN REVISIÓN',\n    inrep:'EN REPARACIÓN',\n    rep:'REPARADO',\n    norep:'ENTREGA SIN REPARACIÓN',\n    delivered:'ENTREGADO'\n}\n\nfunction LinkTab(props) {\n    return (\n        <Tab\n            component=\"a\"\n            onClick={props.tabAction}\n            {...props}\n        />\n        );\n}\nfunction LinkTab2(props) {\n    return (\n        <Tab\n            component=\"a\"\n            onClick={props.tabAction}\n            {...props}\n        />\n        );\n}\nfunction LinkTab3(props) {\n    return (\n        <Tab\n            component=\"a\"\n            onClick={props.tabAction}\n            {...props}\n        />\n        );\n}\nfunction LinkTab4(props) {\n    return (\n        <Tab\n            component=\"a\"\n            onClick={props.tabAction}\n            {...props}\n        />\n        );\n}\nfunction LinkTab5(props) {\n    return (\n        <Tab\n            component=\"a\"\n            onClick={props.tabAction}\n            {...props}\n        />\n        );\n}\nfunction LinkTab6(props) {\n    return (\n        <Tab\n            component=\"a\"\n            onClick={props.tabAction}\n            {...props}\n        />\n        );\n}\nexport default function NavTabs(props) {\n    const [loading, setLoading] = useState(false)\n    const [allServices1, setAllServices] = useState(5)\n    const authServiceCenterName = localStorage.getItem('UserLogged');\n\n    const alertWrong = ()=>{\n        Swal.fire({\n            icon: 'error',\n            title: 'Oops...',\n            text: 'Something went wrong with the list!',\n        })\n    }\n    \n    useEffect(()=>{\n        fetchData()\n    }, [])\n\n    const fetchData = async () =>{\n        setLoading(true)\n        try{\n            const response2 = dewaltServicesGetAll();\n            const data = (await response2).data;\n            //TODAS\n            var filteredListAll = data.result.items.filter(e =>{\n                return (`${e.service_center.social_reason}`\n                    .toLowerCase()\n                    .includes(authServiceCenterName.toLowerCase())        \n                );\n            });\n\n            //NUEVAS\n            var filteredListTabsByStatusNew = filteredListAll.filter((e)=>{\n                const arrayLength = e.status.length\n                const statusItem = e.status[arrayLength - 1]\n                return statusItem.status.toLowerCase().includes('new')\n                // \n            })\n\n            //EN REVISION\n            var filteredListTabsByStatusNotVerified = filteredListAll.filter((e)=>{\n                const arrayLength = e.status.length\n                const statusItem = e.status[arrayLength - 1]\n                return statusItem.status.toLowerCase().includes('not verified')\n                // \n            })\n\n            //EN REPARACION\n            var filteredListTabsByStatusInRepair = filteredListAll.filter((e)=>{\n                const arrayLength = e.status.length\n                const statusItem = e.status[arrayLength - 1]\n                return statusItem.status.toLowerCase().includes('in repair')\n                // \n            })\n\n            //REPARADO\n            var filteredListTabsByStatusRepair = filteredListAll.filter((e)=>{\n                const arrayLength = e.status.length\n                const statusItem = e.status[arrayLength - 1]\n                return statusItem.status.toLowerCase().includes('repair')\n                // \n            })\n\n            //ENTREGA SIN REPARACION\n            var filteredListTabsByStatusNoProcess = filteredListAll.filter((e)=>{\n                const arrayLength = e.status.length\n                const statusItem = e.status[arrayLength - 1]\n                return statusItem.status.toLowerCase().includes('no process')\n                // \n            })\n\n            //ENTREGADO\n            var filteredListTabsByStatusNoProcess = filteredListAll.filter((e)=>{\n                const arrayLength = e.status.length\n                const statusItem = e.status[arrayLength - 1]\n                return statusItem.status.toLowerCase().includes('finished')\n                // \n            })\n\n            numberAllServices = `(${filteredListAll.length})`\n            numberNewServices = `(${filteredListTabsByStatusNew.length})`\n            numberNotVerifiedServices = `(${filteredListTabsByStatusNotVerified.length})`\n            numberInRepairServices = `(${filteredListTabsByStatusInRepair.length})`\n            numberRepairServices = `(${filteredListTabsByStatusRepair.length})`\n            numberNoProcessServices = `(${filteredListTabsByStatusNoProcess.length})`\n            numberFinishedServices = `(${filteredListTabsByStatusNoProcess.length})`\n\n            if(numberAllServices>10){\n                numberAllServices = '+10'\n            }\n            if(numberNewServices>10){\n                numberNewServices = '+10'\n            }\n            if(numberNotVerifiedServices>10){\n                numberNotVerifiedServices='+10'\n            }\n            if(numberInRepairServices>10){\n                numberInRepairServices='+10'\n            }\n            if(numberRepairServices>10){\n                numberRepairServices='+10'\n            }\n            if(numberNoProcessServices>10){\n                numberNoProcessServices='+10'\n            }\n            if(numberFinishedServices>10){\n                numberFinishedServices='+10'\n            }\n\n\n\n        }catch(error){\n            console.log(\"error get List\")\n            alertWrong()\n            console.log(error.response)\n        }finally{\n            setLoading(false)\n        }\n    }\n\n        const [value, setValue] = React.useState(0);\n    \n        const handleChange = (event, newValue) => {\n            setValue(newValue);\n        };\n        return (\n        <div className=\"Tabs-stl\" >\n            <AppBar position=\"static\"\n            style={{justifyContent: 'space-evenly'}}\n            >\n                <Tabs\n                    value={value}\n                    onChange={handleChange}\n                    variant=\"scrollable\"\n                    scrollButtons=\"auto\"\n                    aria-label=\"scrollable auto tabs example\"\n                    style={{background:\"#FEBD18\",color:\"#000\"}}\n                    \n                >\n                    <LinkTab label={`${TabMenuConstants.all}${numberAllServices}`} tabAction={props.tabAll}  className=\"tabs-only-stl\" style={{width:'10px'}} />\n                    <LinkTab label={`${TabMenuConstants.new}${numberNewServices}`} tabAction={props.tabAction} className=\"tabs-only-stl\" />\n                    <LinkTab2 label={`${TabMenuConstants.inrev}${numberNotVerifiedServices}`} tabAction={props.tabAction2} className=\"tabs-only-stl\"  />\n                    <LinkTab3 label={`${TabMenuConstants.inrep}${numberInRepairServices}`} tabAction={props.tabAction3} className=\"tabs-only-stl\"   />\n                    <LinkTab4 label={`${TabMenuConstants.rep}${numberRepairServices}`} tabAction={props.tabAction4} className=\"tabs-only-stl\"  />\n                    <LinkTab5 label={`${TabMenuConstants.norep}${numberNoProcessServices}`}  tabAction={props.tabAction5} className=\"tabs-only-stl\"   />\n                    <LinkTab6 label={`${TabMenuConstants.delivered}${numberFinishedServices}`}  tabAction={props.tabAction6} className=\"tabs-only-stl\" />\n                </Tabs>\n            </AppBar>\n        </div>\n        );\n}\n\n","import React, { useState, useEffect } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport \"../../constants/Global.css\";\nimport { Link } from \"react-router-dom\";\n\nimport PropTypes from \"prop-types\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport Table from \"@material-ui/core/Table\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableContainer from \"@material-ui/core/TableContainer\";\nimport TableFooter from \"@material-ui/core/TableFooter\";\nimport TablePagination from \"@material-ui/core/TablePagination\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport Paper from \"@material-ui/core/Paper\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport KeyboardArrowLeft from \"@material-ui/icons/KeyboardArrowLeft\";\nimport KeyboardArrowRight from \"@material-ui/icons/KeyboardArrowRight\";\nimport TableHead from \"@material-ui/core/TableHead\";\nimport LoadingLine from \"../atoms/LoadingLine\";\nimport Swal from \"sweetalert2\";\nimport FirstPageIcon from \"@material-ui/icons/FirstPage\";\nimport LastPageIcon from \"@material-ui/icons/LastPage\";\nimport { authState } from \"./FormularioLog\";\n\nimport { dewaltServicesGetAll } from \"../../api/DewaltServices\";\nimport Ingarrow from \"../../Images/Arrow-left.png\";\n\nfunction TablePaginationActions(props) {\n  const theme = useTheme();\n  const { count, page, rowsPerPage, onPageChange } = props;\n  const handleBackButtonClick = (event) => {\n    onPageChange(event, page - 1);\n  };\n  const handleNextButtonClick = (event) => {\n    onPageChange(event, page + 1);\n  };\n  const handleFirstPageButtonClick = (event) => {\n    onPageChange(event, 0);\n  };\n  const handleLastPageButtonClick = (event) => {\n    onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));\n  };\n\n  return (\n    <div>\n      <IconButton\n        onClick={handleFirstPageButtonClick}\n        disabled={page === 0}\n        aria-label=\"first page\"\n      >\n        {theme.direction === \"rtl\" ? <LastPageIcon /> : <FirstPageIcon />}\n      </IconButton>\n      <IconButton\n        onClick={handleBackButtonClick}\n        disabled={page === 0}\n        aria-label=\"previous page\"\n      >\n        {theme.direction === \"rtl\" ? (\n          <KeyboardArrowRight />\n        ) : (\n          <KeyboardArrowLeft />\n        )}\n      </IconButton>\n      <IconButton\n        onClick={handleNextButtonClick}\n        disabled={page >= Math.ceil(count / rowsPerPage) - 1}\n        aria-label=\"next page\"\n      >\n        {theme.direction === \"rtl\" ? (\n          <KeyboardArrowLeft />\n        ) : (\n          <KeyboardArrowRight />\n        )}\n      </IconButton>\n    </div>\n  );\n}\n\nTablePaginationActions.propTypes = {\n  count: PropTypes?.number.isRequired,\n  onPageChange: PropTypes?.func.isRequired,\n  page: PropTypes?.number.isRequired,\n  rowsPerPage: PropTypes?.number.isRequired,\n};\n\nfunction TableOrders(props) {\n  const [loading, setLoading] = useState(false);\n  const authServiceCenterName = localStorage.getItem(\"UserLogged\");\n  const [page, setPage] = React.useState(0);\n  const [rowsPerPage, setRowsPerPage] = React.useState(5);\n  const query = props.query; //Para traer el filtro del input en Order List component\n  const tabvalue = props.tabvalue;\n  const authStateLogin = authState();\n  const [stateData, setStateData] = useState({\n    result: {\n      items: [\n        {\n          id: \"\",\n          order: \"\",\n          user: [\n            {\n              name: \"\",\n              phone: \"\",\n            },\n          ],\n          status: [\n            {\n              status: \"\",\n              created_at: \"2021-08-09T12:03:50.000Z\",\n            },\n          ],\n          service_center: {\n            state: \"\",\n            social_reason: \"\",\n          },\n        },\n      ],\n    },\n  });\n  const alertWrong = () => {\n    Swal.fire({\n      icon: \"error\",\n      title: \"Oops...\",\n      text: \"Something went wrong with the list!\",\n    });\n  };\n  //API CALLS\n  useEffect(() => {\n    fetchData();\n  }, []);\n\n  const fetchData = async () => {\n    setLoading(true);\n    try {\n      const response2 = dewaltServicesGetAll();\n      const data = (await response2).data;\n      setStateData(data);\n    } catch (error) {\n      console.log(\"error get List\");\n      alertWrong();\n      console.log(error.response);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const filteredByStateList = stateData?.result?.items?.filter((e) => {\n    return `${e.service_center.social_reason}`\n      .toLowerCase()\n      .includes(authServiceCenterName.toLowerCase());\n  });\n  //Filtrado de lista\n  const filteredList = filteredByStateList?.filter((e) => {\n    return `${e.order} ${e.user.name} ${\n      e.status[e.status.length - 1].created_at\n    }`\n      .toLowerCase()\n      .includes(query.toLowerCase());\n  });\n\n  //FILTRO PARA LOS TABS\n  var filteredListTabsByStatus = filteredList?.filter((e) => {\n    const arrayLength = e.status.length;\n    const statusItem = e.status[arrayLength - 1];\n    return statusItem.status.toLowerCase().includes(tabvalue.toLowerCase());\n    //\n  });\n  filteredListTabsByStatus.reverse();\n\n  const emptyRows =\n    rowsPerPage - Math.min(rowsPerPage, stateData.length - page * rowsPerPage);\n  //SET PAGE\n  const handleChangePage = (event, newPage) => {\n    setPage(newPage);\n  };\n  const handleChangeRowsPerPage = (event) => {\n    setRowsPerPage(parseInt(event.target.value, 10));\n    setPage(0);\n  };\n\n  if (tabvalue == \"all\") {\n    filteredListTabsByStatus = filteredList;\n    filteredListTabsByStatus.reverse();\n  }\n\n  return (\n    <div className=\"container pad3 gris2\">\n      <div className=\"martop\">\n        <TableContainer component={Paper} style={{ background: \"#EBEBEB\" }}>\n          <Table aria-label=\"custom pagination table\">\n            <TableHead style={{ background: \"#FFFFFF\" }}>\n              <TableRow>\n                <TableCell>\n                  {\" \"}\n                  <h3 className=\"h3-stl\">ORDEN</h3>{\" \"}\n                </TableCell>\n                <TableCell>\n                  <h3 className=\"h3-stl\">FECHA</h3>\n                </TableCell>\n                <TableCell align=\"left\">\n                  <h3 className=\"h3-stl\">CLIENTE</h3>\n                </TableCell>\n                <TableCell align=\"right\"></TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {(rowsPerPage > 0\n                ? filteredListTabsByStatus?.slice(\n                    page * rowsPerPage,\n                    page * rowsPerPage + rowsPerPage\n                  )\n                : filteredListTabsByStatus\n              )?.map((row) => (\n                <TableRow key={row.id} style={{ border: \"1px solid #C4C4C4\" }}>\n                  <TableCell\n                    align=\"left\"\n                    style={{ borderBottom: \"1px solid #C4C4C4\" }}\n                  >\n                    <b># {row?.order}</b>\n                  </TableCell>\n                  <TableCell\n                    align=\"left\"\n                    style={{ borderBottom: \"1px solid #C4C4C4\" }}\n                  >\n                    {\n                      //  {row.status[row.status.length -1].created_at.substr(5,2) === '01' &&()}\n                      row?.status[row.status.length - 1].created_at?.substr(\n                        8,\n                        2\n                      ) +\n                        \" - \" + //dia\n                        row?.status[row.status.length - 1].created_at?.substr(\n                          5,\n                          2\n                        ) +\n                        \" a las \" + //mes\n                        row?.status[row.status.length - 1].created_at?.substr(\n                          11,\n                          2\n                        ) +\n                        row?.status[row.status.length - 1].created_at?.substr(\n                          13,\n                          3\n                        ) +\n                        \"\"\n                    }\n                  </TableCell>\n                  <TableCell\n                    align=\"left\"\n                    style={{ borderBottom: \"1px solid #C4C4C4\" }}\n                  >\n                    {row?.user?.name}\n                  </TableCell>\n                  <TableCell\n                    align=\"right\"\n                    style={{ borderBottom: \"1px solid #C4C4C4\" }}\n                  >\n                    <Link to={`/Orders/Product/${row.id}`}>\n                      <img src={Ingarrow} alt=\">\"></img>\n                    </Link>\n                  </TableCell>\n                </TableRow>\n              ))}\n              {emptyRows > 0 && (\n                <TableRow style={{ height: 53 * emptyRows }}>\n                  <TableCell colSpan={6} />\n                </TableRow>\n              )}\n            </TableBody>\n            <TableFooter>\n              <TableRow>\n                <TablePagination\n                  rowsPerPageOptions={[]} //Si se quieren poner paginas {[5, 10]}\n                  colSpan={4}\n                  count={filteredListTabsByStatus.length} //antes se ponia state.data\n                  rowsPerPage={rowsPerPage}\n                  page={page}\n                  // onRowsPerPageChange={handleChangeRowsPerPage}\n                  onPageChange={handleChangePage}\n                  // ActionsComponent={TablePaginationActions}\n                  labelRowsPerPage=\"\"\n                />\n              </TableRow>\n            </TableFooter>\n          </Table>\n        </TableContainer>\n        {loading && <LoadingLine />}\n      </div>\n    </div>\n  );\n}\n\nexport default TableOrders;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB2SURBVHgB7dS9CYAwEIbhL+oEVinFUVzDMZzDkXQWS0FwA384wS5c7s505oWQ7iE/cO6c/IVEFUhYxoC23561rAc+YxRB3bCLQBabxxqNL8UgixGkAaPXDIFmTJPqA95TmrAQRLsJ00BRjJJClPvHCKqgi32SGzosRV8N1vnoAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB6SURBVHgB7dTNCYAwDAXgV3UCTz2Ko7iGYziHI+ksHgXBDfyhBaFIbU2ai+CDkkv5SFqI2gd9QCgZBPNxbJo31O1iTxJmoKZbbU3qzIUqnWPsS7AwH2QqC6NCQYyTR+zqRuQD3PHegsExfSAbu4OxqH9rkFMQ7kbf9gSJQkVfTCuS9AAAAABJRU5ErkJggg==\"","import React, {useState}  from 'react';\nimport 'bootstrap/dist/css/bootstrap.css'\nimport {Link, Redirect} from 'react-router-dom'\n\n\n// COMPONENTS\n\nimport TabMenu from '../moleculas/TabMenu';\nimport InputFormLog from '../atoms/inputFormLog';\nimport TableOrders from '../moleculas/Table';\n\n\n// CSS\nimport '../../constants/Global.css'\n\n//IMGS\nimport Yarrow from '../../Images/Yellowarrow.png'\nfunction OrdenesPageList (props){\n    const [query,  setQuery] = React.useState('')\n\n    //TABS\n    const [valuetab, setValuetab] = React.useState('');\n    const [valuetab2, setValuetab2] = React.useState('');\n    const [valuetab3, setValuetab3] = React.useState('');\n    const [numberNew, setNumberNew] = React.useState(0);\n    const [logged, setLogged] = useState(()=>{\n        try{\n            const loggedIn = window.localStorage.getItem('loggedIn')\n            return loggedIn;\n        }catch(e){\n            return false\n        }\n    });\n   \n        return(\n            <div>   \n                {/* {authValue === false && <Redirect to=\"/\"></Redirect>} */}\n                {logged == 'false' && <Redirect to=\"/\"></Redirect>}\n                <div>\n                    <div className=\"elementsrow\">\n                        <Link to =\"/Orders\">\n                            <img src={Yarrow} className=\"iconwidth\" style={{marginTop:\"2em\"}} alt=\"<\"></img>\n                        </Link>\n                                \n                        <h3 className=\"h3-stl gris pad1\">ORDENES</h3>\n                    </div>\n                    <div className=\"row tab-stl\">\n                        <TabMenu \n                            value = {valuetab}\n                            tabAll={() =>{setValuetab('all')}}\n                            tabAction={() =>{setValuetab('new')\n                                        setValuetab2('')\n                                        setValuetab3('')}}\n                            tabAction2={() =>{setValuetab('not verified')\n                                    setValuetab2('unchecked')\n                                    setValuetab3('pending')}}\n                            tabAction3={() =>{setValuetab('in repair')\n                                    setValuetab2('')\n                                    setValuetab3('')}}\n                            tabAction4={() =>{setValuetab('repair')\n                                    setValuetab2('')\n                                    setValuetab3('')}}\n                            tabAction5={() =>{setValuetab('no process')\n                                    setValuetab2('')\n                                    setValuetab3('')}}\n                            tabAction6={() =>{setValuetab('finished')\n                                    setValuetab2('')\n                                    setValuetab3('')}}\n                        />\n                        <div className=\"EmptySpaceSmall\"> </div>\n                        <div style={{textAlign:'left'}}>\n                            <InputFormLog \n                                Type = \"text\"\n                                name = \"filtro\"\n                                placeholder = \"Filtrar ordenes\"\n                                id  =\"filtro_ordenes\"\n                                style = {{fontSize: \"14px\", background:'#EBEBEB',width:'30vh'}}\n                                value = {query}\n                                change = {(e) =>{setQuery(e.target.value)}}\n                            />\n                        </div>\n                        {/* TABLA */}\n                        <div className=\"row\" style={{width:'96%'}}>\n                            <TableOrders \n                            query = {query}\n                            tabvalue = {valuetab}\n                            valuetab2 = {valuetab2}\n                            valuetab3 = {valuetab3}\n                            />\n                        </div>\n                        \n                    </div>\n                </div> \n            </div>\n    );\n    \n}   \nexport default OrdenesPageList;\n\n","import React from 'react';\nimport '../styles/login.css'\n\nimport LogoDW from '../../Images/DEWALT_Logo_Footer.png'\nfunction HeaderMain (){\n    return(\n        <div className=\"footer-stl2\">\n            <img className=\"footer-logo\" src={LogoDW} alt=\"header Fondo + logo\"></img>\n        </div>\n    );\n}\n\nexport default HeaderMain;","import React from 'react';\nimport 'bootstrap/dist/css/bootstrap.css'\n\n\nimport OrderListTemplate from '../Components/template/OrderListComponent'\nimport HeaderMain from '../Components/moleculas/HeaderMain';\nimport FooterLog from '../Components/moleculas/FooterLog'\nimport ColumnOrders from '../Components/moleculas/ColumnOrdenes';\n// CSS\nimport '../constants/Global.css'\n\nimport { authState } from '../Components/moleculas/FormularioLog';\n\n\n\nfunction OrdenesPageList (){\n    const authServiceCenterName = localStorage.getItem('UserLogged');\n        return(\n            <div>\n                <HeaderMain \n                serviceCenter = {authServiceCenterName}/>\n                <div className=\"container-fluid\">\n                    <div className=\"row\">\n                        <div className=\"col-12 col-md-2\" >\n                            <div>\n                                <ColumnOrders />\n                            </div>\n                        </div>\n                        <div className=\"col-12 col-md-10\">\n                            <OrderListTemplate />\n                            <div className=\"EmptySpaceSmall\"></div>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"img-footer\">\n                    <FooterLog />\n                </div>\n            </div>\n            \n    );\n}   \n\nexport default OrdenesPageList;","import React from 'react';\n\n// COMPONENTS\nimport ArrowButton from '../atoms/arrowbutton';\n\n//CSS\nimport '../styles/ColumnOrder.css'\nimport '../../constants/Global.css'\n\nfunction ColumnOrders (props){\n\n    return (\n        <div className=\"columnBorderProduct\">    \n            <div className=\"OrdenesText\">\n                <h3 className=\"h3-stl\">ORDENES</h3>\n            </div>\n            <div className=\"arrowPos\">\n            <ArrowButton\n                link = {props.link}\n            />\n            </div>\n        </div>\n        \n    );\n\n}\n\nexport default ColumnOrders\n// style={{borderRight: \"2px solid #000\", minHeight:\"90vh\" ,display:\"flex\",flexDirection:\"row\"}}","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport '../styles/productButton.css'\n\nexport default function Hook(props) {\n    return <Button className=\"Boton-main\"\n        onClick = {props.action}\n        style = {props.style}\n        ><h3 className=\"h3-stl-button\">{props.label}</h3>\n    </Button>;\n}","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport 'bootstrap/dist/css/bootstrap.css'\n\nimport '../styles/headerProduct.css'\nconst useStyles = makeStyles({\n    root: {\n        background: '#FEBD18',\n        border: 0,\n        borderRadius: 3,\n        color: '#000',\n        height: 48,\n        padding: '20px 5px',\n        fontFamily: 'IBM Plex Sans Condensed',\n        fontWeigth: 'bold',\n        letterSpacing: '1.25px',\n        fontSize: '14px',\n        lineHeight: '16px',\n        textAlign: 'left',\n    },\n    \n});\n\nexport default function Hook(props) {\n    const classes = useStyles();\n    return <div className={classes.root}>\n        <div>\n            <div className=\"container\">\n                <div className=\"row\">\n                    <div className=\"col-4\">\n                        <h3 className=\"box-stl1\"><strong>{props.label}</strong></h3>\n                    </div>\n                    <div className=\"col-8\">\n                        <div className=\"texto-right\">\n                            <a href={props.invoice} target=\"_blank\" download style={{textDecoration:'none'}}>\n                                <h3 className=\"txt-descarga-stl\">\n                                    {props.label2}\n                                </h3>\n                            </a>\n                        </div>\n                    </div>   \n                </div>\n            </div>\n            \n        </div>\n    </div>;\n        \n}","import React from 'react';\nimport 'bootstrap/dist/css/bootstrap.css'\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport { withStyles } from '@material-ui/core/styles';\nimport InputBase from '@material-ui/core/InputBase';\n\nimport HeaderboxProduct from '../atoms/HeaderboxProduct'\n\nimport '../styles/headerProduct.css'\nimport '../../constants/Global.css'\n\n// function base64ToBlob(base64) {\n//     const binaryString = window.atob(base64);\n//     const len = binaryString.length;\n//     const bytes = new Uint8Array(len);\n//     for (let i = 0; i < len; ++i) {\n//         bytes[i] = binaryString.charCodeAt(i);\n//     }\n//     var blob = new Blob([bytes], { type: 'application/pdf' });\n//     var url = URL.createObjectURL(blob);\n//     return(url)\n// };\n\nexport default function ProductBox (props){\n    const status = props.state;\n    const image = props.image;\n    const invoice = props.invoice;\n    // var urlInvoice = base64ToBlob(invoice)\n    const renderBoxWarranty = () =>{\n        return(\n            <div>\n                <div className=\"EmptySpaceSmall2\"></div>\n                <div className=\"Box-yellow\">\n                    <h4 className=\"h4-stl-1-black\"><strong>PRODUCTO DENTRO<br/>DE GARANTÍA</strong></h4>\n                </div>\n            </div>\n            \n        );\n    }\n    const BootstrapInput = withStyles((theme) => ({\n        root: {\n            'label + &': {\n            marginTop: theme.spacing(3),\n            },\n        },\n        input: {\n            position: 'relative',\n            backgroundColor: '#0abf53',\n            border: '1px solid #ced4da',\n            fontSize: 13,\n            lineHeight:'119%',\n            textAlign: 'center',\n            padding: '10px 20px 10px 20px',\n            marginLeft:'1px',\n            transition: theme.transitions.create(['border-color', 'box-shadow']),\n            // Use the system font instead of the default Roboto font.      \n            fontFamily: [\n                'IBM Plex Sans Condensed',\n                'Roboto',\n                'Arial',\n                'sans-serif',\n            ].join(','),\n            '&:focus': {\n                borderRadius: 4,\n                borderColor: '#000000',\n                boxShadow: '0 0 0 0.2rem #FEBD18',\n            },\n        },\n    }))(InputBase);\n    const BootstrapInput2 = withStyles((theme) => ({\n        root: {\n            'label + &': {\n            marginTop: theme.spacing(3),\n            },\n        },\n        input: {\n            position: 'relative',\n            backgroundColor: '#ed1c24',\n            border: '1px solid #ced4da',\n            fontSize: 13,\n            lineHeight:'119%',\n            textAlign: 'center',\n            padding: '10px 20px 10px 20px',\n            marginLeft:'1px',\n            transition: theme.transitions.create(['border-color', 'box-shadow']),\n            // Use the system font instead of the default Roboto font.      \n            fontFamily: [\n                'IBM Plex Sans Condensed',\n                'Roboto',\n                'Arial',\n                'sans-serif',\n            ].join(','),\n            '&:focus': {\n                borderRadius: 4,\n                borderColor: '#000000',\n                boxShadow: '0 0 0 0.2rem #FEBD18',\n            },\n        },\n    }))(InputBase);\n    const renderMenuSelect = () =>{\n        return(\n        <div>\n            <FormControl >\n            <InputLabel id=\"demo-customized-select-label\"></InputLabel>\n                <Select\n                    labelId=\"demo-customized-select-label\"\n                    id=\"demo-customized-select\"\n                    value={props.warrantyStatus}\n                    onChange={props.handleChange}\n                    input={status == 'unchecked' ? <BootstrapInput/> : <BootstrapInput2/>  }\n                >\n                    <MenuItem value={'unchecked'} style={{background: '#0abf53'}}><strong>PRODUCTO DENTRO<br/>DE GARANTÍA</strong></MenuItem>\n                    <MenuItem value={'pending'} style={{background: '#ed1c24'}}><strong>PRODUCTO FUERA<br/> DE GARANTÍA</strong></MenuItem>\n                </Select>\n            </FormControl>\n        </div>\n        );\n    } \n    return(\n        <div className=\"row box-stl\">\n            <HeaderboxProduct \n            label = 'PRODUCTO'\n            label2 = 'Descargar factura'\n            invoice = {invoice}\n            />\n            <div>\n                <div className=\"EmptySpace-1\"> </div>\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className =\"col-12 col-md-5\">\n                            <div className=\"box-product\">\n                                <img src={image} alt=\"Product\" className=\"imgProduct\"></img>\n                            </div>\n                        </div>\n                        <div className = \"col-12 col-md-7 marg-pro1\">\n                            <h4 className=\"h4-stl2\"><strong>Categoría:</strong> {props.categories}</h4>\n                            <h4 className=\"h4-stl2\"><strong>Subcategoría:</strong> {props.subCategories}</h4>\n                            <h4 className=\"h4-stl2\"><strong>SKU:</strong> {props.product}</h4>\n                            <h4 className=\"h4-stl2\"><strong>Motivo de falla: </strong> {props.failureReason}</h4>\n                        </div>\n                    </div>\n                    {status === 'unchecked' && renderMenuSelect()}\n                    {status === 'pending' && renderMenuSelect()}\n                    {status === 'in repair' && renderBoxWarranty()} \n                    {status === 'repaired' && renderBoxWarranty()} \n                    {status === 'finished' && renderBoxWarranty()} \n                    <div className=\"row EmptySpace-2\">\n\n                    </div>\n                    \n                </div>\n            </div>\n            \n        </div>\n\n    );\n}","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport '../styles/productButton.css'\n\nexport default function ClientButtom(props) {\n\n    return <Button className=\"boton-Second\"\n        onClick = {props.action}\n        style = {{marginRight:'1em',background: '#FEBD18'}}\n        ><h3 className=\"h3-stl-button2\">{props.label}</h3>\n    </Button>;\n}","import React, {useState ,useEffect} from 'react';\nimport 'bootstrap/dist/css/bootstrap.css'\nimport HeaderboxProduct from '../atoms/HeaderboxProduct'\nimport SendButtom from '../atoms/SendButton'\n\nimport '../styles/headerProduct.css'\nimport '../../constants/Global.css'\nimport {DHLService} from '../../api/DewaltServices'\nimport Swal from 'sweetalert2'\n// function base64ToBlob(base64) {\n//     const binaryString = window.atob(base64);\n//     const len = binaryString.length;\n//     const bytes = new Uint8Array(len);\n//     for (let i = 0; i < len; ++i) {\n//         bytes[i] = binaryString.charCodeAt(i);\n//     }\n//     var blob = new Blob([bytes], { type: 'application/pdf' });\n//     var url = URL.createObjectURL(blob);\n//     return(url)\n// };\n\nexport default function ClientBox (props){\n    const [DHL, setDHL] = useState({result:{\n        url:''\n    }})\n    const stateCompra = props.state;\n\n    const alertWrongGet = ()=>{\n        Swal.fire({\n            icon: 'error',\n            title: 'Oops...',\n            text: 'Something went wrong with DHL!',\n        })\n    }\n    // useEffect(async()=>{\n    //         const dewaltDHL= await getDHL();\n    // }, [])\n    // const getDHL = async () =>{\n            \n    //     try{\n    //         const response = DHLService(props.DHL.ShipmentIdentificationNumber);  \n    //         const data = (await response).data;\n    //         setDHL(data)\n    //         return(data)\n    //     }catch(error){\n    //         console.log(\"error get dhl\")\n    //         console.log(error.response)\n    //         alertWrongGet() \n    //     }finally{\n    //     }   \n    // }\n    // console.log('dhl',DHL)\n\n    const renderBoxSendState= () =>{\n        const guide = props.base64.LabelImage[0].GraphicImage.url.publicPath;\n        // var urlGuide = base64ToBlob(guide)\n        \n        return(\n            \n            <div className=\"pad-client\">\n                \n                <h3 className=\"h3-stl-product\" style={{marginBottom:'20px'}}><strong>ESTADO DEL ENVÍO DE REGRESO</strong></h3>\n                <h3 className=\"h3-stl-product\">Numero de guía DHL: #{props.DHL.ShipmentIdentificationNumber}</h3>\n                <div className=\"EmptySpaceSmall3\"></div>\n                <a href={guide} target='_blank' download style={{textDecoration:'none'}}>\n                    <SendButtom\n                        label = 'DESCARGAR GUIA'\n                    />\n                </a>\n                    \n    \n                <div className=\"EmptySpaceSmall3\"></div>\n                <a href=\"https://www.dhl.com/mx-es/home.html\" target='_blank' download style={{textDecoration:'none'}}>\n                    <SendButtom\n                        label = 'CONSULTAR EL ESTADO DEL ENVÍO'\n                    />\n                </a>\n            </div>\n            \n        );\n    }\n    const renderBoxSendStateFinished= () =>{\n        return(\n            <div className=\"pad-client\">\n                <h3 className=\"h3-stl-product\" style={{marginBottom:'20px'}}><strong>ESTADO DEL ENVÍO DE REGRESO</strong></h3>\n                <h3 className=\"h3-stl-product\">Numero de guía DHL: #687621938</h3>\n            </div>\n            \n        );\n    }\n    var pickUpValidation = false;\n    var pickUpValidationEndBox = false;\n    if(stateCompra === 'repaired'){\n        if(props.TipeOfRequest === false){\n            pickUpValidation = true;\n        }else{\n            pickUpValidation = false;\n        }\n    }\n    if(stateCompra === 'no process'){\n        if(props.TipeOfRequest === false){\n            pickUpValidation = true;\n        }else{\n            pickUpValidation = false;\n        }\n    }\n    if(stateCompra == 'finished'){\n        if(props.TipeOfRequest == false){\n            pickUpValidationEndBox = true\n        }else{pickUpValidationEndBox = false}\n    }\n    var PlaceOrigin = ''\n    var PlaceReturn = ''\n    if(props.shippingPlaceOrigin === 'home'){\n        PlaceOrigin = 'Domicilio'\n    }\n    if(props.shippingPlaceOrigin === 'dhl'){\n        PlaceOrigin = 'Sucursal'\n    }\n    if(props.shippingPlaceOrigin === 'service center'){\n        PlaceOrigin = 'Centro de servicio'\n    }\n    if(props.shippingPlaceReturn === 'home'){\n        PlaceReturn = 'Domicilio'\n    }\n    if(props.shippingPlaceReturn === 'dhl'){\n        PlaceReturn = 'Sucursal'\n    }\n    if(props.shippingPlaceReturn === 'service center'){\n        PlaceReturn = 'Centro de servicio'\n    }\n    \n    return(\n        <div className=\"row box-stl\">\n            \n            <HeaderboxProduct \n            label = 'CLIENTE'\n            label2 = ''\n            />\n            \n            <div className=\"pad-client\">\n                <h3 className=\"h3-stl-product\" style={{marginBottom:'20px'}}><strong>INFORMACIÓN DEL CONTACTO</strong></h3>\n                <h3 className=\"h3-stl-product\">{props.clientName}</h3>\n                <h3 className=\"h3-stl-product\">{props.clientEmail}</h3>\n                <h3 className=\"h3-stl-product\">{props.clientPhone}</h3>\n            </div>\n            <div className=\"pad-client\">\n                <h3 className=\"h3-stl-product\" style={{marginBottom:'20px'}}><strong>DIRECCIÓN DE ENVÍO DE ORIGEN</strong></h3>\n                <h3 className=\"h3-stl-product\"><strong>{PlaceOrigin}</strong></h3>\n                <h3 className=\"h3-stl-product\">Dirección: {props.originShipment}</h3>\n                <h3 className=\"h3-stl-product\">{props.originCity}</h3>\n                <h3 className=\"h3-stl-product\">{props.originState}</h3>\n            </div>\n            <div className=\"pad-client\">\n                <h3 className=\"h3-stl-product\" style={{marginBottom:'20px'}}><strong>DIRECCIÓN DE ENVÍO DE REGRESO</strong></h3>\n                <h3 className=\"h3-stl-product\"><strong>{PlaceReturn}</strong></h3>\n                <h3 className=\"h3-stl-product\">Dirección: {props.returnShipment}</h3>\n                <h3 className=\"h3-stl-product\">{props.returnCity}</h3>\n                <h3 className=\"h3-stl-product\">{props.returnState}</h3>\n            </div>  \n                {/* {pickUpValidation === true && renderBoxSendState()} */}\n                {pickUpValidation === true && renderBoxSendState()}\n                {/* {pickUpValidationEndBox === true && renderBoxSendStateFinished()} */}\n                {pickUpValidationEndBox === true && renderBoxSendStateFinished()}\n\n\n        </div>\n\n    );\n}","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n        display: 'flex',\n        '& > * + *': {\n        marginLeft: theme.spacing(2),\n        },\n    },\n}));\n\nexport default function CircularIndeterminate() {\n    const classes = useStyles();\n    return (\n        <div className={classes.root}>\n        <CircularProgress />\n        </div>\n    );\n}","import React, { useState, useEffect } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport { Link, Redirect } from \"react-router-dom\";\nimport axios from \"axios\";\n\n// COMPONENTS\nimport ColumnOrdersProducts from \"../moleculas/ColumOrdersProducts\";\nimport ProductButtom from \"../atoms/ProductoButtom\";\nimport ProductBox from \"../moleculas/ProductBox\";\nimport ClientBox from \"../moleculas/ClientBox\";\nimport Loading from \"../atoms/Loading\";\nimport LoadingOver from \"../atoms/LoadingOver\";\nimport {\n  getDewaltServicesById,\n  dewaltServicesChangeStatus,\n  dewaltServicesVerifyWarranty,\n  dewaltServicesChangeStatusPending,\n  getDewaltProductById,\n  getDewaltSubCategoryById,\n  getDewaltCategoryById,\n} from \"../../api/DewaltServices\";\nimport Swal from \"sweetalert2\";\n// CSS\nimport \"../../constants/Global.css\";\n//IMGS\nimport Yarrow from \"../../Images/Yellowarrow.png\";\n\nconst ProductTemplateConstants = {\n  warning:\n    \"En el caso que el cliente quiera modificar algún dato, deberá comunicarse via:\",\n  mail: \"  Correo:\",\n  mailadress: \"support@dewalt.com.mx\",\n  phone: \"  Telefono:\",\n  phonenumber: \"018008472312\",\n};\n// const stateCompra = 'Nuevo'  //En revisión\nexport default function ProductTemplate(props) {\n  const [status, setStatus] = useState(\"new\");\n  const [openLogin, setOpenLogin] = useState(false);\n  const [productImage, setProductImage] = useState(\"\");\n  const [logged, setLogged] = useState(() => {\n    try {\n      const loggedIn = window.localStorage.getItem(\"loggedIn\");\n      return loggedIn;\n    } catch (e) {\n      return false;\n    }\n  });\n\n  const [stateDataProduct, setStateDataProduct] = useState({\n    result: {\n      id: \"\",\n      product: {\n        id: \"\",\n        category: \"\",\n        subcategory: \"\",\n        product_code: \"\",\n        image: {\n          url: {\n            publicPath: \"\",\n          },\n        },\n        url: \"\",\n      },\n      failure_reason: \"\",\n      invoice: {\n        url: {\n          publicPath: \"\",\n        },\n      },\n      user: [\n        {\n          name: \"\",\n          phone: \"\",\n        },\n      ],\n      origin_shipment: [\n        {\n          address: \"\",\n          state: \"\",\n          city: \"\",\n          shipment_request: {\n            ShipmentIdentificationNumber: \"1236110606\",\n          },\n          shipping_place: \"\",\n        },\n      ],\n      return_shipment: {\n        pickup: \"\",\n        address: \"\",\n        state: \"\",\n        city: \"\",\n        shipping_place: \"\",\n        shipment_request: {\n          LabelImage: [\n            {\n              GraphicImage: {\n                publicPath: \"\",\n              },\n            },\n          ],\n        },\n        shipping_place: \"\",\n      },\n      status: [\n        {\n          status: \"new\",\n          created_at: \"\",\n        },\n      ],\n      order: \"\",\n      ticket: [\n        {\n          id: \"\",\n        },\n      ],\n    },\n  });\n  const [product, setProduct] = useState({\n    result: {\n      category_id: \"\",\n      subcategory_id: \"\",\n      product_code: \"\",\n      images: \"\",\n    },\n  });\n  const [category, setCategory] = useState({\n    result: {\n      name: \"\",\n    },\n  });\n  const [subCategory, setSubCategory] = useState({\n    result: {\n      name: \"\",\n    },\n  });\n\n  var TipeOfRequest = false;\n  if (stateDataProduct.result.return_shipment.pickup) {\n    TipeOfRequest = stateDataProduct.result.return_shipment.pickup;\n  }\n\n  //Alerts\n  const alertWrongGet = () => {\n    Swal.fire({\n      icon: \"error\",\n      title: \"Oops...\",\n      text: \"Something went wrong with the status!\",\n    });\n  };\n  const alertWrongPut = () => {\n    Swal.fire({\n      icon: \"error\",\n      title: \"Oops...\",\n      text: \"Something went wrong in sent!\",\n    });\n  };\n  const alertWrongPut2 = (message) => {\n    Swal.fire({\n      icon: \"error\",\n      title: \"Oops...\",\n      text: `${message}`,\n    });\n  };\n  // LLAMADAS A LAS APIS\n\n  useEffect(async () => {\n    const dewaltService = await getDataProducts();\n    // await getDataProducts();\n    // console.log('use',stateDataProduct)\n\n    const idProduct = dewaltService.result.product.id;\n\n    if (idProduct) {\n      // const productArray = await getProductById(idProduct)\n      // setProduct(productArray)\n      const categoryId = dewaltService.result.product.category;\n      const subcategoryId = dewaltService.result.product.subcategory;\n\n      if (categoryId) {\n        const categoryArray = await getCategoryById(categoryId);\n        setCategory(categoryArray);\n      } else {\n        console.log(\"no se pudo obtener la categoria\");\n      }\n      if (subcategoryId) {\n        const subcategoryArray = await getSubCategoryById(subcategoryId);\n        setSubCategory(subcategoryArray);\n      } else {\n        console.log(\"no se pudo obtener la subcategoria\");\n      }\n      if (stateDataProduct.result.product.url) {\n        setProductImage(stateDataProduct.result.product.url);\n      } else if (stateDataProduct.result.product.image.url.publicPath) {\n        setProductImage(stateDataProduct.result.product.image.url.publicPath);\n      } else {\n        setProductImage(\"\");\n      }\n    } else {\n      console.log(\"no se pudo obtener el id del producto\");\n    }\n  }, []);\n\n  // useEffect(\n  //     () => {\n  //         async function GetAlls() {\n  //             await getDataProducts()\n  //             // const get2 = getProductById()\n  //             // const get3 =await getCategoryById()\n  //             // const get =await getSubCategoryById()\n  //         }\n  //         GetAlls();\n\n  // }, [])\n\n  const getDataProducts = async () => {\n    setOpenLogin(!openLogin);\n    try {\n      const response = getDewaltServicesById(props.orderId);\n      const data = (await response).data;\n      setStateDataProduct(data);\n\n      return data;\n    } catch (error) {\n      console.log(\"error get data order\");\n      console.log(error.response);\n      alertWrongGet();\n    } finally {\n      setOpenLogin(false);\n    }\n  };\n  const changeStatusOrder = async () => {\n    setOpenLogin(!openLogin);\n    try {\n      await dewaltServicesChangeStatus(props.orderId);\n      await getDataProducts();\n    } catch (error) {\n      console.log(\"error while changin status order\");\n      alertWrongPut2(\"Error al cambiar el estado de la orden\");\n      console.log(error.response);\n    } finally {\n      setOpenLogin(false);\n    }\n  };\n\n  const changeStatusOrderPending = async () => {\n    setOpenLogin(!openLogin);\n    try {\n      await dewaltServicesChangeStatusPending(props.orderId);\n      await getDataProducts();\n    } catch (error) {\n      console.log(\"error while changin status order\");\n      alertWrongPut();\n      console.log(error.response);\n    } finally {\n      setOpenLogin(false);\n    }\n  };\n\n  const verifyWarrantyPut = async (warranty, paid) => {\n    setOpenLogin(!openLogin);\n    try {\n      // const changeWarranty = await dewaltServicesVerifyWarranty(props.orderId)\n      await dewaltServicesVerifyWarranty(warranty, paid, props.orderId);\n      await getDataProducts();\n    } catch (error) {\n      console.log(\"error while changin Warranty status order\");\n      alertWrongPut();\n      console.log(error);\n    } finally {\n      setOpenLogin(false);\n    }\n  };\n\n  // const getProductById = async (ProductId) =>{\n  //     setLoading(true)\n  //     try{\n  //         const response = getDewaltProductById(ProductId);\n  //         const data = (await response).data;\n  //         // setProduct(data)\n  //         return(data)\n  //     }catch(error){\n  //         console.log(\"error get data product order\")\n  //         console.log(error.response)\n  //         alertWrongGet()\n  //     }finally{\n  //         setLoading(false)\n  //     }\n  // }\n\n  const getCategoryById = async (category_id) => {\n    setOpenLogin(!openLogin);\n    try {\n      const response = getDewaltCategoryById(category_id);\n      const data = (await response).data;\n      // setCategory(data)\n      return data;\n    } catch (error) {\n      console.log(\"error get data order\");\n      console.log(error.response);\n      alertWrongGet();\n    } finally {\n      setOpenLogin(false);\n    }\n  };\n\n  const getSubCategoryById = async (subcategory_id) => {\n    setOpenLogin(!openLogin);\n    try {\n      const response = getDewaltSubCategoryById(subcategory_id);\n      const data = (await response).data;\n      // setSubCategory(data)\n      return data;\n    } catch (error) {\n      console.log(\"error get data order\");\n      console.log(error.response);\n      alertWrongGet();\n    } finally {\n      setOpenLogin(false);\n    }\n  };\n\n  const userData = stateDataProduct.result.user;\n  const userOriginShipment = stateDataProduct.result.origin_shipment;\n  const userReturnShipment = stateDataProduct.result.return_shipment;\n\n  // const [has_warranty, setHas_warranty] = useState('false')\n\n  //Encontrar el estatus final de la persona\n  const arrayLength = stateDataProduct.result.status.length;\n  const statusItem = stateDataProduct.result.status[arrayLength - 1].status;\n\n  //Renders de botones\n  const renderBotonStateNew = () => {\n    return (\n      <div>\n        <ProductButtom\n          style={{ marginLeft: \"1em\", background: \"#FEBD18\" }}\n          label=\"PASAR A REVISIÓN\"\n          action={() => changeStatusOrder(props.orderId)}\n        />\n      </div>\n    );\n  };\n\n  const renderBotonStateNoVerified = () => {\n    return (\n      <div style={{ display: \"flex\", alignContent: \"rigth\" }}>\n        <ProductButtom\n          style={{ marginLeft: \"1em\", background: \"#0abf53\" }}\n          label=\"PRODUCTO DENTRO DE GARANTÍA\"\n          action={() => {\n            verifyWarrantyPut(true, false, props.orderId);\n          }}\n          // verifyWarrantyPut(props.orderId)\n        />\n        <ProductButtom\n          label=\"PRODUCTO FUERA DE GARANTÍA\"\n          style={{ marginLeft: \"1em\", background: \"#ed1c24\" }}\n          action={() => {\n            changeStatusOrderPending(props.orderId);\n          }}\n        />\n        {/* ()=>{verifyWarrantyPut(false,false,props.orderId)} */}\n      </div>\n    );\n  };\n\n  const renderBotonState3Garantia = () => {\n    return (\n      <div>\n        <ProductButtom\n          style={{ marginLeft: \"1em\", background: \"#FEBD18\" }}\n          label=\"PASAR A REPARACIÓN\"\n          action={() => changeStatusOrder(props.orderId)}\n        />\n      </div>\n    );\n  };\n\n  const renderBotonState3SinGarantia = () => {\n    return (\n      <div style={{ display: \"flex\", justifyContent: \"flex-end\" }}>\n        <ProductButtom\n          style={{ marginLeft: \"1em\", background: \"#FEBD18\" }}\n          label=\"ENTREGA SIN REPARACIÓN\"\n          action={() => {\n            verifyWarrantyPut(false, false, props.orderId);\n          }}\n        />\n        <ProductButtom\n          style={{ marginLeft: \"1em\", background: \"#FEBD18\" }}\n          label=\"PASAR A REPARACIÓN\"\n          action={() => {\n            verifyWarrantyPut(false, true, props.orderId);\n          }}\n        />\n      </div>\n    );\n  };\n\n  const renderBotonStateInRepair = () => {\n    return (\n      <div>\n        <ProductButtom\n          style={{ marginLeft: \"1em\", background: \"#FEBD18\" }}\n          label=\"PASAR A REPARADO\"\n          action={() => changeStatusOrder(props.orderId)}\n        />\n      </div>\n    );\n  };\n\n  const renderBotonStateRepaired = () => {\n    return (\n      <div>\n        <ProductButtom\n          style={{ marginLeft: \"1em\", background: \"#FEBD18\" }}\n          label=\"ENTREGADO\"\n          action={() => changeStatusOrder(props.orderId)}\n        />\n      </div>\n    );\n  };\n  const renderBotonStateDelivered = () => {\n    return <div></div>;\n  };\n  //Menu deslegable\n  const handleChangeSelect = (event) => {\n    setStatus(event.target.value);\n    if (statusItem == \"unchecked\") {\n      changeStatusOrderPending(props.orderId);\n    }\n    if (statusItem == \"pending\") {\n      verifyWarrantyPut(true, false, props.orderId);\n      // verifyWarrantyPut(true,false,props.orderId)\n    }\n  };\n  function renderWarranty(props) {\n    if (statusItem === \"unchecked\") {\n      return renderBotonState3Garantia();\n    }\n    if (statusItem === \"pending\") {\n      return renderBotonState3SinGarantia();\n    }\n  }\n\n  var statusLabel = \"\";\n  if (statusItem === \"new\") {\n    statusLabel = \"Nuevo\";\n  }\n  if (statusItem === \"not verified\") {\n    statusLabel = \"En revisión\";\n  }\n  if (statusItem === \"unchecked\") {\n    statusLabel = \"En revisión\";\n  }\n  if (statusItem === \"in repair\") {\n    statusLabel = \"En reparación\";\n  }\n  if (statusItem === \"repaired\") {\n    statusLabel = \"Reparado\";\n  }\n  if (statusItem === \"finished\") {\n    statusLabel = \"Entregado\";\n  }\n  if (statusItem === \"no process\") {\n    statusLabel = \"Entrega sin reparación\";\n  }\n  if (statusItem === \"pending\") {\n    statusLabel = \"En revisión\";\n  }\n  // if(stateDataProduct.result.product.url !=){\n  //     setProductImage(stateDataProduct.result.product.url)\n  // }\n  var imgURL = \"\";\n  if (stateDataProduct.result.product.image.url) {\n    imgURL = stateDataProduct.result.product.image.url.publicPath;\n  } else {\n    imgURL = stateDataProduct.result.product.url;\n  }\n\n  const MadeDate = () => {\n    const year =\n      stateDataProduct.result.status[stateDataProduct.result.status.length - 1]\n        .created_at;\n    const mounth = stateDataProduct.result.status[\n      stateDataProduct.result.status.length - 1\n    ].created_at.substr(5, 2);\n    const day = stateDataProduct.result.status[\n      stateDataProduct.result.status.length - 1\n    ].created_at.substr(8, 2);\n    const hour = stateDataProduct.result.status[\n      stateDataProduct.result.status.length - 1\n    ].created_at.substr(11, 2);\n    const minute = stateDataProduct.result.status[\n      stateDataProduct.result.status.length - 1\n    ].created_at.substr(13, 3);\n    var mounthString = \"\";\n    var hourString = \"\";\n    var zone = \"\";\n    if (mounth === \"01\") {\n      mounthString = \"Enero\";\n    }\n    if (mounth === \"02\") {\n      mounthString = \"Febrero\";\n    }\n    if (mounth === \"03\") {\n      mounthString = \"Marzo\";\n    }\n    if (mounth === \"04\") {\n      mounthString = \"Abril\";\n    }\n    if (mounth === \"05\") {\n      mounthString = \"Mayo\";\n    }\n    if (mounth === \"06\") {\n      mounthString = \"Junio\";\n    }\n    if (mounth === \"07\") {\n      mounthString = \"Julio\";\n    }\n    if (mounth === \"08\") {\n      mounthString = \"Agosto\";\n    }\n    if (mounth === \"09\") {\n      mounthString = \"Septiembre\";\n    }\n    if (mounth === \"10\") {\n      mounthString = \"Octubre\";\n    }\n    if (mounth === \"10\") {\n      mounthString = \"Noviembre\";\n    }\n    if (mounth === \"12\") {\n      mounthString = \"Diciembre\";\n    }\n    //hour\n    if (hour === \"01\") {\n      hourString = \"01\";\n      zone = \"am\";\n    }\n    if (hour === \"02\") {\n      hourString = \"02\";\n      zone = \"am\";\n    }\n    if (hour === \"03\") {\n      hourString = \"03\";\n      zone = \"am\";\n    }\n    if (hour === \"04\") {\n      hourString = \"04\";\n      zone = \"am\";\n    }\n    if (hour === \"05\") {\n      hourString = \"05\";\n      zone = \"am\";\n    }\n    if (hour === \"06\") {\n      hourString = \"06\";\n      zone = \"am\";\n    }\n    if (hour === \"07\") {\n      hourString = \"07\";\n      zone = \"am\";\n    }\n    if (hour === \"08\") {\n      hourString = \"08\";\n      zone = \"am\";\n    }\n    if (hour === \"09\") {\n      hourString = \"09\";\n      zone = \"am\";\n    }\n    if (hour === \"10\") {\n      hourString = \"10\";\n      zone = \"am\";\n    }\n    if (hour === \"11\") {\n      hourString = \"11\";\n      zone = \"am\";\n    }\n    if (hour === \"12\") {\n      hourString = \"12\";\n      zone = \"m\";\n    }\n    if (hour === \"13\") {\n      hourString = \"01\";\n      zone = \"pm\";\n    }\n    if (hour === \"14\") {\n      hourString = \"02\";\n      zone = \"pm\";\n    }\n    if (hour === \"15\") {\n      hourString = \"03\";\n      zone = \"pm\";\n    }\n    if (hour === \"16\") {\n      hourString = \"04\";\n      zone = \"pm\";\n    }\n    if (hour === \"17\") {\n      hourString = \"05\";\n      zone = \"pm\";\n    }\n    if (hour === \"18\") {\n      hourString = \"06\";\n      zone = \"pm\";\n    }\n    if (hour === \"19\") {\n      hourString = \"07\";\n      zone = \"pm\";\n    }\n    if (hour === \"20\") {\n      hourString = \"08\";\n      zone = \"pm\";\n    }\n    if (hour === \"21\") {\n      hourString = \"09\";\n      zone = \"pm\";\n    }\n    if (hour === \"22\") {\n      hourString = \"10\";\n      zone = \"pm\";\n    }\n    if (hour === \"23\") {\n      hourString = \"11\";\n      zone = \"pm\";\n    }\n    if (hour === \"24\") {\n      hourString = \"12\";\n      zone = \"m\";\n    }\n\n    const date =\n      mounthString + \" \" + day + \" a las \" + hourString + minute + zone;\n    return date;\n  };\n\n  {\n    !stateDataProduct && <Loading />;\n  }\n  {\n    !product && <Loading />;\n  }\n  {\n    !category && <Loading />;\n  }\n  {\n    !subCategory && <Loading />;\n  }\n  // const Base64 = stateDataProduct.result.return_shipment.shipment_steps.shipment_request.LabelImage[0].GraphicImage\n  return (\n    <div class=\"container-fluid\">\n      {logged == \"false\" && <Redirect to=\"/\"></Redirect>}\n      <div className=\"row\">\n        <div className=\"col-12 col-lg-2\">\n          <div>\n            <ColumnOrdersProducts link=\"/Orders/List\" />\n          </div>\n        </div>\n        <div className=\"col-12 col-lg-10\">\n          <div className=\"row\">\n            <div className=\"col-1\"></div>\n            <div className=\"col-12 col-md-4\">\n              <div style={{ display: \"flex\" }}>\n                <Link to=\"/Orders/List\">\n                  <img\n                    src={Yarrow}\n                    className=\"iconwidth ArrowButtonProduct\"\n                    alt=\"#\"\n                  ></img>\n                </Link>\n                <h3 className=\"h3-stl gris pad2\">\n                  # {stateDataProduct.result.order}\n                </h3>\n                <h4 className=\"h4-stl-bold mar1 bg-gris\">{statusLabel}</h4>\n                {/* se debe poner el estado que tiene */}\n              </div>\n              <h4 className=\"h4-stl-1\">\n                Ticket zendesk # {stateDataProduct.result.ticket.id}\n              </h4>\n              <h4 className=\"h4-stl-1\">{MadeDate()}</h4>\n            </div>\n            <div className=\"col-0 col-1\">\n              <div style={{ marginTop: \"2em\", marginLeft: \"2em\" }}></div>\n            </div>\n            <div\n              className=\"col-12 col-md-4\"\n              style={{ marginTop: \"3em\", textAlign: \"right\", padding: \"0\" }}\n            >\n              {statusItem === \"new\" && renderBotonStateNew()}\n              {/* estado en revision */}\n              {statusItem === \"not verified\" && renderBotonStateNoVerified()}\n              {statusItem === \"unchecked\" && renderWarranty(statusItem)}\n\n              {/* {stateCompra === 'En revisión ' && renderBotonState3Garantia()} */}\n              {statusItem === \"pending\" && renderWarranty(statusItem)}\n              {/* estado en reparacion*/}\n              {statusItem === \"in repair\" && renderBotonStateInRepair()}\n              {statusItem === \"repaired\" && renderBotonStateRepaired()}\n              {statusItem === \"finished\" && renderBotonStateDelivered()}\n              {statusItem === \"no process\" && renderBotonStateRepaired()}\n\n              <div className=\"EmptySpaceSmall\"></div>\n            </div>\n          </div>\n          <div className=\"row\">\n            <div className=\"col-1\"></div>\n            <div className=\"col-12 col-md-4\">\n              <ProductBox\n                state={statusItem}\n                handleChange={handleChangeSelect}\n                categories={category.result.name}\n                subCategories={subCategory.result.name}\n                warrantyStatus={statusItem}\n                failureReason={stateDataProduct.result.failure_reason}\n                product={stateDataProduct.result.product.product_code}\n                image={imgURL} //if else\n                // image = { stateDataProduct.result.product.image === {} ? stateDataProduct.result.product.url : stateDataProduct.result.product.image.url.publicPath}\n                invoice={stateDataProduct.result.invoice.url.publicPath}\n              />\n            </div>\n            <div className=\"col-0 col-1\"></div>\n            <div className=\"col-12 col-md-4\">\n              <ClientBox\n                state={statusItem}\n                clientName={userData.name}\n                clientEmail={userData.email}\n                clientPhone={userData.phone}\n                originShipment={userOriginShipment.address}\n                originCity={userOriginShipment.city}\n                originState={userOriginShipment.state}\n                returnShipment={userReturnShipment.address}\n                returnCity={userReturnShipment.city}\n                returnState={userReturnShipment.state}\n                base64={\n                  stateDataProduct.result.return_shipment.shipment_request\n                }\n                DHL={stateDataProduct.result.return_shipment.shipment_request}\n                TipeOfRequest={TipeOfRequest}\n                shippingPlaceOrigin={\n                  stateDataProduct.result.origin_shipment.shipping_place\n                }\n                shippingPlaceReturn={\n                  stateDataProduct.result.return_shipment.shipping_place\n                }\n              />\n            </div>\n          </div>\n          <div className=\"row\">\n            <div className=\"col-12 col-md-2\">\n              <div className=\"EmptySpaceSmall3\"></div>\n            </div>\n\n            <div className=\"col-12 col-md-8 my-5\" style={{ paddingTop: 20 }}>\n              <div className=\"changeClientDataWarning\">\n                <h3 className=\"h3-stl-product\" style={{ marginTop: \"20px\" }}>\n                  <span className=\"blankwarningLogo\">&#9888;</span>\n                  <strong>{ProductTemplateConstants.warning}</strong>\n                </h3>\n                <h3 className=\"h3-stl-product\">\n                  <span className=\"warningLogo\">&#9888;</span>\n                  <strong>{ProductTemplateConstants.mail}</strong>\n                  {ProductTemplateConstants.mailadress}\n                </h3>\n                <h3 className=\"h3-stl-product\" style={{ marginBottom: \"20px\" }}>\n                  <span className=\"blankwarningLogo\">&#9888;</span>\n                  <strong>{ProductTemplateConstants.phone}</strong>\n                  {ProductTemplateConstants.phonenumber}\n                </h3>\n              </div>\n            </div>\n            <div className=\"col-12 col-md-2\">\n              <div className=\"EmptySpaceSmall3\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <LoadingOver open={openLogin} />\n    </div>\n  );\n}\n","import React from 'react';\nimport 'bootstrap/dist/css/bootstrap.css'\n\n\n// COMPONENTS\nimport HeaderMain from '../Components/moleculas/HeaderMain'\nimport FooterLog from '../Components/moleculas/FooterLog'\nimport ProductTemplate from '../Components/template/ProductTemplate';\nimport { authState } from '../Components/moleculas/FormularioLog';\n// CSS\n\nimport '../constants/Global.css'\n\n\nfunction OrdenesPage(props){\n    const authServiceCenterName = localStorage.getItem('UserLogged');\n    return (\n        <div>\n            <HeaderMain \n            serviceCenter = {authServiceCenterName}/>\n            <ProductTemplate  orderId = {props.orderId}/>\n            <div className=\"img-footer\">\n                <FooterLog />\n            </div>\n        </div>\n    );\n}   \n\nexport default OrdenesPage;","import LoginPage from \"./Pages/Login\";\nimport OrdenesPage from \"./Pages/Ordenes\";\nimport OrdenesPageList from \"./Pages/Ordeneslist\";\nimport ProductPage from \"./Pages/ProductPage\";\nimport { BrowserRouter, Switch, Route } from \"react-router-dom\";\nimport { LoginServiceCenter } from \"./api/DewaltServices\";\n\nfunction App() {\n  return (\n    <BrowserRouter>\n      <Switch>\n        <Route exact path=\"/\" component={LoginPage} />\n        <Route exact path=\"/Orders\" component={OrdenesPage} />\n        <Route exact path=\"/Orders/List\" component={OrdenesPageList} />\n        {/* <Route exact path=\"/Orders/Product\" component={ProductPage} /> */}\n        <Route\n          exact\n          path=\"/Orders/Product/:id\"\n          render={(routerProps) => (\n            <ProductPage orderId={routerProps.match.params.id} />\n          )}\n        />\n      </Switch>\n    </BrowserRouter>\n    // <div>\n    //   <header>\n    //     <LoginPage />\n    //   </header>\n    // </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport AuthStateContext from './context/AuthContext';\n\nconst container = document.getElementById('app');\n\nReactDOM.render(<App />, container);"],"sourceRoot":""}