{"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","setFireworks","src","alt","NewYearRaffle","raffleList","setRaffleList","_useState5","_useState6","winner","setWinner","_useState7","_useState8","picture","setPicture","_useState9","_useState10","names","setNames","_useState11","_useState12","selectedName","setSelectedName","_useState13","_useState14","status","setStatus","now","days","hours","minutes","scheduledTime","timer","setTimeout","length","index","random","_raffleList$index","name","filter","_","i","handleClick","getTime","clearTimeout","Fragment","id","data-sb-form-api-token","onSubmit","event","preventDefault","input","target","value","toConsumableArray","type","placeholder","data-sb-validations","htmlFor","data-sb-feedback","class","map","kay","URL","createObjectURL","onClick","newNames","splice","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","src_NewYearCountdown","React","Component","Footer","App","src_Header_0","src_NewYearReffle","src_Footer","reportWebVitals","onPerfEntry","Function","e","then","bind","_ref","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","createRoot","document","getElementById","render","StrictMode","dist","src_App"],"mappings":"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","file":"static/js/main.ee53d6f6.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\";\nimport \"./NewYearUI.css\";\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 Count Down 2023</h1>\n      <h1>งานปาตี้ปีใหม่เริ่ม 18:00 น. - เช้าจ้า </h1>\n      <h3>ร่วมจับฉลากราคาไม่เกิน 300 บาท  เริ่มจับ 20:00 น. เป็นต้นไป</h3>\n      <h3>เครื่องดื่มฟรีเพราะเราออกกันเอง ที่นอนฟรีนะมีเต็นท์นอนก็นอนเต็นท์ มีพื้นนอนพื่นจ้า </h3>\n      <br></br>\n      <h5 className=\"note\">Note : เข้างานแล้วห้ามออกไปไหนนะเพราะอันตรายเราจะเมากัน</h5>\n      <br></br>\n      <img className=\"show responsive\" src=\"https://media.giphy.com/media/XxePWdpdifKZr1Uhix/giphy.gif\" 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\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  // const [countdown, setCountdown] = useState(null); // Initialize countdown state\n  const [names, setNames] = useState([]); // Initialize names state\n  const [selectedName, setSelectedName] = useState(\"\"); // Initialize selected name state\n  const [status, setStatus] = useState(\"ready\"); // Initialize status state\n  // Calculate remaining time until New Year\n  useEffect(() => {\n    const now = new Date();\n    const newYear = new Date(now.getFullYear() + 1, 0, 1);\n    const remaining = newYear - now;\n    const countdown = {\n      days: Math.floor(remaining / (1000 * 60 * 60 * 24)),\n      hours: Math.floor((remaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)),\n      minutes: Math.floor((remaining % (1000 * 60 * 60)) / (1000 * 60)),\n      seconds: Math.floor((remaining % (1000 * 60)) / 1000),\n    };\n    setCountdown(countdown);\n  }, []);\n  // Handle form submission\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const input = event.target.name;\n    if (input.value) {\n      setNames([...names, input.value]); // Add name to list\n      input.value = \"\"; // Clear input field\n    }\n  };\n  // Handle draw button click\n  const handleDraw = () => {\n    if (names.length > 0) {\n      setStatus(\"drawing\"); // Set status to \"drawing\"\n      // Delay selection of name and announcement of results\n      setTimeout(() => {\n        // Select a random name\n        const index = Math.floor(Math.random() * names.length);\n        const newNames = [...names];\n        const selectedName = newNames[index];\n        newNames.splice(index, 1);\n\n        setSelectedName(selectedName);\n        setNames(newNames); // Update names array with copy\n        setStatus(\"announced\"); // Set status to \"announced\"\n      }, 10000); // Delay for 10 seconds\n    }\n  };\n\n  // Handle reset button click\n  const handleReset = () => {\n    setStatus(\"ready\"); // Set status to \"ready\"\n    setSelectedName(\"\"); // Reset selected name\n  };\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  \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              <img\n                className=\"masthead-avatar mb-6 newyear\"\n                src=\"../assets/img/portfolio/2023.png\"\n                alt=\"...\"\n              />\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                  name=\"name\"\n                  placeholder=\"Enter your name...\"\n                  data-sb-validations=\"required\"\n                />\n                <label htmlFor=\"name\">Full name</label>\n                <div\n                  className=\"invalid-feedback\"\n                  data-sb-feedback=\"name:required\"\n                >\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\n                  className=\"invalid-feedback\"\n                  data-sb-feedback=\"name:required\"\n                >\n                  A name is required.\n                </div>\n              </div>\n            </form>\n            <div class=\"container text-center\">\n              <div class=\"row align-items-start\">\n                {names.map((name) => (\n                  <h1 className=\"block-1\" kay={name}>\n                    <h1 className=\"badge bg-secondary \">{name}</h1>\n                  </h1>\n                ))}\n              </div>\n            </div>\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              <img\n                className=\"masthead-avatar mb-6 newyear\"\n                src=\"../assets/img/portfolio/happy-new-year.png\"\n                alt=\"...\"\n              />\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\n                  className=\"winimage\"\n                  src={URL.createObjectURL(picture)}\n                  alt=\"Picture\"\n                />\n              )}\n            </div>\n            <div className=\"col-lg-4 me-auto\">\n              <h1 className=\"masthead-heading text-uppercase mb-0\">{winner}</h1>\n            </div>\n          </div>\n          {/* <!-- About Section Button--> */}\n          <div className=\"text-center mt-4\">\n            {status === \"ready\" && (\n              <button className=\"btn btn-primary btn-xl\" onClick={handleDraw}>\n                จับฉลาก\n              </button>\n            )}\n            {status === \"drawing\" && (\n              // <div class=\"spinner-border text-success\" role=\"status\">\n              <div>\n                {/* <span class=\"visually-hidden\">Loading...</span> */}\n                <img\n                  className=\"winimage\"\n                  src=\"https://media.giphy.com/media/ferYVfmvi2IN5indq1/giphy.gif\"\n                  alt=\"...\"\n                />\n              </div>\n            )}\n            {status === \"announced\" && (\n              <>\n                <p>\n                  รางวัลที่ออกได้แก่ : <h1>{selectedName}</h1>\n                </p>\n                <button\n                  className=\"btn btn-primary btn-xl\"\n                  onClick={handleReset}\n                >\n                  เตรียมจับใหม่\n                </button>\n              </>\n            )}\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\";\nimport \"./Header.css\";\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\n                    className=\"nav-link py-3 px-0 px-lg-3 rounded\"\n                    href=\"#about\"\n                  >\n                    จับฉลาก\n                  </a>\n                </li>\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=\"#contact\"\n                  >\n                    ติดต่อเรา\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-6\"\n              src=\"../assets/img/portfolio/2023.png\"\n              alt=\"...\"\n            />\n            {/* <!-- Masthead Heading--> */}\n            <h1 className=\"masthead-heading text-uppercase mb-0\">At 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                <img\n                  className=\"masthead-avatar mb-6 newyearhead\"\n                  src=\"https://media.giphy.com/media/RpHHzWCTyxArcRdOS0/giphy.gif\"\n                  alt=\"...\"\n                />\n              </div>\n              <div className=\"divider-custom-line\"></div>\n            </div>\n            {/* <!-- Masthead Subheading--> */}\n            \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 Header from \"./Header\";\nimport Footer from \"./Footer\";\n\n\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":""}