{"version":3,"sources":["Header.jsx","services/Restcall.js","Componens/ShopPin.jsx","Componens/Shop.jsx","Componens/InOut.jsx","Componens/Pin.jsx","Componens/Employee.jsx","Componens/EmployeeList.jsx","Body.jsx","App.js","reportWebVitals.js","index.js"],"names":["Header","className","Component","HTTPMethod","Object","freeze","GET","POST","DELETE","a","sendHTTP","location","path","method","employee","pin","payLoad","FormData","append","shop","data","Axios","get","response","post","headers","exportObject","initSocket","defaults","baseURL","baseUrl","shopRetrieveEP","employeeRetrieveEP","doClock","openShop","ShopPin","props","state","length","setState","message","isWaiting","Restcall","then","console","log","content","takeShop","handleSubmit","e","preventDefault","updateField","target","name","value","this","onSubmit","autoFocus","type","placeholder","onChange","disabled","Shop","openPin","isOpenPin","getShop","onClick","InOut","handleGetMethodIn","getMethod","handleGetMethodOut","goBack","goBackToShop","current_shop","LoadingIndicator2","usePromiseTracker","promiseInProgress","style","width","height","display","justifyContent","alignItems","color","Pin","trackPromise","goBackToInOut","changeWorkingStatus","pattern","inputmode","Employee","closePopup","handleClock","changeActive","prevProps","activeEmp","LoadingIndicator","EmployeeList","key","getTheEmployeeList","employee_list","active_emp_list","method_status","i","is_working","push","in_employee_list","employee_array","keys","forEach","map","Body","in_or_out","retrieveShopList","shop_list","m","shop_name","retrieveEmplyeeList","id","shop_array","App","element","exact","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.f6ac1773.chunk.js","sourcesContent":["import React, {Component} from 'react';\r\n\r\nclass Header extends Component {\r\n\r\n\r\n\r\n    render() {\r\n        return (\r\n            <div className='full-width neartop nearbottom closeside'>\r\n                <div className='heavy red font-huge'>\r\n                    <div> BMC Pho TimeClock</div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Header","import Axios from \"axios\";\r\nimport { baseUrl} from \"../Config.json\";\r\n\r\nconst HTTPMethod = Object.freeze({\r\n    GET: \"GET\",\r\n    POST: \"POST\",\r\n    DELETE: \"DELETE\"\r\n  });\r\n\r\nfunction initSocket() {\r\n    Axios.defaults.baseURL = baseUrl;\r\n}\r\n\r\nasync function shopRetrieveEP() {\r\n    let path = 'exec?content=shop'\r\n    return await sendHTTP(HTTPMethod.GET, path);\r\n};\r\n\r\nasync function employeeRetrieveEP(location) {\r\n  let path = 'exec?content=employee'\r\n  path += '&shop=' + location\r\n  return await sendHTTP(HTTPMethod.GET, path);\r\n}\r\n\r\nasync function doClock(method, employee, pin) {\r\n  let path = 'exec'\r\n  const payLoad = new FormData();\r\n  payLoad.append('content', 'doclock')\r\n  payLoad.append('id', employee['id'])\r\n  payLoad.append('first_name', employee['first_name'])\r\n  payLoad.append('last_name', employee['last_name'])\r\n  payLoad.append('shop', employee['shop'])\r\n  payLoad.append('method', method)\r\n  payLoad.append('pin', pin)\r\n  return await sendHTTP(HTTPMethod.POST, path, payLoad);\r\n}\r\n\r\nasync function openShop(shop, pin) {\r\n  let path = 'exec'\r\n  const payLoad = new FormData();\r\n  payLoad.append('content', 'openshop')\r\n  payLoad.append('shop', shop)\r\n  payLoad.append('pin', pin)\r\n  return await sendHTTP(HTTPMethod.POST, path, payLoad);\r\n}\r\n\r\nasync function sendHTTP(method, path, data) {\r\n    let response;\r\n  \r\n    switch (method) {\r\n      case HTTPMethod.GET:\r\n        response = await Axios.get(path);\r\n        break;\r\n      case HTTPMethod.POST:\r\n        response = await Axios.post(path, data, {headers: {\r\n          'Content-type': 'multipart/form-data'\r\n        }});\r\n        break;\r\n      case HTTPMethod.DELETE:\r\n        break;\r\n      default:\r\n      // Should never reach here\r\n\r\n    }\r\n    return await response;\r\n}\r\n\r\nlet exportObject = {initSocket, shopRetrieveEP, employeeRetrieveEP, doClock, openShop};\r\n\r\nexport default exportObject\r\n\r\n","import React, {Component} from 'react';\r\nimport Restcall from '../services/Restcall'\r\nimport { trackPromise } from 'react-promise-tracker'\r\n\r\nclass ShopPin extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            pin: '',\r\n            message:'',\r\n            isWaiting: false\r\n        }\r\n    }\r\n\r\n    openShop = () => {\r\n        const {shop} = this.props\r\n        const {pin} = this.state\r\n        if (pin.length !== 8) {\r\n            this.setState({message: 'Wrong PassCode', pin: ''})\r\n        }\r\n        else {\r\n            this.setState({isWaiting: true})\r\n            Restcall.openShop(shop['shop_name'], pin).then(response => response.data)\r\n            .then((data) => {\r\n                console.log(data)\r\n                if (data.content === 'OK') {\r\n                    const {takeShop} = this.props\r\n                    takeShop(shop['shop_name'])\r\n                }\r\n                else {\r\n                    this.setState({message: data.content, pin: '', isWaiting: false})\r\n                }\r\n               })\r\n        }\r\n\r\n    }\r\n\r\n\r\n    handleSubmit = e => {\r\n        e.preventDefault();\r\n        this.openShop()\r\n    }\r\n\r\n\r\n    updateField = ({ target }) => {\r\n        const { name, value } = target\r\n        this.setState({[name]: value, message: ''})\r\n    }\r\n\r\n\r\n    render() {\r\n\r\n        const {message, isWaiting} = this.state\r\n        \r\n        return (\r\n            <div>\r\n                {message !== '' && (\r\n                    <div className='error-title heavy'>\r\n                        {message}\r\n                    </div>\r\n                )}\r\n                <form className='full-width farside ' onSubmit={this.handleSubmit}>\r\n                <input autoFocus\r\n                        className=\"f-input small font-big\"\r\n                        type=\"password\"\r\n                        name=\"pin\"\r\n                        placeholder=\"PassCode...\" \r\n                        value={this.state.pin}\r\n                        onChange={this.updateField}\r\n                    ></input>\r\n                <button className='farside font-big' disabled={isWaiting}> ENTER</button>\r\n                </form>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\n\r\nexport default ShopPin","import React, {Component} from 'react';\r\nimport ShopPin from './ShopPin'\r\n\r\nclass Shop extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            isOpenPin: false\r\n        }\r\n    }\r\n\r\n    openPin = e => {\r\n        e.preventDefault();\r\n        this.setState({isOpenPin: !this.state.isOpenPin})\r\n    }\r\n\r\n    takeShop = (shop) => {\r\n        const {getShop} = this.props\r\n        getShop(shop)\r\n    }\r\n\r\n\r\n\r\n    render() {\r\n\r\n        const {shop} = this.props\r\n\r\n\r\n        return(\r\n            <div>\r\n                {!this.state.isOpenPin && (\r\n                    <div className='content-box div-onClick ' onClick={this.openPin}>\r\n                        <div className='text-center blue heavier fartop font-big '>\r\n                            {shop['shop_name']}\r\n                        </div>\r\n                    </div>\r\n                )}\r\n                {this.state.isOpenPin && (\r\n                    <div>\r\n                        <div className='content-box div-onClick' onClick={this.openPin}>\r\n                            <div className='text-center blue heavier fartop font-big '>\r\n                                {shop['shop_name']}\r\n                            </div>\r\n                        </div>\r\n                        <ShopPin shop={shop} takeShop={this.takeShop} />\r\n                    </div>\r\n                )}\r\n            </div>  \r\n        );\r\n        \r\n\r\n    }\r\n\r\n}\r\n\r\nexport default Shop","import React, {Component} from 'react';\r\n\r\n\r\nclass InOut extends Component {\r\n\r\n\r\n    handleGetMethodIn = e => {\r\n        e.preventDefault();\r\n        const {getMethod} = this.props\r\n        getMethod('IN')\r\n    }\r\n\r\n    handleGetMethodOut = e => {\r\n        e.preventDefault();\r\n        const {getMethod} = this.props\r\n        getMethod('OUT')\r\n    }\r\n\r\n    goBack = (e) => {\r\n        e.preventDefault();\r\n        const {goBackToShop} = this.props\r\n        goBackToShop()\r\n    }\r\n\r\n    componentDidMount() {\r\n    }\r\n\r\n\r\n    render() {\r\n\r\n        const {current_shop} = this.props\r\n\r\n        return (\r\n            <div >\r\n                <div className='cookingbook-title font-big'>\r\n                    <p className='cookingbook-title'>{current_shop}</p>\r\n                </div>\r\n                <div className='content-box div-onClick' onClick={this.handleGetMethodIn}>\r\n                    <div className='text-center green font-huge heavier'>\r\n                        <p className='neartop'>IN</p>\r\n                    </div>\r\n                </div>\r\n                <div className='content-box div-onClick ' onClick={this.handleGetMethodOut}>\r\n                    <div className='text-center red font-huge heavier'>\r\n                        <p className='neartop'>OUT</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        );\r\n    }\r\n}\r\n\r\n\r\nexport default InOut","import React, {Component} from 'react';\r\nimport Restcall from '../services/Restcall'\r\nimport { trackPromise } from 'react-promise-tracker'\r\nimport { usePromiseTracker } from \"react-promise-tracker\";\r\nimport Loader from 'react-loader-spinner';\r\n\r\nconst LoadingIndicator2 = props => {\r\n    const { promiseInProgress } = usePromiseTracker();\r\n       return (\r\n        promiseInProgress &&\r\n        <div\r\n        style={{\r\n          width: \"100%\",\r\n          height: \"70\",\r\n          display: \"flex\",\r\n          justifyContent: \"center\",\r\n          alignItems: \"center\"\r\n        }}\r\n      >\r\n        <Loader type=\"ThreeDots\" color=\"#2BAD60\" height=\"70\" width=\"100\" />\r\n      </div>\r\n      );  \r\n   }\r\n\r\nclass Pin extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            pin: '',\r\n            message:'',\r\n            isWaiting: false\r\n        }\r\n    }\r\n\r\n    doClock = (method, employee) => {\r\n        const {pin} = this.state\r\n        if (pin.length < 1 || pin.length > 8) {\r\n            this.setState({message: 'Wrong PIN', pin: ''})\r\n        }\r\n        else {\r\n            this.setState({isWaiting: true})\r\n            trackPromise(\r\n            Restcall.doClock(method, employee, pin, 10).then(response => response.data)\r\n            .then((data) => {\r\n                console.log(data)\r\n                if (data.content === 'OK') {\r\n                    const {goBackToInOut, changeWorkingStatus} = this.props\r\n                    console.log(employee['id'])\r\n                    changeWorkingStatus(employee['id'])\r\n                    goBackToInOut()\r\n                }\r\n                else {\r\n                    this.setState({message: data.content, pin: '', isWaiting: false})\r\n                }\r\n               })\r\n            )\r\n        }\r\n\r\n    }\r\n\r\n    handleSubmit = e => {\r\n        e.preventDefault();\r\n        const {employee, method} = this.props\r\n        this.doClock(method, employee)\r\n    }\r\n\r\n\r\n    updateField = ({ target }) => {\r\n        const { name, value } = target\r\n        this.setState({[name]: value, message: ''})\r\n    }\r\n\r\n\r\n    render() {\r\n\r\n        const {message, isWaiting} = this.state\r\n        \r\n        return (\r\n            <div>\r\n                {message !== '' && (\r\n                    <div className='error-title heavy'>\r\n                        {message}\r\n                    </div>\r\n                )}\r\n                {!isWaiting && (\r\n                    <form className='full-width farside neartop nearbottom' onSubmit={this.handleSubmit}>\r\n                        <input autoFocus\r\n                                className=\"f-input font-big\"\r\n                                type=\"password\"\r\n                                pattern=\"[0-9]*\" \r\n                                inputmode=\"numeric\"\r\n                                name=\"pin\"\r\n                                placeholder=\"PIN...\" \r\n                                value={this.state.pin}\r\n                                onChange={this.updateField}\r\n                        ></input>\r\n                        <button className='farside font-big' disabled={isWaiting}> ENTER</button>\r\n                    </form>\r\n                )}\r\n                {isWaiting && <LoadingIndicator2/>}\r\n\r\n\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\n\r\nexport default Pin","import React, {Component} from 'react';\r\nimport Pin from './Pin'\r\n\r\nclass Employee extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            openPin: false\r\n        }\r\n    }\r\n\r\n    closePopup = () => {\r\n        this.setState({openPin: false})\r\n    }\r\n\r\n\r\n    handleClock = e =>{\r\n        e.preventDefault();\r\n        const {employee, changeActive} =  this.props\r\n        changeActive(employee['id'])\r\n        this.setState({openPin: !this.state.openPin})\r\n    }\r\n\r\n    componentDidUpdate (prevProps) {\r\n        const {employee} =  this.props\r\n        if(this.props.activeEmp !== prevProps.activeEmp) {\r\n            if (employee['id'] !== this.props.activeEmp) {\r\n                this.closePopup()\r\n            }\r\n        }\r\n    } \r\n\r\n\r\n    render () {\r\n\r\n        const {employee, method, goBackToInOut, changeWorkingStatus} = this.props\r\n\r\n        return (\r\n            <div>\r\n                {!this.state.openPin && (\r\n                    <div className='ingredient-label' onClick={this.handleClock}>\r\n                        <div >\r\n                            {employee['first_name']} {employee['last_name']}\r\n                        </div>\r\n                    </div>\r\n                )}\r\n                {this.state.openPin && (\r\n                    <div>\r\n                        <div className='ingredient-label-select' onClick={this.handleClock}>\r\n                            <div >\r\n                                {employee['first_name']} {employee['last_name']}\r\n                            </div>\r\n                        </div>\r\n                        <Pin employee={employee} method={method} goBackToInOut={goBackToInOut} changeWorkingStatus={changeWorkingStatus}/>\r\n                    </div>\r\n                )}\r\n\r\n            </div>\r\n\r\n\r\n        );\r\n    }\r\n\r\n\r\n}\r\n\r\n\r\nexport default Employee","import React, {Component} from 'react';\r\nimport Restcall from '../services/Restcall'\r\nimport { trackPromise } from 'react-promise-tracker'\r\n\r\n\r\nimport Employee from './Employee'\r\nimport { usePromiseTracker } from \"react-promise-tracker\";\r\nimport Loader from 'react-loader-spinner';\r\n\r\nconst LoadingIndicator = props => {\r\n    const { promiseInProgress } = usePromiseTracker();\r\n       return (\r\n        promiseInProgress &&\r\n        <div\r\n        style={{\r\n          width: \"100%\",\r\n          height: \"100\",\r\n          display: \"flex\",\r\n          justifyContent: \"center\",\r\n          alignItems: \"center\"\r\n        }}\r\n      >\r\n        <Loader type=\"ThreeDots\" color=\"#2BAD60\" height=\"300\" width=\"300\" />\r\n      </div>\r\n      );  \r\n   }\r\n\r\n\r\nclass EmployeeList extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            in_employee_list: [],\r\n            activeEmp: 0\r\n        }\r\n    }\r\n\r\n    goBack = e => {\r\n        e.preventDefault();\r\n        const {goBackToInOut} = this.props\r\n        goBackToInOut()\r\n\r\n    }\r\n    \r\n    changeActive = (key) => {\r\n        this.setState({activeEmp: key})\r\n    }\r\n\r\n    getTheEmployeeList = () => {\r\n        const {employee_list, method} = this.props\r\n        let active_emp_list = []\r\n        let method_status = true\r\n        if (method === 'OUT') {\r\n            method_status = false\r\n        }\r\n        for (let i = 0; i < employee_list.length; i++) {\r\n            if (employee_list[i].is_working !== method_status)\r\n            active_emp_list.push(employee_list[i])\r\n        } \r\n        this.setState({in_employee_list: active_emp_list})\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.getTheEmployeeList()\r\n    }\r\n\r\n    render() {\r\n        const {in_employee_list} = this.state\r\n        const {method, goBackToInOut, changeWorkingStatus} = this.props\r\n        let employee_array =  []\r\n        Object.keys(in_employee_list).forEach(key => employee_array.push(in_employee_list[key]))\r\n\r\n        return (\r\n            <div>\r\n                <div className='cookingbook-title font-big'>\r\n                    <div className='back-title-button div-onClick' onClick={this.goBack}>\r\n                        <div className='center'>\r\n                            <i className=\"fa fa-angle-left fa-3x\" aria-hidden=\"true\"></i>\r\n                        </div>\r\n                    </div>\r\n                    {(method==='IN') && (<p className='cookingbook-title'>CLOCK <span className='green'>{method}</span></p>)}\r\n                    {(method==='OUT') && (<p className='cookingbook-title'>CLOCK <span className='red'>{method}</span></p>)}\r\n                </div>\r\n                <div>{employee_array.map((employee, i) => {\r\n                    return (<Employee employee={employee} key={i} goBackToInOut={goBackToInOut} method={method} changeActive={this.changeActive} activeEmp={this.state.activeEmp} changeWorkingStatus={changeWorkingStatus}/>)\r\n                    })}\r\n                </div>\r\n                {(in_employee_list.length === 0) && <LoadingIndicator/>}\r\n\r\n            </div>\r\n        );\r\n    }\r\n\r\n}\r\n\r\n\r\nexport default EmployeeList","import React, {Component} from 'react';\r\nimport Restcall from './services/Restcall'\r\n\r\nimport { trackPromise } from 'react-promise-tracker'\r\n\r\nimport Shop from './Componens/Shop'\r\nimport InOut from './Componens/InOut'\r\nimport EmployeeList from './Componens/EmployeeList'\r\nimport { usePromiseTracker } from \"react-promise-tracker\";\r\nimport Loader from 'react-loader-spinner';\r\n\r\nconst LoadingIndicator = props => {\r\n    const { promiseInProgress } = usePromiseTracker();\r\n       return (\r\n        promiseInProgress &&\r\n        <div\r\n        style={{\r\n          width: \"100%\",\r\n          height: \"100\",\r\n          display: \"flex\",\r\n          justifyContent: \"center\",\r\n          alignItems: \"center\"\r\n        }}\r\n      >\r\n        <div>\r\n            <Loader type=\"ThreeDots\" color=\"#2BAD60\" height=\"300\" width=\"300\" />\r\n        </div>\r\n        \r\n        </div>\r\n      );  \r\n   }\r\n\r\n\r\nclass Body extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            shop_list: [],\r\n            employee_list: [],\r\n            current_shop: null,\r\n            in_or_out: null,\r\n            isWaiting: false\r\n        }\r\n    }\r\n\r\n    goBackToShop = () => {\r\n        this.setState({ current_shop: null})\r\n    }\r\n    \r\n    goBackToInOut = () => {\r\n        this.setState({ in_or_out: null})\r\n    }\r\n\r\n\r\n    retrieveShopList = () => {\r\n        trackPromise(\r\n        Restcall.shopRetrieveEP().then(response => response.data)\r\n        .then((data) => {\r\n            console.log(data)\r\n            this.setState({ shop_list: data.content})\r\n           })\r\n        )\r\n    }\r\n\r\n    getMethod = (m) => {\r\n        this.setState({in_or_out: m})\r\n    }\r\n\r\n    getShop = (shop_name) => {\r\n        this.retrieveEmplyeeList(shop_name)\r\n        this.setState({current_shop: shop_name})\r\n    }\r\n\r\n    retrieveEmplyeeList = (location) => {\r\n        this.setState({isWaiting: true})\r\n        trackPromise(\r\n        Restcall.employeeRetrieveEP(location).then(response => response.data)\r\n        .then((data) => {\r\n            console.log(data)\r\n            this.setState({ employee_list: data.content, isWaiting: false})\r\n           })\r\n        )\r\n    }\r\n\r\n    changeWorkingStatus = (id) => {\r\n        const {employee_list} = this.state\r\n        for (let i = 0; i < employee_list.length; i++) {\r\n            console.log(employee_list[i].id)\r\n            if (employee_list[i].id === id){\r\n                employee_list[i].is_working = !employee_list[i].is_working\r\n            }\r\n        } \r\n    }\r\n\r\n    componentDidMount() {\r\n        if(this.props.current_shop) {\r\n            this.getShop(this.props.current_shop)\r\n            this.retrieveEmplyeeList(this.props.current_shop)\r\n        }\r\n        else {\r\n            this.retrieveShopList()\r\n        }\r\n    }\r\n\r\n\r\n    render() {\r\n\r\n        const {shop_list, current_shop, in_or_out, employee_list, isWaiting} = this.state\r\n        let shop_array =  []\r\n        Object.keys(shop_list).forEach(key => shop_array.push(shop_list[key]))\r\n\r\n        return (\r\n            <div>\r\n                {!(current_shop !== null) && (<div>{shop_array.map((shop, i) => {\r\n                        return (<Shop shop={shop} key={i} getShop={this.getShop}/>)\r\n                    })}\r\n                </div>)}\r\n                {((current_shop !== null) && (in_or_out === null && !isWaiting)) && (\r\n                    <InOut current_shop={current_shop} getMethod={this.getMethod} goBackToShop={this.goBackToShop}/>\r\n                )}\r\n                {((current_shop !== null) && (in_or_out !== null)) && (\r\n                    <EmployeeList current_shop={current_shop} method={in_or_out} goBackToInOut={this.goBackToInOut} employee_list={employee_list} changeWorkingStatus={this.changeWorkingStatus}/>\r\n                )}\r\n                {isWaiting && <LoadingIndicator/>}\r\n            </div>\r\n\r\n        );\r\n    }\r\n}\r\n\r\nexport default Body","import './App.css';\nimport Header from './Header';\nimport Body from './Body'\nimport { Route, Routes } from \"react-router-dom\";\n\n\nimport './css/style.css'\n\n\nfunction App() {\n  return (\n    <div>\n      <Header />\n          <Routes>\n            <Route path=\"/El-Monte-Lower-Azusa\" element={<Body current_shop='El Monte Lower Azusa'/>} />\n            <Route path=\"/El-Monte-Valley\" element={<Body current_shop='El Monte Valley'/>} />  \n            <Route path=\"/Hacienda-Heights\" element={<Body current_shop='Hacienda Heights'/>} />  \n            <Route path=\"/Pico-Rivera\" element={<Body current_shop='Pico Rivera'/>} />  \n            <Route path=\"/Monterey-Park\" element={<Body current_shop='Monterey Park'/>} />  \n            <Route path=\"/West-Covina\" element={<Body current_shop='West Covina'/>} />  \n            <Route path=\"/Covina\" element={<Body current_shop='Covina'/>} />  \n            <Route exact path=\"/\" element={<Body/>} />\n          </Routes>\n      \n    </div>\n\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport Restcall from './services/Restcall';\nimport {BrowserRouter} from \"react-router-dom\"\n\n\nRestcall.initSocket()\n\n\nReactDOM.render(\n  <React.StrictMode>\n    <BrowserRouter >\n      <App />\n    </BrowserRouter>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}