{"version":3,"sources":["thinkbook_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","batteryViewClick","undefined","document","getElementById","style","display","scene","_nav","_fRotMinLimitConst","SetRotationCenter","hideAllPopup","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","scrollHeight","selectedMenu","fadeIn","stylish_impressive_design","active","most_intelligent_windows_PC","ai_accelerated_productivity","Reset_View_F14","Ultra_Connectivity_01_F13","ThinkPad_T14s_Gen_6_Copilot_PC","game_changing_ai_performance","Render_Cam_F60_Processor","Render_Cam_F110_Intel_Chip_New","immersive_sound_and_video","versatility_with_full_connectivity_ports","Render_Cam_F60_Exhaust_Fins","Render_Cam_F110_GPU","optimizing_workloads_for_productivity","stronger_data_protection","all_day_battery_life","enhanced_experiences","Render_Cam_Sound_Video_F104_01","applySequence","previousSibling","changeSkin","fRotMinLimitVal","updateNavigation","resetpop","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","animPlayInTime","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.9528fd31.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/thinkbook_logo.feb64fdf.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   // const [menuList,setMenuList] = useState([]);\r\n   //  let outerData = [];\r\n\r\n   //    fetch('./data.json')\r\n   //    .then(response => response.json())\r\n   //    .then(data => {\r\n   //       // console.log(data[\"EN\"])\r\n   //       setMenuList(data);\r\n   //    })\r\n   //    .catch(error => {\r\n   //       console.error('Error:', error);\r\n   //    });\r\n   //    // console.log(menuList)\r\n   // // const [menuActive,setmenuActive]\r\n   var animTime = 1;\r\n   var cameraType = null;\r\n   const handlecameraClick = (divname,itemtype,sequenceName) => {      \r\n       window.soundViewClick = false;\r\n       window.batteryViewClick = false;\r\n      // alert(sequenceName)\r\n      // setTimeout(() => {\r\n         // sequenceName && window.scene.applySequence(window[sequenceName]);   \r\n         // console.log(sequenceName)      \r\n      // }, 1000);\r\n      // if(window.mob || window.isipadPortrait){\r\n         if(document.getElementById(\"exterior_title\") != undefined) document.getElementById(\"exterior_title\").style.display = \"none\";\r\n         if (document.getElementById(\"exterior_copilot_logo\") != undefined) document.getElementById(\"exterior_copilot_logo\").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(\"snapdragon_logo_text_wrapper\") != undefined) document.getElementById(\"snapdragon_logo_text_wrapper\").style.display = \"none\";\r\n      // }\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      // console.log(divname,itemtype)\r\n\r\n      // if(window.mob || window.isipadPortrait){\r\n\r\n      //    if(divname === \"Render_Cam_F50_OLED_Display_02\"){\r\n      //       // alert('25')\r\n      //       setTimeout(() => {\r\n      //          console.log(document.getElementById('calloutbox_wrapper'));\r\n      //          if(document.getElementById('calloutbox_wrapper')) document.getElementById('calloutbox_wrapper').style = 'display:block !important'\r\n      //       }, 1800);\r\n      //    }else{\r\n      //       if(document.getElementById('calloutbox_wrapper')) document.getElementById('calloutbox_wrapper').style.display = \"none\"\r\n      //    }\r\n      // }\r\n\r\n      // document.getElementById(\"exterior_text_mob\").style.display = \"none\";\r\n      window.hideAllPopup();\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 = content.scrollHeight + \"px\";\r\n            }\r\n\r\n         }\r\n         //console.log((divname)\r\n\r\n         if (divname === \"stylish_impressive_design\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.stylish_impressive_design) }\r\n            else { window.stylish_impressive_design() }\r\n            window.selectedMenu.active = 'Render_Cam_Thinner_Design_F70';\r\n         }\r\n\r\n         else if (divname === \"most_intelligent_windows_PC\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.most_intelligent_windows_PC) }\r\n            else { window.most_intelligent_windows_PC() }\r\n            window.selectedMenu.active = 'Render_Cam_Copilot_F48';\r\n         }\r\n\r\n         else if (divname === \"ai_accelerated_productivity\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.ai_accelerated_productivity) }\r\n            else { window.ai_accelerated_productivity() }\r\n            window.selectedMenu.active = 'Render_Cam_AI_F49';\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\r\n         else if (divname === \"Ultra_Connectivity_01_F13\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Ultra_Connectivity_01_F13) }\r\n            else { window.Ultra_Connectivity_01_F13() }\r\n            window.selectedMenu.active = 'Ultra_Connectivity_01_F13';\r\n         }\r\n\r\n         else if (divname === \"ThinkPad_T14s_Gen_6_Copilot_PC\") {\r\n            cameraType = 'exterior';\r\n            window.scene._bDoF = false;\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.ThinkPad_T14s_Gen_6_Copilot_PC) }\r\n            else { window.ThinkPad_T14s_Gen_6_Copilot_PC() }\r\n            window.selectedMenu.active = 'ThinkPad_T14s_Gen_6_Copilot_PC';\r\n         }\r\n\r\n         else if (divname === \"game_changing_ai_performance\") {\r\n            cameraType = 'interiorSnapdragon';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.game_changing_ai_performance) }\r\n            else { window.game_changing_ai_performance() }\r\n            window.selectedMenu.active = 'Render_Cam_CPU_02_F120';\r\n         }\r\n\r\n         else if (divname === \"Render_Cam_F60_Processor\") {\r\n            cameraType = 'interior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_F60_Processor) }\r\n            else { window.Render_Cam_F60_Processor() }\r\n            window.selectedMenu.active = 'Render_Cam_F60_Processor';\r\n         }\r\n\r\n         else if (divname === \"Render_Cam_F110_Intel_Chip_New\") {\r\n            cameraType = 'interiorflip';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_F110_Intel_Chip_New) }\r\n            else { window.Render_Cam_F110_Intel_Chip_New() }\r\n            window.selectedMenu.active = 'Render_Cam_F110_Intel_Chip_New';\r\n         }\r\n\r\n         else if (divname === \"immersive_sound_and_video\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.immersive_sound_and_video) }\r\n            else { window.immersive_sound_and_video() }\r\n            window.selectedMenu.active = 'Render_Cam_Video_PC_F49';\r\n         }\r\n         else if (divname === \"versatility_with_full_connectivity_ports\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.versatility_with_full_connectivity_ports) }\r\n            else { window.versatility_with_full_connectivity_ports() }\r\n            window.selectedMenu.active = 'Render_Cam_Left_Ports_F50';\r\n         }\r\n         else if (divname === \"Render_Cam_F60_Exhaust_Fins\") {\r\n            cameraType = 'interior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_F60_Exhaust_Fins) }\r\n            else { window.Render_Cam_F60_Exhaust_Fins() }\r\n            window.selectedMenu.active = 'Render_Cam_F60_Exhaust_Fins';\r\n         }\r\n\r\n         else if (divname === \"Render_Cam_F110_GPU\") {\r\n            cameraType = 'interiorflip';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_F110_GPU) }\r\n            else { window.Render_Cam_F110_GPU() }\r\n            window.selectedMenu.active = 'Render_Cam_F110_GPU';\r\n         }\r\n\r\n         else if (divname === \"optimizing_workloads_for_productivity\") {\r\n            cameraType = 'interiorSnapdragon';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.optimizing_workloads_for_productivity) }\r\n            else { window.optimizing_workloads_for_productivity() }\r\n            window.selectedMenu.active = 'Render_Cam_CPU_03_F120';\r\n         }\r\n         else if (divname === \"stronger_data_protection\") {\r\n            cameraType = 'interiorSnapdragon';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.stronger_data_protection) }\r\n            else { window.stronger_data_protection() }\r\n            window.selectedMenu.active = 'Render_Cam_Microsoft_F120_01';\r\n         }\r\n         else if (divname === \"all_day_battery_life\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.all_day_battery_life) }\r\n            else { window.all_day_battery_life() }\r\n            window.selectedMenu.active = 'Render_Cam_All_Day_battery_life_F46';\r\n         }\r\n         else if (divname === \"enhanced_experiences\") {\r\n            cameraType = 'exterior';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.enhanced_experiences) }\r\n            else { window.enhanced_experiences() }\r\n            window.selectedMenu.active = 'Render_Cam_Keyboard_Touchpad_F50';\r\n         }\r\n         else if (divname === \"Render_Cam_Sound_Video_F104_01\") {\r\n            cameraType = 'soundCam';\r\n            if (window.selectedMenu.cameraType != cameraType) { window.fadeIn(window.Render_Cam_Sound_Video_F104_01) }\r\n            else { window.Render_Cam_Sound_Video_F104_01() }\r\n            window.selectedMenu.active = 'Render_Cam_Sound_Video_F104_01';\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      window.fRotMinLimitVal = 0.02;\r\n      window.updateNavigation(divname);\r\n      window.resetpop();\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];\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                     <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                        \r\n                      {(window.mob || window.isipad && window.innerHeight > window.innerWidth) && item.content && item.id == 'versatility_with_full_connectivity_ports' ? <div id=\"penButtondiv\">\r\n                        <div id=\"left_port\" className=\"active\">Left Ports </div>\r\n                        <div id=\"right_port\" className=\"\">Right Ports </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.batteryViewClick = false;\r\n      if (!window.menuClick) return;\r\n      window.currentPosition = '';\r\n      window.hidePopUp();\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.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(\"exterior_copilot_logo\") != undefined) document.getElementById(\"exterior_copilot_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            if(document.getElementById(\"exterior_text_mob\") != undefined) document.getElementById(\"exterior_text_mob\").style.display = \"block\";\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               if (document.getElementById(\"snapdragon_logo_text_wrapper\") != undefined) document.getElementById(\"snapdragon_logo_text_wrapper\").style.display = \"block\";\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,1200)\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 = -15;\r\n         window.navLimits.panTop = 3;\r\n         window.navLimits.panBottom = 13; \r\n         window.updateZoombar(123, 141);\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            if (document.getElementById(\"snapdragon_logo_text_wrapper\") != undefined) document.getElementById(\"snapdragon_logo_text_wrapper\").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,1300)\r\n         window.navLimits.minDolly = 85;\r\n         window.navLimits.maxDolly = 250;\r\n         window.navLimits.panLeft = 15;\r\n         window.navLimits.panRight = -28;\r\n         window.navLimits.panTop = 8;\r\n         window.navLimits.panBottom = 40;      \r\n         window.updateZoombar(129, 143);\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 \"./thinkbook_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>ThinkBook 16 G7 (Snapdragon)</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 ThinkBook 16 G7 <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":""}