\r\n );\r\n}\r\n\r\nexport default ScrollableModalBody;","import React, {useEffect} from 'react';\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport Media from \"react-bootstrap/Media\";\r\nimport Image from \"react-bootstrap/Image\";\r\nimport Container from \"react-bootstrap/Container\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport Form from \"react-bootstrap/Form\";\r\nimport {FaMinusCircle, FaPlusCircle} from \"react-icons/fa\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\n\r\nimport {\r\n resetArticulo,\r\n selectArticulo,\r\n selectArticuloModificadores,\r\n selectCantidad,\r\n selectComentarios,\r\n selectEditIndex,\r\n selectPrecio,\r\n setCantidad,\r\n setComentarios,\r\n} from '../redux/articuloSlice';\r\nimport {addCarrito} from '../redux/carritoSlice';\r\nimport imageurl from \"../helper/imageurl\";\r\nimport Modificador from \"./Modificador\";\r\nimport './ArticuloModal.css';\r\nimport {selectSucursalMesa} from \"../redux/sucursalSlice\";\r\nimport ScrollableModalBody, {scrollModalBody} from \"./ScrollableModalBody\";\r\n\r\n\r\nfunction ArticuloModal() {\r\n const articulo = useSelector(selectArticulo);\r\n const cantidad = useSelector(selectCantidad);\r\n const comentarios = useSelector(selectComentarios);\r\n const precio = useSelector(selectPrecio);\r\n const mesa = useSelector(selectSucursalMesa);\r\n const editindex = useSelector(selectEditIndex);\r\n const dispatch = useDispatch();\r\n\r\n const updateCantidad = (value, acceptEmpty) => {\r\n if (value === \"\" && acceptEmpty) {\r\n dispatch(setCantidad(''));\r\n } else {\r\n const val = parseInt(value);\r\n dispatch(setCantidad(\r\n isNaN(val) || val < 1 ? 1 :\r\n val > 99 ? 99 :\r\n val));\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n scrollModalBody()\r\n }, []);\r\n\r\n const modificadores = articulo.modificador.map(\r\n (modificador, index) =>
\r\n );\r\n\r\n const articulomodificadores = useSelector(selectArticuloModificadores);\r\n\r\n const canSubmit =\r\n articulomodificadores.reduce((prev, item) => prev && item.valido, true) &&\r\n (cantidad !== '') &&\r\n (cantidad > 0);\r\n\r\n const cantidadClasses = ['articulo-modal__cantidad'];\r\n if (cantidad === '' || cantidad < 1 || isNaN(cantidad))\r\n cantidadClasses.push('articulo-modal__cantidad_invalid');\r\n\r\n const menosClasses = ['articulo-modal__cantidad-button'];\r\n if (cantidad === '' || cantidad <= 1 || isNaN(cantidad))\r\n menosClasses.push('articulo-modal__cantidad-button_disabled');\r\n\r\n const masClasses = ['articulo-modal__cantidad-button'];\r\n if (cantidad >= 99)\r\n masClasses.push('articulo-modal__cantidad-button_disabled');\r\n\r\n return (\r\n
dispatch(resetArticulo())}>\r\n \r\n {articulo.nombre} \r\n \r\n\r\n \r\n \r\n {articulo.imagen !== '' &&\r\n \r\n {articulo.descripcion}\r\n \r\n \r\n\r\n {!mesa &&\r\n \r\n Precio {parseFloat(precio) !== articulo.preciominimo ? 'base' : ''} {precio.toLocaleString('en', {minimumFractionDigits: 2})}\r\n
\r\n }\r\n\r\n {!articulo.desactivado &&\r\n \r\n }\r\n \r\n\r\n {mesa && !articulo.desactivado &&\r\n \r\n \r\n \r\n \r\n Cantidad: \r\n updateCantidad(cantidad - 1)}/>\r\n \r\n updateCantidad(cantidad + 1)}/>\r\n
\r\n \r\n \r\n {(precio * cantidad).toLocaleString('en', {minimumFractionDigits: 2})}\r\n
\r\n {canSubmit &&\r\n {\r\n dispatch(addCarrito({articulo, articulomodificadores, editindex}));\r\n dispatch(resetArticulo());\r\n }}>\r\n {editindex === -1 ? 'Agregar al carrito' : 'Guardar cambios'}\r\n \r\n }\r\n {!canSubmit &&\r\n Revise opciones \r\n }\r\n \r\n
\r\n \r\n\r\n \r\n }\r\n \r\n );\r\n}\r\n\r\n\r\nexport default ArticuloModal;","import axios from \"axios\";\r\nimport X2JS from 'node-x2js';\r\n\r\nimport config from \"../config\";\r\n\r\n\r\nexport function xmlPedidoLocal(carrito) {\r\n const request = {\r\n url: config.qrCode,\r\n sucursal: config.sucursal,\r\n pedidoLinea: carrito.map((item, index) => {\r\n const {articulo, articulomodificadores} = item;\r\n const linea = {\r\n articulo: articulo.articuloId,\r\n cantidad: articulo.cantidad,\r\n precio: articulo.precioIntegrado,\r\n };\r\n\r\n if (articulo.comentarios)\r\n linea.comentarios = articulo.comentarios;\r\n\r\n const modificador = articulomodificadores.reduce(\r\n (prev, modificador) => {\r\n modificador.item.filter(cur => cur.cantidad > 0).reduce(\r\n (prev, cur) => {\r\n for (let i = 0; i < cur.cantidad; ++i)\r\n prev.push(cur.itemId);\r\n return prev;\r\n }, prev\r\n );\r\n return prev;\r\n }, []\r\n );\r\n\r\n if (modificador.length > 0)\r\n linea.modificador = modificador;\r\n\r\n return linea;\r\n })\r\n };\r\n\r\n return new X2JS().json2xml_str(request);\r\n}\r\n\r\n\r\nfunction grabaPedidoLocal(carrito) {\r\n const request = `\r\n
\r\n ${xmlPedidoLocal(carrito)} \r\n \r\n `;\r\n\r\n return axios({\r\n method: 'POST',\r\n url: config.url,\r\n headers: {\r\n 'Content-Type': 'text/xml; charset=utf-8'\r\n },\r\n data: request\r\n });\r\n}\r\n\r\nexport default grabaPedidoLocal;","import React, {useEffect} from \"react\";\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport Table from \"react-bootstrap/Table\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport Container from \"react-bootstrap/Container\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport {AiOutlineDelete} from 'react-icons/ai';\r\nimport {FaMinusCircle, FaPlusCircle} from \"react-icons/fa\";\r\nimport {BsPencil} from 'react-icons/bs';\r\n\r\nimport {\r\n decrementCarritoItem,\r\n deleteCarritoItem,\r\n incrementCarritoItem,\r\n resetActivo,\r\n selectCarrito,\r\n selectTotal,\r\n setEnviando,\r\n setError,\r\n setGrabaResult\r\n} from '../redux/carritoSlice';\r\n\r\nimport \"./CarritoModal.css\";\r\nimport grabaPedidoLocal from \"../ws/grabaPedidoLocal\";\r\nimport {setItem} from \"../redux/articuloSlice\";\r\nimport ScrollableModalBody, {scrollModalBody} from \"./ScrollableModalBody\";\r\n\r\nfunction CarritoModal() {\r\n const dispatch = useDispatch();\r\n const carrito = useSelector(selectCarrito);\r\n const total = useSelector(selectTotal);\r\n\r\n useEffect(() => {\r\n scrollModalBody()\r\n }, []);\r\n\r\n const editCarritoItem = index => {\r\n dispatch(resetActivo());\r\n const item = carrito[index];\r\n dispatch(setItem({...item, index}));\r\n };\r\n\r\n return (\r\n
dispatch(resetActivo())}>\r\n \r\n Su orden \r\n \r\n\r\n \r\n \r\n \r\n {!carrito.length &&\r\n \r\n El carrito está vacío. \r\n \r\n }\r\n {carrito.map((item, index) => {\r\n const {cantidad, nombre, precioIntegrado, comentarios} = item.articulo;\r\n const precioUnitario = parseFloat(precioIntegrado);\r\n const precioTotal = precioUnitario * cantidad;\r\n\r\n return (\r\n \r\n \r\n dispatch(decrementCarritoItem(index))}/>\r\n {cantidad} \r\n dispatch(incrementCarritoItem(index))}/>\r\n \r\n \r\n {nombre}
\r\n {\r\n item.articulomodificadores.map((modificador, modificadorindex) =>\r\n modificador.item.filter(linea => linea.cantidad > 0).map((linea, lineaindex) =>\r\n \r\n {linea.cantidad > 1 ? `${linea.cantidad} ` : ''}\r\n {linea.nombre}\r\n
\r\n )\r\n )\r\n }\r\n {comentarios &&\r\n Comentarios: {comentarios}
\r\n }\r\n \r\n \r\n \r\n {precioTotal.toLocaleString('en', {minimumFractionDigits: 2})}\r\n
\r\n editCarritoItem(index)}/>\r\n dispatch(deleteCarritoItem(index))}/>\r\n \r\n
\r\n {precioUnitario.toLocaleString('en', {minimumFractionDigits: 2})}\r\n c/u\r\n }\r\n \r\n \r\n );\r\n }\r\n )}\r\n \r\n
\r\n \r\n\r\n \r\n {carrito.length > 0 &&\r\n \r\n \r\n \r\n Total: {total.toLocaleString('en', {minimumFractionDigits: 2})}\r\n
\r\n \r\n {\r\n dispatch(setEnviando());\r\n grabaPedidoLocal(carrito).then(\r\n (response) => {\r\n // console.log(response);\r\n dispatch(setGrabaResult(response.data));\r\n },\r\n (error) => {\r\n console.error(error);\r\n dispatch(setError(error));\r\n }\r\n );\r\n return null;\r\n }}>\r\n Enviar orden\r\n \r\n \r\n
\r\n \r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nexport default CarritoModal;","import axios from \"axios\";\r\n\r\nimport config from \"../config\";\r\n\r\n\r\nfunction pidePedidoStatus(pedido) {\r\n return axios({\r\n method: 'POST',\r\n url: config.url,\r\n headers: {\r\n 'Content-Type': 'text/xml; charset=utf-8'\r\n },\r\n data: `\r\n
\r\n ${pedido} \r\n `\r\n });\r\n}\r\n\r\nexport default pidePedidoStatus;","import React, {useEffect, useState} from 'react';\r\nimport Container from \"react-bootstrap/Container\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport Spinner from \"react-bootstrap/Spinner\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\n\r\nimport {\r\n resetEnviando,\r\n selectError,\r\n selectErrorText,\r\n selectGrabaResult,\r\n selectSuccess,\r\n setError,\r\n setErrorText,\r\n setSuccess\r\n} from \"../redux/carritoSlice\";\r\nimport pidePedidoStatus from '../ws/pidePedidoStatus';\r\nimport './Enviando.css';\r\nimport LogRocket from \"logrocket\";\r\n\r\nfunction Enviando() {\r\n const [startTimestamp] = useState(Date.now());\r\n const dispatch = useDispatch();\r\n const error = useSelector(selectError);\r\n const errortext = useSelector(selectErrorText);\r\n const grabaResult = useSelector(selectGrabaResult);\r\n const success = useSelector(selectSuccess);\r\n\r\n useEffect(() => {\r\n if (!error && !errortext && !success)\r\n console.log('Enviando pedido', Date())\r\n }, [error, errortext, success]);\r\n\r\n useEffect(() => {\r\n if (grabaResult && !error && !errortext && !success) {\r\n switch (grabaResult.status) {\r\n case 200:\r\n const id = grabaResult.pedido.id;\r\n const interval = setInterval(() => {\r\n pidePedidoStatus(id).then(\r\n (response) => {\r\n //console.log(response);\r\n const pedidoStatus = response.data.pedidoStatus;\r\n const {status, descripcion, pedido} = pedidoStatus;\r\n\r\n if (status === 2) {\r\n dispatch(setSuccess(true));\r\n console.log('OK Enviando pedido', Date(), pedido);\r\n LogRocket.track('Aceptado');\r\n }\r\n if (status === 3) {\r\n dispatch(setError(descripcion));\r\n console.log('ERR Enviando pedido', Date(), pedido);\r\n LogRocket.track('Rechazado');\r\n }\r\n\r\n if (status >= 2) {\r\n console.log('TIME Enviando pedido', (Date.now() - startTimestamp) / 1000, 'segundos');\r\n clearInterval(interval);\r\n }\r\n },\r\n (error) => {\r\n console.error(error);\r\n dispatch(setError(error));\r\n clearInterval(interval);\r\n }\r\n );\r\n }, 15000);\r\n break;\r\n case 510:\r\n dispatch(setErrorText('El horario de operación del restaurante concluyó.'));\r\n break;\r\n case 531:\r\n dispatch(setErrorText('Su código está desactivado o es inválido.'));\r\n break;\r\n default:\r\n dispatch(setError(`${grabaResult.status} ${grabaResult.message}`));\r\n break;\r\n }\r\n }\r\n }, [grabaResult, dispatch, error, errortext, success, startTimestamp]);\r\n\r\n if (success) {\r\n return (\r\n
\r\n Orden recibida \r\n \r\n Su orden se recibió con éxito.
\r\n Si tiene alguna duda consulte a su mesero.
\r\n \r\n \r\n dispatch(resetEnviando())}>\r\n Regresar\r\n \r\n \r\n \r\n );\r\n } else if (!error && !errortext) {\r\n return (\r\n
\r\n Estamos enviando su orden \r\n \r\n Por favor espere en esta pantalla hasta recibir confirmación.
\r\n Si tiene alguna duda consulte a su mesero.
\r\n \r\n |
\r\n \r\n \r\n \r\n );\r\n } else {\r\n console.error(error, errortext);\r\n return (\r\n
\r\n Hubo un problema con su orden \r\n \r\n {errortext && {errortext}
}\r\n Por favor consulte a su mesero.
\r\n \r\n \r\n dispatch(resetEnviando())}>\r\n Regresar\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Enviando;","import axios from \"axios\";\r\nimport config from \"../config\";\r\n\r\nfunction pideCatalogo() {\r\n return axios({\r\n method: 'POST',\r\n url: config.url,\r\n headers: {\r\n 'Content-Type': 'text/xml; charset=utf-8'\r\n },\r\n data: `\r\n
\r\n `\r\n });\r\n}\r\n\r\nexport default pideCatalogo;","import axios from \"axios\";\r\nimport config from \"../config\";\r\n\r\nfunction pideSucursalStatus() {\r\n return axios({\r\n method: 'POST',\r\n url: config.url,\r\n headers: {\r\n 'Content-Type': 'text/xml; charset=utf-8'\r\n },\r\n data: `\r\n
\r\n `\r\n });\r\n}\r\n\r\nexport default pideSucursalStatus;","import React, {useEffect, useState} from 'react';\r\nimport Container from \"react-bootstrap/Container\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Spinner from \"react-bootstrap/Spinner\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport LogRocket from 'logrocket';\r\nimport toPx from 'unit-to-px';\r\n\r\nimport Header from './Header'\r\nimport Divisiones from './Divisiones';\r\nimport Footer from './Footer'\r\nimport ArticuloModal from \"./ArticuloModal\";\r\nimport CarritoModal from \"./CarritoModal\";\r\nimport Enviando from './Enviando';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport {selectArticuloActivo} from '../redux/articuloSlice';\r\nimport {selectCatalogo, selectCollapse, selectDivision, setCatalogo} from '../redux/catalogoSlice';\r\nimport {selectCarritoActivo, selectCarritoEnviando} from '../redux/carritoSlice';\r\nimport pideCatalogo from \"../ws/pideCatalogo\";\r\n\r\nimport './Catalogo.css';\r\nimport pideSucursalStatus from \"../ws/pideSucursalStatus\";\r\nimport {selectSucursalActiva, setSucursal} from \"../redux/sucursalSlice\";\r\nimport config from \"../config\";\r\n\r\n\r\nfunction Catalogo() {\r\n const [scroll, setScroll] = useState(0);\r\n const [error, setError] = useState('');\r\n const catalogo = useSelector(selectCatalogo);\r\n const showCarrito = useSelector(selectCarritoActivo);\r\n const showPopup = useSelector(selectArticuloActivo);\r\n const showEnviando = useSelector(selectCarritoEnviando);\r\n const sucursalActiva = useSelector(selectSucursalActiva);\r\n\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n pideCatalogo()\r\n .then(\r\n (response) => {\r\n if (!window.cheffdomrelease)\r\n console.log('Catalogo', response.data);\r\n dispatch(setCatalogo(response.data));\r\n },\r\n (error) => {\r\n console.error(error);\r\n setError(error);\r\n }\r\n );\r\n\r\n pideSucursalStatus()\r\n .then(\r\n (response) => {\r\n const sucursalStatus = response.data.sucursalStatus;\r\n\r\n if (!window.cheffdomrelease)\r\n console.log('Sucursal', response.data);\r\n\r\n if (sucursalStatus) {\r\n console.log(`${sucursalStatus.nombre_dominio} - ${sucursalStatus.nombre_sucursal}`);\r\n if (sucursalStatus.mesa)\r\n console.log(`Mesa ${sucursalStatus.mesa}`);\r\n }\r\n\r\n if (sucursalStatus && config.qrCode.split('/')[4].search('-') !== -1)\r\n sucursalStatus.activa = 1;\r\n\r\n if (window.cheffdomrelease) {\r\n LogRocket.track(\r\n (sucursalStatus && sucursalStatus.mesa) ?\r\n `Mesa ${sucursalStatus.mesa}` :\r\n 'Sin mesa'\r\n );\r\n\r\n if (sucursalStatus) {\r\n const name = sucursalStatus.mesa ? `mesa-${sucursalStatus.mesa}` : 'sin-mesa';\r\n LogRocket.identify(\r\n `${sucursalStatus.dominio}-${sucursalStatus.sucursal}-${sucursalStatus.menu}-${sucursalStatus.mesa}`,\r\n {\r\n name: `${sucursalStatus.nombre_dominio} - ${sucursalStatus.nombre_sucursal}`,\r\n email: `${name}@${sucursalStatus.dominio}`\r\n }\r\n )\r\n }\r\n }\r\n\r\n dispatch(setSucursal(response.data.sucursalStatus));\r\n },\r\n (error) => {\r\n console.error(error);\r\n setError(error);\r\n }\r\n );\r\n\r\n window.addEventListener('scroll', (event) => {\r\n const newScroll = window.scrollY;\r\n setScroll(newScroll);\r\n })\r\n }, [dispatch]);\r\n\r\n const divisionActiva = useSelector(selectDivision);\r\n const collapse = useSelector(selectCollapse);\r\n\r\n useEffect(() => {\r\n if (divisionActiva) {\r\n const division = document.querySelector('#' + divisionActiva);\r\n const catalogo_main = document.querySelector('.catalogo__main');\r\n const padding_main = toPx(window.getComputedStyle(catalogo_main)\r\n .getPropertyValue('padding-top'));\r\n const division_margin = toPx(window.getComputedStyle(division)\r\n .getPropertyValue('margin-top'));\r\n\r\n if (padding_main !== division.offsetTop - division_margin) {\r\n const header_short__height = document.querySelector('.header').clientHeight;\r\n window.scrollTo({top: division.offsetTop - header_short__height, behavior: \"smooth\"});\r\n }\r\n }\r\n }, [divisionActiva, collapse]);\r\n\r\n\r\n let errormessage = '';\r\n if (error)\r\n errormessage = 'Por el momento no podemos atender su solicitud.';\r\n else if (catalogo.message && catalogo.message !== 'OK')\r\n if (catalogo.message === 'codigo_desactivado')\r\n errormessage = 'El código que utilizó ya expiró.';\r\n else if (catalogo.message === 'codigo_noexiste')\r\n errormessage = 'El código que utilizó es inválido.';\r\n else\r\n errormessage = 'Hay un problema con el código que utilizó.';\r\n else if (sucursalActiva === 0)\r\n errormessage = 'Por el momento el restaurante no está recibiendo pedidos en linea.';\r\n\r\n if (errormessage)\r\n console.error(errormessage);\r\n\r\n if (showEnviando) {\r\n return
;\r\n } else if (errormessage) {\r\n return (\r\n
\r\n \r\n {errormessage}
\r\n Por favor consulte a su mesero.
\r\n \r\n \r\n );\r\n } else if (!catalogo.message) {\r\n return (\r\n
\r\n |
\r\n \r\n );\r\n } else {\r\n return (\r\n
\r\n
\r\n \r\n {/*\r\n \r\n \r\n {showPopup && \r\n );\r\n }\r\n}\r\n\r\nexport default Catalogo;\r\n","import React from 'react';\r\nimport Catalogo from './components/Catalogo';\r\nimport config, {initialize} from \"./config\";\r\nimport './App.css';\r\n\r\nconst DEFAULTREDIRECT = 'https://elcheff.com.mx';\r\n\r\n/**\r\n * @return {null}\r\n */\r\nfunction App() {\r\n if (initialize()) {\r\n const link = document.createElement('link');\r\n link.rel = 'stylesheet';\r\n link.type = 'text/css';\r\n link.href = `${config.imageserver}/${config.domain}/${config.domain}-p.css`;\r\n document.getElementsByTagName('head')[0].appendChild(link);\r\n\r\n return (\r\n
\r\n );\r\n } else {\r\n window.location.href = DEFAULTREDIRECT;\r\n return null;\r\n }\r\n}\r\n\r\nexport default App;\r\n","import {configureStore, getDefaultMiddleware} from '@reduxjs/toolkit';\r\nimport articuloReducer from './articuloSlice';\r\nimport catalogoReducer from './catalogoSlice';\r\nimport carritoReducer, {CARRITOKEY, persistCarrito} from './carritoSlice';\r\nimport sucursalReducer from './sucursalSlice';\r\nimport LogRocket from 'logrocket';\r\n\r\nconst middleware = getDefaultMiddleware();\r\nif (window.cheffdomrelease)\r\n middleware.push(LogRocket.reduxMiddleware());\r\nmiddleware.push(persistCarrito);\r\n\r\nconst store = configureStore({\r\n reducer: {\r\n articulo: articuloReducer,\r\n catalogo: catalogoReducer,\r\n carrito: carritoReducer,\r\n sucursal: sucursalReducer\r\n },\r\n middleware\r\n});\r\n\r\nwindow.addEventListener('storage', (event) => {\r\n if ((event.key === CARRITOKEY) && !document.hasFocus() && (event.newValue !== JSON.stringify(store.getState().carrito))) {\r\n const payload = JSON.parse(event.newValue);\r\n store.dispatch({'type': 'carrito/overwriteCarrito', 'payload': payload});\r\n }\r\n});\r\n\r\n\r\nexport default store;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport LogRocket from 'logrocket';\r\nimport {Provider} from 'react-redux';\r\n\r\nimport App from './App';\r\nimport store from './redux/store';\r\nimport './index.css';\r\n\r\nif (window.cheffdomrelease) {\r\n LogRocket.init(window.cheffdomlogrocket ? window.cheffdomlogrocket : 'xslgsi/cheffdom');\r\n LogRocket.getSessionURL(sessionURL => {\r\n console.log(sessionURL);\r\n });\r\n LogRocket.track(window.location.host);\r\n}\r\n\r\nconsole.log(`Screen: ${window.screen.width}x${window.screen.height}`);\r\n\r\n\r\nReactDOM.render(\r\n
\r\n \r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}