{"version":3,"sources":["components/Searchbar.js","Images/searchico.png","components/SearchModal.js","App.js","reportWebVitals.js","index.js"],"names":["CustomSearchBox","connectSearchBox","currentRefinement","refine","isSearchStalled","noValidate","action","role","onSubmit","e","preventDefault","src","className","type","placeholder","value","onChange","event","currentTarget","autoFocus","SearchModal","props","React","useState","theList","setList","setShowResult","domNode1","handler","useRef","useEffect","maybeHandler","current","contains","target","document","addEventListener","removeEventListener","useClickOutside1","id","queryString","parse","location","search","host","toggleState","setToggleState","getTitleFromHierarchy","hit","title","i","hierarchy","lvl0","getLeastLevelFromHierarchy","splitHubUrl","url","split","replace","toggleTab","index","CustomHits","connectHits","hits","count","length","console","log","map","includes","last","str2","description","onClick","window","open","Row","Col","xs","style","objectID","lang","product","connectPagination","nbPages","createURL","Array","fill","_","page","fontWeight","href","ref","color","class","height","Index","indexName","Configure","hitsPerPage","App","setOpen","searchClient","algoliasearch","domNode","useClickOutside","InstantSearch","exact","path","component","Modal","to","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.81cc7fec.chunk.js","sourcesContent":["import { connectSearchBox } from 'react-instantsearch-dom';\r\n// import SearchIcon from '@material-ui/icons/Search';\r\nimport SearchIcon from '../Images/searchico.png';\r\nimport \"./Modal.css\";\r\nimport React from \"react\";\r\n\r\nconst SearchBox = ({ currentRefinement, isSearchStalled, refine }) => {\r\n  \r\n  // const inputRef = React.useRef();\r\n\r\n\r\n  // const onClick = () => {\r\n  //   inputRef.current.value = \"\";\r\n  //   refine(inputRef.current.value);\r\n  // }\r\n\r\n  return (<form noValidate action=\"\" role=\"search\" onSubmit={e => { e.preventDefault(); }}>\r\n    <img src={SearchIcon} className='searchicon'/>\r\n    <input\r\n      className=\"searchbar\"\r\n      type=\"search\"\r\n      placeholder= \"Search (Shift + K)\"\r\n      value={currentRefinement}\r\n      onChange={event => refine(event.currentTarget.value)}\r\n      // onFocus={event => console.log(event)}\r\n      autoFocus\r\n      // ref={inputRef}\r\n    />\r\n    {/* { <button onClick={onClick}>{inputRef.current}</button> } */}\r\n    {/* {isSearchStalled ? '...' : ''} */}\r\n  </form>)\r\n};\r\n\r\nexport const CustomSearchBox = connectSearchBox(SearchBox);\r\n\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFaSURBVHgBlZJNUsJAEIXfS0JKdxwhNxBvoDvABXgCZAO40xuEE8gS2RhPIFYpLoUb6AnkBrLDCpC2Z2IwpSBlVyUz1f2+mekfImcnrfgCZA2CkhBFdb0AEvks3A/7nOa1NL96Zx7E4t3ptkTBDA6HIqKglFQS6Df16R7nYQtW2/GbEaj48mng9/InVzvxGRNeCTnz993DYY8z43dMwJ4q6P6EjI36fkQHp3p7EM+XYeZ3CDbMU0aDQogt9tAvjEmMddtYgyI4Alav2GECTHQpljsSWDDN1H3HP01BmcLeukMoODDr3h7S4mjfbk3ilfNlfRtk2pXootpoXVX/w+uZW5nITaX1G0577D6bfQK3m/ltH8sadGyQgTrGOjUTG02fV/8WM3q89pprMIMJN3QS1r7GLRVrG1bwmm6yCHUIGhnMzTmlJYcWIsvJmM5ylMEbwb+s2l5oTVj7BLbWhFFfLcn+AAAAAElFTkSuQmCC\"","import React, { useState, useEffect, useRef } from \"react\";\r\nimport \"./Modal.css\";\r\nimport \"../App.css\";\r\nimport { connectPagination, Stats } from 'react-instantsearch-dom';\r\nimport LibraryBooksIcon from '@mui/icons-material/LibraryBooks';\r\nimport QueryStatsIcon from '@mui/icons-material/QueryStats';\r\nimport GroupIcon from '@mui/icons-material/Group';\r\nimport queryString from 'query-string';\r\nimport { connectHits } from 'react-instantsearch-dom';\r\nimport { Scrollbar } from \"react-scrollbars-custom\";\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { CustomSearchBox } from \"./Searchbar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n  Index,\r\n  Configure\r\n\r\n} from 'react-instantsearch-dom';\r\nimport { Col, Row } from \"react-bootstrap\";\r\n\r\nlet useClickOutside1 = (handler) => {\r\n  let domNode1 = useRef();\r\n\r\n  useEffect(() => {\r\n    let maybeHandler = (event) => {\r\n      if (domNode1.current && !domNode1.current.contains(event.target)) {\r\n        handler();\r\n      }\r\n    };\r\n    document.addEventListener(\"mousedown\", maybeHandler);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", maybeHandler);\r\n    };\r\n  });\r\n\r\n  return domNode1;\r\n};\r\n\r\nfunction SearchModal(props) {\r\n\r\n  const [theList, setList] = React.useState([]);\r\n  const [resultCount, setResultCount] = React.useState(0);\r\n  const [showResult, setShowResult] = React.useState(5);\r\n\r\n  let domNode1 = useClickOutside1(() => {\r\n    // console.log(\"testmodal\");\r\n    // setModalOpen(false);\r\n  });\r\n  const id = queryString.parse(props.location.search).host === \"docs\" ? 1 : queryString.parse(props.location.search).host === \"learn\" ? 2 : queryString.parse(props.location.search).host === \"hub\" ? 3 : queryString.parse(props.location.search).host === \"support\" ? 4 : 1;\r\n  const [toggleState, setToggleState] = useState(id);\r\n\r\n  const toggleResults = (index) => {\r\n    // setToggleState(index);\r\n  };\r\n\r\n  const showMore = () => {\r\n    setShowResult(showResult+10);\r\n  }\r\n\r\n  const getshowMoreCount = () => {\r\n    return (resultCount - showResult < 0) ? 0 : (resultCount - showResult > 10) ? 10 : resultCount - showResult\r\n  }\r\n\r\n  const handleAdd = (count) => {\r\n    console.log(count);\r\n    setList(...theList, count);\r\n  };\r\n\r\n  const getTitleFromHierarchy = (hit) => {\r\n    var title = \"\";\r\n    for(let i=1; i<=6; i++){\r\n      if(hit.hierarchy[\"lvl\"+i] != null){\r\n        title = (title !=\"\") ? `${title} | ${hit.hierarchy[\"lvl\"+i]}` : hit.hierarchy[\"lvl\"+i];\r\n      }\r\n    }\r\n\r\n    return (title === \"\") ? hit.hierarchy.lvl0 : title;\r\n  }\r\n\r\n  const getLeastLevelFromHierarchy = (hit) => {\r\n    var title = \"\";\r\n    for(let i=0; i<=6; i++){\r\n      if(hit.hierarchy[\"lvl\"+i] != null){\r\n        return hit.hierarchy[\"lvl\"+i];\r\n      }\r\n    }\r\n  }\r\n\r\n  const splitHubUrl = (url) => {\r\n    const keyword = url.split(\".com/\")[1].split(\"/\",1)[0].split(/(\\d+)/)[0].replace(/-/g, ' ');\r\n\r\n    return keyword;\r\n  }\r\n\r\n  const toggleTab = (index) => {\r\n    setShowResult(5);\r\n    setToggleState(index);\r\n  };\r\n  const Hits = ({ hits }) => (\r\n    <ul >\r\n      {() => handleAdd(hits.length)}\r\n      {console.log(theList)}\r\n      {hits.map(hit => {\r\n        var url = hit.url;\r\n        if (typeof hit.url !== 'undefined' && hit.url.includes('learn.cognite.com/path/')) {\r\n          var last = url.split(\"https://learn.cognite.com/path/\");\r\n          var url = \"https://learn.cognite.com/path/\" + last[1];\r\n          var str2 = hit.title;\r\n          var description = hit.description;\r\n        }\r\n\r\n        return typeof hit.url !== 'undefined' && hit.url.includes('learn.cognite.com/path/') ?\r\n          <li className=\"results\" onClick={() => { window.open(url) }} key={hit.objectID}>\r\n            <Row>\r\n              <Col xs={12} className=\"result-title\">\r\n                  {str2}\r\n              </Col>\r\n            </Row>\r\n            <Row>\r\n              <Col xs={12} className=\"result-subtitle\">\r\n                {/* <span>Documentation</span> {(last[1]) ? \" / \" : \"\"}  */}\r\n                <span style={{\"text-transform\":\"capitalize\"}}>\r\n                  {!last[1].includes('/') || last[1].includes('learning-path') ? \"Learning Path\" : \"Course\"}</span> \r\n                  {(hit.description) ? ` / ${hit.description}` : \"\" }\r\n              </Col>\r\n            </Row>\r\n          </li>\r\n          :\r\n          typeof hit.url !== 'undefined' && hit.url.includes('learn.cognite.com/') ?\r\n            <li className=\"results\" onClick={() => { window.open(hit.url) }} key={hit.objectID}>\r\n              <Row>\r\n                <Col xs={12} className=\"result-title\">\r\n                    {hit.title}\r\n                </Col>\r\n              </Row>\r\n              <Row>\r\n                <Col xs={12} className=\"result-subtitle\">\r\n                  <span>Course</span> \r\n                    {(hit.description) ? ` / ${hit.description}` : \"\" }\r\n                </Col>\r\n              </Row>\r\n            </li>\r\n            : typeof hit.url !== 'undefined' && hit.url.includes('https://hub.cognite.com') ?\r\n            <li className=\"results\" onClick={() => { window.open(hit.url) }} key={hit.objectID}>\r\n              <Row>\r\n                <Col xs={12} className=\"result-title\">\r\n                    {hit.title}\r\n                </Col>\r\n              </Row>\r\n              <Row>\r\n                <Col xs={12} className=\"result-subtitle\">\r\n                  <span style={{\"text-transform\":\"capitalize\"}}>\r\n                    {splitHubUrl(hit.url)}</span>\r\n                </Col>\r\n              </Row>\r\n            </li>\r\n            : queryString.parse(props.location.search).lang && hit.lang == queryString.parse(props.location.search).lang ?\r\n            <li className=\"results\" onClick={() => { window.open(hit.url) }} key={hit.objectID}>\r\n              <Row>\r\n                <Col xs={12} className=\"result-subtitle\">\r\n                  <span>{getLeastLevelFromHierarchy(hit)}</span> {(hit.product) ? \" / \" : \"\"} \r\n                  <span style={{\"text-transform\":\"capitalize\"}}>\r\n                    {(hit.product) === \"cdf\" ? \"CDF\" : (hit.product) === \"infield\" ? \"InField\" : (hit.product) === \"bestday\" ? \"BestDay\" : (hit.product) === \"opint\" ? \"Asset Data Insight\" : hit.product}\r\n                  </span> \r\n                    {(hit.description) ? ` / ${hit.description}` : \"\" }\r\n                </Col>\r\n              </Row>\r\n              <Row>\r\n                <Col xs={12} className=\"result-title\">\r\n                    {getTitleFromHierarchy(hit)}\r\n                </Col>\r\n              </Row>\r\n            </li> : null\r\n      })}\r\n\r\n    </ul>\r\n\r\n  );\r\n\r\n  const CustomHits = connectHits(Hits);\r\n\r\n  const Pagination = ({ currentRefinement, nbPages, refine, createURL }) => (\r\n    <ul>\r\n      {new Array(nbPages).fill(null).map((_, index) => {\r\n        const page = index + 1;\r\n        const style = {\r\n          fontWeight: currentRefinement === page ? 'bold' : '',\r\n        };\r\n\r\n        return (\r\n\r\n          <li className=\"pagination\" key={index}>\r\n            <a\r\n              href={createURL(page)}\r\n              style={style}\r\n              onClick={event => {\r\n                event.preventDefault();\r\n                refine(page);\r\n              }}\r\n            >\r\n              {page}\r\n            </a>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n\r\n  const CustomPagination = connectPagination(Pagination);\r\n\r\n\r\n  return (\r\n    <div className=\"modalBackground\">\r\n      <div ref={domNode1} className=\"modalContainer\">\r\n\r\n        <Scrollbar style={{ color: \"black\" }}>\r\n          <div className=\"tab-header\">\r\n            <CustomSearchBox />\r\n            <hr class=\"solid\" style={{ color: \"rgb(206, 206, 206)\", height: \"2px\", \"margin-right\": \"40px\", \"margin-bottom\": \"16px\" }} />\r\n            <div className=\"bloc-tabs-back\">\r\n              <div className=\"bloc-tabs\">\r\n                <button\r\n                  className={toggleState === 1 ? \"tabs active-tabs\" : \"tabs\"}\r\n                  onClick={() => toggleTab(1)}\r\n                >\r\n                  Documentation\r\n                </button>\r\n                <button\r\n                  className={toggleState === 2 ? \"tabs active-tabs\" : \"tabs\"}\r\n                  onClick={() => toggleTab(2)}\r\n                >\r\n                  Academy\r\n                </button>\r\n\r\n                <button\r\n                  className={toggleState === 3 ? \"tabs active-tabs\" : \"tabs\"}\r\n                  onClick={() => toggleTab(3)}\r\n                >\r\n                  Community\r\n                </button>\r\n                {(queryString.parse(props.location.search).host === \"support\") ?\r\n                <button\r\n                  className={toggleState === 4 ? \"tabs active-tabs\" : \"tabs\"}\r\n                  onClick={() => toggleTab(4)}\r\n                >\r\n                  Support\r\n                </button> : null }\r\n              </div>\r\n            </div>\r\n            {/* <span>\r\n                <Stats\r\n                  className=\"resultsText\"\r\n                  translations={{\r\n                    stats(nbHits, processingTimeMS, nbSortedHits, areHitsSorted) {\r\n                      setResultCount(nbHits.toLocaleString());\r\n                      return ( `${nbHits.toLocaleString()} results`)\r\n                    },\r\n                  }}\r\n                />\r\n            </span> */}\r\n          </div>\r\n\r\n\r\n          <div\r\n            className={toggleState === 1 ? \"content  active-content\" : \"content\"}\r\n          >\r\n            <Index indexName=\"crawler_Docs_federatedSearch_03\">\r\n              {/* <Configure hitsPerPage={showResult} /> */}\r\n              <Configure hitsPerPage={300}/>\r\n              <CustomHits />\r\n              {/* {console.log(hits)} */}\r\n              {/* <CustomPagination/> */}\r\n\r\n            </Index>\r\n          </div>\r\n          <div\r\n            className={toggleState === 2 ? \"content  active-content\" : \"content\"}\r\n          >\r\n            <Index indexName=\"crawler_Learn\">\r\n              {/* <Configure hitsPerPage={showResult} /> */}\r\n              <Configure/>\r\n              <CustomHits />\r\n            </Index>\r\n          </div>\r\n\r\n          <div\r\n            className={toggleState === 3 ? \"content  active-content\" : \"content\"}\r\n          >\r\n            <Index indexName=\"crawler_Cognite_Hub_22\">\r\n              {/* <Configure hitsPerPage={showResult} /> */}\r\n              <Configure/>\r\n              <CustomHits />\r\n            </Index>\r\n          </div>\r\n        </Scrollbar>\r\n        {/* { (toggleState == 1) ? <Link className = \"button advance-search-btn\" to={{ pathname: \"https://docs.cognite.com/search/\" }}  target=\"_blank\">Advanced Documentation Search</Link> : null } */}\r\n\r\n        {/* </InstantSearch> */}\r\n        \r\n        {/* //additional requirement */}\r\n        {/* {(getshowMoreCount() != 0) ? <button className=\"showmoreBtn\" onClick={() => showMore()}>Show {getshowMoreCount()} more</button> : null} */}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default SearchModal;\r\n","import React, { useState, useEffect, useRef} from \"react\";\r\nimport { Dropdown} from 'rsuite';\r\nimport \"./App.css\";\r\nimport logo from './Images/cognitelogo.png';\r\nimport HelpIcon from '@mui/icons-material/HelpOutline';\r\nimport LibraryBooksIcon from '@mui/icons-material/LibraryBooks';\r\nimport SupportAgentIcon from '@mui/icons-material/SupportAgent';\r\nimport QueryStatsIcon from '@mui/icons-material/QueryStats';\r\nimport TimerIcon from '@mui/icons-material/Timer';\r\nimport GroupIcon from '@mui/icons-material/Group';\r\nimport Modal from \"./components/SearchModal\";\r\nimport {InstantSearch} from 'react-instantsearch-dom';\r\nimport algoliasearch from 'algoliasearch/lite';\r\nimport {CustomSearchBox} from \"./components/Searchbar\";\r\nimport { BrowserRouter as Router, Switch, Route, Redirect } from \"react-router-dom\";\r\nlet useClickOutside = (handler) => {\r\n  let domNode = useRef();\r\n\r\n  useEffect(() => {\r\n    let maybeHandler = (event) => {\r\n      if (domNode.current && !domNode.current.contains(event.target)) {\r\n        handler();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", maybeHandler);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", maybeHandler);\r\n    };\r\n  });\r\n\r\n  return domNode;\r\n};\r\n\r\n\r\n\r\nfunction App() {\r\n  const [modalOpen, setModalOpen] = useState(false);\r\n  const[open, setOpen]= useState(false);\r\n\r\n  const searchClient = algoliasearch(\r\n    '4V76MEJWBS',\r\n    'bbb70130ac520a87c4965629daa451d2'\r\n  );\r\n\r\n  let domNode = useClickOutside(() => {\r\n    console.log(\"testdropdown\");\r\n    setOpen(false);\r\n  });\r\n\r\n\r\n\r\n  const Help = () => (\r\n      <div ref={domNode}  className=\"dropdown\">\r\n          {/* <CustomDropdown trigger=\"click\" /> */}\r\n          <Dropdown.Menu>\r\n            <Dropdown.Item><button onClick={()=>{window.open('https://hub.cognite.com/')}}><GroupIcon/>  Ask the Community</button></Dropdown.Item>\r\n            <Dropdown.Item><button onClick={()=>{window.open('https://learn.cognite.com/')}}><QueryStatsIcon/>Take a look at Academy</button></Dropdown.Item>\r\n            <Dropdown.Item><button onClick={()=>{window.open('https://status.cognite.com/')}}><TimerIcon/>Cognite Status Page</button></Dropdown.Item>\r\n            <Dropdown.Item><button onClick={()=>{window.open('https://docs.cognite.com/')}}><LibraryBooksIcon/>  Check the documentation</button></Dropdown.Item>\r\n            <Dropdown.Item><button onClick={()=>{window.open('https://cognite.zendesk.com/hc/en-us/requests/new')}}><SupportAgentIcon/>Contact Cognite Support</button></Dropdown.Item>\r\n            \r\n          </Dropdown.Menu>\r\n      </div>\r\n  );\r\n\r\n  return (\r\n    <Router>\r\n    <div className=\"App\">\r\n      <InstantSearch indexName=\"crawler_Docs\" searchClient={searchClient}> \r\n      {/* <div  className=\"Navbar\" >\r\n        <div className=\"leftSide\">\r\n          <img src={logo} alt=\"Logo\" />\r\n        </div>\r\n      \r\n        <div className=\"rightSide\"  >\r\n       \r\n          <div  className=\"inputtext\">   \r\n\r\n            <div onClick={() => {\r\n              setModalOpen(true);\r\n            }}>\r\n              <CustomSearchBox/>\r\n            </div>\r\n            \r\n          </div>\r\n          <button onClick={() => setOpen((isOpen) => !open)}><HelpIcon/></button>\r\n          \r\n        </div>\r\n \r\n      </div>\r\n\r\n      {open && <Help setOpen={setOpen} />} */}\r\n      \r\n      {/* {modalOpen && <Modal setModalOpen={setModalOpen} />} */}\r\n      <Switch>\r\n        <Route exact path='/' component={Modal} />\r\n        <Redirect to='/' />\r\n      </Switch>\r\n\r\n      \r\n    \r\n      </InstantSearch>\r\n    </div>\r\n    </Router>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}