{"version":3,"sources":["logo.svg","NewYearCountdown.js","NewYearUI.js","NewYearReffle.js","Header.js","Footer.js","App.js","reportWebVitals.js","index.js"],"names":["module","exports","__webpack_require__","p","NewYearCountdown","_useState","useState","_useState2","Object","slicedToArray","seconds","setSeconds","useEffect","interval","setInterval","end","Date","concat","getFullYear","remaining","Math","floor","clearInterval","countdown","Intl","DateTimeFormat","hour","minute","second","format","react_default","a","createElement","className","NewYearUI","setCountdown","_useState3","_useState4","fireworks","setFireworks","src_NewYearCountdown","src","alt","NewYearRaffle","raffleList","setRaffleList","_useState5","_useState6","winner","setWinner","_useState7","_useState8","picture","setPicture","handleClick","length","index","random","_raffleList$index","name","filter","_","i","scheduledTime","timer","setTimeout","getTime","now","clearTimeout","Fragment","id","data-sb-form-api-token","onSubmit","event","preventDefault","target","value","file","files","toConsumableArray","type","placeholder","data-sb-validations","htmlFor","data-sb-feedback","accept","scope","map","_ref","kay","URL","createObjectURL","onClick","disabled","src_NewYearUI","Header","_React$Component","props","classCallCheck","this","possibleConstructorReturn","getPrototypeOf","call","inherits","createClass","key","href","data-bs-toggle","data-bs-target","aria-controls","aria-expanded","aria-label","React","Component","Footer","App","src_Header","src_NewYearReffle","src_Footer","reportWebVitals","onPerfEntry","Function","e","then","bind","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","createRoot","document","getElementById","render","StrictMode","dist","src_App"],"mappings":"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","file":"static/js/main.f7c573e4.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/logo.06e73328.svg\";","import React, { useState, useEffect } from 'react';\n\nfunction NewYearCountdown() {\n  const [seconds, setSeconds] = useState(0); // Initialize seconds state\n\n  // Use effect to update seconds at regular intervals\n  useEffect(() => {\n    const interval = setInterval(() => {\n      // Calculate the number of seconds until the end of the year\n      const end = new Date(`December 31, ${new Date().getFullYear()} 23:59:59`);\n      const remaining = Math.floor((end - new Date()) / 1000);\n      setSeconds(remaining);\n    }, 1000);\n\n    // Clear interval when component unmounts\n    return () => clearInterval(interval);\n  }, []);\n\n  const formatter = new Intl.DateTimeFormat('th-TH' , {\n    hour:'numeric',\n    minute:'numeric',\n    second:'numeric'\n  });\n\n  // Format seconds as a countdown string\n//  const countdown = new Date(seconds * 1000).toISOString().substr(11, 8);\n  const countdown = formatter.format(seconds * 1000);\n\n  return <h1 className='masthead-heading text-uppercase mb-0'>{countdown}</h1>;\n}\n\nexport default NewYearCountdown;\n","import React, { useState, useEffect } from \"react\";\nimport NewYearCountdown from \"./NewYearCountdown\";\n\nfunction NewYearUI() {\n  const [countdown, setCountdown] = useState(10); // Initialize countdown at 10 seconds\n  const [fireworks, setFireworks] = useState(false); // Initialize fireworks state\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setCountdown(countdown - 1);\n    }, 1000); // Update countdown every second\n\n    if (countdown === 0) {\n      setCountdown(10);\n      setFireworks(true); // Display fireworks when countdown reaches zero\n    }\n\n    return () => clearInterval(interval); // Clear interval when component unmounts\n  }, [countdown]);\n\n  return (\n    <div>\n      <h1>SWAT Happy New Year!</h1>\n      <h1>Countdown to New Year: <NewYearCountdown/> seconds</h1>\n      {fireworks && <img src=\"../image/fireworks-lowres.jpg\" alt=\"Fireworks\" />}\n    </div>\n  );\n}\n\nexport default NewYearUI;\n","import React, { useState, useEffect } from \"react\";\nimport \"./NewYearReffle.css\";\nimport NewYearUI from \"./NewYearUI\";\n\n\nfunction NewYearRaffle() {\n  const [countdown, setCountdown] = useState(10); // Initialize countdown at 10 seconds\n  const [raffleList, setRaffleList] = useState([]); // Initialize raffle list\n  const [winner, setWinner] = useState(\"\"); // Initialize winner state\n  const [picture, setPicture] = useState(null); // Initialize picture state\n\n  // Function to handle form submission\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const name = event.target.name.value; // Get name from form input\n    const file = event.target.picture.files[0]; // Get picture file from form input\n    setRaffleList([...raffleList, { name, picture: file }]); // Add name and picture to raffle list\n    event.target.name.value = \"\"; // Clear form input\n  };\n\n  // Function to handle button click\n  const handleClick = () => {\n    if (raffleList.length > 0) {\n      // Select a random name and picture from the raffle list\n      const index = Math.floor(Math.random() * raffleList.length);\n      const { name, picture } = raffleList[index];\n      setWinner(name); // Set winner\n      setPicture(picture); // Set picture\n      setRaffleList(raffleList.filter((_, i) => i !== index)); // Remove winner and picture from raffle list\n    }\n  };\n  // Use effect to schedule button press at a specific time\n  useEffect(() => {\n    const scheduledTime = new Date(\"2022-12-31T00:00:00\"); // Set scheduled time for button press\n    const timer = setTimeout(() => {\n      handleClick();\n    }, scheduledTime.getTime() - Date.now()); // Calculate time difference between scheduled time and current time\n\n    return () => clearTimeout(timer); // Clean up timer when component unmounts\n  }, []);\n  return (\n    <>\n      {/* <!-- Portfolio Section--> */}\n      <section className=\"page-section portfolio\" id=\"portfolio\">\n        <div className=\"container\">\n          {/* <!-- Portfolio Section Heading--> */}\n          <h2 className=\"page-section-heading text-center text-uppercase text-secondary mb-0\">\n            ลงชื่อจับฉลากกัน\n          </h2>\n          {/* <!-- Icon Divider--> */}\n          <div className=\"divider-custom\">\n            <div className=\"divider-custom-line\"></div>\n            <div className=\"divider-custom-icon\">\n              <i className=\"fas fa-star\"></i>\n            </div>\n            <div className=\"divider-custom-line\"></div>\n          </div>\n          {/* <!-- Portfolio Grid Items--> */}\n          <div className=\"row justify-content-center\">\n            <form\n              id=\"contactForm\"\n              data-sb-form-api-token=\"API_TOKEN\"\n              onSubmit={handleSubmit}\n            >\n              <div className=\"form-floating mb-3\">\n                <input\n                  className=\"form-control\"\n                  id=\"name\"\n                  type=\"text\"\n                  placeholder=\"Enter your name...\"\n                  data-sb-validations=\"required\"\n                />\n                <label htmlFor=\"name\">Full name</label>\n                <div className=\"invalid-feedback\" data-sb-feedback=\"name:required\">\n                  A name is required.\n                </div>\n              </div>\n              <div className=\"form-floating mb-3\">\n                <input\n                  type=\"file\"\n                  className=\"form-control\"\n                  name=\"picture\"\n                  accept=\"image/*\"\n                />\n                <div className=\"invalid-feedback\" data-sb-feedback=\"name:required\">\n                  A name is required.\n                </div>\n              </div>\n              <div className=\"form-floating mb-3\">\n                <button className=\"btn btn-primary btn-xl \" type=\"submit\">\n                  Add to raffle\n                </button>\n                <div className=\"invalid-feedback\" data-sb-feedback=\"name:required\">\n                  A name is required.\n                </div>\n              </div>\n            </form>\n\n            <table className=\"table\">\n              <thead>\n                <tr>\n                <th scope=\"col\">ชื่อ</th>\n                <th scope=\"col\">รูป</th>\n                </tr>\n              </thead>\n              <tbody>\n                {raffleList.map(({ name, picture }) => (\n                  <tr kay={name}>\n                    <td>{name}</td>\n                    <td>\n                      <img\n                        src={URL.createObjectURL(picture)}\n                        alt={name}\n                        className=\"picture showimage\"\n                      />\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </section>\n      <section className=\"page-section bg-primary text-white mb-0\" id=\"about\">\n        <div className=\"container\">\n          {/* <!-- About Section Heading--> */}\n          <h2 className=\"page-section-heading text-center text-uppercase text-white\">\n            จับฉลาก\n          </h2>\n          {/* <!-- Icon Divider--> */}\n          <div className=\"divider-custom divider-light\">\n            <div className=\"divider-custom-line\"></div>\n            <div className=\"divider-custom-icon\">\n              <i className=\"fas fa-star\"></i>\n            </div>\n            <div className=\"divider-custom-line\"></div>\n          </div>\n          {/* <!-- About Section Content--> */}\n          <div className=\"row\">\n            <div className=\"col-lg-4 ms-auto\">\n              {picture && (\n                <img src={URL.createObjectURL(picture)} alt=\"Picture\" />\n              )}\n            </div>\n            <div className=\"col-lg-4 me-auto\">\n              <h1>{winner}</h1>\n            </div>\n          </div>\n          {/* <!-- About Section Button--> */}\n          <div className=\"text-center mt-4\">\n            <button\n              className=\"btn btn-primary btn-xl\"\n              onClick={handleClick}\n              disabled={raffleList.length === 0}\n            >\n              Draw winner\n            </button>\n          </div>\n        </div>\n      </section>\n      <section className=\"page-section\" id=\"contact\">\n        <div className=\"container\">\n                <NewYearUI/>\n        </div>\n      </section>\n    </>\n  );\n}\n\nexport default NewYearRaffle;\n","import React from \"react\";\nimport NewYearCountdown from \"./NewYearCountdown\";\n\nclass Header extends React.Component {\n  constructor(props) {\n    super(props);\n  }\n\n  componentWillMount() {}\n\n  render() {\n    return (\n      <>\n        <nav\n          className=\"navbar navbar-expand-lg bg-secondary text-uppercase fixed-top\"\n          id=\"mainNav\"\n        >\n          <div className=\"container\">\n            <a className=\"navbar-brand\" href=\"#page-top\">\n              Swat Farm\n            </a>\n            <button\n              className=\"navbar-toggler text-uppercase font-weight-bold bg-primary text-white rounded\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#navbarResponsive\"\n              aria-controls=\"navbarResponsive\"\n              aria-expanded=\"false\"\n              aria-label=\"Toggle navigation\"\n            >\n              Menu\n              <i className=\"fas fa-bars\"></i>\n            </button>\n            <div className=\"collapse navbar-collapse\" id=\"navbarResponsive\">\n              <ul className=\"navbar-nav ms-auto\">\n                <li className=\"nav-item mx-0 mx-lg-1\">\n                  <a\n                    className=\"nav-link py-3 px-0 px-lg-3 rounded\"\n                    href=\"#portfolio\"\n                  >\n                    ลงชื่อจับฉลาก\n                  </a>\n                </li>\n                <li className=\"nav-item mx-0 mx-lg-1\">\n                  <a className=\"nav-link py-3 px-0 px-lg-3 rounded\" href=\"#about\">\n                    จับฉลาก\n                  </a>\n                </li>\n                <li className=\"nav-item mx-0 mx-lg-1\">\n                  <a className=\"nav-link py-3 px-0 px-lg-3 rounded\" href=\"#contact\">\n                    Contact\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </nav>\n        {/* <!-- Masthead--> */}\n        <header className=\"masthead bg-primary text-white text-center\">\n          <div className=\"container d-flex align-items-center flex-column\">\n            <NewYearCountdown />\n            {/* <!-- Masthead Avatar Image--> */}\n            <img\n              className=\"masthead-avatar mb-5\"\n              src=\"../assets/img/portfolio/cabin.png\"\n              alt=\"...\"\n            />\n            {/* <!-- Masthead Heading--> */}\n            <h1 className=\"masthead-heading text-uppercase mb-0\">Swat Farm</h1>\n            {/* <!-- Icon Divider--> */}\n            <div className=\"divider-custom divider-light\">\n              <div className=\"divider-custom-line\"></div>\n              <div className=\"divider-custom-icon\">\n                <i className=\"fas fa-star\"></i>\n              </div>\n              <div className=\"divider-custom-line\"></div>\n            </div>\n            {/* <!-- Masthead Subheading--> */}\n            <p className=\"masthead-subheading font-weight-light mb-0\">\n              Happy New Year at Swat Farm\n            </p>\n          </div>\n        </header>\n      </>\n    );\n  }\n}\n\nexport default Header;\n","import React from \"react\";\n\nclass Footer extends React.Component {\n  constructor(props) {\n    super(props);\n  }\n\n  componentWillMount() {}\n\n  render() {\n    return (\n      <>\n        {/* <!-- Footer--> */}\n        <footer className=\"footer text-center\">\n          <div className=\"container\">\n            <div className=\"row\">\n              {/* <!-- Footer Location--> */}\n              <div className=\"col-lg-4 mb-5 mb-lg-0\">\n                <h4 className=\"text-uppercase mb-4\">Location</h4>\n                <p className=\"lead mb-0\">\n                  503/1 หมู่ 11 บ้านป่าหวาย ต.โนนสูง\n                  <br />\n                  อ.เมือง อุดรธานี 41330\n                </p>\n              </div>\n              {/* <!-- Footer Social Icons--> */}\n              <div className=\"col-lg-4 mb-5 mb-lg-0\">\n                <h4 className=\"text-uppercase mb-4\">Around the Web</h4>\n                <a\n                  className=\"btn btn-outline-light btn-social mx-1\"\n                  href=\"https://www.facebook.com/profile.php?id=100055801103380\"\n                >\n                  <i className=\"fab fa-fw fa-facebook-f\"></i>\n                </a>\n                <a className=\"btn btn-outline-light btn-social mx-1\" href=\"#!\">\n                  <i className=\"fa-brands fa-line\"></i>\n                </a>\n                <a className=\"btn btn-outline-light btn-social mx-1\" href=\"#!\">\n                  <i className=\"fab fa-fw fa-linkedin-in\"></i>\n                </a>\n                <a className=\"btn btn-outline-light btn-social mx-1\" href=\"#!\">\n                  <i className=\"fab fa-fw fa-dribbble\"></i>\n                </a>\n              </div>\n              {/* <!-- Footer About Text--> */}\n              <div className=\"col-lg-4\">\n                <h4 className=\"text-uppercase mb-4\">About Swat Farm</h4>\n                <p className=\"lead mb-0\">\n                  ติดต่อขอ ข้อมูล Swat Farm  ได้หรือจะขอดูวัวที่คุณสนใจได้จากที่นี้ หรือช่องทางติดต่อทั่วไป\n                </p>\n              </div>\n            </div>\n          </div>\n        </footer>\n        {/* <!-- Copyright Section--> */}\n        <div className=\"copyright py-4 text-center text-white\">\n          <div className=\"container\">\n            <small>Copyright &copy; Your Website 2022</small>\n          </div>\n        </div>\n      </>\n    );\n  }\n}\n\nexport default Footer;\n","import React from \"react\";\nimport logo from './logo.svg';\nimport './App.css';\nimport NewYearRaffle from \"./NewYearReffle\";\nimport NewYearUI from \"./NewYearUI\";\nimport Header from \"./Header\";\nimport Footer from \"./Footer\";\nimport NewYearCountdown from \"./NewYearCountdown\";\n\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Header/>\n        <NewYearRaffle/>\n      <Footer/>\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport { BrowserRouter } from \"react-router-dom\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\nroot.render(\n  <React.StrictMode>\n    <BrowserRouter>\n      <App />\n    </BrowserRouter>\n  </React.StrictMode>\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}