{"version":3,"sources":["components/functional/GlobalVariables.js","components/reducers/SKUReducer.js","components/reducers/ModelReducer.js","components/reducers/LanguageReducer.js","components/functional/HuemenARPlayer.js","components/svgComponents/ARErrorIcon.js","components/ARErrorPopup.js","components/ARPlayer.js","components/MainApp.js","App.js","reportWebVitals.js","index.js"],"names":["MainRequestURL","initialSKUState","loading","is_sku_loaded","error","sku","skuReducer","state","action","type","skuPayload","initialModelState","is_model_loaded","model","modelReducer","modelPayload","initialLanguageState","is_language_loaded","uiMessages","languageReducer","uiMessagesPayload","HuemenARPlayer","ModelViewerElement","window","customElements","define","ARIcon","props","width","height","viewBox","fill","xmlns","opacity","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","ARErrorPopup","closeButton","useRef","useState","color","setColor","background","setBackground","popupStyles","popupContainer","position","left","right","top","bottom","margin","borderRadius","border","iconContainer","paddingTop","textAlign","title","maxWidth","marginLeft","marginRight","fontSize","fontWeight","marginBottom","text","maxHeight","lineHeight","webKitTransform","transform","padding","boxShadow","transition","closeButtonContainer","display","flexDirection","justifyContent","style","ARErrorIcon","onPointerOver","onPointerLeave","onClick","visibility","ref","className","ARPlayer","initialSKU","useContext","InitialSKUDataContext","modelData","ModelContext","uiMessageData","UIMessagesContext","find","o","language_code","languageCode","errorpopupvisibility","setErrorpopupvisibility","useEffect","today","Date","modelViewer","getFullYear","getMonth","slice","getDate","getHours","getMinutes","getSeconds","document","getElementById","addEventListener","activateAR","event","detail","status","shadowRoot","querySelectorAll","src","glb_file_3D","ios-src","usdz_file","alt","name","poster","camera-orbit","model_camera_orbit","settings","max-camera-orbit","model_max_camera_orbit","min-camera-orbit","model_min_camera_orbit","exposure","model_exposure","shadow-intensity","model_shadow","shadow_intensity","shadow-softness","shadow_softness","id","reveal","ar","ar-modes","ar-scale","data-js-focus-visible","camera-controls","interaction-prompt","marginTop","ar_error_massage_title","ar_error_massage_content","brand","primary_color","React","createContext","AnonymousUserContext","MainApp","customUrlSlug","useParams","anonymousUser","setAnonymousUser","skuID","setSkuID","setBackURL","setLanguageCode","InitialDataloaded","setInitialDataLoaded","useReducer","skuData","skuDispatch","modelDispatch","uiMessageDispatch","axios","get","then","response","data","user","back_url","language","catch","console","log","message","Provider","value","App","path","exact","component","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.d3d9dce8.chunk.js","sourcesContent":["// This is the dome ID which needs to exist in the webpage in order the widget to inject the content\r\n// The width and the heigth needs to be set from the client, regaring their styling preferences\r\nexport const WebArPlayerInput = \"webarplayercontainer\";\r\nexport const WebArPlayerParent = \"webarplayercontainer\";\r\n//Main path for all requests to the backend\r\n//export const MainFowardURL = \"http://192.168.178.27:3030\";\r\n//export const MainRequestURL = \"http://192.168.178.27:8000/api/arplayer\";\r\n// DEVELOPMENT ENVIRONMENT //\r\n//export const MainRequestURL = \"https://api.huemenar.de/api/arplayer\";\r\n//export const MainFowardURL = \"http://ar.huemenar.de.s3-website.eu-central-1.amazonaws.com\";\r\n// PRODUCTION ENVIRONMENT //\r\nexport const MainRequestURL = \"https://api.huemenar.com/api/arplayer\";\r\nexport const MainFowardURL = \"http://ar.huemenar.com\";\r\n","// Initial state of the SKU Reducer\r\nexport const initialSKUState = {\r\n loading: true,\r\n is_sku_loaded: false,\r\n error: \"\",\r\n sku: {},\r\n};\r\n//SKU Reducer\r\nexport const skuReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"GET_SKU_SUCCESS\":\r\n return {\r\n loading: false,\r\n is_sku_loaded: true,\r\n error: \"\",\r\n sku: action.skuPayload,\r\n };\r\n\r\n case \"GET_SKU_FAILED\":\r\n return {\r\n loading: false,\r\n is_sku_loaded: false,\r\n error: \"Something went wrong! The model cannot be displayed\",\r\n sku: {},\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n","// Initial state of the Model Reducer\r\nexport const initialModelState = {\r\n loading: true,\r\n is_model_loaded: false,\r\n error: \"\",\r\n model: {},\r\n};\r\n//Model Reducer\r\nexport const modelReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"GET_MODEL_SUCCESS\":\r\n return {\r\n loading: false,\r\n is_model_loaded: true,\r\n error: \"\",\r\n model: action.modelPayload,\r\n };\r\n\r\n case \"GET_MODEL_FAILED\":\r\n return {\r\n loading: false,\r\n is_model_loaded: false,\r\n error: \"Something went wrong! The model cannot be displayed\",\r\n model: {},\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n","// Initial state of the SKU Reducer\r\nexport const initialLanguageState = {\r\n loading: true,\r\n is_language_loaded: false,\r\n error: \"\",\r\n uiMessages: {},\r\n};\r\n//SKU Reducer\r\nexport const languageReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"GET_UIMESSAGES_SUCCESS\":\r\n return {\r\n loading: false,\r\n is_language_loaded: true,\r\n error: \"\",\r\n uiMessages: action.uiMessagesPayload,\r\n };\r\n\r\n case \"GET_UIMESSAGES_FAILED\":\r\n return {\r\n loading: false,\r\n is_language_loaded: false,\r\n error: \"Something went wrong! The model cannot be displayed\",\r\n uiMessages: {},\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { ModelViewerElement } from \"@google/model-viewer/dist/model-viewer\";\r\n\r\nclass HuemenARPlayer extends ModelViewerElement {\r\n constructor() {\r\n super();\r\n }\r\n}\r\nwindow.customElements.define(\"huemen-ar-player\", HuemenARPlayer);\r\nexport default HuemenARPlayer;\r\n","import React from \"react\";\r\n\r\nfunction ARIcon(props) {\r\n return (\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\n \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\n}\r\n\r\nexport default ARIcon;\r\n","import React, { useState, useRef, useEffect } from \"react\";\r\nimport ARErrorIcon from \"./svgComponents/ARErrorIcon\";\r\n\r\nimport useClientSize from \"./functional/customHooks/useClientSize\";\r\n\r\nfunction ARErrorPopup(props) {\r\n // Create a ref to the AR Button button\r\n const closeButton = useRef();\r\n const [color, setColor] = useState(\"white\");\r\n const [background, setBackground] = useState(props.color);\r\n const [width, setWidth] = useState(\"300\");\r\n\r\n const popupStyles = {\r\n popupContainer: {\r\n background: \"white\",\r\n width: \"300px\",\r\n height: \"400px\",\r\n position: \"absolute\",\r\n left: \"0px\",\r\n right: \"0px\",\r\n top: \"0px\",\r\n bottom: \"0px\",\r\n margin: \"auto\",\r\n borderRadius: \"12px\",\r\n border: \"none\",\r\n },\r\n iconContainer: {\r\n paddingTop: \"26px\",\r\n background: \"white\",\r\n textAlign: \"center\",\r\n width: \"85px\",\r\n height: \"122px\",\r\n margin: \"auto\",\r\n borderRadius: \"12px\",\r\n border: \"none\",\r\n },\r\n title: {\r\n paddingTop: \"8px\",\r\n maxWidth: \"85%\",\r\n background: \"white\",\r\n marginLeft: \"20px\",\r\n marginRight: \"20px\",\r\n textAlign: \"center\",\r\n fontSize: \"16px\",\r\n fontWeight: \"bold\",\r\n marginBottom: \"16px\",\r\n },\r\n text: {\r\n maxWidth: \"85%\",\r\n maxHeight: \"140px\",\r\n background: \"white\",\r\n marginLeft: \"20px\",\r\n marginRight: \"20px\",\r\n textAlign: \"center\",\r\n fontSize: \"14px\",\r\n lineHeight: \"16.41px\",\r\n //overflowX: \"hidden\",\r\n //overflowY: \"auto\",\r\n },\r\n closeButton: {\r\n position: \"absolute\",\r\n bottom: \"20px\",\r\n left: \"50%\",\r\n webKitTransform: \"translateX(-50%)\",\r\n transform: \"translateX(-50%)\",\r\n padding: \"2px\",\r\n background: props.color,\r\n width: \"260px\",\r\n height: \"48px\",\r\n borderRadius: \"24px\",\r\n border: \"none\",\r\n boxShadow: \"0px 4px 0px rgba(145, 145, 145, 0.25)\",\r\n transition: \"all 0.3s ease\",\r\n },\r\n closeButtonContainer: {\r\n width: \"256px\",\r\n height: \"44px\",\r\n background: background,\r\n borderRadius: \"22px\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n fontSize: \"20px\",\r\n fontWeight: \"bold\",\r\n color: color,\r\n transition: \"all 0.3s ease\",\r\n },\r\n };\r\n\r\n const onCloseButtonHover = () => {\r\n setBackground(\"white\");\r\n setColor(props.color);\r\n };\r\n const onCloseButtonHoverOut = () => {\r\n setBackground(props.color);\r\n setColor(\"white\");\r\n };\r\n const onCloseButtonClicked = () => {\r\n props.visibility(false);\r\n };\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
{props.title}
\r\n
{props.text}
\r\n \r\n
\r\n
OK
\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ARErrorPopup;\r\n","import React, { useEffect, useState, useContext } from \"react\";\r\nimport HuemenARPlayer from \"./functional/HuemenARPlayer\";\r\n\r\nimport ARErrorPopup from \"./ARErrorPopup\";\r\n\r\nimport { InitialSKUDataContext, ModelContext, UIMessagesContext } from \"./MainApp\";\r\n\r\nfunction ARPlayer(props) {\r\n // The Initial SKU to be loaded Context coming from MainApp.js\r\n const initialSKU = useContext(InitialSKUDataContext);\r\n // Model Data related to the Initial SKU. Context coming from MainApp.js\r\n const modelData = useContext(ModelContext);\r\n // Language Data\r\n const uiMessageData = useContext(UIMessagesContext);\r\n const [uiMessages] = useState(\r\n uiMessageData.uiMessages.find((o) => o.language_code === props.languageCode)\r\n );\r\n\r\n const [errorpopupvisibility, setErrorpopupvisibility] = useState(false);\r\n\r\n // Detects if AR failed\r\n useEffect(() => {\r\n var today = new Date();\r\n var date =\r\n today.getFullYear() +\r\n \"-\" +\r\n (\"0\" + (today.getMonth() + 1)).slice(-2) +\r\n \"-\" +\r\n (\"0\" + today.getDate()).slice(-2) +\r\n \"T\" +\r\n (\"0\" + today.getHours()).slice(-2) +\r\n \":\" +\r\n (\"0\" + today.getMinutes()).slice(-2) +\r\n \":\" +\r\n (\"0\" + today.getSeconds()).slice(-2);\r\n //console.log(date);\r\n const modelViewer = document.getElementById(\"webarplayer\");\r\n modelViewer.addEventListener(\"load\", () => {\r\n modelViewer.activateAR();\r\n });\r\n modelViewer.addEventListener(\"ar-status\", (event) => {\r\n if (event.detail.status === \"failed\") {\r\n setErrorpopupvisibility(true);\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n const modelViewer = document.getElementById(\"webarplayer\");\r\n\r\n modelViewer.shadowRoot.querySelectorAll(\".progress-bar\")[0].style.visibility = \"hidden\";\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n

\r\n Previewing the model in Augmented Reality...\r\n

\r\n {uiMessages && errorpopupvisibility ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default ARPlayer;\r\n","import React, { useEffect, useReducer, useState } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\n\r\nimport { MainRequestURL } from \"./functional/GlobalVariables\";\r\n\r\nimport { skuReducer, initialSKUState } from \"./reducers/SKUReducer\";\r\nimport { modelReducer, initialModelState } from \"./reducers/ModelReducer\";\r\nimport { languageReducer, initialLanguageState } from \"./reducers/LanguageReducer\";\r\n\r\nimport ARPlayer from \"./ARPlayer\";\r\n\r\nexport const InitialSKUDataContext = React.createContext();\r\nexport const ModelContext = React.createContext();\r\nexport const UIMessagesContext = React.createContext();\r\nexport const AnonymousUserContext = React.createContext();\r\n\r\nfunction MainApp(props) {\r\n // THis is the initial SKU coming from the Parameter in the URL\r\n const { customUrlSlug } = useParams();\r\n // Data from the first Request\r\n const [anonymousUser, setAnonymousUser] = useState(\"\");\r\n const [skuID, setSkuID] = useState();\r\n const [backURL, setBackURL] = useState();\r\n const [languageCode, setLanguageCode] = useState();\r\n const [InitialDataloaded, setInitialDataLoaded] = useState(false);\r\n\r\n const [skuData, skuDispatch] = useReducer(skuReducer, initialSKUState);\r\n const [modelData, modelDispatch] = useReducer(modelReducer, initialModelState);\r\n const [uiMessageData, uiMessageDispatch] = useReducer(languageReducer, initialLanguageState);\r\n\r\n const [oldRecords, setOldRecords] = useState();\r\n /*\r\n useEffect(() => {\r\n axios\r\n .get(`${MainRequestURL}/customurls/`)\r\n .then((response) => {\r\n //console.log(\"Old Records\");\r\n setOldRecords(response.data);\r\n })\r\n .catch((error) => {\r\n console.log(error.message);\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (oldRecords) {\r\n var today = new Date();\r\n var yesterday = new Date();\r\n yesterday.setDate(today.getDate() - 2);\r\n var date =\r\n yesterday.getFullYear() +\r\n \"-\" +\r\n (\"0\" + (yesterday.getMonth() + 1)).slice(-2) +\r\n \"-\" +\r\n (\"0\" + yesterday.getDate()).slice(-2);\r\n\r\n for (let i = 0; i < oldRecords.length; i++) {\r\n if (oldRecords[i]) {\r\n if (date > oldRecords[i].created_at.substring(0, 10)) {\r\n //console.log(date);\r\n //console.log(\"I need to delete these records\");\r\n axios\r\n .delete(`${MainRequestURL}/customurls/${oldRecords[i].slug}/`)\r\n .then((response) => {\r\n //console.log(\"The Record was deleted\");\r\n })\r\n .catch((error) => {\r\n //console.log(error.message);\r\n });\r\n }\r\n }\r\n }\r\n }\r\n }, [oldRecords]);\r\n */\r\n useEffect(() => {\r\n //Get User, SKU, Back_URL from custom URL\r\n axios\r\n .get(`${MainRequestURL}/customurls/${customUrlSlug}/`)\r\n .then((response) => {\r\n setAnonymousUser(response.data.user);\r\n setSkuID(response.data.sku);\r\n setBackURL(response.data.back_url);\r\n setLanguageCode(response.data.language);\r\n setInitialDataLoaded(true);\r\n //console.log(\"Initial Data Custom URL\");\r\n //console.log(response.data);\r\n })\r\n .catch((error) => {\r\n console.log(error.message);\r\n });\r\n }, []);\r\n useEffect(() => {\r\n // Get SKU ID to be desplayed\r\n if (InitialDataloaded) {\r\n // Get SKU\r\n axios\r\n .get(`${MainRequestURL}/skus/${skuID}/`)\r\n .then((response) => {\r\n skuDispatch({ type: \"GET_SKU_SUCCESS\", skuPayload: response.data });\r\n //console.log(\"SKU\");\r\n //console.log(response.data);\r\n })\r\n .catch((error) => {\r\n skuDispatch({ type: \"GET_SKU_FAILED\" });\r\n console.log(error.message);\r\n });\r\n // Get Languages\r\n axios\r\n .get(`${MainRequestURL}/languages/`)\r\n .then((response) => {\r\n uiMessageDispatch({ type: \"GET_UIMESSAGES_SUCCESS\", uiMessagesPayload: response.data });\r\n //console.log(\"LANGUAGES\");\r\n //console.log(response.data);\r\n })\r\n .catch((error) => {\r\n uiMessageDispatch({ type: \"GET_UIMESSAGES_FAILED\" });\r\n console.log(error.message);\r\n });\r\n }\r\n }, [InitialDataloaded]);\r\n\r\n // Get te corresponding Model to the Initial SKU\r\n useEffect(() => {\r\n if (skuData.is_sku_loaded) {\r\n axios\r\n .get(`${MainRequestURL}/models/${skuData.sku.model.id}/`)\r\n .then((response) => {\r\n modelDispatch({ type: \"GET_MODEL_SUCCESS\", modelPayload: response.data });\r\n //console.log(\"MODEL\");\r\n //console.log(response.data);\r\n })\r\n .catch((error) => {\r\n skuDispatch({ type: \"GET_MODEL_FAILED\" });\r\n console.log(error.message);\r\n });\r\n }\r\n }, [skuData.is_sku_loaded]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n {InitialDataloaded &&\r\n modelData.is_model_loaded &&\r\n uiMessageData.is_language_loaded ? (\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 MainApp;\r\n","import \"./App.css\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport MainApp from \"./components/MainApp\";\nfunction App() {\n return (\n <>\n \n \n \n \n \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\";\n\nReactDOM.render(\n \n \n ,\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":""}