{"version":3,"sources":["components/ReviewInfo.js","App.js","components/Page-parts.js","index.js"],"names":["ReviewInfo","review","fullname","name","imgReferal","referal","lenfirstspace","indexOf","abrevName","substring","amtdays","type","start","end","years","getFullYear","monthsStart","getMonth","monthsEnd","includes","DateDiff","Date","date","howlongago","Math","round","months","backgroundColors","className","itemProp","itemScope","itemType","images","startsWith","src","alt","width","height","style","backgroundColor","floor","random","length","charAt","data-rating","rating","content","color","Parser","LoadingIndicator","props","usePromiseTracker","promiseInProgress","display","justifyContent","alignItems","id","offsetText","toLocaleString","PaginatedItems","itemsPerPage","filterArray","setOffsetText","useState","currentItems","setCurrentItems","pageCount","setPageCount","itemOffset","setItemOffset","useEffect","endOffset","slice","ceil","arrayToloop","map","index","textAlign","aria-label","containerClassName","activeLinkClassName","breakLabel","nextLabel","onPageChange","event","newOffset","selected","document","getElementById","scrollIntoView","marginPagesDisplayed","pageRangeDisplayed","previousLabel","renderOnZeroPageCount","App","reviewList","setreviewList","fetchData","useCallback","trackPromise","fetch","then","response","json","data","Nav","href","backgroundImage","animationDelay","Footer","fontSize","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.25995f51.chunk.js","sourcesContent":["import Parser from 'html-react-parser';\nimport { AiFillStar } from \"react-icons/ai\"\n\nconst ReviewInfo = ({ review }) => {\n  var fullname = review.name;\n  var imgReferal =  `images/${review.referal}.png` ;\n\n    if (fullname)  {\n    var lenfirstspace = fullname.indexOf(\" \") ;\n    var abrevName = fullname.substring(0, lenfirstspace + 2);\n    abrevName = abrevName + \".\";\n    } else {\n    abrevName = \"Anonymous\";\n    }\n\n    var DateDiff = function (type, start, end) {\n\n      let // or var\n          years = end.getFullYear() - start.getFullYear(),\n          monthsStart = start.getMonth(),\n          monthsEnd = end.getMonth()\n      ;\n  \n      if(['m', 'mm', 'month', 'months'].includes(type) )\n          return ( ( ( years * 12 ) - ( 12 - monthsEnd ) ) + ( 12 - monthsStart ) );\n      else if(['y', 'yy', 'year', 'years'].includes(type))\n          return years;\n      else if (['d', 'dd', 'day', 'days'].indexOf(type) !== -1 )\n          return ( ( end - start ) / ( 1000 * 60 * 60 * 24 ) );\n      else\n          return -1;\n  \n  }\n  var amtdays = DateDiff('d', new Date(review.date), new Date());\n  var howlongago = '';\n\n    \n    if (  amtdays > 1 )     {\n      amtdays = Math.round(amtdays);\n      howlongago = `${amtdays} days ago`;\n    }\n    if ( amtdays > 30 ) {\n    var months = Math.round(amtdays/30);\n    howlongago = `${months} months ago`;\n    \n    }\n   if ( amtdays> 365 )     {\n      howlongago = ` 1 year ago`;\n    }\n   if ( amtdays> 730)     {\n      howlongago = ` 2 years ago`;\n    }if ( amtdays> 1095)     {\n      howlongago = ` over 2 years ago`;\n    }\n\n   const backgroundColors = ['c9bd3b', '2caed6',   'ee006e', '9d4fa9','44ba59', '736d21', '18627a', '88033e', '5a2d60','266a32  ']\n\n  return (\n\n\n      <div className=\"card\" itemProp=\"review\" itemScope itemType=\"http://schema.org/Review\">\n          <div className=\"card-body\">\n\n\n                  {review && review.images && review.images.startsWith('https') ? (\n                          <div className=\"card-pic\"> <img src={review.images} alt=\"Donor Photo\" width=\"120\" height=\"120\" className=\"img-responsive\" />     </div>\n                  ) : (\n                      <div className=\"card-initial\"\n                           style={{backgroundColor: `#${backgroundColors[Math.floor(Math.random() * backgroundColors.length)]}`}}>\n                          {abrevName ? abrevName.charAt(0) : ''}\n                      </div>\n\n                  )}\n\n\n              <p className=\"card-title\" itemProp=\"author\">{abrevName}</p>\n              <p className=\"card-rating\" data-rating={`star${review.rating}`}>\n\n                  <span className={'rating ratings' + review.rating} itemProp=\"reviewRating\" itemScope\n                       itemType=\"http://schema.org/Rating\">\n                      <meta itemProp=\"ratingValue\" content={review.rating}/>\n                      <meta itemProp=\"bestRating\" content=\"5\"/>\n                      <AiFillStar color=\"#fabb27\"/>\n                      {review.rating >= 2 && (\n                          <AiFillStar color=\"#fabb27\"/>)}\n                      {review.rating >= 3 && (\n                          <AiFillStar color=\"#fabb27\"/>)}\n                      {review.rating >= 4 && (\n                          <AiFillStar color=\"#fabb27\"/>)}\n                      {review.rating >= 5 && (\n                          <AiFillStar color=\"#fabb27\"/>\n                      )}\n\n                  </span>\n\n                  <span>{howlongago}</span>\n              </p>\n\n              <meta itemProp=\"itemReviewed\" content=\"Kars4kids\"/>\n              <p className=\"card-text\" itemProp=\"reviewBody\"> {review.review && (\n                  Parser(review.review)\n                  )}</p>\n              {review.referal && (\n              <p className=\"card-logo\"><img src={imgReferal} width=\"60\" height=\"14\" alt={`As seen on ${review.referal}`} /></p>\n                  )}\n          </div>\n      </div>\n\n\n\n    \n      )\n}\n\n      export default ReviewInfo","import { useState, useEffect, useCallback } from 'react'\r\nimport Search from \"./components/Search\"\r\nimport ReviewInfo from \"./components/ReviewInfo\"\r\nimport ReactPaginate from 'react-paginate';\r\nimport { usePromiseTracker, trackPromise } from \"react-promise-tracker\";\r\nimport { AiFillStar } from \"react-icons/ai\"\r\n\r\nfunction App() {\r\n\r\n  let [reviewList, setreviewList] = useState([]);\r\n\r\n    const [offsetText, setOffsetText] = useState(\"\");\r\n\r\n\r\n\r\n\r\n\r\n  const fetchData = useCallback(() => {\r\n\r\n    const url = process.env.NODE_ENV === \"development\" ? '/api/get-reviews.php' : 'https://www.kars4kids.org/api/get-reviews.php';\r\n\r\n\r\n    trackPromise(\r\n    fetch(url)\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        setreviewList(data)\r\n      \r\n    }));\r\n\r\n\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    fetchData()\r\n  }, [fetchData]);\r\n\r\n\r\n\r\n\r\n\r\n  return (\r\n      <>\r\n          <div className=\"container\">\r\n              <div className=\"col-xs-12 text-center\">\r\n                  <LoadingIndicator length={reviewList.length} offsetText={offsetText} />\r\n              </div>\r\n          </div>\r\n\r\n\r\n          <div className=\"container\">\r\n              <div className=\"col-lg-12 col-sm-12 col-md-12 col-xs-12\">\r\n\r\n                  <div className=\"card-columns\">\r\n\r\n                      <PaginatedItems itemsPerPage={1000} filterArray={reviewList} offsetText={offsetText} setOffsetText={setOffsetText}/>\r\n                  </div>\r\n                  </div>\r\n                  </div>\r\n              </>\r\n              );\r\n              }\r\n\r\nconst LoadingIndicator = props => {\r\n    const { promiseInProgress } = usePromiseTracker();\r\n\r\n    return (\r\n        promiseInProgress ? (\r\n            <div className=\"blinking\"\r\n                 style={{\r\n                     width: \"100%\",\r\n                     height: \"100px\", // Added \"px\" unit\r\n                     display: \"flex\",\r\n                     justifyContent: \"center\",\r\n                     alignItems: \"center\"\r\n                 }}\r\n            >\r\n                <AiFillStar/>\r\n                <AiFillStar/> <AiFillStar/>\r\n                <AiFillStar/> Loading...\r\n            </div>\r\n        ) : (\r\n            <p id=\"stats\" className=\"reviewShow\">Showing {props.offsetText} {props.length.toLocaleString()} reviews</p>\r\n        )\r\n    );\r\n}\r\n\r\nfunction PaginatedItems({itemsPerPage, filterArray, offsetText, setOffsetText}) {\r\n\r\n\r\n    const [currentItems, setCurrentItems] = useState(null);\r\n  const [pageCount, setPageCount] = useState(0);\r\n   const [itemOffset, setItemOffset] = useState(0);\r\n\r\n  useEffect(() => {\r\n    // Fetch items from another resources.\r\n     const endOffset = itemOffset + itemsPerPage;\r\n     var itemOffsetText = itemOffset + 1;\r\n      setOffsetText( `${itemOffsetText.toLocaleString()} to ${endOffset.toLocaleString()} of` ) ;\r\n\r\n    setCurrentItems(filterArray.slice(itemOffset, endOffset));\r\n    setPageCount(Math.ceil(filterArray.length / itemsPerPage));\r\n  }, [itemOffset, itemsPerPage,filterArray]);\r\n\r\n\r\n\r\n\r\n  // Invoke when user click to request another page.\r\n  const handlePageClick = (event) => {\r\n    const newOffset = (event.selected * itemsPerPage) % filterArray.length;\r\n     setItemOffset(newOffset);\r\n    document.getElementById('stats').scrollIntoView();\r\n  };\r\n\r\n\r\n\r\nvar arrayToloop = (currentItems ? currentItems:filterArray );\r\n  return (\r\n    <>\r\n      {arrayToloop\r\n\r\n\r\n          .map((review, index) => (\r\n            <ReviewInfo key={index}\r\n              review={review}\r\n              currentItems={currentItems} \r\n             />\r\n          ))\r\n        }\r\n        \r\n        <div className=\"row\">\r\n          <div className=\"col-md-12 \" style={{ textAlign:`center` }}>\r\n<nav aria-label=\"Page navigation\">\r\n      <ReactPaginate\r\n      containerClassName =\"pagination\"\r\n      activeLinkClassName=\"active\"\r\n        breakLabel=\"...\"\r\n        nextLabel=\">>\"\r\n        onPageChange={handlePageClick}\r\n   \r\n        marginPagesDisplayed={0}\r\n        pageRangeDisplayed={3}\r\n        pageCount={pageCount}\r\n        previousLabel=\"<<\"\r\n        renderOnZeroPageCount={null}\r\n      />\r\n      </nav>\r\n      </div>\r\n     \r\n                    \r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\n\r\nexport default App;\r\n\r\n","import { FaFacebookF,FaTwitter,FaYoutube } from \"react-icons/fa\"\n\n\nconst Nav = () => {\n  return (\n      <>\n          <nav className=\"wrapLogo navbar-fixed-top\">\n              <div className=\"container\">\n                  <div className=\"row\">\n                      <div className=\"col-xs-12\">\n                          <img src=\"images/logo-k4k-reviews.gif\" className=\"logoHead\" width=\"225\" height=\"39\"\n                               alt=\"Kars4Kids Reviews Logo\"/>\n                          <div className=\"buttonWrap\">\n                              <span className=\"hidden-xs\">Join our 500,000+ donors</span> <a\n                              href=\"https://www.kars4kids.org\" className=\"donateButton\">Donate a car</a>\n                          </div>\n                      </div>\n                  </div>\n              </div>\n          </nav>\n\n          <section className=\"wrapMain\" style={{backgroundImage: \"url('/images/hp-bg-road2.gif')\"}}>\n              <img src=\"images/pin1.png\" width=\"154\" height=\"81\"  className=\"pinCar pinCar1\"\n                   style={{ animationDelay: '11s' }}/>\n              <img src=\"images/pin2.png\" width=\"154\" height=\"81\"  className=\"pinCar pinCar2\"\n                   style={{ animationDelay: '9s' }}/>\n              <img src=\"images/pin3.png\" width=\"154\" height=\"81\"  className=\"pinCar pinCar3 hidden-xs\"\n                   style={{ animationDelay: '5s' }}/>\n              <img src=\"images/pin4.png\" width=\"154\" height=\"81\"  className=\"pinCar pinCar4\"\n                   style={{ animationDelay: '0s' }}/>\n              <img src=\"images/pin5.png\" width=\"154\" height=\"81\"  className=\"pinCar pinCar5\"\n                   style={{ animationDelay: '2s' }}/>\n              <img src=\"images/pin6.png\" width=\"154\" height=\"81\"  className=\"pinCar pinCar6 hidden-xs\"\n                   style={{ animationDelay: '1s' }}/>\n              <img src=\"images/pin7.png\" width=\"154\" height=\"81\"  className=\"pinCar pinCar7 hidden-xs hidden-sm\"\n                   style={{ animationDelay: '8s' }}/>\n              <img src=\"images/pin8.png\" width=\"154\" height=\"81\"  className=\"pinCar pinCar8 hidden-xs hidden-sm\"\n                   style={{ animationDelay: '9s' }}/>\n\n\n              <div className=\"container\">\n                  <div className=\"col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 text-center\">\n                      <h1> 20K+ reviews, <br className=\"hidden-xs\"/><span\n                          id=\"h1span\">from real donors.</span>\n                      </h1>\n                      <p>We’ve compiled 1,000’s of our donors reviews from across the web, and we’re delighted to share\n                          their feedback.</p>\n                  </div>\n              </div>\n          </section>\n\n          <section className=\"reviewLogos\">\n              <div className=\"container\">\n                  <div className=\"col-xs-12 text-center\">\n                      <ul className=\"logoUl\">\n                          <li><img src=\"/images/logo1.png\" width=\"108\" height=\"43\" alt=\"Google logo\"\n                                   className=\"img-responsive otherLogo\"/></li>\n                          <li><img src=\"/images/logo2.png\" width=\"161\" height=\"43\"\n                                   className=\"img-responsive trustpilotLogo\" alt=\"truspilot logo\"/></li>\n                          <li><img src=\"/images/logo3.png\" width=\"114\" height=\"43\" className=\"img-responsive otherLogo\"\n                                   alt=\"feefo logo\"/></li>\n                      </ul>\n\n\n                  </div>\n              </div>\n          </section>\n      </>\n  )\n}\n\nconst Footer = () => {\n    return (\n\n        <div id=\"footer\">\n            <div className=\"container\">\n                <div className=\"col-sm-4 col-sm-offset-4\">\n                    <ul className=\"nav navbar-nav footer-links text-center\">\n                        <li><a href=\"https://www.kars4kids.org\">&copy; Kars4Kids</a></li>\n                        {/* <li><a href=\"write-review.asp\">Write a review</a></li> */}\n                        <li><a href=\"https://www.kars4kids.org/contact-kars4kids.php\">Contact Us</a></li>\n                    </ul>\n\n                    <ul className=\"nav nav-pills col-sm-12 \">\n                        <li><a href=\"https://www.facebook.com/kars4kids\"><FaFacebookF fontSize=\"2em\"/></a></li>\n                        <li><a href=\"https://twitter.com/Kars4kids\"><FaTwitter fontSize=\"2em\"/></a></li>\n                        <li><a href=\"http://www.youtube.com/user/877kars4kids\"><FaYoutube fontSize=\"2em\"/></a></li>\n                    </ul>\n                </div>\n\n            </div\n            >\n        </div>\n\n\n    )\n}\n\n\nexport {Nav, Footer}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport {Nav, Footer} from './components/Page-parts';\n\n\n\n\nReactDOM.render(\n  <React.StrictMode>\n    <Nav />\n    <App />\n    <Footer />\n  </React.StrictMode>,\n  document.getElementById('MainContainer')\n);\n"],"sourceRoot":""}