{"version":3,"sources":["thinkpad-logo.svg","SingleLevel.js","MultiLevel.js","utils.js","httprequesthandler.js","App.js","index.js"],"names":["SingleLevel","_ref","item","_useState","useState","_useState2","_slicedToArray","setCamData","cameraType","handlecameraClick","divname","itemtype","sequenceName","window","soundViewClick","clearTimeout","clearTime","tex","scene","_Texture_ref","texture","_Textures","tex_id","gl","bindTexture","TEXTURE_2D","pixelStorei","UNPACK_FLIP_Y_WEBGL","texImage2D","RGBA","UNSIGNED_BYTE","staticImage2","playVideo","isMobileActive","sharpClickNav","undefined","document","getElementById","style","display","_nav","_fRotMinLimitConst","SetRotationCenter","hideAllPopup","fRotMinLimitVal","updateNavigation","resetpop","setTimeout","menuHeightCalaulate","currentActivePopup","querySelector","currentActiveHotspot","classList","remove","currentActivesinglePopup","_toConsumableArray","querySelectorAll","forEach","ele","currentPosition","mob","_bDoF","functionClick","menuClick","contains","isipad","innerHeight","innerWidth","collection","getElementsByClassName","i","length","add","arrow","getAttribute","maxHeight","content","selectedMenu","fadeIn","Render_Cam_Performance_F220","active","Render_Cam_Aura_Edition_F50","Render_Cam_Smart_Share_F48","Reset_View_F14","Render_Cam_Smart_Care_F50","Render_Cam_Sustainable_Material_F180_Zoom_Reg","Render_Cam_Smart_Mode_F50","Render_Cam_Right_Port_F50_Reg","Render_Cam_Thin_Light_02_F115","Render_Cam_F145_Intel_Chip","Render_Cam_Battery_F145","applySequence","previousSibling","changeSkin","updateZoomSliderUIOnly","sliderEl3","getZoomFactor","calloutPositionReset","GetData","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","fetch","headers","then","response","json","myJson","positions","stop","apply","arguments","useEffect","type","_jsxs","className","id","children","ListItem","button","onClick","_jsx","src","concat","ReactHtmlParser","title","ReactDOM","createPortal","_Fragment","map","child","key","dataId","heading","subheading","text","content2","text1","text2","text3","text4","text5","text6","text7","text8","text9","text10","text11","vproicon","intelicon","intelcoreicon","intelcoreiconwith7","bottomBtn1","bottomBtn2","videoBtn","soundBtn","name","icon","MenuItem","setskin_menu","Component","items","constructor","Array","hasChildren","MultiLevel","setOrentation","_useState3","_useState4","open","arbuttonName","navigator","userAgent","indexOf","detectIpadDevice","match","maxTouchPoints","menuname","hidePopUp","hideActivePopup","clearInterval","Interval1","Interval2","groupApplyState","getBodyClass","getElementsByTagName","exteriorMenuHeight","clientHeight","menuInteriorHeight","mob_skin_icon","isipadPortrait","height","wrapeer","scrollTo","behavior","top","reset","fadeOut","content1","navLimits","minDolly","maxDolly","panLeft","panRight","panTop","panBottom","updateZoombar","clearRefine","setMaterialTransition","animStoped","interiorClick","updateZoomSlider","handleClick","ListItemText","primary","Collapse","in","timeout","List","component","_httprequesthandler","url","data","sent","abrupt","App","setValue","useForceUpdate","orentation","_useState5","_useState6","_useState7","_useState8","appData","setAppData","_useState9","_useState10","setappDataDummy","datafetch","_x","httprequesthandler","EN","filter","val","menuVisibility","globalAppData","addEventListener","event","alt","logo","width","render","Fragment"],"mappings":"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","file":"static/js/main.b7549660.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/thinkpad-logo.f90802ba.svg\";","import React,{ useEffect,useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport \"./SingleLevel.css\";\r\nimport ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';\r\nconst SingleLevel = ({ item }) => {\r\n\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animTime = 1;\r\n   var cameraType = null;\r\n   const handlecameraClick = (divname,itemtype,sequenceName) => {  \r\n       window.soundViewClick = false;\r\n       clearTimeout(window.clearTime);\r\n       var tex = window.scene._Texture_ref[\"Laptop_Screen_Video_mode.png\"];\r\n       var texture = window.scene._Textures[tex.tex_id];\r\n       if (texture != null) {\r\n          var gl = window.scene.gl;\r\n          gl.bindTexture(gl.TEXTURE_2D,texture);\r\n          gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL,true);\r\n          gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,gl.RGBA,gl.UNSIGNED_BYTE,window.staticImage2);\r\n       }\r\n \r\n       window.playVideo = false;\r\n       window.isMobileActive = false;\r\n       window.sharpClickNav = false;\r\n         if(document.getElementById(\"exterior_title\") != undefined) document.getElementById(\"exterior_title\").style.display = \"none\";\r\n         if(document.getElementById(\"exterior_text_mob\") != undefined) document.getElementById(\"exterior_text_mob\").style.display = \"none\";\r\n         if (document.getElementById(\"auraedition_logo\") != undefined) document.getElementById(\"auraedition_logo\").style.display = \"none\";\r\n      \r\n      window.scene._nav._fRotMinLimitConst = 0.3;\r\n      window.scene._nav.SetRotationCenter([0,0,0]);\r\n      if(document.getElementById(\"intel_ultra_logo\") != undefined) document.getElementById(\"intel_ultra_logo\").style.display = \"none\";\r\n      window.hideAllPopup();\r\n      window.fRotMinLimitVal = 0.02;\r\n      window.updateNavigation(divname);\r\n      window.resetpop();\r\n      setTimeout(() => {\r\n         window.menuHeightCalaulate()         \r\n      }, 200);\r\n      let currentActivePopup = document.querySelector('.content.currentActivePopup');\r\n      let currentActiveHotspot = document.querySelector('.hotspots.currentActiveHotspot');\r\n      if(currentActiveHotspot != null) currentActiveHotspot.classList.remove('currentActiveHotspot');\r\n      if(currentActivePopup != null) currentActivePopup.classList.remove('currentActivePopup');\r\n      let currentActivesinglePopup  = document.querySelector('.singlePopup.active');\r\n      if(currentActivesinglePopup != null) currentActivesinglePopup.classList.remove('active');\r\n\r\n      let hotspotsActive = [...document.querySelectorAll(\".hotspots\")];\r\n      hotspotsActive.forEach(ele => {\r\n            ele.style.display = \"none\";\r\n      });\r\n      window.currentPosition = '';\r\n\r\n\r\n      if (window.mob) {\r\n         window.scene._bDoF = false;\r\n      } else {\r\n         window.scene._bDoF = false;\r\n      }\r\n     \r\n      if (itemtype !== 'Skins') {\r\n         if (window.functionClick) return false;\r\n         window.functionClick = true;   \r\n         if (!divname) {\r\n            return false;\r\n         }\r\n         if (window.menuClick == false) {\r\n            return false;\r\n         }\r\n         var isActive = document.getElementById(divname)\r\n         if (isActive.classList.contains('active')) {\r\n            if (window.mob || (window.isipad && window.innerHeight > window.innerWidth)) {\r\n               document.getElementById(divname).classList.remove('active');\r\n            }\r\n         }\r\n         else {\r\n            const collection = document.getElementsByClassName(\"menu\");\r\n            for (let i = 0; i < collection.length; i++) {\r\n               collection[i].classList.remove('active');\r\n            }\r\n            document.getElementById(divname).classList.add('active');\r\n         }\r\n\r\n         if (window.mob || window.isipad || window.innerWidth < 818 || window.innerHeight < 818) {\r\n            const arrow = document.getElementsByClassName(\"content1\");\r\n            for (let i = 0; i < arrow.length; i++) {\r\n               if (arrow[i].getAttribute('id') !== \"content1-\" + divname + \"\") {\r\n                  arrow[i].style.maxHeight = null\r\n               }\r\n            }\r\n            var content = document.getElementById(\"content1-\" + divname + \"\");\r\n            if (content.style.maxHeight) {\r\n               content.style.maxHeight = null;\r\n            } else {\r\n               content.style.maxHeight = \"100%\";\r\n            }\r\n         }\r\n\r\n         //console.log((divname)\r\n\r\n         if (divname === \"Render_Cam_Performance_F220\") {\r\n            cameraType = 'Performance';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Performance_F220) }\r\n            else { window.Render_Cam_Performance_F220() }\r\n            window.selectedMenu.active = 'Render_Cam_Performance_F220';\r\n         }\r\n\r\n         else if (divname === \"Render_Cam_Aura_Edition_F50\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Aura_Edition_F50) }\r\n            else { window.Render_Cam_Aura_Edition_F50() }\r\n            window.selectedMenu.active = 'Render_Cam_Aura_Edition_F50';\r\n         }\r\n\r\n         else if (divname === \"Render_Cam_Smart_Share_F48\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Smart_Share_F48) }\r\n            else { window.Render_Cam_Smart_Share_F48() }\r\n            window.selectedMenu.active = 'Render_Cam_Smart_Share_F48';\r\n         }\r\n\r\n         else if (divname === \"Reset_View_F14\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Reset_View_F14) }\r\n            else { window.Reset_View_F14() }\r\n            window.selectedMenu.active = 'Reset_View_F14';\r\n         }\r\n         else if (divname === \"Render_Cam_Smart_Care_F50\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Smart_Care_F50) }\r\n            else { window.Render_Cam_Smart_Care_F50() }\r\n            window.selectedMenu.active = 'Render_Cam_Smart_Care_F50';\r\n         }\r\n         else if (divname === \"Render_Cam_Sustainable_Material_F180_Zoom_Reg\") {\r\n            cameraType = 'interiorsustainablematerial';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Sustainable_Material_F180_Zoom_Reg) }\r\n            else { window.Render_Cam_Sustainable_Material_F180_Zoom_Reg() }\r\n            window.selectedMenu.active = 'Render_Cam_Sustainable_Material_F180_Zoom_Reg';\r\n         }\r\n         else if (divname === \"Render_Cam_Smart_Mode_F50\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Smart_Mode_F50) }\r\n            else { window.Render_Cam_Smart_Mode_F50() }\r\n            window.selectedMenu.active = 'Render_Cam_Smart_Mode_F50';\r\n         }\r\n         else if (divname === \"Render_Cam_Right_Port_F50_Reg\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Right_Port_F50_Reg) }\r\n            else { window.Render_Cam_Right_Port_F50_Reg() }\r\n            window.selectedMenu.active = 'Render_Cam_Right_Port_F50_Reg';\r\n         }\r\n         else if (divname === \"Render_Cam_Thin_Light_02_F115\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Thin_Light_02_F115) }\r\n            else { window.Render_Cam_Thin_Light_02_F115() }\r\n            window.selectedMenu.active = 'Render_Cam_Thin_Light_02_F115';\r\n         }\r\n         else if (divname === \"Render_Cam_F145_Intel_Chip\") {\r\n            cameraType = 'intelchip';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_F145_Intel_Chip) }\r\n            else { window.Render_Cam_F145_Intel_Chip() }\r\n            window.selectedMenu.active = 'Render_Cam_F145_Intel_Chip';\r\n         }\r\n         else if (divname === \"Render_Cam_Battery_F145\") {\r\n            cameraType = 'interiorbattery';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Battery_F145) }\r\n            else { window.Render_Cam_Battery_F145() }\r\n            window.selectedMenu.active = 'Render_Cam_Battery_F145';\r\n         }\r\n       \r\n         sequenceName && window.scene.applySequence(window[sequenceName]);   \r\n         // console.log(item.cameraName, \"camera\")\r\n         // GotoPosInTimeNamedValue(item.cameraName,function () {\r\n         //    window.selectedMenu.cameraType = cameraType;\r\n         //    window.fadeOut();          \r\n         // });\r\n         \r\n      } else {\r\n         const collection = document.getElementsByClassName(\"skin_menu\");\r\n         document.getElementById(\"Skins\").classList.remove('MuiCollapse-hidden');\r\n         document.getElementById(\"Skins\").classList.add('MuiCollapse-entered');\r\n         document.getElementById(\"Interior\").classList.remove('MuiCollapse-entered');\r\n         document.getElementById(\"Interior\").previousSibling.classList.remove('menuActive');\r\n         document.getElementById(\"Exterior\").classList.remove('MuiCollapse-entered');\r\n         document.getElementById(\"Exterior\").previousSibling.classList.remove('menuActive');\r\n         document.getElementById(\"Skins\").previousSibling.classList.add('menuActive');\r\n         for (let i = 0; i < collection.length; i++) {\r\n            collection[i].classList.remove('active');\r\n         }\r\n         window.changeSkin(divname);\r\n      }\r\n      \r\n      setTimeout(function(){\r\n         window.updateZoomSliderUIOnly(window.sliderEl3, window.scene._nav.getZoomFactor());\r\n      },2000);\r\n      window.calloutPositionReset();\r\n\r\n   }\r\n   //new camera function\r\n   const GotoPosInTimeNamedValue = (gotoposname, onComplete, onSample) => {\r\n      // alert(\"111\")\r\n      let zoomResize = window.setZoomReset();\r\n      var opt = undefined;\r\n      if (!(window.mob || window.isipadPortrait)) {\r\n         var gp = camData[gotoposname];\r\n      } else {\r\n         // var gp = camData[gotoposname];\r\n         var gp = camData[gotoposname + '_Mob'];\r\n         // if (gotoposname == 'Reset_View_F14_EVO') { \r\n         //    zoomResize = -80;\r\n         // }\r\n         // else if (gotoposname == 'Render_Cam_F50_Camera_Zoom') {\r\n         //    zoomResize = -15;\r\n         // }\r\n         // else {\r\n         //           zoomResize = -35;\r\n         // }\r\n      }\r\n      if (gp.fovy && window.scene.fovy !== gp.fovy)\r\n         opt = { fovy: gp.fovy };\r\n      if (gp.pos.length > 5) {\r\n         if (!opt)\r\n            opt = {};\r\n         opt.zang = gp.pos[5];\r\n      }\r\n      gp.time = animTime;\r\n      console.log(zoomResize)\r\n      window.scene.gotoPosInTime(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4] + zoomResize, 2000, onComplete, slowinout2, opt);\r\n   }\r\n   function slowinout2(x) {\r\n      var a = 4.0;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x, a);\r\n      var px2 = Math.pow(x2, a);\r\n      return px / (px + px2);\r\n   }\r\n   \r\n   const slowInOut = (x) => {\r\n      var a = 2.1;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x, a);\r\n      var px2 = Math.pow(x2, a);\r\n   \r\n      return px / (px + px2);\r\n   }\r\n   const GetData = async () => {\r\n\r\n      await fetch('model_gl/config.json'\r\n         ,{\r\n            headers: {\r\n               'Content-Type': 'application/json',\r\n               'Accept': 'application/json'\r\n            }\r\n         }\r\n      ).then((response) => response.json())\r\n         .then((myJson) => {\r\n            setCamData(myJson.positions);\r\n         })         \r\n   }\r\n   useEffect(() => {\r\n      GetData();\r\n   },[]);\r\n\r\n   return (\r\n      item.type !== 'Skins' ? <div className={`menu`} id={item.id}>\r\n         <ListItem button className='collapsible' onClick={() => { handlecameraClick(item.id,item.type,item.sequenceName) }}>\r\n            <div className='accordia_icon'>\r\n               <img className='arrow' src='img/spacer.png' id={`accordianIcon_${item.id}`} />\r\n            </div>\r\n            {/* <ListItemText primary={item.title} /> */}\r\n            {\r\n               <div className=\"MuiListItemText-root\"><span className=\"MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock\">{ ReactHtmlParser(item.title) }</span></div>\r\n            }\r\n         </ListItem>\r\n         {ReactDOM.createPortal(\r\n         <>\r\n            {item.content && item.content.map((child, key) => (\r\n                  <div key={key} className='calloutbox font28 calloutbox_white' data-id={child.dataId} id={child.dataId+'_popupJSON'}>\r\n                     <h3>\r\n                        {/* {child.heading} */}\r\n                        { ReactHtmlParser(child.heading) }\r\n                     </h3>\r\n                     {child.subheading !== undefined && \r\n                     <h4>\r\n                        {/* {child.heading} */}\r\n                        { ReactHtmlParser(child.subheading) }\r\n                     </h4>\r\n                     }\r\n                     <div className='content'>\r\n                        <div>\r\n                           <ul className='listItem1'>\r\n                                 <li>\r\n                                 {/* {child.text} */}\r\n                                 { ReactHtmlParser(child.text) }\r\n                                 </li>\r\n                                 {child.content2  && <ul>\r\n                                    {child.content2 && child.content2.map((content2, key) => {\r\n                                       return (\r\n                                          <li  key={key} className='submenutext'>{content2}</li>\r\n                                       )\r\n                                    })\r\n                                    }\r\n                                 </ul> }\r\n\r\n                              </ul>\r\n                          \r\n                        {child.text1 !== undefined &&\r\n                        <ul className='listItem1'>\r\n                           <li>\r\n                              {/* {child.text2} */}\r\n                              { ReactHtmlParser(child.text1) }\r\n                           </li>\r\n                        </ul>\r\n                        }                         \r\n                        {child.text2 !== undefined &&\r\n                        <ul className='listItem2'>\r\n                           <li>\r\n                              {/* {child.text2} */}\r\n                              { ReactHtmlParser(child.text2) }\r\n                           </li>\r\n                        </ul>\r\n                        } \r\n                        </div>                        \r\n                        {child.text3 !== undefined &&\r\n                           <ul className='listItem3'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text3) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.text4 !== undefined &&\r\n                           <ul className='listItem4'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text4) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.text5 !== undefined &&\r\n                           <ul className='listItem5'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text5) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.text6 !== undefined &&\r\n                           <ul className='listItem6'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text6) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.text7 !== undefined &&\r\n                           <ul className='listItem7'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text7) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.text8 !== undefined &&\r\n                           <ul className='listItem8'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text8) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.text9 !== undefined &&\r\n                           <ul className='listItem9'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text9) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.text10 !== undefined &&\r\n                           <ul className='listItem10'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text10) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.text11 !== undefined &&\r\n                           <ul className='listItem11'>\r\n                              <li>\r\n                                 {/* {child.text3} */}\r\n                                 { ReactHtmlParser(child.text11) }\r\n                              </li>\r\n                           </ul>\r\n                        }\r\n                        {child.vproicon !== undefined &&\r\n                           <img className={`vpro_logo`} src={child.vproicon} />\r\n                        }\r\n                         {child.intelicon !== undefined &&\r\n                           <img className={`intel_logo`} src={child.intelicon} />\r\n                        }\r\n                         {child.intelcoreicon !== undefined &&\r\n                           <img className={`intel_core_logo`} src={child.intelcoreicon} />\r\n                        }\r\n                         {child.intelcoreiconwith7 !== undefined &&\r\n                           <img className={`intel_core_logo`} src={child.intelcoreiconwith7} />\r\n                        }\r\n                        {(child.bottomBtn1 != undefined && child.bottomBtn2) && <div id=\"penButtondiv\">\r\n                           <div id={child.bottomBtn1.id} className={child.bottomBtn1.classList}>{child.bottomBtn1.text} </div>\r\n                           <div id={child.bottomBtn2.id} className={child.bottomBtn2.classList}>{child.bottomBtn2.text} </div>\r\n                        </div>\r\n                        }\r\n                         {(child.videoBtn != undefined && child.soundBtn) && <div id=\"soundvideoDiv\">\r\n                           <div id={child.videoBtn.id} className={child.videoBtn.classList}>{child.videoBtn.text} </div>\r\n                           <div id={child.soundBtn.id} className={child.soundBtn.classList}>{child.soundBtn.text} </div>\r\n                        </div>\r\n                        }\r\n                     </div>\r\n                  </div>\r\n               ))\r\n               }\r\n         </>, document.getElementById('calloutContainer')\r\n         )}\r\n         <div className=\"content1\" id={`content1-${item.id}`}>\r\n            <div id={`hotspot_${item.id}`}>\r\n\r\n               {item.content && item.content.map((child,key) => (\r\n                  <div key={key} className='popuptogglebtn' data-id={child.dataId}>\r\n                     <p>\r\n                        {/* {child.heading} */}\r\n                        { ReactHtmlParser(child.heading) }\r\n                     </p>\r\n                     {child.subheading !== undefined &&\r\n                        <p className='subheading'>\r\n                          {/* {child.heading}   */}\r\n                           {ReactHtmlParser(child.subheading)}\r\n                        </p>\r\n                     }\r\n                     <h5 className='listItem1'>\r\n                        {/* {child.text} */}\r\n                        { ReactHtmlParser(child.text) }\r\n                        <ul>\r\n                           {child.content2 && child.content2.map((content2, key) => {\r\n                              return (\r\n                                 <li key={key} className='submenutext'>{content2}</li>\r\n                              )\r\n                           })\r\n                           }\r\n                        </ul>\r\n\r\n                     </h5>\r\n                     { child.text1 !== undefined && \r\n                        <h5 className='listItem2'>\r\n                        {/* {child.text2} */}\r\n                        { ReactHtmlParser(child.text1) }\r\n                        </h5>\r\n                     }  \r\n                       { child.text2 !== undefined && \r\n                        <h5 className='listItem3'>\r\n                        {/* {child.text2} */}\r\n                        { ReactHtmlParser(child.text2) }\r\n                        </h5>\r\n                     }  \r\n                     { child.text3 !== undefined && \r\n                        <h5 className='listItem4'>\r\n                        {/* {child.text3} */}\r\n                        { ReactHtmlParser(child.text3) }\r\n                        </h5>\r\n                     } \r\n                     { child.text4 !== undefined && \r\n                        <h5 className='listItem5'>\r\n                        {/* {child.text4} */}\r\n                        { ReactHtmlParser(child.text4) }\r\n                        </h5>\r\n                     }  \r\n                     { child.text5 !== undefined && \r\n                        <h5 className='listItem6'>\r\n                        {/* {child.text4} */}\r\n                        { ReactHtmlParser(child.text5) }\r\n                        </h5>\r\n                     }  \r\n                     { child.text6 !== undefined && \r\n                        <h5 className='listItem7'>\r\n                        {/* {child.text4} */}\r\n                        { ReactHtmlParser(child.text6) }\r\n                        </h5>\r\n                     }  \r\n                      { child.text7 !== undefined && \r\n                        <h5 className='listItem8'>\r\n                        {/* {child.text4} */}\r\n                        { ReactHtmlParser(child.text7) }\r\n                        </h5>\r\n                     } \r\n                      { child.text8 !== undefined && \r\n                        <h5 className='listItem9'>\r\n                        {/* {child.text4} */}\r\n                        { ReactHtmlParser(child.text8) }\r\n                        </h5>\r\n                     } \r\n                      { child.text9 !== undefined && \r\n                        <h5 className='listItem10'>\r\n                        {/* {child.text4} */}\r\n                        { ReactHtmlParser(child.text9) }\r\n                        </h5>\r\n                     } \r\n                      { child.text10 !== undefined && \r\n                        <h5 className='listItem11'>\r\n                        {/* {child.text4} */}\r\n                        { ReactHtmlParser(child.text10) }\r\n                        </h5>\r\n                     } \r\n                      { child.text11 !== undefined && \r\n                        <h5 className='listItem12'>\r\n                        {/* {child.text4} */}\r\n                        { ReactHtmlParser(child.text11) }\r\n                        </h5>\r\n                     } \r\n                     {child.vproicon !== undefined && \r\n                     <img className={`vpro_logo_mob`} src={child.vproicon} />\r\n                     }      \r\n                     {child.intelicon !== undefined &&\r\n                       <img className={`intel_logo_mob`} src={child.intelicon} />\r\n                    }\r\n                      {child.intelcoreicon !== undefined &&\r\n                        <img className={`intel_core_logo_mob`} src={child.intelcoreicon} />\r\n                     }     \r\n                         {child.intelcoreiconwith7 !== undefined &&\r\n                        <img className={`intel_core_logo_mob`} src={child.intelcoreiconwith7} />\r\n                     }      \r\n                      {/* {(window.mob || window.isipad && window.innerHeight > window.innerWidth) && item.content && item.id == 'Render_Cam_Smart_Care_F50' ? <div id=\"penButtondiv\">\r\n                        <div id=\"left_port\" className=\"active\">Left Port </div>\r\n                        <div id=\"right_port\" className=\"\">Right Port </div>\r\n                     </div>\r\n                        : ''}   */}\r\n                        \r\n                        {/* {(window.mob || window.isipad && window.innerHeight > window.innerWidth) && item.content && item.id == 'immersive_sound_and_video' ? <div id=\"soundvideoDiv\">\r\n                        <div id=\"video_port\" className=\"active\">Video </div>\r\n                        <div id=\"sound_port\" className=\"\">Sound </div>\r\n                     </div>\r\n                        : ''}   */}\r\n                  </div>\r\n               ))\r\n               }\r\n              \r\n            </div>\r\n         </div>\r\n      </div>\r\n         : <div className={`skin_menu`} id={item.id}>\r\n            <ListItem button onClick={() => { handlecameraClick(item.id,item.type,item.sequenceName) }} title={item.name}>\r\n               <div className='skin_icon'>\r\n                  <img className='' src={item.icon} />\r\n               </div>\r\n            </ListItem>\r\n         </div>\r\n   );\r\n};\r\nexport default SingleLevel","import React,{ useEffect,useState } from 'react';\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport { hasChildren } from \"./utils\";\r\nimport SingleLevel from './SingleLevel';\r\nimport \"./MultiLevel.css\";\r\n\r\nexport const MenuItem = ({ item,setskin_menu }) => {\r\n   // console.log('MenuItem called....')\r\n   const Component = hasChildren(item) ? MultiLevel : SingleLevel;\r\n   return <Component setskin_menu={setskin_menu} item={item} />;\r\n};\r\nexport const MultiLevel = ({ item,setskin_menu }) => {\r\n   const [orentation,setOrentation] = useState((window.mob || window.isipad) && window.innerHeight > window.innerWidth ? 0 : 90)\r\n   const { items: children } = item;\r\n   const [open,setOpen] = useState(false);\r\n   const arbuttonName = ((navigator.userAgent.indexOf(\"iPhone\") != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\") || window.detectIpadDevice()) || (navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1)) ? 'btnXR-iphone' : 'btnXR';\r\n   useEffect(() => {\r\n      \r\n      if (item.id === \"Exterior\") {\r\n         document.getElementById(\"Exterior\").classList.remove('MuiCollapse-hidden');\r\n         document.getElementById(\"Exterior\").classList.add('MuiCollapse-entered');\r\n         document.getElementById(\"Interior\").classList.remove('MuiCollapse-entered');\r\n         document.getElementById(\"Exterior\").previousSibling.classList.add('menuActive');\r\n      }\r\n      document.getElementById(\"Exterior\").previousSibling.classList.add('mainMenuAccordion');\r\n      document.getElementById(\"Interior\").previousSibling.classList.add('mainMenuAccordion');\r\n      document.getElementById(\"menubtnxr\").previousSibling.classList.add('mainMenuAccordion');\r\n      \r\n     \r\n         if (window.innerHeight > window.innerWidth) {\r\n            setOrentation(90);\r\n          \r\n         } else {\r\n            setOrentation(0);\r\n         }\r\n   },[]);\r\n\r\n   const handleClick = (menuname, sequenceName) => {         \r\n      window.soundViewClick = false;\r\n      window.sharpClickNav = false;\r\n      if (!window.menuClick) return;\r\n      window.currentPosition = '';\r\n      window.hidePopUp();\r\n      clearTimeout(window.clearTime);\r\n      // console.log(sequenceName);\r\n      sequenceName && window.scene.applySequence(window[sequenceName]);\r\n      window.hideAllPopup();\r\n      window.hideActivePopup();\r\n      clearInterval(window.Interval1);  \r\n      clearInterval(window.Interval1);\r\n      clearInterval(window.Interval2);\r\n      window.scene._nav.SetRotationCenter([0,0,0]);\r\n      window.scene._nav._fRotMinLimitConst = 0.3;      \r\n      window.scene.groupApplyState(\"Dcover_ON\");\r\n      if (document.getElementById(\"auraedition_logo\") != undefined) document.getElementById(\"auraedition_logo\").style.display = \"none\";\r\n      var getBodyTag = document.getElementsByTagName(\"body\")[0];                    \r\n      var getBodyClass = getBodyTag.classList.contains('desktopdevice');  \r\n      if (!window.mob || (window.isipad && window.innerWidth > window.innerHeight) || getBodyClass) {\r\n         var exteriorMenu = document.querySelector(\"#Exterior .MuiList-root\");\r\n         var exteriorMenuHeight = exteriorMenu.clientHeight;\r\n         var menuInterior = document.querySelector(\"#menuInterior .MuiList-root\");\r\n         var menuInteriorHeight = menuInterior.clientHeight;\r\n      }\r\n     \r\n      if (window.mob || (window.isipad && window.innerHeight > window.innerWidth)) {  \r\n         const mob_skin_icon = document.getElementsByClassName(\"mob_skin_icon\");\r\n         for (let i = 0; i < mob_skin_icon.length; i++) {\r\n            mob_skin_icon[i].style.display = 'none';\r\n            mob_skin_icon[i].classList.remove('active');\r\n         }\r\n         setskin_menu(false); \r\n      }\r\n      if (menuname === 'Exterior') {\r\n         if(document.getElementById(\"intel_ultra_logo\") != undefined) document.getElementById(\"intel_ultra_logo\").style.display = \"block\";\r\n         let hotspotsActive = [...document.querySelectorAll(\".hotspots\")];\r\n      hotspotsActive.forEach(ele => {\r\n            ele.style.display = \"flex\";\r\n      });\r\n         if(window.mob || window.isipadPortrait){\r\n            setTimeout(() => {\r\n               if(document.getElementById(\"exterior_text_mob\") != undefined) document.getElementById(\"exterior_text_mob\").style.display = \"block\";\r\n            }, 800);\r\n         }\r\n         else {  \r\n            setTimeout(() => {\r\n               if(document.getElementById(\"exterior_title\") != undefined) document.getElementById(\"exterior_title\").style.display = \"block\";\r\n               if(document.getElementById(\"exterior_text_mob\") != undefined) document.getElementById(\"exterior_text_mob\").style.display = \"none\";\r\n            }, 1000);          \r\n            \r\n         }\r\n         \r\n         if (!window.mob || (!window.isipad && window.innerHeight > window.innerWidth) || getBodyClass) {\r\n            document.getElementById('Interior').style.height = \"0px\";            \r\n            document.getElementById('Exterior').style.height = exteriorMenuHeight + \"px\";\r\n         }\r\n         window.scene.groupApplyState('PHONE_OFF');   \r\n         if(document.getElementById(\"vibarntScreen16_10\") != undefined) document.getElementById(\"vibarntScreen16_10\").style.display = \"none\";\r\n         if(document.getElementById(\"vibarntScreen16_9\") != undefined) document.getElementById(\"vibarntScreen16_9\").style.display = \"none\";\r\n         window.scene.groupApplyState('Screen_Dimension_OFF');\r\n         window.hideAllPopup();\r\n         window.fRotMinLimitVal = 0.20;\r\n         if (window.mob || window.isipad) {\r\n            setTimeout(() => {\r\n               if(document.querySelector('.MuiCollapse-wrapper')){\r\n                  document.querySelectorAll('.MuiCollapse-wrapper').forEach(wrapeer => wrapeer.scrollTo({behavior:'smooth',top:0}))\r\n               }\r\n            }, 500);\r\n         }\r\n         if (document.getElementById(\"FullDesktop\") != null) document.getElementById(\"FullDesktop\").classList.add('active');\r\n         if (document.getElementById(\"TopDesktop\") != null) document.getElementById(\"TopDesktop\").classList.remove('active');\r\n         document.getElementById(\"Exterior\").classList.remove('MuiCollapse-hidden');\r\n         document.getElementById(\"Exterior\").classList.add('MuiCollapse-entered');\r\n         document.getElementById(\"Interior\").classList.remove('MuiCollapse-entered');\r\n         document.getElementById(\"Interior\").previousSibling.classList.remove('menuActive');\r\n         document.getElementById(\"Exterior\").previousSibling.classList.add('menuActive');\r\n         if (window.selectedMenu.cameraType != 'exterior') { window.fadeIn(window.reset) }\r\n         else {window.reset() } \r\n         window.selectedMenu.cameraType = 'exterior';\r\n         // window.GotoPosInTimeNamedValue(window.config.cameraReset,function () {\r\n         //    window.selectedMenu.active = 'Render_Cam_FL_F50';\r\n         //    window.scene.groupApplyState('Internal_OFF');\r\n         // });\r\n            setTimeout(window.fadeOut,1000)\r\n\r\n         const content1 = document.getElementsByClassName(\"content1\");\r\n         for (let i = 0; i < content1.length; i++) {\r\n            content1[i].style.maxHeight = null;\r\n         }\r\n\r\n         // window.RT_RecordEvent(\"Exterior\", \"Exterior\", window.configProduct.name);\r\n         window.navLimits.minDolly = 50;\r\n         window.navLimits.maxDolly = 150;\r\n         window.navLimits.panLeft = 10;\r\n         window.navLimits.panRight = -5;\r\n         window.navLimits.panTop = 3;\r\n         window.navLimits.panBottom = 11; \r\n         window.updateZoombar(123, 137);\r\n         window.scene.clearRefine();\r\n\r\n      } \r\n      else if (menuname === 'Interior') {\r\n         if(document.getElementById(\"intel_ultra_logo\") != undefined) document.getElementById(\"intel_ultra_logo\").style.display = \"none\";\r\n         let hotspotsActive = [...document.querySelectorAll(\".hotspots\")];\r\n         hotspotsActive.forEach(ele => {\r\n           if(ele){\r\n               ele.style.display = \"none\";\r\n           }\r\n         });\r\n         if (window.mob || window.isipad) {\r\n            setTimeout(() => {\r\n               if(document.querySelector('.MuiCollapse-wrapper')){\r\n                  document.querySelectorAll('.MuiCollapse-wrapper').forEach(wrapeer => wrapeer.scrollTo({behavior:'smooth',top:0}))\r\n               }\r\n            }, 500);\r\n         }\r\n         if(window.mob || window.isipadPortrait){\r\n            if(document.getElementById(\"exterior_text_mob\") != undefined) document.getElementById(\"exterior_text_mob\").style.display = \"none\";\r\n         }else {\r\n            if(document.getElementById(\"exterior_title\") != undefined) document.getElementById(\"exterior_title\").style.display = \"none\";\r\n            if (document.getElementById(\"exterior_text_mob\")) document.getElementById('exterior_text_mob').style.display = 'none';\r\n         }\r\n         window.hideAllPopup();        \r\n         if (!window.mob || (!window.isipad && window.innerHeight > window.innerWidth) || getBodyClass) {\r\n            document.getElementById('Exterior').style.height = \"0px\";\r\n            document.getElementById('Interior').style.height = menuInteriorHeight + 20 + \"px\";\r\n         } \r\n         document.getElementById('Exterior').style.height = \"0px\";\r\n         window.scene.setMaterialTransition(true, false, 200);\r\n               window.scene.groupApplyState('Internal_ON');\r\n               // window.scene.groupApplyState('SCREENFILL_HERO');\r\n         // window.fRotMinLimitVal = 0.02;\r\n         // window.scene.groupApplyState('Skin_off');\r\n         document.getElementById(\"Interior\").classList.remove('MuiCollapse-hidden');\r\n         document.getElementById(\"Exterior\").classList.remove('MuiCollapse-entered');\r\n         document.getElementById(\"Interior\").classList.add('MuiCollapse-entered');\r\n         document.getElementById(\"Exterior\").previousSibling.classList.remove('menuActive');\r\n         document.getElementById(\"Interior\").previousSibling.classList.add('menuActive');\r\n         window.animStoped = false;\r\n         if (window.selectedMenu.cameraType != 'interior') { window.fadeIn(window.interiorClick); }\r\n         else { window.interiorClick() }\r\n                  \r\n         window.selectedMenu.cameraType = 'interior';      \r\n         //    window.GotoPosInTimeNamedValue(window.config.cameraInterior,(function () {               \r\n         //       window.selectedMenu.active = window.config.cameraInterior;\r\n         //    }));\r\n\r\n            setTimeout (function (){\r\n               // window.scene.animPlayInTime('LE_2291', 0, 0);\r\n               // window.scene.animPlayInTime('Ref_Mesh', 0, 0);\r\n               // window.scene.animPlayInTime('LE_2291_ThinkPad_T14s_Gen_6', 130, 0);\r\n               // window.scene.animPlayInTime('MOTHERBOARD_1', 130, 0);\r\n               // window.scene.animPlayInTime('MOTHERBOARD_2', 130, 0);\r\n               // window.scene.animPlayInTime('THARMAL', 130, 0);\r\n               // window.scene.animPlayInTime('D_COVER', 130, 0);\r\n               // window.scene.animPlayInTime('LE_2291_ThinkPad_T14s_Gen_6', 150, 0);\r\n               // window.scene.animPlayInTime('LE_2291', 150, 0);\r\n               // window.scene.animPlayInTime('SCREEN.001', 150, 0);\r\n               // window.scene.animPlayInTime('MOTHERBOARD_1', 150, 0);\r\n               // window.scene.animPlayInTime('MOTHERBOARD_2', 150, 0);\r\n               // window.scene.animPlayInTime('THARMAL', 150, 0);\r\n               // window.scene.animPlayInTime('D_COVER', 150, 0);\r\n               window.scene.clearRefine()\r\n            },800) \r\n         \r\n         setTimeout(window.fadeOut,1000)\r\n         window.navLimits.minDolly = 75;\r\n         window.navLimits.maxDolly = 200;\r\n         window.navLimits.panLeft = 10;\r\n         window.navLimits.panRight = -15;\r\n         window.navLimits.panTop = 10;\r\n         window.navLimits.panBottom = 24;      \r\n         window.updateZoombar(136, 150);\r\n\r\n         const content2 = document.getElementsByClassName(\"content1\");\r\n         for (let i = 0; i < content2.length; i++) {\r\n            content2[i].style.maxHeight = null;\r\n         }\r\n\r\n         // window.RT_RecordEvent(\"Explode\",\"Explode View\",window.configProduct.name);\r\n         window.scene.clearRefine();\r\n      }\r\n      \r\n      else {\r\n         document.getElementById(\"Interior\").classList.remove('MuiCollapse-hidden');\r\n         document.getElementById(\"Interior\").previousSibling.classList.remove('menuActive');\r\n\r\n         document.getElementById(\"Exterior\").previousSibling.classList.remove('menuActive');\r\n\r\n      }\r\n      setTimeout(() => {\r\n\r\n         const collection = document.getElementsByClassName(\"menu\");\r\n         for (let i = 0; i < collection.length; i++) {\r\n            collection[i].classList.remove('active');\r\n         }\r\n      },1000);\r\n\r\n      window.resetpop();\r\n      window.calloutPositionReset();\r\n      setTimeout(function(){\r\n         window.updateZoomSlider(window.sliderEl3, window.scene._nav.getZoomFactor());\r\n      },2000);\r\n\r\n   };\r\n\r\n   return (\r\n      <div className=\"menu \" id={item.id == 'btnXR' ? arbuttonName : 'menu' + item.id} style={item.id == 'btnXR' ? { 'display': 'none' } : {}}>\r\n         <ListItem button onClick={() => { handleClick(item.id, item.sequenceName) }}>\r\n            {(window.mob || window.innerHeight > window.innerWidth) ?\r\n               <div className=\"MuiListItemIcon-root\">\r\n                  <img className={`icondiv${item.id}`} src={item.icon} />\r\n               </div>\r\n               : <div className=\"MuiListItemIcon-root\">\r\n               <img className={`icondiv${item.id}`}  />\r\n            </div>\r\n              }\r\n            <div className=\"title\">\r\n               <ListItemText primary={item.id == 'Interior' && (window.mob || window.innerHeight > window.innerWidth) ? 'Explode' : item.title} />\r\n            </div>\r\n         </ListItem>\r\n         <Collapse in={open} id={item.id == 'btnXR' ? 'menubtnxr' : item.id} timeout=\"auto\" >\r\n            <List component=\"div\" >\r\n               {children.map((child, key) => (\r\n                  <MenuItem key={key} item={child} />\r\n               ))}\r\n            </List>\r\n         </Collapse>\r\n      </div>\r\n   );\r\n};\r\n//  export default MultiLevel\r\n","export function hasChildren(item) {\r\n   const { items: children } = item;\r\n\r\n   if (children === undefined) {\r\n      return false;\r\n   }\r\n\r\n   if (children.constructor !== Array) {\r\n      return false;\r\n   }\r\n\r\n   if (children.length === 0) {\r\n      return false;\r\n   }\r\n\r\n   return true;\r\n}\r\n","async function httprequesthandler(url) {\r\n    const response = await fetch(url);\r\n    const data = await response.json();\r\n    return data;\r\n  }\r\n  \r\n  // 👇️ named exports\r\n  export {httprequesthandler};","import React,{ useEffect,useState } from \"react\";\r\nimport \"./App.css\";\r\nimport logo from \"./thinkpad-logo.svg\";\r\n// import qr from window.location.origin +\"/img/qrcode.svg\";\r\n\r\nimport { sideMenu } from \"./sideMenu\";\r\nimport { MenuItem } from './MultiLevel';\r\nimport { httprequesthandler } from './httprequesthandler';\r\nfunction useForceUpdate(){\r\n   const [value, setValue] = useState(0); // integer state\r\n   return () => setValue(value => value + 1); // update state to force render\r\n}\r\nfunction App() {\r\n   const forceUpdate = useForceUpdate();\r\n   const [orentation,setOrentation] = useState((window.mob || window.isipad) && window.innerHeight > window.innerWidth ? 90 : 0)\r\n\r\n   const [skin_menu,setskin_menu] = useState(false);\r\n   const mobIpadPotrait = (window.mob && orentation == 90) || (window.isipad && orentation == 90);\r\n   const [appData, setAppData] = useState([]);\r\n   const [appDataDummy, setappDataDummy] = useState([]);\r\n   \r\n\r\n   const datafetch = () => {\r\n      httprequesthandler('data.json').then(function (data) {\r\n          var content;\r\n          content = data.EN.filter(val => val.menuVisibility !== 'hide')\r\n            return content;\r\n      }).then(function (content) {\r\n\r\n          setAppData(content);\r\n          \r\n\r\n      });\r\n  }\r\n\r\n  useEffect(() => {\r\n   if (appData.length == 0) {\r\n       datafetch();\r\n   }\r\n}, []);\r\n\r\nwindow.globalAppData = appData\r\nuseEffect(() => {\r\n   setappDataDummy(appData);\r\n}, [appData])\r\n   const handleClick = (divname) => {\r\n      const collection = document.getElementsByClassName(\"mob_skin_icon\");\r\n      for (let i = 0; i < collection.length; i++) {\r\n         collection[i].classList.remove('active');\r\n      }\r\n      document.getElementById(divname).classList.add('active');\r\n      window.changeSkin(divname);\r\n   }\r\n  \r\n   useEffect(() => {\r\n      window.addEventListener(\"orientationchange\",event => {\r\n         if (window.innerHeight > window.innerWidth) {\r\n            setOrentation(0);\r\n         } else {\r\n            setOrentation(90);\r\n\r\n         }\r\n      });\r\n      \r\n   },[]);\r\n\r\n    return (\r\n      <>\r\n         <div id=\"leftMenu\">\r\n            <div className=\"logo_div\">\r\n               <img className=\"\" alt=\"\" src={logo} />\r\n            </div>\r\n            <div className=\"title_div\" style={{width: '210px'}}>\r\n               <h2>ThinkPad X1 Carbon Gen 13</h2>\r\n            </div>          \r\n            {/* <div className=\"main_menu\">\r\n               {sideMenu.map((item,key) =>\r\n                  <MenuItem setskin_menu={setskin_menu} key={key} item={item} />\r\n               )}\r\n            </div> */}\r\n            <div className=\"main_menu\">\r\n            {appData.map((item,key) =>{\r\n                return  <MenuItem setskin_menu={setskin_menu} key={key} item={item} />\r\n            }\r\n               )}\r\n\r\n            </div>\r\n            { (!window.mob && !window.isipad) && <div className=\"QR_div\" id='qrCode'>\r\n               <h5>SCAN QR CODE</h5>\r\n               <img className=\"\" alt=\"\" src=\"./img/qrcode.svg\" />\r\n               <p>View the ThinkPad X1 Carbon Gen 13<br/>in your environment</p>\r\n            </div> }\r\n\r\n         </div>\r\n      </>\r\n   );\r\n}\r\n\r\n\r\nexport default App;\r\n","//require('file-loader?name=[name].[ext]!./index.html');\r\nimport React, { Fragment } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\n\r\nReactDOM.render(\r\n  <Fragment>\r\n    <App />\r\n  </Fragment>\r\n  ,\r\n  document.getElementById('root')\r\n);\r\n\r\n"],"sourceRoot":""}