{"version":3,"file":"static/js/7294.469a00a9.chunk.js","mappings":"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","sources":["pages/OrderSection.jsx","pages/OrderPage.jsx"],"sourcesContent":["import React, { useState, useEffect, useRef, Fragment } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { placeCartActions } from \"../store/placeCart-slice\";\r\nimport { orderActions } from \"../store/order-slice\";\r\nimport { uiActions } from \"../store/ui-slice\";\r\nimport { SelectBox } from \"devextreme-react/select-box\";\r\n\r\n// import './QuickOrderV2.css'\r\n\r\nconst customItemRender = (data) => {\r\n  return (\r\n    <Fragment>\r\n      <div className=\"icn-option\">\r\n        <img src=\"images/icon/location.png\" />\r\n        <p>{data.title}</p>\r\n      </div>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nconst OrderSection = (props) => {\r\n  const dispatch = useDispatch();\r\n  const history = useNavigate();\r\n  const adultNumberRef = useRef();\r\n  const childrenNumberRef = useRef();\r\n\r\n  const [selectedOption, setSelectedOption] = useState(null);\r\n\r\n  const currentSelected = useSelector(\r\n    (state) => state.placeCart.quickOrderObject\r\n  );\r\n  const { details } = currentSelected;\r\n  const detailAdult = details.find((el) => el.custommerTypeId === 1);\r\n  const detailChildren = details.find((el) => el.custommerTypeId === 2);\r\n\r\n  const {\r\n    danhsachDiaDiemGiaVe: danhsachDiaDiem,\r\n    danhsachTuyenDiaDiemGiaVe: danhsachTuyen,\r\n  } = useSelector((state) => state.diadiem);\r\n\r\n  useEffect(() => {\r\n    if (danhsachDiaDiem[0]) {\r\n      dispatch(\r\n        placeCartActions.initQuickOrder({\r\n          selectedPlace: danhsachDiaDiem[0],\r\n        })\r\n      );\r\n\r\n      dispatch(orderActions.resetOrder());\r\n      setSelectedOption(danhsachDiaDiem[0].id);\r\n    }\r\n  }, [danhsachDiaDiem]);\r\n\r\n  const adultAddHandler = (evt) => {\r\n    if (!currentSelected) return;\r\n    dispatch(\r\n      // placeCartActions.increaseAdultQuantity({ placeId: currentSelected.id })\r\n      placeCartActions.quickOrderTuningQuantity({\r\n        count: 1,\r\n        custommerTypeId: 1,\r\n      })\r\n    );\r\n  };\r\n\r\n  const adultMinusHanlder = (evt) => {\r\n    if (!currentSelected) return;\r\n    // if (currentSelected.adultQuantity === 0) return;\r\n    const detail = details.find((el) => el.custommerTypeId === 1);\r\n    if (!detail) return;\r\n    if (detail.quantity === 0) return;\r\n    dispatch(\r\n      // placeCartActions.decreaseAdultQuantity({ placeId: currentSelected.id })\r\n      placeCartActions.quickOrderTuningQuantity({\r\n        count: -1,\r\n        custommerTypeId: 1,\r\n      })\r\n    );\r\n  };\r\n\r\n  const childrenAddHandler = (evt) => {\r\n    if (!currentSelected) return;\r\n    dispatch(\r\n      // placeCartActions.increaseChildrenQuantity({ placeId: currentSelected.id })\r\n      placeCartActions.quickOrderTuningQuantity({\r\n        count: 1,\r\n        custommerTypeId: 2,\r\n      })\r\n    );\r\n  };\r\n\r\n  const childrenMinusHanlder = (evt) => {\r\n    if (!currentSelected) return;\r\n    // if (currentSelected.childrenQuantity === 0) return;\r\n    const detail = details.find((el) => el.custommerTypeId === 2);\r\n    if (!detail) return;\r\n    if (detail.quantity === 0) return;\r\n    dispatch(\r\n      // placeCartActions.decreaseChildrenQuantity({ placeId: currentSelected.id })\r\n      placeCartActions.quickOrderTuningQuantity({\r\n        count: -1,\r\n        custommerTypeId: 2,\r\n      })\r\n    );\r\n  };\r\n\r\n  const selectDiaDiemhandler = (val) => {\r\n    const selectedPlace = danhsachDiaDiem.find((el) => el.id === val);\r\n    const adultNumber = +adultNumberRef.current.value;\r\n    const childrenNumber = +childrenNumberRef.current.value;\r\n    dispatch(\r\n      placeCartActions.replaceCartItem({\r\n        selectedPlace,\r\n        adultCount: adultNumber,\r\n        childrenCount: childrenNumber,\r\n      })\r\n    );\r\n  };\r\n\r\n  const selectedPlaceHandler = (evt) => {\r\n    // const selectedValue = evt.target.value\r\n    setSelectedOption(evt);\r\n    selectDiaDiemhandler(evt.value);\r\n  };\r\n\r\n  const quickorderSelectPlaceHandler = (evt) => {\r\n    // console.log(evt)\r\n    setSelectedOption(evt.selectedItem.id);\r\n    selectDiaDiemhandler(evt.selectedItem.id);\r\n  };\r\n\r\n  const submitHandler = (evt) => {\r\n    evt.preventDefault();\r\n    dispatch(uiActions.setOrderType(true));\r\n    history(\"/xac-nhan-dat-ve\");\r\n  };\r\n\r\n  const changeAdultQuantityHandler = (evt) => {\r\n    // console.log(evt.target.value)\r\n    dispatch(\r\n      placeCartActions.quickOrderChangeQuantity({\r\n        count: +evt.target.value,\r\n        custommerTypeId: 1,\r\n      })\r\n    );\r\n  };\r\n\r\n  const changeChildQuantityHandler = (evt) => {\r\n    dispatch(\r\n      placeCartActions.quickOrderChangeQuantity({\r\n        count: +evt.target.value,\r\n        custommerTypeId: 2,\r\n      })\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className=\"ftco-section form-section\">\r\n      <div className=\"container\">\r\n        <div className=\"slider-text\" data-scrollax-parent=\"true\">\r\n          <div\r\n            className={`slider-text-container ftco-animate fadeInUp ftco-animated`}\r\n            data-scrollax=\" properties: { translateY: '70%' }\"\r\n          >\r\n            <h3>Chào mừng đến với Huế!</h3>\r\n            <p>Đặt vé tham quan trực tuyến thuận tiện, nhanh chóng.</p>\r\n            <div className=\"block-17 form-search\">\r\n              <form className=\"\" onSubmit={submitHandler}>\r\n                <div className=\"form-row fields\">\r\n                  <div className=\"col-6 col-lg-12\">\r\n                    <label>Điểm tham quan</label>\r\n                    <div className=\"select-wrap one-third\">\r\n                      <div className=\"icon\">\r\n                        <span className=\"ion-ios-arrow-down\"></span>\r\n                      </div>\r\n\r\n                      <SelectBox\r\n                        dataSource={danhsachDiaDiem}\r\n                        displayExpr=\"title\"\r\n                        valueExpr={\"id\"}\r\n                        searchEnabled={true}\r\n                        value={selectedOption}\r\n                        onSelectionChanged={quickorderSelectPlaceHandler}\r\n                        className={\"select-dx-custom\"}\r\n                        itemRender={customItemRender}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-6 col-6\">\r\n                    <label>Người lớn</label>\r\n                    <div className=\"select-wrap one-third\">\r\n                      <div className=\"quantity\">\r\n                        <span\r\n                          className=\"quantity-remove quantity-button\"\r\n                          onClick={adultMinusHanlder}\r\n                        ></span>\r\n                        <input\r\n                          style={{\r\n                            backgroundColor: \"transparent\",\r\n                            color: \"#ffffff\",\r\n                          }}\r\n                          ref={adultNumberRef}\r\n                          type=\"number\"\r\n                          step=\"0\"\r\n                          min=\"0\"\r\n                          value={(detailAdult && detailAdult.quantity) || 0}\r\n                          onChange={changeAdultQuantityHandler}\r\n                        />\r\n                        <span\r\n                          className=\"quantity-add quantity-button\"\r\n                          onClick={adultAddHandler}\r\n                        ></span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-6 col-6\">\r\n                    <label>Trẻ em (Từ 7 - 12 tuổi)</label>\r\n                    <div className=\"select-wrap one-third\">\r\n                      <div className=\"quantity\">\r\n                        <span\r\n                          className=\"quantity-remove quantity-button\"\r\n                          onClick={childrenMinusHanlder}\r\n                        ></span>\r\n                        <input\r\n                          style={{\r\n                            backgroundColor: \"transparent\",\r\n                            color: \"#ffffff\",\r\n                          }}\r\n                          ref={childrenNumberRef}\r\n                          type=\"number\"\r\n                          step=\"0\"\r\n                          min=\"0\"\r\n                          value={\r\n                            (detailChildren && detailChildren.quantity) || 0\r\n                          }\r\n                          onChange={changeChildQuantityHandler}\r\n                        />\r\n                        <span\r\n                          className=\"quantity-add quantity-button\"\r\n                          onClick={childrenAddHandler}\r\n                        ></span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <input\r\n                  type=\"submit\"\r\n                  className=\"search-submit btn btn-primary\"\r\n                  value=\"Đặt vé\"\r\n                />\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OrderSection;\r\n","import React, { Fragment, useContext } from \"react\";\r\nimport Slider from \"react-slick\";\r\nimport OrderSection from \"./OrderSection\";\r\nimport AuthContext from \"../contexts/JWTAuthContext\";\r\nimport { useEffect } from \"react\";\r\nimport { publish } from \"../customEvents\";\r\n\r\nconst OrderPage = (props) => {\r\n  const { changeContext } = useContext(AuthContext);\r\n\r\n  useEffect(() => {\r\n    publish(\"changeCurrentPage\");\r\n    changeContext(false);\r\n  }, []);\r\n  return (\r\n    <Fragment>\r\n      {/* <MainHeader /> */}\r\n      <div className=\"hero-wrap\">\r\n        <div\r\n          className=\"home-slider owl-carousel owl-theme\"\r\n          style={{ display: \"block\" }}\r\n        >\r\n          <Slider\r\n            {...{\r\n              dots: false,\r\n              arrows: false,\r\n              fade: true,\r\n              autoplay: true,\r\n              autoplaySpeed: 4000,\r\n              pauseOnHover: false,\r\n              infinite: true,\r\n              speed: 800,\r\n              slidesToShow: 1,\r\n              slidesToScroll: 1,\r\n              lazyLoad: true,\r\n            }}\r\n          >\r\n            <div className=\"item main-slide-item\">\r\n              <div className=\"overlay\"></div>\r\n              <div\r\n                className=\"img_bg\"\r\n                style={{\r\n                  backgroundImage: `url('images/slide/dainoi_small.jpg')`,\r\n                }}\r\n              ></div>\r\n              <div className=\"slider-content\">\r\n                <h1>Đại Nội Huế</h1>\r\n                <p>\r\n                  Người ta đến Huế không chỉ thưởng thức những cảnh đẹp lãng\r\n                  mạn, thơ mộng mà nơi đây còn lưu giữ vết tích Đại Nội Huế,\r\n                  chốn cung đình xưa cũ của triều đại nhà Nguyễn ở Việt Nam.\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div className=\"item main-slide-item\">\r\n              <div className=\"overlay\"></div>\r\n              <div\r\n                className=\"img_bg\"\r\n                style={{\r\n                  backgroundImage: `url('images/slide/biaquochoc_small.jpg')`,\r\n                }}\r\n              ></div>\r\n              <div className=\"slider-content\">\r\n                <h1>Bia Quốc Học</h1>\r\n                <p>\r\n                  Bia Quốc Học tọa lạc giữa một ngoại cảnh thiên nhiên thơ mộng,\r\n                  nhất là phía sau có dòng sông Hương trong xanh êm ả, giữa một\r\n                  không gian kiến trúc độc đáo.\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </Slider>\r\n        </div>\r\n        {/* <QuickOrderV2 /> */}\r\n        <OrderSection />\r\n      </div>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport default OrderPage;\r\n"],"names":["customItemRender","data","_jsx","Fragment","children","_jsxs","className","src","title","props","dispatch","useDispatch","history","useNavigate","adultNumberRef","useRef","childrenNumberRef","selectedOption","setSelectedOption","useState","currentSelected","useSelector","state","placeCart","quickOrderObject","details","detailAdult","find","el","custommerTypeId","detailChildren","danhsachDiaDiemGiaVe","danhsachDiaDiem","danhsachTuyenDiaDiemGiaVe","danhsachTuyen","diadiem","useEffect","placeCartActions","initQuickOrder","selectedPlace","orderActions","resetOrder","id","selectDiaDiemhandler","val","adultNumber","current","value","childrenNumber","replaceCartItem","adultCount","childrenCount","onSubmit","evt","preventDefault","uiActions","setOrderType","SelectBox","dataSource","displayExpr","valueExpr","searchEnabled","onSelectionChanged","selectedItem","itemRender","onClick","detail","quantity","quickOrderTuningQuantity","count","style","backgroundColor","color","ref","type","step","min","onChange","quickOrderChangeQuantity","target","changeContext","useContext","AuthContext","publish","display","Slider","dots","arrows","fade","autoplay","autoplaySpeed","pauseOnHover","infinite","speed","slidesToShow","slidesToScroll","lazyLoad","backgroundImage","OrderSection"],"sourceRoot":""}