{"version":3,"sources":["App.js","components/Map.js","components/MapContainer.js","components/MapDisplayPage.js","index.js"],"names":["App","Map","storeData","skuLocationData","isCustomerView","className","viewBox","ViewBox","points","BoundaryCoordinates","map","coordinate","x","y","outerGroup","elements","element","i","transform","rotation","width","length","height","rx","fill","opacity","strokeWidth","stroke","fontSize","value","skuLocations","sku","id","SKU_ID","cx","X","cy","Y","r","MapContainer","currentMap","currentSku","useState","mapJson","setMapJson","setSkuLocations","useEffect","populateMapData","a","console","log","fetch","response","json","data","skuResponse","skuData","MapDisplayPage","params","useParams","mapId","isCustomer","to","Button","rootElement","document","getElementById","ReactDOM","render","path","style","padding"],"mappings":"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","file":"static/js/main.2a829086.chunk.js","sourcesContent":["import React from 'react';\r\n\r\n\r\n\r\n//For security home is disabled. It can be cnabled locally to see the native front end for debugging or development\r\n\r\nexport default function App() {\r\n    \r\n    return (\r\n        //<Home/>\r\n        <></>\r\n    )\r\n}\r\n\r\n\r\n\r\n","import \"./css/Map.css\"\r\n\r\nexport function Map({storeData, skuLocationData, isCustomerView}){\r\n    \r\n    //Todo: Refactor styling to happen in css\r\n    return (\r\n        storeData && skuLocationData ? \r\n        <svg className={\"map-svg\"}  viewBox={storeData.ViewBox}>\r\n\r\n            {isCustomerView  === \"Customer\" ? (\r\n                <polygon points = {storeData.BoundaryCoordinates.map(coordinate =>(\" \" + coordinate.x + \",\" + coordinate.y + \" \"))}></polygon>\r\n            ) : (\r\n                <></>\r\n            )}\r\n\r\n            {storeData.outerGroup.elements[0].elements[0].elements.map((element, i) =>  \r\n                <rect transform = {`translate(${element.x} ${element.y}) rotate(${element.rotation} 0 0)`}\r\n                      width = {element.length} height = \"24\" rx = \"1\" fill=\"lightblue\" opacity={.25} strokeWidth=\"3\" stroke=\"rgb(0,0,0)\" />)}\r\n\r\n            {storeData.outerGroup.elements[1].elements[0].elements.map((element, i) =>  \r\n                <text className = 'dept-label' x = {element.x} y = {element.y} fontSize={42}>{element.elements[0].value}</text>)}\r\n            }\r\n            {skuLocationData.skuLocations?.map((sku, i) =>(\r\n                    <circle className= 'sku-pin' id = {sku.SKU_ID}  cx = {sku.X} cy = {sku.Y} r=\"10\" fill=\"red\"/>\r\n                ))}\r\n        \r\n        </svg> \r\n            : <></>\r\n        \r\n        \r\n    )\r\n}\r\n\r\n\r\n            \r\n","import React, {useEffect, useState} from \"react\";\r\nimport {Map} from \"./Map\";\r\nimport \"./css/Map.css\"\r\n\r\nexport function MapContainer({currentMap, currentSku, isCustomerView}){\r\n\r\n    const [mapJson, setMapJson] = useState();\r\n    const [skuLocations, setSkuLocations] = useState();\r\n    \r\n    useEffect(() => {\r\n        const populateMapData = async () => {\r\n            console.log(\"Populate called\")\r\n\r\n            if(currentMap && isCustomerView === \"Customer\"){\r\n                const response = await fetch(`/api/store-map/${currentMap}/user-type/customer`);\r\n\r\n                const data = await response.json();\r\n                setMapJson(data);\r\n\r\n                const skuResponse = await fetch(`/api/sku-locations/${currentSku}/store/${currentMap}/user-type/customer`);\r\n                const skuData = await skuResponse.json();\r\n                setSkuLocations(skuData);\r\n            }\r\n\r\n            else if (currentMap && isCustomerView === \"Associate\"){\r\n                const response = await fetch(`/api/store-map/${currentMap}/user-type/associate`);\r\n\r\n                const data = await response.json();\r\n                console.log(data)\r\n                setMapJson(data);\r\n\r\n                const skuResponse = await fetch(`/api/sku-locations/${currentSku}/store/${currentMap}/user-type/associate`);\r\n                const skuData = await skuResponse.json();\r\n                setSkuLocations(skuData);\r\n            }\r\n        }\r\n        \r\n            populateMapData()\r\n        \r\n\r\n    },[currentMap, currentSku, isCustomerView]);\r\n    \r\n    return (\r\n        \r\n       <div className = 'map-container'>\r\n           {<Map storeData={mapJson} skuLocationData={skuLocations} isCustomerView = {isCustomerView}/>}\r\n       </div>\r\n       \r\n    )\r\n}","import {Link, useParams} from \"react-router-dom\";\r\nimport {MapContainer} from \"./MapContainer\";\r\nimport {Button} from \"reactstrap\";\r\n\r\n\r\nexport  function MapDisplayPage() {\r\n    let params = useParams();\r\n    \r\n    return (\r\n        <div className = 'map-container'>\r\n            {<MapContainer  currentMap = {params.mapId} currentSku={params.sku} isCustomerView = {params.isCustomer}/>}\r\n            <nav>\r\n                <Link to=\"/\">\r\n                    <Button className = \"btn-sm\">Home</Button>\r\n                </Link>\r\n            </nav>\r\n        </div>\r\n    );\r\n}","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport {BrowserRouter, Routes, Route, Link} from 'react-router-dom';\r\nimport App from './App';\r\nimport \"./components/css/Map.css\";\r\nimport {MapDisplayPage} from \"./components/MapDisplayPage\";\r\nimport {Map} from \"./components/Map\";\r\nimport {Button} from \"reactstrap\";\r\n\r\n\r\n\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n  <BrowserRouter>\r\n      <Routes>\r\n          <Route path=\"/\" element={<App />}/>\r\n          <Route path=\"maps\" element={<MapDisplayPage />}>\r\n              <Route path=\":mapId\" element={<Map />} >\r\n                  <Route path=\":isCustomer\" element={<Map />}>\r\n                      <Route path=\":sku\" element = {<Map/>}/>\r\n                  </Route>\r\n              </Route>\r\n          </Route>\r\n          \r\n         \r\n          <Route\r\n              path=\"*\"\r\n              element={\r\n                  <main style={{ padding: \"1rem\" }}>\r\n                      <p>There's no data for that map store or item</p>\r\n                      <nav>\r\n                          <Link to=\"/\">\r\n                              <Button className = \"btn-sm\">Home</Button>\r\n                          </Link>\r\n                      </nav>\r\n                  </main>\r\n              }\r\n          />\r\n      </Routes>\r\n  </BrowserRouter>,\r\n  rootElement);\r\n\r\n\r\n\r\n"],"sourceRoot":""}