\n setOpened(true)}\n className=\"btn btn-primary\"\n >\n
\n \n ) : (\n // open desktop menu drawer\n <>\n \n setQuery(event.target.value)}\n placeholder={placeholder}\n className=\"form-control w-100 col-12\"\n value={query}\n required\n />\n
\n );\n}\n\nexport default SearchLocationInput;\n","import axios from \"../../setup/axios/SetupAxios\";\nimport axiosReq from 'axios'\n\n/***************************************************\n * Social Login\n * ****************************************** */\nconst googleLogin = async ({ profileObj, googleId, accessToken }) => {\n const { email, name, imageUrl } = profileObj\n const response = await axios.post(`/social/google/login`, {\n name: name,\n social_id: googleId,\n token: accessToken,\n email,\n avatar: imageUrl,\n })\n return response\n};\n\nconst facebookLogin = async ({ profileObj, googleId, accessToken }) => {\n const { email, name, imageUrl } = profileObj\n const response = await axios.post(`/social/facebook/login`, {\n name: name,\n social_id: googleId,\n token: accessToken,\n email,\n avatar: imageUrl,\n })\n return response\n};\n\n/******************************************************\n * User Login\n******************************************************/\nconst handleRegister = (\n { email,\n password,\n password_confirmation,\n Firstname,\n Lastname,\n phoneNumber,\n newsletterSubscription\n }\n) => {\n return axios.post(`/user/register`, {\n email,\n password,\n password_confirmation,\n name: Firstname + \" \" + Lastname,\n phone: phoneNumber,\n transactional_mail: true,\n newsletter_subscription: newsletterSubscription\n });\n};\n\nconst handleLogin = async ({ userName, password }) => {\n let email, phone;\n if (isNaN(userName)) {\n email = userName\n }\n else {\n phone = Number(userName)\n }\n const response = await axios.post(`/user/login`, {\n password,\n phone,\n email\n });\n return response\n};\n\nconst forgetPassword = async (email) => {\n const response = await axios.post(`/forgot-password`, { email })\n return response\n};\n\nconst resetPassword = async ({ token, email, password, password_confirmation }) => {\n await axios.post(`/reset-password`, { token, email, password, password_confirmation })\n}\n\nconst changePassword = async ({ current_password, new_password, new_password_confirmation }) => {\n const response = await axios.post(`/password/change`, {\n current_password,\n new_password,\n new_password_confirmation\n })\n return response\n};\n\n\n/******************************************************\n * Impersonate User Login\n******************************************************/\n\nconst impersonateLogin = async (token) => {\n const {data} = await axiosReq.get(`${process.env.REACT_APP_API_URL}/impersonate`, {\n headers: { 'Authorization': `Bearer ${token}` }\n })\n return data\n};\n\nexport const authenticationService = {\n googleLogin,\n facebookLogin,\n handleRegister,\n handleLogin,\n forgetPassword,\n changePassword,\n resetPassword,\n impersonateLogin\n};","import React from 'react';\nimport { useMutation } from 'react-query';\nimport { toast } from 'react-toastify';\nimport { Form, Field, ErrorMessage, Formik } from 'formik';\nimport * as Yup from 'yup';\n\nimport Navbar from '../../molecules/Navbar';\nimport { authenticationService } from '../../../services/api/authentication';\n\nconst initValues = {\n email: \"\"\n};\n\nconst passwordSchema = Yup.object().shape({\n email: Yup.string()\n .email(\"Wrong email format\")\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\"Email is required\"),\n});\n\nconst ForgetPassword = () => {\n const { mutate, isLoading } = useMutation(authenticationService.forgetPassword, {\n onSuccess: () => {\n toast.success('Password reset link has been sent , please check your email')\n },\n onError: (err) => {\n toast.error(`${err?.response?.data?.error?.message}`)\n }\n });\n\n const handleSubmit = (values , {resetForm}) => {\n const { email } = values\n mutate(email , {\n onSuccess : () => {\n resetForm();\n }\n })\n }\n return (\n \n
\n )\n}\n\nexport default ForgetPassword","import { useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nexport const useStringHook = () => {\n const { search } = useLocation()\n return useMemo(() => new URLSearchParams(search), [search])\n}","\nconst passwordRegx = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/;\n\nconst phoneRegression = /^9[6,7,8][0-9]{8}$/;\n\nexport const regression = {\n passwordRegx,\n phoneRegression\n}\n","import React from 'react';\nimport { useMutation } from 'react-query';\nimport { toast } from 'react-toastify';\nimport { Form, Field, ErrorMessage, Formik } from 'formik';\nimport { useHistory } from 'react-router-dom';\nimport * as Yup from 'yup';\n\nimport Navbar from '../../molecules/Navbar';\nimport { authenticationService } from '../../../services/api/authentication';\nimport { useStringHook } from '../../../hooks/useStringHook';\nimport { regression } from '../../../utils/regressions';\n\nconst initValues = {\n password: \"\",\n password_confirmation: \"\"\n};\n\nconst passwordSchema = Yup.object().shape({\n password: Yup.string()\n .min(8, \"Minimum 8 characters\")\n .max(255, \"Maximum 255 characters\")\n .matches(regression.passwordRegx, \"Password must be at least 8 characters long including at least one UPPERCASE, one lowercase, one number and one special character\")\n .required(\"Password is required\"),\n password_confirmation: Yup.string()\n .oneOf([Yup.ref(\"password\"), null], \"Passwords must match\")\n .required(\"Password is required\"),\n});\n\nconst ResetPassword = () => {\n\n const query = useStringHook();\n\n const history = useHistory();\n\n const token = query.get('token');\n\n const email = query.get('email');\n\n const { mutate, isLoading } = useMutation(authenticationService.resetPassword, {\n onSuccess: () => {\n toast.success('Password has been reset')\n history.push(\"/user/login\")\n },\n onError: (err) => {\n toast.error(`${err?.response?.data?.error?.message}`)\n }\n });\n\n const handleSubmit = (values) => {\n const { password, password_confirmation } = values\n mutate({token, email, password, password_confirmation})\n };\n\n return (\n \n
\n\n \n \n
\n Find Your Account\n
\n\n
\n
\n )\n}\n\nexport default ResetPassword","import * as Yup from 'yup';\nimport { regression } from '../../utils/regressions';\n\nconst initialValues = {\n userName: \"\",\n password: \"\",\n};\n\nconst loginSchema = Yup.object().shape({\n // userName: Yup.string()\n // .email(\"Wrong email format\")\n // .min(3, \"Minimum 3 symbols\")\n // .max(255, \"Maximum 255 symbols\")\n // .required(\"Email is required\"),\n password: Yup.string()\n .min(3, \"Minimum 3 symbols\")\n .max(255, \"Maximum 255 symbols\")\n .required(\"Password is required\"),\n});\n\nconst registerSchema = Yup.object().shape({\n Firstname: Yup.string()\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\"First Name is required\"),\n Lastname: Yup.string()\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\"LastName is required\"),\n email: Yup.string()\n .email(\"Wrong email format\")\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\"Email is required\"),\n password: Yup.string()\n .min(3, \"Minimum 3 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .matches(regression.passwordRegx, \"Password must be at least 8 characters long including at least one UPPERCASE, one lowercase, one number and one special character\")\n .required(\"Password is required\"),\n password_confirmation: Yup.string()\n .oneOf([Yup.ref(\"password\"), null], \"Passwords must match\")\n .required(\"Password is required\"),\n terms: Yup.boolean().oneOf([true], 'Terms and condition should be accepted'),\n phoneNumber: Yup.string()\n .min(10, \"Phone number is not valid\")\n .max(10, \"Phone number is not valid\")\n .matches(regression.phoneRegression, 'Phone number is not valid')\n .required('Phone Number is required'),\n});\n\nconst initValues = {\n email: \"\",\n Firstname: \"\",\n Lastname: \"\",\n password: \"\",\n password_confirmation: \"\",\n phoneNumber: '',\n terms: false\n};\n\nexport { initialValues, loginSchema, initValues, registerSchema }","import React from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { useFormik } from \"formik\";\nimport clsx from \"clsx\";\nimport { FaUserAlt, FaLock } from 'react-icons/fa'\n\nimport { useAuth } from '../../../hooks/useAuth';\n\nimport { initialValues, loginSchema } from \"../../validation/AuthValidation\";\n// import SocialMediaLogin from \"./SocialMediaLogin\";\nimport Navbar from '../../molecules/Navbar';\n\nimport \"../../../assets/styles/login.css\";\nimport { useHandleLogin } from \"../../../hooks/useHandleLogin\";\n\nconst UserLogin = () => {\n\n const history = useHistory();\n\n const { setAuth } = useAuth();\n\n const {\n mutate,\n isLoading,\n } = useHandleLogin();\n\n const formik = useFormik({\n initialValues,\n validationSchema: loginSchema,\n onSubmit: (values) => {\n mutate({ ...values } , {\n onSuccess : (data) => {\n setAuth(data?.data)\n history.push('/')\n document.location.reload();\n }\n });\n },\n });\n\n return (\n \n
\n\n \n \n
\n Find Your Account\n
\n\n
\n
\n );\n};\n\nexport default UserLogin;\n","import { useMutation } from \"react-query\";\nimport { toast } from \"react-toastify\";\n\nimport { authenticationService } from \"../services/api/authentication\";\n\nexport const useHandleLogin = () => {\n return useMutation(authenticationService.handleLogin, {\n onSuccess: () => {\n toast.success('User logged in successfully')\n },\n onError: (err) => {\n toast.error(`${err?.response?.data?.error?.message || \"Please try again later.\"}`)\n }\n });\n}","import * as Yup from 'yup'\nimport { regression } from '../../../utils/regressions';\n\nconst registerSchema = Yup.object().shape({\n Firstname: Yup.string()\n // .min(1, \"Minimum 1 characters\")\n .max(255, \"Maximum 255 characters\")\n .required(\"First Name is required\"),\n Lastname: Yup.string()\n // .min(1, \"Minimum 1 characters\")\n .max(255, \"Maximum 255 characters\")\n .required(\"Last Name is required\"),\n email: Yup.string()\n .email(\"Wrong email format\")\n .min(3, \"Minimum 3 characters\")\n .max(255, \"Maximum 255 characters\")\n .required(\"Email is required\"),\n password: Yup.string()\n .min(8, \"Minimum 8 characters\")\n .max(255, \"Maximum 255 characters\")\n .matches(regression.passwordRegx, \"Password must be at least 8 characters long including at least one UPPERCASE, one lowercase, one number and one special character\")\n .required(\"Password is required\"),\n password_confirmation: Yup.string()\n .oneOf([Yup.ref(\"password\"), null], \"Passwords must match\")\n .required(\"Password is required\"),\n // transactionalMail: Yup.boolean().oneOf([true], 'Transaction mail should be accepted'),\n newsletterSubscription: Yup.boolean().nullable(),\n phoneNumber: Yup.string()\n .min(10, \"Phone number is not valid\")\n .max(10, \"Phone number is not valid\")\n .matches(regression.phoneRegression, 'Phone number is not valid')\n .required('Phone Number is required'),\n});\n\nconst initialValues = {\n email: \"\",\n Firstname: \"\",\n Lastname: \"\",\n password: \"\",\n password_confirmation: \"\",\n // transactionalMail: false,\n newsletterSubscription: false,\n phoneNumber:''\n};\n\nexport { initialValues, registerSchema }","import React from \"react\";\nimport { Card, Row, Col } from \"react-bootstrap\";\nimport { useMutation } from \"react-query\";\nimport { toast } from \"react-toastify\";\nimport { useFormik } from \"formik\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport clsx from \"clsx\";\n\nimport { useAuth } from \"../../../hooks/useAuth\";\nimport { authenticationService } from \"../../../services/api/authentication\";\n\nimport Navbar from \"../../molecules/Navbar\";\nimport { initialValues, registerSchema } from './registrationValidation';\n// import SocialMediaLogin from \"./SocialMediaLogin\";\nimport '../../../assets/styles/register.css'\n\nconst UserRegister = () => {\n const history = useHistory();\n\n const { setAuth } = useAuth();\n\n const {\n mutate,\n isLoading,\n } = useMutation(authenticationService.handleRegister, {\n onSuccess: (data) => {\n setAuth(data?.data)\n history.push('/')\n toast.success('User registered successfully')\n document.location.reload();\n },\n onError: (err) => {\n toast.error(`${err?.response?.data?.error?.message}`)\n }\n });\n\n const formik = useFormik({\n initialValues,\n validationSchema: registerSchema,\n onSubmit: (values) => {\n mutate({ ...values })\n },\n });\n\n return (\n \n \n \n {!isLoading && Continue}\n {isLoading && (\n \n Please wait...\n \n \n )}\n \n \n
\n \n \n
\n {formik.touched.userName && formik.errors.userName && (\n \n \n {formik.errors.userName}\n \n
\n )}\n \n
\n \n \n
\n {formik.touched.password && formik.errors.password && (\n \n
\n )}\n \n \n {formik.errors.password}\n \n
\n \n
\n \n \n Forget Password\n \n
\n \n Don't have an account?\n \n Sign up\n \n
\n {/* \n \n \n
\n );\n};\n\nexport default UserRegister;","export default __webpack_public_path__ + \"static/media/bird.e7ac956a.png\";","import { useContext } from \"react\";\nimport { SearchProperty } from \"../context/SearchPropertyContext\";\n\nexport const usePropertyQuery = () => {\n return useContext(SearchProperty);\n}; ","import * as Yup from \"yup\";\n\nconst heroSchema = Yup.object().shape({\n // search: Yup.string().required(\"search is required\"),\n });\n var date = new Date();\n var end = date.setDate(date.getDate() + 1)\n const initialValues = {\n search: \"\",\n endDate: new Date(end),\n startDate: new Date(),\n count: ''\n };\n\n export {heroSchema , initialValues}","import moment from \"moment\"\n\nexport const formatDate = (date) => {\n return moment(new Date(date)).format('YYYY/MM/DD')\n}\n\nexport function formatDateTime(date) {\n return moment(new Date(date), 'dd MMM yyyy HH:mm');\n}\n\nexport function differenceDate(startDate , endDate){\n return moment(endDate).diff(moment(startDate) , 'days')\n}\n\nexport function dateFromNow(date){\n return moment(date).fromNow()\n} ","import React from 'react'\n\nconst Counter = (props) => {\n const { setCount, count } = props\n const decrement = () => {\n if (count === props.totalCount) {\n return\n }\n setCount(prevCount => prevCount - 1)\n }\n return (\n \n \n \n
\n \n
\n \n {!isLoading && Register}\n {isLoading && (\n \n Please wait...\n \n \n )}\n \n \n
\n {/* \n
\n \n \n
\n \n
\n \n {formik.errors.Firstname}\n
\n )}\n \n
\n \n \n
\n \n
\n \n {formik.errors.Lastname}\n
\n )}\n \n
\n \n \n
\n \n
\n \n {formik.errors.email}\n
\n )}\n \n
\n \n \n
\n \n
\n \n {formik.errors.phoneNumber}\n
\n )}\n \n
\n \n {formik.errors.password}\n
\n )}\n \n
\n \n
\n \n
\n \n \n {formik.errors.password_confirmation}\n \n
\n )}\n \n
\n \n \n \n Email me exclusive SuYatra promotions. I can opt out later as stated in the Privacy Policy.\n \n \n {/* \n I agree to the{\" \"}\n \n terms an conditions.\n \n */}\n {formik.touched.newsletterSubscription &&\n formik.errors.newsletterSubscription && (\n
\n \n \n {formik.errors.newsletterSubscription}\n \n
\n )}\n \n Already Have An Account\n \n Sign in\n \n
\n \n By signing in, I agree to SuYatra's\n \n Terms of Service and \n \n \n Privacy Statements\n \n and Suscribe to our transaction mail\n
\n {/*\n \n Apply As a Supplier\n \n
*/}\n \n
\n )\n}\n\nexport default Counter\n","import { faUsers } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { Menu } from '@mantine/core'\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport Counter from '../atoms/Counter'\n\nconst CounterBox = ({ adult, setAdult, count, setCount, child, setChild, rooms, setRooms, type , className }) => {\n return (\n \n \n
\n \n \n \n setCount(prevCount => prevCount + 1)}\n disabled={count === 50}>\n +\n \n
\n \n
\n
\n
\n );\n};\n\nexport default Hero;\n\n\n//to be done later\n\n// import React, { useState } from \"react\";\n// import { faCalendarAlt, faSearch } from \"@fortawesome/free-solid-svg-icons\";\n// import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n// import { Formik, Form } from \"formik\";\n// import { useHistory } from \"react-router-dom\";\n// import { DateRangePicker } from \"@mantine/dates\";\n// import moment from \"moment\";\n\n// import PropertyDropdown from \"../../components/searchInput/PropertyDropdown\";\n// import { usePropertyQuery } from \"../../hooks/usePropertyQuery\";\n// import { heroSchema, initialValues } from \"../validation/HeroValidation\";\n// import \"../../assets/styles/hero.css\";\n// import { formatDate } from \"../../utils/formatdate\";\n// import CounterBox from \"./CounterBox\";\n// import data from \"../../utils/mock/data.json\";\n// import { splitUrl } from \"../../utils/splitUrl\";\n\n// const Hero = () => {\n// const history = useHistory();\n// const { handlePropertySearch } = usePropertyQuery();\n// const [location, setLocation] = useState({});\n// const [url, setUrl] = useState(\"\");\n// const [date, setDate] = useState([\n// moment().add(1, \"days\").toDate(),\n// moment().add(2, \"days\").toDate(),\n// ]);\n// const [adult, setAdult] = useState(2);\n// const [child, setChild] = useState(0);\n// const [rooms, setRooms] = useState(1);\n\n// const onFormSubmit = (value) => {\n// let type = splitUrl(url);\n// const lat = location?.geometry?.location.lat || \"\";\n// const address = location?.name || type?.address;\n// const long = location?.geometry?.location.lng || \"\";\n// const searchBy = type ? (type?.searchBy === \"city\" ? \"city\" : \"hotel\") : \"\";\n// const searchParams = {\n// search: value.search,\n// startDate: formatDate(date[0]),\n// endDate: formatDate(date[1]),\n// adult,\n// child,\n// rooms,\n// latitude: lat,\n// longitude: long,\n// address,\n// searchBy,\n// placeId : location?.place_id\n// };\n// handlePropertySearch(searchParams);\n// const searchQuery = new URLSearchParams(searchParams).toString();\n// history.push({\n// pathname:\n// type?.searchBy === \"city\" || type?.searchBy === \"property\"\n// ? url\n// : `/search/property/listing`,\n// search: searchQuery,\n// });\n// };\n\n// return (\n// \n \n {() => (\n \n )}\n \n {/*
\n \n {data.propertyHeader.title}\n
\n\n {data.propertyHeader.subTitle}\n
\n\n
*/}\n \n
\n//
\n// );\n// };\n\n// export default Hero;\n\n","import React from \"react\";\nimport Navbar from \"../molecules/Navbar\";\nimport Hero from \"../molecules/Hero\";\nimport PropTypes from 'prop-types';\n\nimport \"../../assets/styles/header.css\";\n\nconst Header = ({ displayHero }) => {\n return (\n \n// \n// {() => (\n// \n// )}\n// \n// {/*
\n// \n// {data.propertyHeader.title}\n//
\n//\n// {data.propertyHeader.subTitle}\n//
\n//\n//
*/}\n// \n//
\n
\n \n );\n};\n\nexport default Error404;\n","import React from 'react';\nimport { Route, Redirect } from 'react-router-dom';\n\nconst PrivateRoutes = ({ component: Component, isAuthenticated, ...rest }) => (\n \n 
\n
\n Error 404 - Page Not Found
\nSorry, the page you are looking for does not exist.
\nYou can return to the homepage.
\n \n Go To Home\n \n\n
\n )\n}\n\nexport default SocialLinks\n","export default __webpack_public_path__ + \"static/media/testimonial1.a07f2076.png\";","export default __webpack_public_path__ + \"static/media/testimonial2.3447ce07.jpg\";","import imageLogo from \"../../assets/images/SuyatraLogo.png\";\n\n//health measures\nimport heartIcon from \"../../assets/images/heart.png\";\nimport tickIcon from \"../../assets/images/tick.png\";\nimport handIcon from \"../../assets/images/hand.png\";\n\n//testimonials image\nimport testimonials1 from \"../../assets/images/testimonials/testimonial1.png\";\nimport testimonials2 from \"../../assets/images/testimonials/testimonial2.jpg\";\nimport moment from \"moment\";\nimport { faHandshake } from \"@fortawesome/free-solid-svg-icons\";\nimport { GiBurningPassion, GiIdea } from \"react-icons/gi\";\n\nexport const mockData = {\n companyTitle: \"SuYatra\",\n logo: {\n image: imageLogo,\n },\n propertyHeader: {\n title: \"Discover Your Next Holiday Destinations\",\n subTitle: \"Book hotels and holiday packages.\",\n },\n packageHeader: {\n title: \"Discover Your Next Holiday Destinations\",\n subTitle: \"Discover unforgettable travel experiences.\",\n },\n supplierHeader: {\n title: \"Your Business Can Make An Impact In Their Experience\",\n subTitle: \"Coordinated. Connected. Committed.\",\n },\n\n healthMeasures: [\n {\n id: 1,\n title: \"Health and Medical\",\n color: \"danger\",\n paragraphOne: \"First-aid Kits\",\n paragraphTwo: \"Doctors On Call Service\",\n icon: heartIcon,\n },\n {\n id: 2,\n title: \"Safety Features\",\n color: \"success\",\n paragraphOne: \"First-aid Kits\",\n paragraphTwo: \"Health Care Professional\",\n icon: tickIcon,\n },\n {\n id: 3,\n title: \"Preventive Equipments\",\n color: \"info\",\n paragraphOne: \"First-aid Kits\",\n paragraphTwo: \"Health Care Professional\",\n icon: handIcon,\n },\n ],\n coreValues: [\n {\n id: \"1\",\n title: \"Integrity\",\n color: \"danger\",\n icon: faHandshake,\n paragraphOne:\n \"We uphold the highest standards of integrity in all our actions.\",\n paragraphTwo: \"We believe in doing the right thing, always.\",\n paragraphThree:\n \"We are committed to being transparent, honest, and ethical in all our interactions with employees, clients, and the communities we serve.\",\n },\n {\n id: \"2\",\n title: \"Innovation\",\n color: \"success\",\n icon: GiIdea,\n paragraphOne:\n \"We foster an environment that encourages innovative thinking and creative solutions.\",\n paragraphTwo:\n \"We continuously strive to improve our platform, services, and experiences by embracing new technologies, ideas, and practices.\",\n },\n {\n id: \"3\",\n title: \"Passion\",\n color: \"info\",\n icon: GiBurningPassion,\n paragraphOne:\n \"We are passionate about travel, culture, and the beauty of Nepal.\",\n paragraphTwo:\n \"This passion drives us to deliver exceptional experiences for our customers.\",\n paragraphThree:\n \"We put our heart and soul into every service we provide, ensuring that each journey booked through our platform is memorable and enriching.\",\n },\n ],\n whyChooseUs: [\n {\n id: \"1\",\n title: \"Handpicked Recommendations\",\n content:\n \"We work with the best of the best; whether it be hotels, tour packages, guides, travel recommendations. All of our suppliers are trusted partners and approved through thorough review and authentication. We are confident that our recommendations can provide you an authentic experience like never before.\",\n url: \"../../assets/images/why-choose-us/1.webp\",\n },\n {\n title: \"Quality and Quantity\",\n content:\n \"Browse from over hundreds of hotels, restaurants, tours, activities and packages, and book the one that you feel is the 'right one' for you. We offer you countless selection of quality content for your trip. You can take your time to carefully choose your favourite or you can save your time by choosing our recommended; the point is, you won't regret either of your choice!\",\n url: \"../../assets/images/why-choose-us/2.webp\",\n },\n {\n id: \"2\",\n title: \"Trust Our Dedication\",\n content:\n \"We have dedicated ourselves to deliver you the best bookings, packages and experiences, that is time-saving, stress-free and fun! As travel enthusiasts, we want our customers to travel and stay in comfort no matter where you go. Its our job to eliminate your issues and guarantee that your trip with us is made just for you.\",\n url: \"../../assets/images/why-choose-us/3.webp\",\n },\n {\n id: \"3\",\n title: \"We are Flexible\",\n content:\n \"Planning and bookings can be unpredictable, and we've got you covered in all areas. Your booking and packages can be flexibly accommodated with no problems whether that is extending your trip, cancelling, your booking, postponing, or request for changes as long as it is within our policy guidelines.\",\n url: \"../../assets/images/why-choose-us/4.webp\",\n },\n ],\n counter: [\n {\n id: \"1\",\n title: \"300\",\n subTitle: \"New Visitors every week\",\n },\n {\n id: \"2\",\n title: \"2200\",\n subTitle: \"Happy Coustomer Every Year\",\n },\n {\n id: \"3\",\n title: \"500\",\n subTitle: \"New Listings Every Week\",\n },\n ],\n createExperience: [\n {\n id: 1,\n title: \"Discover Your Guest\",\n content:\n \"Connect with thousands of guests looking for comfort, travel and taste under a budget that makes your property the perfect choice\",\n },\n {\n id: 2,\n title: \"Cater to the right guest\",\n content:\n \"Get ready to accommodate guests with different needs. From long-period stays, last-minute bookings, travel-friendly planners, and business-oriented, your property can cater to their exclusive needs.\",\n },\n {\n id: 3,\n title: \"Compete in Real-time\",\n content:\n \"Connect and compete to grow your business. Make your property the best choice by connecting with guests in real-time by making decisions, responding, and offering incentives. \",\n },\n ],\n becomeSupplier: [\n {\n id: 2,\n title: \"3. Start Listing \",\n paragraph:\n \"List any type of property or packages your business is offering to the customers. Include necessary details like rooms, amenities, and budget that you your guests to know.\",\n },\n {\n id: 3,\n title: \"4. Get Bookings\",\n paragraph:\n \"Once you are all set up, you can start receiving bookings for your product and services through our website. All ready to go!\",\n },\n ],\n bannerLeft: {\n title: \"Get instant discounts.\",\n paragraph:\n \"Earn amazing discounts by referring your friends to our website. If you have friends or family who want to plan a relaxing stay, refer them to our website enjoy dis- counts on your booking\",\n },\n bannerRight: {\n title: \"Why Partner With SuYatra?\",\n paragraph:\n \"SuYatra makes it easier for suppliers to connect with customers who are looking for your travel now. The first step to do this is register your company, and provide us your information and the services, rooms, and tour packages you offer!\",\n },\n testinomonials: [\n {\n id: 1,\n createdAt: \"May 8, 2020\",\n title: \"Really Lovely People \",\n content:\n \"An excellent website where I can stay up to date with all of my properties and packages, from the status to analytics, and my customers. I believe that my com-pany can gain more exposure thanks to Suyatra\",\n userName: \"@MandeepNuepane\",\n image: testimonials1,\n },\n {\n id: 2,\n createdAt: \"Jan 22, 2018\",\n title: \"Great Trip\",\n content:\n \"SuYatra is a great online platform, thanks to which we have gained more customers and even regulars who have come back to book reservations from us again. In a technological age, a travel and lodging online platform like Suyatra helps small companies to gain more exposure easily.\",\n userName: \"@NirjalWagle\",\n image: testimonials2,\n },\n {\n id: 3,\n createdAt: \"May 8, 2020\",\n title: \"Really Lovely People \",\n content:\n \"Very easy to navigate and list my property. Regular notifications and email up-dates helps a lot to keep up to date with our operations\",\n userName: \"@YashuNeupane\",\n image: testimonials1,\n },\n ],\n footer: {\n description:\n \"Affordable and hassle-free bookings for your holiday plans. SuYatra is curated for travellers and makes it easy, stress-free, and enjoyable for you to plan your next trip.\",\n menuTitle1: \"SuYatra\",\n menuTitle2: \"Our Services\",\n menuTitle3: \"Contact\",\n copyrightText: `Copyright © ${moment().format(\n \"YYYY\"\n )} SuYatra. All rights reserved.`,\n },\n companyContactDetails: {\n email: \"info@suyatra.com.np\",\n phoneNumber: \"+977-1-4537187\",\n companyPostOffice: \"P.O.Box No. 21255\",\n companyLocation: `Trishakti Marg, Uttar Dhoka Rd, Lazimpat, Kathmandu, Nepal`,\n },\n companySocialMediaDetails: {\n instagram: \"https://www.instagram.com/suyatraonline/\",\n facebook: \"https://www.facebook.com/profile.php?id=100088868798676\",\n twitter: \"https://twitter.com/suyatraonline\",\n linkedin: \"https://www.linkedin.com/company/suyatraonline/\",\n },\n sectionHeader: {\n bestDeals: {\n title: \"Best Hot Deals\",\n subTitle:\n \"Enhance your trip experiencing the best hotels and eating delicious cuisines from the best restaurants in your travel area\",\n },\n popularHotels: {\n title: \"Popular Hotels and Restaurants\",\n subTitle:\n \"Enhance your trip experiencing the best hotels and eating delicious cuisines from the best restaurants in your travel area\",\n },\n popularPackages: {\n title: \"Most Popular Packages.\",\n subTitle:\n \"These companies release their own versions of the operating systems with minor changes, and yet always.\",\n },\n featuredPlaces: {\n title: \"Most Featured Places\",\n subTitle:\n \"Make updates to your trip itinerary by adding these extraordinary places to your places to visit.\",\n },\n whyChooseUs: {\n title: \"Why Choose Us\",\n subTitle:\n \"Enhance your trip experiencing the best hotels and eating delicious cuisines from the best restaurants in your travel area\",\n },\n blog: {\n title: \"Our Blog\",\n subTitle:\n \"Discover new places and gather new experiences by reading our blogs.\",\n },\n testimonials: {\n title: \"Your Property Our Value.\",\n subTitle: \"Our Suppliers’ story.\",\n },\n partnerSection: {\n title: \"Why Partner With SuYatra ?\",\n content:\n \"SuYatra aims to offer unique and high quality packages to our guests and we want quality suppliers who can offer this unique and high quality experience to travellers and guests who are looking for the best package.\",\n },\n becomeSupplier: {\n title: \"How to become a supplier ?\",\n paragraph:\n \"Whether your company is a hotel, travel company, guide agency or anything related to travel and tour, you can register your business with us as a supplier.\",\n },\n deals:{\n title:\"Available Deals\",\n paragraph:\"Get the best deals on hotels, restaurants, and tour packages. Book now and enjoy your trip.\",\n }\n },\n};\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import moment from \"moment\";\nimport axios from \"../../setup/axios/SetupAxios\";\n\n/*********************************************\n * User Bookings Routes\n ********************************************/\n\nconst guestBooking = async (id) => {\n const { data } = await axios.get(`/bookings/${id}`)\n return data\n};\n\nconst bookings = async ({ page , status }) => {\n const { data } = await axios({\n method: \"GET\",\n url: `/user/bookings?page=${page}&status=${status}`,\n });\n return data;\n};\n\nconst getBooking = async (bookingReference) => {\n const { data } = await axios({\n method: 'GET',\n url: `/user/bookings/${bookingReference}`\n })\n return data\n};\n\nconst bookPackage = async ({ packageSlug, count, bookingStartDate , bookingEndDate , ...value }) => {\n \n const additionalTravellers = value?.additional_traveller_details?.length > 0 ? value?.additional_traveller_details : null\n const response = await axios.post(\n `/packages/${packageSlug}/booking`,\n {\n quantity: count,\n lead_traveller_name: value.lead_traveller_name,\n lead_traveller_email: value.lead_traveller_email,\n lead_traveller_phone: value.lead_traveller_phone,\n note: value.note,\n additional_traveller_details: additionalTravellers,\n alternative_number: value.alternative_number,\n bookingStartDate,\n bookingEndDate\n },\n );\n return response.data;\n};\n\nconst bookRoom = async ({ ...values }) => {\n const additionalTravellers = values?.additional_traveller_details?.length > 0 ? values?.additional_traveller_details : null\n const {\n lead_traveller_email,\n lead_traveller_name,\n lead_traveller_phone,\n note,\n rooms,\n startDate,\n endDate,\n alternative_number,\n adult,\n child\n }\n = values\n const starts_at = moment(startDate).format('YYYY-MM-DD')\n const ends_at = moment(endDate).format('YYYY-MM-DD')\n const child_count = parseInt(child)\n const adult_count = parseInt(adult)\n const response = await axios.post(\n `/rooms/${values.roomSlug}/booking`,\n {\n starts_at,\n ends_at,\n child_count,\n adult_count,\n quantity: Number(rooms),\n lead_traveller_email,\n lead_traveller_name,\n lead_traveller_phone,\n note,\n alternative_number,\n additional_traveller_details: additionalTravellers,\n },\n );\n return response.data;\n};\n\nconst bookProperty = async ({ ...values }) => {\n const propertySlug = values.propertySlug\n const adultCount = values.adultCount\n const childCount = values.childCount\n const roomCount = values.roomCount\n const fromDate = values.startDate\n const toDate = values.endDate\n const {data} = await axios.get(`/properties/${propertySlug}/booking?adult=${adultCount}&child=${childCount}&room_count=${roomCount}&from=${fromDate}&to=${toDate}`);\n return data\n}\n\nconst updateBookingAvailability = async (bookingReference) => {\n const response = await axios.get(`/booking/update-availability/${bookingReference}`);\n return response.data;\n};\n\nconst checkBookingAvailability = async(bookingReference) => {\n const response = await axios.get(`/bookings/${bookingReference}/availability/check`)\n return response.data\n};\n\nconst rebookProduct = async(bookingReference) => {\n const response = await axios.patch(`booking/rebook-availability/${bookingReference}`)\n return response.data\n}\n\nconst cancelBooking = async (bookingReference) => {\n const response = await axios.patch(`/user/bookings/${bookingReference}/cancel`)\n return response.data\n};\n\n/*****************************************************\n * User Track Bookings Route\n *****************************************************/\n\nconst trackBooking = async (referenceId) => {\n const response = await axios.get(`/booking/track?booking_reference=${referenceId}`)\n return response.data\n};\n\nexport const bookingServices = {\n guestBooking,\n bookings,\n getBooking,\n bookPackage,\n bookRoom,\n cancelBooking,\n trackBooking,\n updateBookingAvailability,\n checkBookingAvailability,\n rebookProduct,\n bookProperty\n};","import React from \"react\";\nimport { Container } from \"react-bootstrap\";\nimport { CgProfile } from \"react-icons/cg\";\nimport { MdCampaign, MdTravelExplore } from \"react-icons/md\";\nimport { Link, useLocation } from \"react-router-dom\";\n\nimport \"../../assets/styles/mobileFooter.css\";\nimport { AiFillHome } from \"react-icons/ai\";\n\nconst BottomNavigationBar = () => {\n const location = useLocation();\n\n const isActive = (path) => {\n return location.pathname === path ? \"mobile-footer-active\" : \"\";\n };\n\n return (\n \n {\n data?.map((item) =>\n \n
\n \n \n \n
\n );\n};\n\nexport default BottomNavigationBar;\n","export default __webpack_public_path__ + \"static/media/esewa.0b1215fa.png\";","export default __webpack_public_path__ + \"static/media/khalti.7981739c.png\";","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Col, Row } from \"react-bootstrap\";\nimport { FiPhone } from \"react-icons/fi\";\nimport { BsChatSquareDots } from \"react-icons/bs\";\nimport { RiMapPinLine } from \"react-icons/ri\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { ListItem } from \"@mantine/core\";\nimport { toast } from \"react-toastify\";\nimport { CustomModal } from \"./modals/CustomModal\";\nimport { Button, Form } from \"react-bootstrap\";\nimport { GiPostOffice } from \"react-icons/gi\";\n\nimport { data } from \"../../utils/mock/footerData\";\nimport SocialLinks from \"../atoms/SocialLinks\";\nimport \"../../assets/styles/footer.css\";\nimport { mockData } from \"../../utils/mock/data.js\";\nimport { useTrackBooking } from \"../../hooks/useTrackBooking\";\nimport BottomNavigationBar from \"../molecules/MobileFooter\";\nimport { useWindowSize } from \"../../hooks/useWindowSize\";\nimport esewa from \"../../assets/images/payment-methods/esewa.png\";\nimport khalti from \"../../assets/images/payment-methods/khalti.png\";\nimport nicAsia from \"../../assets/images/payment-methods/visa-nic-asia.jpg\";\nimport appStore from \"../../assets/images/install-application/appStore.png\";\nimport googlePlay from \"../../assets/images/install-application/googlePlay.png\";\n\nconst Footer = () => {\n const history = useHistory();\n const mutation = useTrackBooking();\n const { width } = useWindowSize();\n\n const [referenceId, setReferenceId] = useState(\"\");\n const [show, setShow] = useState(false);\n\n const handleClose = () => {\n setShow(false);\n setReferenceId(\"\");\n };\n const handleShow = () => setShow(true);\n\n const handleSubmit = (e) => {\n e.preventDefault();\n mutation.mutate(referenceId, {\n onSuccess: (data) => {\n handleClose();\n setReferenceId(\"\");\n toast.success(`Booking reference found successfully`);\n history.push(`/guest/view/${data?.booking_reference}`);\n },\n onError: () => {\n toast.error(`Provided booking reference id doesn't exist`);\n },\n });\n };\n const isMobile = width <= 992;\n\n return (\n <>\n \n {isMobile && \n
\n \n \n
\n Hotel\n \n
\n \n Hotel\n \n
\n \n
\n Tours\n \n
\n \n Tours\n \n
\n \n
\n Deals\n \n
\n \n Deals\n \n
\n \n
\n Profile\n \n
\n \n Profile\n \n
\n \n */}\n {/* \n */}\n {/*
\n );\n};\n\nexport default AboutUS;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { formatDate } from \"../../utils/formatdate\";\n\nconst Posts = (props) => {\n const { item } = props;\n return (\n \n \n \n \n
\n \n
\n \n About SuYatra\n
\n\n SuYatra, headquartered in Kathmandu, is a dynamic online travel\n marketplace offering an extensive array of travel services. We\n provide everything from holiday packages to hotel reservations and\n flight tickets, catering to all travel needs across Nepal. Our\n platform showcases special offers, weekend getaways, and provides\n easy local payment solutions, all priced in Nepalese Rupee (NPR).\n
\n \n\n \n \n \n \n
\n \n \n \n \n
\n \n {mockData.coreValues.map((item) => (\n \n \n \n
\n \n \n \n ))}\n
\n
\n {/* \n
\n \n More About SuYatra\n
\n\n We at SuYatra, amalgamate hotel listings, holiday packages, and\n flight ticket prices from a wide spectrum of travel agencies,\n hotel chains, and airline companies. Our objective is to offer a\n comprehensive, one-stop solution for travelers. With our\n platform's intuitive interface and our far-reaching\n marketing strategies, we have established ourselves as a\n valuable asset for travelers across Nepal. We are committed to\n streamlining travel planning and delivering a seamless user\n experience.\n
\n\n SuYatra serves not only as a marketplace for travelers but also\n as a platform for growth for hoteliers, travel agencies, and\n airlines. We assist businesses in expanding their reach while\n ensuring travelers secure the best deals on hotels, holiday\n packages, and tickets. It is accessible via website and mobile\n app for iOS and Android. “ Abako Yatra, SuYatra Sanga” अबको\n यात्रा सुयात्रा संग\n
\n\n
\n \n Our Mission\n
\n\n "We are dedicated to empowering and inspiring travelers\n within Nepal by offering a reliable and user-friendly platform\n for discovering and securing a wide range of domestic travel\n experiences. Our objective is to highlight and celebrate Nepal’s\n abundant cultural heritage and breathtaking natural landscapes,\n while actively contributing to local economies and endorsing\n sustainable tourism practices. We are committed to simplifying\n the travel planning process, making it accessible, cost-\n effective, and pleasurable. We guarantee superior service\n quality to ensure our customers enjoy unforgettable journeys\n across the diverse terrains of Nepal.”\n
\n\n
\n\n \n Core Values\n
\n\n
\n \n
\n \n {typeof item.icon === \"function\" ? (\n
\n \n
\n \n {item.title}\n
\n- \n
- \n
- \n
- \n
\n
\n \n
\n \n Why Choose Us\n
\n\n {feature.map((item) => (\n
\n \n
\n ))}\n \n
\n \n
\n \n Our Team\n
\n\n {team.map((item) => (\n
\n \n
\n ))}\n \n \n \n
*/}\n \n \n
\n \n Featured Testimonials\n
\n\n
\n \n Load More...\n
\n \n
\n \n );\n};\n\nexport default Posts;\n","import React from \"react\";\n\nimport Posts from \"../atoms/Posts\";\nimport { AiOutlineSearch } from \"react-icons/ai\";\n\nconst RecentPosts = ({recentBlog}) => {\n return (\n \n
\n \n {item.title}\n
\n{formatDate(item.created_at)}
\n\n
\n );\n};\n\nexport default RecentPosts;\n","import { RotateLoader } from \"react-spinners\";\n\nexport const FallBackView = () => {\n return (\n \n {/* search-bar-starts */}\n
\n \n \n
\n {/* search-bar-ends */}\n {/* sidebar-widget-starts */}\n \n \n
\n {/* sidebar-widget-ends */}\n \n {/* post-1 */}\n {recentBlog?.data?.map((item) => (\n
\n \n {/*
\n );\n};\n","export default __webpack_public_path__ + \"static/media/bird1.64b760ec.png\";","import React from 'react';\nimport PropTypes from 'prop-types'\n\nimport logo from '../../assets/images/bird1.png';\n\nconst Error = (error) => {\n\n return (\n \n Loading...\n
*/}\n \n
\n )\n}\n\nError.propTypes = {\n error: PropTypes.string\n}\nexport default Error\n\n","import axios from \"../../setup/axios/SetupAxios\";\n\n// blogs\n\nconst getBlogs = async () => {\n const { data } = await axios.get(`/blogs`)\n return data\n};\n\nconst getBlog = async (slug) => {\n const { data } = await axios.get(`/blogs/${slug}`)\n return data\n};\n\nconst recentBlogs = async () => {\n const { data } = await axios.get(`/blogs?sort_by=latest`)\n return data\n};\n\nexport const blogServices = {\n getBlogs, getBlog, recentBlogs\n};","import React from \"react\";\n\nimport Header from \"../components/organisms/Header\";\nimport Footer from \"../components/molecules/Footer\";\n\nconst MainLayout = ({children}) => {\n return (\n \n \n
\n \n Error 500!\n
\n {\n error &&\n {error}\n
\n }\n Please contact to administration\n \n\n
\n );\n};\n\n// MainLayout.prototype = {\n// children: PropTypes.oneOfType([\n// PropTypes.arrayOf(PropTypes.node),\n// PropTypes.node,\n// ]).isRequired,\n// };\n\nexport default MainLayout;\n","import React from \"react\";\nimport { createMarkup } from \"../../_helpers/createMarkup\";\n\nconst DangerouslySetHtml = (props) => {\n const { contents, className } = props;\n return (\n \n \n \n {/* main-blog-side */}\n
\n \n
\n {blog.title}
\n\n \n BY\n {blog.users.name}\n \n |{\" \"}\n \n {formatDate(blog.created_at)}\n \n
\n \n
\n \n {/* side-bar-right */}\n \n {/* text-part-of-card */}\n {/* profile-and-avatar */}\n
\n \n
\n \n {item?.data}\n \n
\n \n {!isPaid &&\n status === STATUS.PAYMENT_PENDING &&\n isAvailability &&\n (!isReserved ? (\n
\n );\n};\n\nexport default PayNow;\n","import React from \"react\";\nimport { Card, Col, Row } from \"react-bootstrap\";\n\nimport PayNow from \"../atoms/PayNow\";\n\nconst BookingProductCard = ({ data, bookingDetail }) => {\n return (\n \n
\n {data.property_name || data.title}
\n {/* pay now button */}\n\n
\n
\n {data?.title}
\n\n \n Rs.{\" \"}\n {data?.offer_price || data?.unit_price || data?.room_rate}\n \n
\n {data?.description?.slice(0, 100)}\n \n
Cancellation policy
\n\n As per company's cancellation policy you will get Rs.{refundableAmount} from total of Rs.{totalAmount}\n \n )\n : (\n <>\n No charge for cancellation of booking.\n \n )\n }\n \n
\n
\n \n \n {!isLoading && Yes , cancel this booking}\n {isLoading && (\n \n Please wait...\n \n \n )}\n \n
\n \n );\n};\n\nexport default CancelBooking;\n\nCancelBooking.propTypes = {\n bookingReference: PropTypes.string.isRequired,\n};\n","import { useMutation, useQueryClient } from \"react-query\";\nimport { toast } from \"react-toastify\";\nimport { bookingServices } from \"../services/api/bookings\";\n\nexport const useCancelBooking = () => {\n const queryClient = useQueryClient();\n return useMutation(bookingServices.cancelBooking, {\n onSuccess: () => {\n queryClient.invalidateQueries(\"bookings\");\n },\n onError: () => {\n toast.error(\"please try again later\");\n },\n });\n};\n","import { STATUS } from \"./constants/statusType\";\n\nexport const isBookingCancellable = (singleBooking) => {\n // Check if the booking status is APPROVED\n const isStatusApproved = singleBooking.status === STATUS.APPROVED;\n\n // Check if the booking is paid or free\n const isPaidOrFree = singleBooking.is_paid || singleBooking.is_free;\n\n // Check if the booking is not cancelled, not completed, and has no refund\n const isNotCancelled = !singleBooking.cancelled_at;\n const isNotCompleted = !singleBooking.is_completed;\n const hasNoRefund = !singleBooking.refund_amount;\n\n // Determine if the booking is cancellable based on all conditions\n const bookingCancellable =\n isStatusApproved &&\n isPaidOrFree &&\n isNotCancelled &&\n isNotCompleted &&\n hasNoRefund;\n\n return bookingCancellable;\n};\n","import React, { useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\n\nimport Header from \"../organisms/Header\";\nimport Footer from \"../molecules/Footer\";\nimport { FallBackView } from \"./FallBackView\";\nimport { categoryType } from \"../../utils/categoryType\";\nimport { useGuestBooking } from \"../../hooks/reactQueryCustomHook/booking/useGuestBooking\";\nimport { statusCheck } from \"../../_helpers/statusCheck\";\nimport BookingList from \"./dashboard/BookingList\";\nimport { Card, Col, Container } from \"react-bootstrap\";\nimport BookingProductCard from \"../molecules/BookingProductCard\";\nimport CancelBooking from \"../modal/CancelBooking\";\nimport { isBookingCancellable } from \"../../_helpers/bookingFunctions\";\n\nconst GuestView = () => {\n const [show, setShow] = useState(false);\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n const { bookingReference } = useParams();\n const { data: booking, isLoading } = useGuestBooking(bookingReference);\n if (isLoading) return \n \n \n \n
\n \n \n \n \n \n
\n );\n};\n\nexport default GuestView;\n","import React from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheck } from '@fortawesome/free-solid-svg-icons';\nimport { Col, Row } from 'react-bootstrap';\n\nconst RoomFacilities = ({ data }) => {\n return (\n \n
\n \n
\n {showCancelButton && (\n Booking Details
\n {statusCheck(booking?.status)}\n\n \n Cancel Booking\n \n
\n )}\n \n
\n
\n )\n}\n\nexport default RoomFacilities\n","import { faServicestack } from '@fortawesome/free-brands-svg-icons';\nimport {\n faShip,\n faHiking,\n faSkating,\n faAirFreshener,\n faBath,\n faBed,\n faBuilding,\n faCar,\n faDumbbell,\n faHotel,\n faParking,\n faPlane,\n faSmoking,\n faSpa,\n faSwimmingPool,\n faWifi,\n faMonument,\n faCampground,\n faParachuteBox\n} from '@fortawesome/free-solid-svg-icons';\n\nconst ICONS = {\n 'spa': faSpa,\n 'bar': faHotel,\n 'fitness centre': faDumbbell,\n 'swimming pool': faSwimmingPool,\n 'houseKeeping': faBuilding,\n 'free wifi': faWifi,\n 'airport shuttle': faPlane,\n 'laundry service': faServicestack,\n 'private chauffeur': faPlane,\n 'steam and sauna': faBath,\n 'front desk': faHotel,\n 'restaurent': faHotel,\n 'free parking': faParking,\n 'car rental': faCar,\n 'family rooms': faBed,\n 'designated smoking area': faSmoking,\n 'air conditioning': faAirFreshener,\n 'bungee jumping': faPlane,\n 'rafting & kayaking': faSkating,\n 'hotel pickup and drop-off': faHotel,\n 'boat ride': faShip,\n 'trekking': faHiking,\n 'museum tours' : faMonument,\n 'camping': faCampground,\n 'paragliding': faParachuteBox\n}\n\nexport default ICONS\n","import React from 'react'\nimport StarRatings from 'react-star-ratings'\n\nconst Rating = (props) => {\n const { star } = props\n return (\n <>\n {\n star === null ? null :\n Room Facilities
\n\n \n
\n
\n Bedrooms
\n- \n
- {data?.type} \n
- Total Bedrooms : {data?.total_beds} \n
- Total rooms : {data?.total_rooms} \n
\n Allowed children\n
\n- \n
- Max Allowed childrens : {data?.max_allowed_childrens} \n
- Total Allowed Guests : {data?.max_allowed_guests} \n
\n Inclusions\n
\n- \n {data?.inclusions.map((item, index) =>
- \n
\n {item}\n )}\n
\n 
\n
\n ))\n }\n \n \n \n
\n \n )\n}\n\nexport default RoomGallery","import React from 'react'\n\nconst DescriptionTitle = (props) => {\n const {title} = props\n const styling = {\n color : \"#7100FF\"\n }\n return (\n {title}
\n )\n}\n\nexport default DescriptionTitle","\nimport { faChevronCircleDown, faChevronCircleUp } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport React, { useState } from 'react'\nimport DescriptionTitle from '../atoms/DescriptionTitle';\n\nconst Description = (props) => {\n const [isReadMore, setIsReadMore] = useState(true);\n const { description, title } = props\n return (\n\n
\n
\n )\n}\n\nDescription.defaultProps = {\n title: 'property'\n}\n\nexport default Description\n\n","\nexport const useTotalAvailableRoom = (dailyAvailabilities) => {\n if(dailyAvailabilities.length !== 0){\n const min = dailyAvailabilities.reduce(function (prev, current) {\n return (prev.available_count < current.available_count) ? prev.available_count : current.available_count\n });\n\n let totalRooms = [];\n for (let i = 1; i <= min; i++) {\n totalRooms.push(i)\n };\n return {totalRooms}\n}\nelse{\n return []\n}\n}\n","import React, { useState } from \"react\";\nimport moment from \"moment\";\nimport { useHistory } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faUtensils } from \"@fortawesome/free-solid-svg-icons\";\n\nimport { usePropertyQuery } from \"../../hooks/usePropertyQuery\";\nimport { useTotalAvailableRoom } from \"../../hooks/useTotalAvailableRoom\";\nimport { useStringHook } from \"../../hooks/useStringHook\";\nimport { IoAlertCircleOutline } from \"react-icons/io5\";\n\nconst BookRoom = ({ singleRoom, propertySlug }) => {\n const { totalRooms } = useTotalAvailableRoom(singleRoom.daily_availabilities);\n const { handlePropertySearch } = usePropertyQuery();\n const history = useHistory();\n const query = useStringHook();\n const search = query.get(\"search\");\n const startDate = query.get(\"startDate\");\n const endDate = query.get(\"endDate\");\n const adultCount = query.get(\"adult\");\n const childCount = query.get(\"child\");\n const [rooms, setRooms] = useState(1);\n\n const handleRoom = (e) => {\n setRooms(e.target.value);\n };\n\n const diff = moment(endDate).diff(moment(startDate), \"days\");\n const totalAmount = singleRoom.offer_price\n ? singleRoom?.offer_price * rooms * diff\n : singleRoom?.room_rate * rooms * diff;\n\n const bookRoom = () => {\n handlePropertySearch({\n search,\n startDate,\n endDate,\n adult: adultCount,\n child: childCount,\n rooms: rooms,\n totalAmount: totalAmount.toFixed(2),\n });\n history.push({\n pathname: `/checkout/property/${propertySlug}/room/${singleRoom?.slug}`,\n });\n };\n\n return (\n \n
\n {\n isReadMore ? description?.slice(0, 150) : description\n }\n \n {\n description?.length > 150 &&\n
\n bookRoom()}\n disabled={!singleRoom.is_room_available}\n >\n \n {singleRoom.is_room_available ? (\n \"Book Now\"\n ) : (\n <>\n
\n );\n};\n\nexport default BookRoom;\n","import moment from \"moment\";\n\nimport axios from \"../../setup/axios/SetupAxios\";\n\n/**\n * User Room Routes\n */\n\nexport const getRoom = async (roomSlug, propertySlug, startDate, endDate , rooms) => {\n const { data } = await axios.get(`properties/${propertySlug}/rooms/${roomSlug}`, {\n params: {\n from_date: startDate,\n to_date: endDate,\n room_count : rooms\n }\n });\n return data;\n};\n\nexport const getAvailableRooms = async ({ pageParam = 1, propertyId, startDate, endDate, adultCount, childCount }) => {\n const from = moment(startDate).format('YYYY-MM-DD');\n const to = moment(endDate).format('YYYY-MM-DD')\n const { data } = await axios.get(`/properties/${propertyId}/rooms/availabilities?page=${pageParam}&from=${from}&to=${to}&adult=${adultCount}&child=${childCount}`)\n return data\n}\n\n/**\n * User Review Routes\n */\n\nexport const postReviewPackages = async ({ slug, ...value }) => {\n const response = await axios.post(`/packages/${slug}/reviews`,\n {\n review: value.review,\n rating: value.rating,\n },\n );\n return response;\n};\n\nexport const postReviewRoom = async ({ id, ...value }) => {\n const response = await axios.post(`/rooms/${id}/reviews`,\n {\n review: value.review,\n rating: value.rating,\n },\n );\n return response;\n};\n\nexport const postReview = async ({ slug, type, ...value }) => {\n const response = await axios.post(`/${type}s/${slug}/reviews`,\n {\n review: value.review,\n rating: value.rating,\n },\n );\n return response;\n};\n\n\nexport const getVisitorCount = async (type) => {\n return await axios.get(`/visitor-count?type=${type}`)\n}","import { useQuery } from 'react-query';\n\nimport { getRoom } from '../../../services/api';\n\nconst useGetRoom = (roomSlug , propertySlug , startDate , endDate , rooms) => {\n return useQuery([\"room\", roomSlug, propertySlug], () => getRoom(roomSlug, propertySlug , startDate ,endDate , rooms));\n}\n\nexport default useGetRoom","//modules\nimport React from \"react\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheckCircle } from \"@fortawesome/free-solid-svg-icons\";\n\n//components\nimport { FallBackView } from \"./FallBackView\";\nimport Error from \"./Error\";\nimport RoomFacilities from \"../organisms/RoomFacilities\";\nimport ICONS from \"../../_helpers/icons\";\nimport Rating from \"../atoms/Rating\";\nimport RoomGallery from \"../molecules/RoomGallery\";\nimport Description from \"../molecules/Description\";\nimport BookRoom from \"../molecules/BookRoom\";\nimport \"../../assets/styles/listingDesc.css\";\n\n//api from custom hook\nimport useGetRoom from \"../../hooks/reactQueryCustomHook/room/useGetRoom\";\n\nconst ListingDescription = ({ id, propertySlug , startDate , endDate , rooms }) => {\n\n const {\n isLoading,\n isError,\n data: singleRoom,\n } = useGetRoom(id, propertySlug , startDate , endDate , rooms);\n\n if (isLoading) return \n Starts from\n
\n {singleRoom?.offer_price ? (\n \n \n Rs .{(singleRoom?.room_rate * rooms * diff).toFixed(2)}\n \n
\n
\n \n NPR {(singleRoom?.offer_price * rooms * diff).toFixed(2)}{\" \"}\n {\" \"}\n Per night\n \n ) : (\n <>\n \n NPR {(singleRoom?.room_rate * rooms * diff).toFixed(2)}{\" \"}\n {\" \"}\n Per night\n \n )}\n {singleRoom.is_breakfast_included && (\n
\n
\n Total Rooms:\n \n {totalRooms.map((item, index) => (\n \n ))}\n \n
\n )}\n Room Images
\n\n
\n \n
\n
\n
\n \n \n {singleRoom?.type}\n
\n {singleRoom?.title}
\n- \n
- \n Category:\n {singleRoom?.category}\n \n
- \n Ratings:\n
\n \n
\n
\n
\n
\n Overview
\n{singleRoom?.type}
\n\n
\n
\n \n Room Amenities
\n- \n
- \n
\n {item}\n \n \n )\n })\n }\n
\n
\n \n
\n Review Order Details
\n\n \n
\n
\n \n
\n Start date :
\n\n
\n \n
\n
\n \n
\n End date :
\n\n
\n \n
\n
\n \n
\n Price :
\n\n
\n \n Rs. {data?.offer_price || data?.unit_price}\n
\n\n
\n \n
\n Total ({count}) :
\n\n
\n \n Rs.{\" \"}\n {parseFloat(price * count) ||\n parseFloat(\n data?.offer_price * count || data?.unit_price * count\n ).toFixed(2)}\n
\n (All fees included)\n\n
\n \n
\n \n
\n Free Cancellation policy
\n (Cancel should be done before time)\nEnter your details
\n\n
{data.property_name || data.title}
\n\n
\n
\n \n {data?.title}\n
\n\n \n Rs. {data?.offer_price || data?.unit_price || data?.room_rate}\n \n
\n {data?.description?.slice(0, 100)}\n \n \n {({\n handleSubmit,\n handleChange,\n values,\n }) => (\n \n )}\n \n
\n )\n}\n\nexport default Coupon","//***************** api request for payment methods *************************\n\nimport axiosInstance from \"../../setup/axios/SetupAxios\";\n\n//***************** wallet initializing starts *************************\n\n\nconst initiateEsewa = async ({bookingReference}) => {\n const response = await axiosInstance.get(`payment/esewa/initiate/${bookingReference}`)\n return response.data\n}\n\nconst paymentWithEsewa = async ({ bookingReference, referenceId, amount }) => {\n return await axiosInstance.post(\n `/esewa/payment/verification/${bookingReference}`,\n {\n pid: bookingReference,\n rid: referenceId,\n amt: amount,\n }\n );\n};\n\nconst paymentWithKhalti = async ({ bookingReference, returnUrl, amount }) => {\n return await axiosInstance.post(`/payment/khalti/initiate/${bookingReference}`, {\n return_url: returnUrl,\n amount, //amount in paisa for eg(amount * 100 as 1rs = 100 paisa)\n });\n};\n\nconst paymentWithNicAsiaBank = async ({ bookingReference}) => {\n return await axiosInstance.get(`/payment/nic/initiate/${bookingReference}`);\n};\n\n//***************** wallet initializing ends *************************\n\n//***************** payment post to server or api *************************\n\nconst khaltiVerification = async (paymentOptions) => {\n const { orderId, referenceId, amount } = paymentOptions;\n return await axiosInstance.post(`/payment/khalti/verification`, {\n amount: Number(amount),\n order_id: orderId,\n reference_id: referenceId,\n });\n};\n\nconst esewaVerification = async (data) => {\n return await axiosInstance.post(`/payment/esewa/verification`, {\n data\n });\n}\n\nconst getPaymentMethods = async () => {\n const {data} = await axiosInstance.get(`/settings`);\n return data;\n}\n\nexport const paymentServices = {\n paymentWithEsewa,\n initiateEsewa,\n paymentWithKhalti,\n khaltiVerification,\n paymentWithNicAsiaBank,\n getPaymentMethods,\n esewaVerification\n};\n","import React from \"react\";\nimport { useMutation } from \"react-query\";\nimport { paymentServices } from \"../../../../services/api/payment\";\n\nconst EsewaPaymentForm = ({ amount, bookingReference }) => {\n const esewaPayment = useMutation(paymentServices.initiateEsewa, {\n onSuccess: (data) => {\n const path = `${process.env.REACT_APP_ESEWA_UAT_URL}/epay/main/v2/form/`;\n function post(esewaData) {\n var form = document.createElement(\"form\");\n form.setAttribute(\"method\", \"POST\");\n form.setAttribute(\"action\", path);\n // Loop through the data object and create hidden input fields\n for (var key in esewaData) {\n var hiddenField = document.createElement(\"input\");\n hiddenField.setAttribute(\"type\", \"hidden\");\n hiddenField.setAttribute(\"name\", key);\n hiddenField.setAttribute(\"value\", esewaData[key]);\n form.appendChild(hiddenField);\n }\n\n document.body.appendChild(form);\n form.submit();\n }\n\n // Example usage:\n var esewaData = {\n amount: data.amount,\n tax_amount: \"0\",\n total_amount: data.amount,\n transaction_uuid: data.transaction_uuid,\n product_code: data.product_code,\n product_service_charge: \"0\",\n product_delivery_charge: \"0\",\n success_url: `${process.env.REACT_APP_BASE_URL}/payment-verification-page`,\n failure_url: `${process.env.REACT_APP_BASE_URL}/payment/${bookingReference}?q=fu`,\n signed_field_names: data.signed_field_names,\n signature: data.signature,\n };\n if(data){\n post(esewaData);\n }\n },\n });\n return (\n <>\n {showTitle && featureName}
\n \n );\n };\n\n PaymentMethodsWalletItem.prototype = {\n isSelected: PropType.string.bool,\n featureName : PropType.string.isRequired,\n handleSelection: PropType.func.isRequired,\n };\n ","import React from \"react\";\nimport { Col, Row } from \"react-bootstrap\";\nimport PropType from \"prop-types\";\nimport { Skeleton } from \"@mantine/core\";\n\nimport \"../../../../assets/styles/paymentMethod.css\";\nimport Error from \"../../Error\";\nimport { PaymentMethodsWalletItem } from \"./PaymentMethodItem\";\n\nexport const PaymentMethodsWallet = (props) => {\n\n const { handleSelection, selectedWallet , paymentMethods , isLoading, isError } = props;\n\n if (isError) return\n
\n\n {isLoading ? (\n <>\n
\n
\n );\n};\n\nPaymentMethodsWallet.prototype = {\n selectedWallet: PropType.string.isRequired,\n handleSelection: PropType.func.isRequired,\n};\n","export const PAYMENT_METHOD = {\n ESEWA : 'esewa-payment',\n KHALTI : 'khalti-payment',\n NICASIA : 'nic-payment'\n}\n\nexport const PAYMENT_METHOD_UNIQUE_KEY = {\n key_esewa : 'PE',\n key_khalti : 'PK',\n key_nicasia : 'PN'\n}","import React, { useState } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { Card } from \"react-bootstrap\";\n\nimport Coupon from \"../../../molecules/Coupon\";\nimport EsewaPaymentForm from \"./EsewaPaymentForm\";\nimport KhaltiPaymentForm from \"./KhaltiPaymentForm\";\nimport { NicAsiaForm } from \"./NicAsiaForm\";\nimport { PaymentMethodsWallet } from \"./PaymentMethodsWallet\";\nimport { PAYMENT_METHOD_UNIQUE_KEY as PAYMENT_METHOD } from \"../../../../_helpers/constants/payment-method/paymentType\";\nimport { usePaymentMethods } from \"../../../../hooks/usePaymentMethods\";\n\nconst PaymentMethodWrapper = ({ price, bookingReference, isFree }) => {\n const { data: paymentMethods, isLoading, isError } = usePaymentMethods();\n const history = useHistory();\n const amount = price?.toFixed(2);\n const [selectedWallet, setSelectedWallet] = useState(\"\");\n const handleSelection = (wallet) => {\n setSelectedWallet(wallet);\n };\n\n const walletName = paymentMethods?.payment_methods?.find(payment => payment.code === selectedWallet);\n\n return (\n Select Payment Methods
\n\n
Pay Now
\n\n
\n By clicking \"pay now\" and completing a booking, you agree with the\n \n terms & condition\n \n and the\n \n privacy policy\n \n of this product.\n
\n\n You will be redirected to your {walletName.name} account to\n complete your payment:\n
\n 1. Login to your {walletName.name} account using your{\" \"}\n {walletName.name} ID and your Password\n
\n 2. Ensure your {walletName.name} account is active and has\n sufficient balance\n
\n 3. Enter OTP (one time password) sent to your registered\n mobile number ***Login with your {walletName.name} mobile and\n password (not M Pin)***\n
\n \n \n \n \n \n 0}>\n \n 1}>\n \n \n Completed, click back button to get to previous step\n \n \n \n \n \n
\n \n \n
\n );\n};\n\nexport default Checkout;\n","import { useMutation } from \"react-query\";\nimport { toast } from \"react-toastify\";\nimport { bookingServices } from \"../services/api/bookings\";\n\nexport const useBookPackage = () => {\n return useMutation(bookingServices.bookPackage, {\n onSuccess: (data) => {\n toast.success(\"Booking request sent\");\n },\n onError: (error) => {\n toast.error(`${error.response.data.error.message}` || \"server error\");\n },\n });\n};\n","import axios from \"../../setup/axios/SetupAxios\";\n\nconst getCampaigns = async() => {\n const {data} = await axios.get(`/campaigns`)\n return data\n}\n\nexport const offerServices = {\n getCampaigns\n}","import moment from \"moment\";\n\nimport { formatDate } from \"../../utils/formatdate\";\n\nconst startDate = moment(new Date()).add(1, \"days\");\nconst endDate = moment(startDate).add(1, \"days\");\n\nexport const searchParams = (location , locationInfo , campaignCode) => {\n const params = {\n startDate: formatDate(startDate),\n endDate: formatDate(endDate),\n search: location || '',\n adult: 2,\n child: 0,\n rooms: 1,\n latitude: locationInfo?.lat || '',\n longitude: locationInfo?.long || '',\n address: location || '',\n searchBy: \"city\",\n campaignCode : campaignCode ?? ''\n\n }\n return new URLSearchParams(params).toString();\n};\n","import { Skeleton } from \"@mantine/core\";\nimport React from \"react\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\n\nimport { useCampaigns } from \"../../hooks/useCampaigns\";\nimport { searchParams } from \"../../_helpers/initialValues/searchParams\";\n\nconst CampaignBanner = (props) => {\n const { data: campaigns, isLoading } = useCampaigns();\n\n const linkPath =\n props.type === \"property\" ? \"/search/property/listing\" : \"/package/search\";\n\n return (\n \n
*/}\n {/* {campaign.name}
\n{campaign.description}
*/}\n \n ))}\n\n \n \n {() => (\n
\n {data.packageHeader.title}
\n{data.packageHeader.subTitle}
\n\n {isMobileMenu ? (\n \n \n
\n \n )}\n \n \n \n \n
\n )\n}\n\nexport default MainHeading\n\nMainHeading.propTypes = {\n text: PropTypes.string,\n}","export const formattedPrice = (price) => {\n const formattedAmount = new Intl.NumberFormat('en-IN', {\n style: 'currency',\n currency: 'NPR'\n }).format(price);\n return `${formattedAmount}`\n}","import React from \"react\";\nimport { formattedPrice } from \"../../_helpers/formattedPrice\";\n\nconst Price = ({offerPrice, unitPrice}) => {\n return offerPrice ? (\n <>\n \n
\n \n
\n {text}
\n\n
\n \n {para}\n
\n{formattedPrice(unitPrice)}
\n \n {formattedPrice(offerPrice)}\n \n \n ) : (\n \n {formattedPrice(unitPrice)}\n \n );\n};\n\nexport default Price;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\n\n// import Rating from \"../../atoms/Rating\";\nimport \"../../../assets/styles/card.css\";\n// import { formattedPrice } from \"../../../_helpers/formattedPrice\";\nimport Price from \"../../atoms/Price\";\n\nconst PackageCard = (props) => {\n const {\n image,\n title,\n children,\n alt,\n displayButton,\n displayFooter,\n // rating,\n item,\n link,\n } = props;\n return (\n\n \n
\n );\n};\n\nexport default PackageCard;\n\nPackageCard.propTypes = {\n alt: PropTypes.string,\n title: PropTypes.string.isRequired,\n content: PropTypes.string,\n location: PropTypes.string.isRequired,\n websiteLink: PropTypes.string.isRequired,\n link: PropTypes.string.isRequired,\n};\n\nPackageCard.defaultProps = {\n websiteLink: \"\",\n location: \"\",\n};\n","import { Skeleton } from \"@mantine/core\";\nimport React from \"react\";\nimport { Card, Col } from \"react-bootstrap\";\n\nconst SkeletonCard = ({\n count = 1,\n className = \"lg-4 md-6\",\n type = \"vertical-card\",\n}) => {\n return Array.from(new Array(count)).map((number, index) =>\n type === \"vertical-card\" ? (\n \n 
\n
\n \n
\n \n {displayFooter && (\n \n
\n {title?.slice(0, 23)}..
\n {/*\n {rating &&
*/}\n \n ({item?.reviews_count} Reviews)\n
\n {children}
\n \n
\n )}\n \n \n
\n {displayButton && (\n \n \n Buy Now\n \n
\n )}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {item.description?.substring(0, 120) ||\n item?.additional_information?.substring(0, 100)}\n \n
\n ))\n // popularPackages?.length < 0 && (\n // \n // No packages to show\n //
\n // )\n )}\n \n 
\n
\n // \n {/* text-part-of-card */}\n
\n \n
\n {blog?.title}
\n\n
\n {/* profile-and-avatar */}\n \n
\n \n By: \n {blog?.users?.name}\n
\n \n \n Created at : {formatDate(blog.created_at)}\n \n
\n \n //
\n );\n};\n\nexport default BlogCard;\n\nBlogCard.propTypes = {\n alt: PropTypes.string,\n title: PropTypes.string.isRequired,\n content: PropTypes.string,\n};\n\nBlogCard.defaultProps = {\n alt: \"Blogimage\",\n};\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport PropTypes from \"prop-types\";\n\nimport { useBlogs } from \"../../hooks/reactQueryCustomHook/blog/useBlogs\";\nimport MainHeading from \"../atoms/MainHeading\";\nimport BlogCard from \"../molecules/cards/BlogCard\";\nimport Error from \"../pages/Error\";\nimport { mockData } from \"../../utils/mock/data\";\nimport SkeletonCard from \"../molecules/cards/SkeletonCard\";\nimport DangerouslySetHtml from \"../atoms/DangerouslySetHtml\";\n\nconst BlogSection = () => {\n const { data: blogs, isLoading, isError } = useBlogs();\n\n if (isError) return \n // \n //
\n // \n //
\n // \n //
\n // {children}\n // {title}
\n //\n \n By {blog?.users?.name},
{\" \"}\n {moment(blog?.created_at).fromNow()}\n \n
\n 
\n \n
\n \n \n );\n};\n\nexport default FeatureBox;\n\nFeatureBox.propTypes = {\n title: PropTypes.string,\n reviews: PropTypes.number,\n};\n","import React from \"react\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport { Skeleton } from \"@mantine/core\";\n\nimport MainHeading from \"../atoms/MainHeading\";\nimport FeatureBox from \"../molecules/FeatureBox\";\nimport \"../../assets/styles/feature.css\";\nimport { mockData } from \"../../utils/mock/data\";\nimport { useGetPackages } from \"../../hooks/reactQueryCustomHook/package/useGetPackages\";\nimport Error from \"../pages/Error\";\n\nconst FeaturedPackages = (props) => {\n const {\n data: featuredPackages,\n isLoading,\n isError,\n } = useGetPackages(\"featured\");\n\n if(isError){\n return \n
\n {props.location}
\n \n\n
\n ))}\n \n {props.type === \"supplier\" ? (\n <>\n
\n \n \n Add Property\n \n
\n \n ) : (\n <>\n List Your Property.
\nHotel, Motel, B&B or Restaurant.
\n{bannerLeft.title}
\n\n {bannerLeft.paragraph}\n {/* {!user && (\n <>\n
\n {props.type === \"supplier\" ? (\n <>\n
\n {props.type === \"supplier\" ? (\n <>\n ) : (\n \n \n Add Packages\n \n
\n \n ) : (\n <>\n List Travel Packages.
\nList Travel Packages.
\n{bannerMiddle.title}
\n\n {bannerMiddle.paragraph}\n {/* {!user && (\n <>\n
\n\n
\n )}\n {bannerRight.title}
\n\n {bannerRight.paragraph}\n {/* {!user && (\n <>\n
\n
\n )\n}\n\nexport default CountVisitor\n","import { Col, Container, Row } from \"react-bootstrap\";\nimport PropTypes from \"prop-types\";\nimport { Skeleton } from \"@mantine/core\";\n\nimport { useVisitors } from \"../../hooks/useVisitors\";\nimport Error from \"../pages/Error\";\nimport CountVisitor from \"./CountVisitor\";\n\nexport const Visitor = ({ type }) => {\n const { data: visitor, isLoading, isError } = useVisitors(type);\n\n if (isError) return \n
\n {count}
\n{subTitle}
\n\n 
\n
\n \n
\n \n
\n \n {/* {item.brand_name} */}\n
\n {title}\n
\n\n
\n \n \n {rating &&\n
\n ({item?.reviews_count} Reviews)
\n */}\n \n ({item?.reviews_count} Reviews)
\n From\n \n NPR {item.starting_price}\n \n
\n \n {props.type === \"property\" ? (\n \n \n \n {props.isLoading ? (\n \n \n ))\n ) : (\n
\n \n \n ) : (\n \n \n \n {data?.slice(0, 3)?.map((item) => (\n
\n )}\n \n \n )}\n
\n );\n};\n\nexport default BestDeals;\n","import axios from \"../../setup/axios/SetupAxios\";\n\n/*********************************************\n * news-letter Routes\n ********************************************/\n\nconst subscribeNewsletter = async () => {\n const { data } = await axios.patch(`/user/newsletter/subscribe`);\n return data;\n};\n\nconst postNewsletter = async (email) => {\n const { data } = await axios.post(`/newsletter/subscribe`, {\n email,\n });\n return data;\n};\n\nconst unsubscribeNewsletter = async () => {\n const response = await axios.patch(`/user/newsletter/unsubscribe`);\n return response;\n};\n\nexport const newsletterServices = {\n subscribeNewsletter,\n postNewsletter,\n unsubscribeNewsletter,\n};\n","export default __webpack_public_path__ + \"static/media/newsLetter.af5d107e.svg\";","/* eslint-disable jsx-a11y/anchor-is-valid */\n\nimport { createStyles, TextInput, Loader } from \"@mantine/core\";\nimport { useState } from \"react\";\nimport { Container, Button, Row, Col } from \"react-bootstrap\";\nimport appStore from \"../../assets/images/install-application/appStore.png\";\nimport googlePlay from \"../../assets/images/install-application/googlePlay.png\";\nimport { AiOutlineMail } from \"react-icons/ai\";\nimport { useGuestNewsletterSubscribe } from \"../../hooks/useGuestNewsletterSubscribe\";\nimport newsLetterImage from \"../../assets/images/newsLetter.svg\";\n\nconst useStyles = createStyles((theme) => ({\n wrapper: {\n display: \"flex\",\n alignItems: \"center\",\n padding: theme.spacing.xl * 2,\n borderRadius: theme.radius.md,\n },\n\n image: {\n maxWidth: \"40%\",\n\n [`@media (max-width: ${theme.breakpoints.sm}px)`]: {\n maxWidth: \"100%\",\n },\n },\n\n body: {\n paddingRight: theme.spacing.xl * 4,\n\n [`@media (max-width: ${theme.breakpoints.sm}px)`]: {\n paddingRight: 0,\n marginTop: theme.spacing.xl,\n },\n },\n\n title: {\n color: theme.colorScheme === \"dark\" ? theme.white : theme.black,\n fontFamily: `Greycliff CF, ${theme.fontFamily}`,\n lineHeight: 1,\n marginBottom: theme.spacing.md,\n },\n\n controls: {\n display: \"flex\",\n marginTop: theme.spacing.xl,\n },\n\n inputWrapper: {\n width: \"100%\",\n flex: \"1\",\n },\n\n input: {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n borderRight: 0,\n rounded: 0,\n },\n\n control: {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n}));\n\nexport function NewsLetter() {\n const { classes } = useStyles();\n const [email, setEmail] = useState(\"\");\n const { mutate, isLoading } = useGuestNewsletterSubscribe();\n\n const handleEmail = (e) => {\n setEmail(e.target.value);\n };\n\n const handleSubmit = () => {\n mutate(email, {\n onSuccess: () => {\n setEmail(\"\");\n },\n });\n };\n\n return (\n \n No best hot deals to show\n
\n )}\n\n No best hot deals to show\n
\n ) : (\n \n \n {item.description?.substring(0, 120) ||\n item?.additional_information?.substring(0, 100)}\n \n
\n ))}\n Wait a minute...
\nSubscribe to our newsletter!
\n\n You will never miss important product updates, latest news and\n community QA sessions. Our newsletter is once a week, every\n Sunday.\n
\n\n \n Subscribe\n \n
\n \n \n
\n );\n};\n\nexport default PackageHomePage;\n","import {\n faGripHorizontal,\n faGripVertical,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React from \"react\";\nimport { Form } from \"react-bootstrap\";\n\nconst Results = (props) => {\n const { handleSort, sortType, clickOrientation, grid , handleIsOffer } = props;\n return (\n \n
\n );\n};\n\nexport default Results;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { BiMap } from \"react-icons/bi\";\nimport { AiOutlineTags } from \"react-icons/ai\";\n\nimport { Badge } from \"@mantine/core\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheck } from \"@fortawesome/free-solid-svg-icons\";\nimport { formattedPrice } from \"../../_helpers/formattedPrice\";\n\nexport function PackageCard(props) {\n const { link, item, image, title, location, type, price, offerPrice, grid } =\n props;\n return (\n \n
\n \n
\n \n
\n \n
\n \n Filter By: \n \n \n
\n \n
\n \n handleSort(e)}\n className=\"form-control col-md-7 col-8\"\n >\n \n \n \n \n \n \n \n \n {grid === \"vertical\" ? (\n \n \n
\n Sort by:
\n\n \n
\n );\n}\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useHistory } from \"react-router-dom\";\nimport { Form, Formik } from \"formik\";\nimport { Card } from \"react-bootstrap\";\nimport { faSearch } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nimport { usePackageSearch } from \"../../../hooks/usePackageSearch\";\n\nimport { packageSchema } from \"../../validation/PackageSearch\";\nimport SearchLocationInput from \"../../SearchLocationInput\";\nimport CounterBox from \"../../molecules/CounterBox\";\nimport DescriptionTitle from \"../../atoms/DescriptionTitle\";\n\nconst SearchBox = ({\n data,\n count,\n setCount,\n search,\n longitude,\n latitude,\n address,\n}) => {\n const { handlePackageSearch } = usePackageSearch();\n\n const history = useHistory();\n\n const [location, setLocation] = useState(\"\");\n\n const [query, setQuery] = useState(address);\n\n const initialValues = {\n search: search || data?.destination,\n };\n\n const onFormSubmit = (value) => {\n if (location) {\n latitude = location.geometry.location.lat();\n address = location.name;\n longitude = location.geometry.location.lng();\n }\n history.push({\n pathname: `/package/search`,\n state: {\n search: value.search || data?.destination,\n count,\n latitude,\n longitude,\n address,\n },\n });\n handlePackageSearch({\n destination: value.search,\n count,\n latitude,\n longitude,\n address,\n });\n };\n\n return (\n \n
\n \n \n
\n \n
\n \n {/*
\n \n
*/}\n \n <>\n
\n \n <>({item?.reviews_count} Reviews)\n \n
\n \n \n <>({item?.reviews_count} Reviews)\n \n
\n \n {type}\n \n
\n \n {title}\n
\n\n \n <>\n
\n \n <>\n
\n
\n \n
\n
\n From\n
\n {offerPrice ? (\n <>\n \n ({formattedPrice(price)})\n \n {formattedPrice(offerPrice)}\n \n ) : (\n {formattedPrice(price)}\n )}\n
\n per person\n
\n Showing results of page {page} out of {lastPage}\n
\n )\n}\n\nexport default PaginationNew\n","import { useState } from 'react'\n\nexport const useFilter = () => {\n const [sortType, setSortType] = useState(\"\");\n const [isOffer, setIsOffer] = useState(false);\n\n const handleSort = (e) => {\n setSortType(e.target.value);\n };\n const handleIsOffer = () => {\n setIsOffer(prev => !prev)\n };\n \n return {sortType , handleSort, isOffer , handleIsOffer}\n}\n ","import { useState } from \"react\";\n\nexport const useOrientation = () => {\n const [grid, setGrid] = useState(\"vertical\");\n\n const clickOrientation = () => {\n if (grid === \"vertical\") {\n setGrid(\"horizontal\");\n } else if (grid === \"horizontal\") {\n setGrid(\"vertical\");\n }\n };\n\n return {grid , clickOrientation}\n}","import moment from \"moment\";\n\nimport axios from \"../../setup/axios/SetupAxios\";\n\n/*******************************************************************\n * Avaibility Bookings Routes\n ******************************************************************/\n\nconst packages = async ({\n where,\n total: count,\n sortType,\n page,\n latitude,\n longitude,\n address,\n isOffer,\n campaignCode,\n}) => {\n const { data } = await axios.get(\n `/packages/all/availability?page=${page}&location[latitude]=${latitude}&location[longitude]=${longitude}&location[address]=${address}&filter[offer]=${isOffer}`,\n {\n params: {\n count,\n sort_order: sortType,\n where,\n search_by: \"city\",\n campaign_code: campaignCode,\n },\n }\n );\n return data;\n};\n\nconst property = async (values) => {\n const {\n startDate,\n endDate,\n adultCount,\n childCount,\n roomCount,\n latitude,\n longitude,\n address,\n sortType,\n searchBy,\n isOffer,\n campaignCode,\n page,\n } = values;\n const { data } = await axios.get(\n `/properties/all/availability?page=${page}&location[latitude]=${latitude}&location[longitude]=${longitude}&location[address]=${address}&filter[offer]=${isOffer}`,\n {\n params: {\n from: startDate,\n to: endDate,\n adult: adultCount,\n child: childCount,\n room_count: roomCount,\n search_by: searchBy,\n sort_order: sortType,\n campaign_code: campaignCode,\n },\n }\n );\n return data;\n};\n\nconst rooms = async ({\n pageParam = 1,\n propertySlug,\n startDate,\n endDate,\n adultCount,\n childCount,\n roomCount,\n}) => {\n const from = moment(startDate).format(\"YYYY-MM-DD\");\n const to = moment(endDate).format(\"YYYY-MM-DD\");\n const { data } = await axios.get(\n `/properties/${propertySlug}/rooms/availabilities?page=${pageParam}&from=${from}&to=${to}&adult=${adultCount}&child=${childCount}&room_count=${roomCount}`\n );\n return data;\n};\n\nconst productAvailablityCheck = async (bookingReference) => {\n const { data } = await axios.get(\n `/bookings/${bookingReference}/availability/check`\n );\n return data;\n};\n\nconst searchByCity = async ({city}) => {\n const { data } = await axios.get(`/properties/all/availability?city=${city}&search_by=city&location[address]=${city}`, {\n params : {\n adult : 1,\n child : 0,\n from : '2023-09-14',\n to: '2023-09-20',\n room_count : 2,\n }\n });\n return data;\n};\n\nexport const avaibilityService = {\n packages,\n property,\n rooms,\n productAvailablityCheck,\n searchByCity,\n};\n","import React from \"react\";\n\nconst NoResults = (props) => {\n const { title, paragraph , className } = props;\n return (\n - \n
- \n
- \n
- \n
\n
\n );\n};\n\nexport default NoResults;\n\nNoResults.defaultProps = {\n title: \"No results\",\n paragraph: \"We couldn't find any results.\",\n};\n","import React, { useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport { Col, Row } from \"react-bootstrap\";\n\nimport Header from \"../../organisms/Header\";\nimport Results from \"../../atoms/Results\";\nimport Footer from \"../../molecules/Footer\";\nimport { PackageCard } from \"../../molecules/PackageCard\";\nimport SearchBox from \"./SearchBox\";\nimport Error from \"../Error\";\nimport PaginationNew from \"../../molecules/Pagination\";\nimport { HashLoader } from \"react-spinners\";\nimport { useFilter } from \"../../../hooks/useFilter\";\nimport { useOrientation } from \"../../../hooks/useOrientation\";\nimport { useCounter } from \"../../../hooks/useCounter\";\nimport { usePackageAvaibility } from \"../../../hooks/usePackageAvaibility\";\nimport NoResults from \"../../atoms/NoResults\";\n\nconst PackageSearchPage = () => {\n const location = useLocation();\n const { sortType, handleSort, isOffer, handleIsOffer } = useFilter();\n const { grid, clickOrientation } = useOrientation();\n const [page, setPage] = useState(1);\n const {\n search: where,\n count: total,\n latitude,\n longitude,\n address,\n campaignCode,\n } = location?.state || {};\n const { count, setCount } = useCounter(total || 1);\n const {\n data: packages,\n isFetching,\n isLoading,\n isError,\n refetch,\n } = usePackageAvaibility({\n where,\n total,\n sortType,\n latitude,\n longitude,\n address,\n isOffer,\n campaignCode,\n page,\n });\n\n if (isError) return {title}
\n{paragraph}
\n\n \n \n {isLoading || isFetching ? (\n
\n
\n \n \n
\n ) : (\n <>\n {/* pacakage's card */}\n {packages?.data?.length > 0 ? (\n \n \n {packages?.data?.map((item) => (\n \n {/* {item.additional_information.substring(0, 50)} */}\n \n \n ))}\n
\n
\n ) : (\n \n
\n );\n};\n\nexport default Home;\n","import React from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheckCircle } from '@fortawesome/free-solid-svg-icons';\nimport icons from '../../_helpers/icons';\n\nimport DescriptionTitle from '../atoms/DescriptionTitle';\n\nconst PropertyFacilites = ({ data }) => {\n return (\n \n
\n )\n}\n\nexport default PropertyFacilites\n","import React from \"react\";\n\nimport { AiOutlineStar } from \"react-icons/ai\";\nimport { TbGlassFull, TbBuildingBank, TbBuilding } from \"react-icons/tb\";\nimport { GiModernCity, GiSecretDoor } from \"react-icons/gi\";\nimport { Row, Col, Card } from \"react-bootstrap\";\nimport DescriptionTitle from \"../atoms/DescriptionTitle\";\n\nconst CompanyInformation = (props) => {\n const { title, city, floors, rooms, bars, data } = props;\n\n const information = [\n {\n id: 1,\n name: \"Company\",\n value: title,\n icon: \n \n
\n \n
\n
\n \n
\n
\n \n \n Most Popular Facilities\n
\n\n
- \n
- \n
\n {item}\n \n \n )\n })\n }\n
\n
\n
\n \n \n Amenities\n
\n\n
- \n
- \n
\n {item}\n \n \n )\n })\n }\n
\n
\n \n
\n
\n - \n {information.map((item) => (\n
- \n \n\n {/*{item.icon}\n\n \n {item?.name}:\n \n\n
\n {item?.value}\n
\n*/}\n \n ))}\n
\n
\n )}\n \n );\n};\n\nexport default StickySearchHeader;\n","import { faCheckCircle } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React from 'react'\n\nconst HealthAndSafety = (props) => {\n\n const style = {\n width: '1.5rem',\n height: '1.5rem',\n }\n\n return (\n <>\n setShowSearchBar(prev => !prev)}>\n {\n showSearchBar ?\n
\n \n
\n \n )\n}\n\nexport default HealthAndSafety","import React from 'react';\nimport { Card, Col, Row } from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\n\nimport {mockData} from '../../utils/mock/data.js';\nimport DescriptionTitle from '../atoms/DescriptionTitle.js';\nimport HealthAndSafety from '../molecules/HealthAndSafety';\n\nconst HealthMeasureSection = () => {\n return (\n \n
\n \n
\n \n 
\n
\n \n
\n {props.title}
\n- \n
- \n
\n {props.para1}\n \n - \n
\n {props.para2}\n \n
\n
\n This property has self-selected and\n self--certified the following hygiene measures.\n \n Learn More\n \n
\n\n \n \n
\n
\n )\n}\n","/* eslint-disable jsx-a11y/anchor-is-valid */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Col, Row } from \"react-bootstrap\";\nimport { faClock, faUtensils } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport moment from \"moment\";\n\nimport \"../../../assets/styles/card.css\";\nimport { usePropertyQuery } from \"../../../hooks/usePropertyQuery\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport { useStringHook } from \"../../../hooks/useStringHook\";\nimport { formatDate } from \"../../../utils/formatdate\";\nimport { IoAlertCircleOutline } from \"react-icons/io5\";\nimport { totalAvailableRoomCount } from \"../../../_helpers/availableRoomCount\";\nimport { formattedPrice } from \"../../../_helpers/formattedPrice\";\n\nconst RoomCard = (props) => {\n const {\n image,\n title,\n // location,\n alt,\n // displayButton,\n displayFooter,\n offerPrice,\n // website,\n // number,\n // websiteLink,\n rate,\n handleRoomDesc,\n item,\n } = props;\n\n const { searchProperty, handlePropertySearch } = usePropertyQuery();\n const totalAvailableCount = totalAvailableRoomCount(\n item.daily_availabilities\n );\n\n const { propertySlug } = useParams();\n const history = useHistory();\n const query = useStringHook();\n\n const where = query.get(\"search\");\n const startDate = query.get(\"startDate\");\n const endDate = query.get(\"endDate\");\n const adult = query.get(\"adult\");\n const child = query.get(\"child\");\n const roomCount = query.get(\"rooms\");\n\n const bookNow = (roomSlug) => {\n const diff = moment(endDate).diff(moment(startDate), \"days\");\n\n const totalAmount = item.offer_price\n ? item?.offer_price * searchProperty.rooms * diff\n : item?.room_rate * searchProperty.rooms * diff;\n\n handlePropertySearch({\n search: where,\n startDate: formatDate(startDate),\n endDate: formatDate(endDate),\n adult,\n child,\n rooms: roomCount,\n totalAmount,\n });\n\n history.push(`/checkout/property/${propertySlug}/room/${roomSlug}`);\n };\n\n return (\n \n handleRoomDesc(props.item.slug)}>\n
\n );\n};\n\nexport default RoomCard;\n\nRoomCard.propTypes = {\n alt: PropTypes.string,\n title: PropTypes.string.isRequired,\n content: PropTypes.string,\n location: PropTypes.string.isRequired,\n websiteLink: PropTypes.string.isRequired,\n};\n\nRoomCard.defaultProps = {\n websiteLink: \"\",\n location: \"\",\n};\n","export const totalAvailableRoomCount = (dailyAvailabilities) => {\n if(dailyAvailabilities.length !== 0){\n return dailyAvailabilities.reduce(function (prev, current) {\n return (prev.available_count > current.available_count) ? prev : current;\n }).available_count;\n }\n else return null;\n}","import React, { useState } from \"react\";\nimport { Container, Card, Row, Col } from \"react-bootstrap\";\nimport { useInfiniteQuery } from \"react-query\";\nimport { Modal } from \"@mantine/core\";\nimport moment from \"moment\";\n\nimport { avaibilityService } from \"../../services/api/avaibility\";\nimport { RoomAvaibilitySearchBar } from \"../molecules/RoomAvaibilitySearchBar\";\nimport { useStringHook } from \"../../hooks/useStringHook\";\nimport RoomCard from \"../molecules/cards/RoomCard\";\nimport ListingDescription from \"../pages/ListingDescription\";\nimport DescriptionTitle from \"../atoms/DescriptionTitle\";\nimport SkeletonCard from \"../molecules/cards/SkeletonCard\";\n\nconst RoomDescriptions = ({ propertySlug }) => {\n const [roomDesc, setRoomDesc] = useState(false);\n const [roomId, setRoomId] = useState(null);\n const query = useStringHook();\n\n const search = query.get(\"search\");\n const startDate = query.get(\"startDate\");\n const endDate = query.get(\"endDate\");\n const adultCount = query.get(\"adult\");\n const childCount = query.get(\"child\");\n const roomCount = query.get(\"rooms\");\n\n const [date, setDate] = useState([\n new Date(startDate || new Date()),\n new Date(endDate || moment().add(1, \"days\")),\n ]);\n const [adult, setAdult] = useState(Number(adultCount || 1));\n const [child, setChild] = useState(Number(childCount || 0));\n const [room, setRoom] = useState(Number(roomCount || 1));\n\n const {\n data: rooms,\n isLoading: isRoomLoading,\n isError,\n isFetching,\n fetchNextPage,\n hasNextPage,\n isFetchingNextPage,\n refetch,\n } = useInfiniteQuery(\n [\"rooms\", propertySlug],\n () =>\n avaibilityService.rooms({\n propertySlug,\n startDate: date[0],\n endDate: date[1],\n adultCount: adult,\n childCount: child,\n roomCount: room,\n }),\n {\n enabled: !!startDate,\n },\n {\n getNextPageParam: (lastPage, pages) => {\n if (lastPage.next_page_url) return lastPage.current_page + 1;\n return false;\n },\n }\n );\n\n const handleRoomDesc = (id) => {\n setRoomDesc(true);\n setRoomId(id);\n };\n\n return (\n <>\n \n \n
\n \n \n \n
\n {displayFooter && (\n \n {item.is_breakfast_included && (\n
\n \n
- \n
- Type : {item.type} \n
- Category : {item.category} \n
- Total Beds : {item.total_beds} \n \n
- Max Guest : {item.max_allowed_guests} \n
- Max Children : {item.max_allowed_childrens} \n \n
\n bookNow(props.item.slug)}\n disabled={!item.is_room_available}\n >\n \n {item.is_room_available ? (\n \"Book Now\"\n ) : (\n <>\n
\n )}\n \n \n {offerPrice ? (\n <>\n ({formattedPrice(rate)})\n {formattedPrice(offerPrice)}\n \n ) : (\n {formattedPrice(rate)}\n )}\n \n
\n \n
\n
\n )\n )}\n \n No matching rooms found.{\" \"}\n {isError &&\n \"Please change your dates to see available rooms\"}\n
\n\n \n {!isFetchingNextPage && (\n \n load more..\n \n )}\n {isFetchingNextPage && (\n \n Please wait...\n \n \n )}\n \n
\n )}\n {!startDate &&\n Please select check-in and check-out time
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n \n {props.type === \"package\" ? \"Package\" : \"Property\"}\n \n
\n \n
\n {title}
\n- \n {/*
- \n \n\n */}\n \n
- \n
- \n
\n {props.brandName ? \"Brand Name\" : \"Category\"}:{\" \"}\n {props.brandName ? brandName : props.category}{\" \"}\n
\n \n {city && (\n - \n
\n \n
\n\n \n {city + ' , '} {location?.country || \"Nepal\"}\n \n )}\n
\n \n \n \n \n \n \n \n \n \n \n
\n :\n <>\n {!show && (\n \n \n \n \n \n \n \n
\n );\n};\n\nexport default PropertyDescription;","import { useQuery } from \"react-query\"\n\nimport { propertyServices } from \"../../../services/api/property\";\n\nexport const useGetProperty = (propertySlug) => {\n return useQuery([\"property\", propertySlug], () => propertyServices.getProperty(propertySlug))\n}\n","import React, { useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faUserPlus } from \"@fortawesome/free-solid-svg-icons\";\nimport { DatePicker } from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nimport { usePackageSearch } from \"../../hooks/usePackageSearch\";\nimport \"../../assets/styles/bookList.css\";\nimport DescriptionTitle from \"../atoms/DescriptionTitle\";\nimport { isPackageAvailable } from \"../../_helpers/isPackageAvailable\";\nimport { CgDanger } from \"react-icons/cg\";\n\nconst BookPackage = ({ data, packageSlug }) => {\n const [value, setValue] = useState(null);\n const [endDate, setEndDate] = useState(null);\n const { handlePackageSearch } = usePackageSearch();\n const history = useHistory();\n const [count, setCount] = useState(1);\n\n const bookingStartDate = Boolean(data?.is_fixed_departure) ? data?.start_date_time : value;\n const bookingEndDate = Boolean(data?.is_fixed_departure) ? data?.end_date_time : endDate;\n\n console.log({ bookingStartDate, bookingEndDate });\n\n const onFormSubmit = (e) => {\n e.preventDefault();\n const totalAmount = count * data?.offer_price || count * data?.unit_price;\n handlePackageSearch({ destination: data?.destination, count, totalAmount, bookingStartDate, bookingEndDate });\n history.push({\n pathname: `/checkout/${packageSlug}`,\n });\n };\n const decrement = () => {\n if (count > 1) {\n setCount(count - 1);\n }\n };\n const increment = () => {\n setCount(count + 1);\n };\n const packageAvailable = isPackageAvailable(data?.cutoff_date_time);\n\n const handleEndDate = (e) => {\n console.log({e});\n if (e) {\n const newStartDate = dayjs(e);\n setValue(newStartDate.toDate());\n \n if (data?.days) {\n const newEndDate = newStartDate.add(data?.days, 'day').toDate();\n setEndDate(newEndDate);\n }\n } else {\n setValue(null);\n setEndDate(null);\n }\n };\n return (\n \n \n
\n )\n }\n \n }\n \n
\n \n
\n \n
\n \n \n
\n
\n {/*
\n \n
- \n
- Full refund if the cancellation is before 24 hours \n
\n
- \n
- Special health and safety measures apply. \n
\n
\n
\n )}\n \n - \n
- \n
\n Day {item?.day}:\n \n {item?.activity}\n \n
\n \n
\n
- \n
- \n
\n \n
\n\n \n {item}\n \n \n \n \n ))\n }\n
\n
Possible departure locations:\n
\n
{data?.additional_information}
\n \n\n
\n );\n};\n\nexport default RatingBox;\n","export default __webpack_public_path__ + \"static/media/userProfile.86d44f21.png\";","import React from \"react\";\n\nimport defaultImage from \"../../assets/images/userProfile.png\";\nimport Rating from \"../atoms/Rating\";\nimport \"../../assets/styles/reviewCard.css\";\n\nconst ReviewCard = (props) => {\n const { children, date, para, img } = props;\n return (\n \n
\n
\n \n
\n
\n \n
\n \n
\n \n {averageCount.toFixed(2) || 0}\n
\nout of 5
\n \n\n
\n \n \n \n
\n
\n | Excellent | \n\n \n {/* \n | \n {startCount?.fifth_star} | \n
| Good | \n\n \n \n | \n {startCount?.fourth_star} | \n
| Average | \n\n \n \n | \n {startCount?.third_star} | \n
| Poor | \n\n \n \n | \n {startCount?.second_star} | \n
| Terrible | \n\n \n \n | \n {startCount?.first_star} | \n
\n
\n );\n};\n\nexport default ReviewCard;\n","import axios from \"../../setup/axios/SetupAxios\";\n\n/**\n * User Review Routes\n */\n\nconst postReview = async ({ slug, type, ...value }) => {\n const response = await axios.post(`/${type}s/${slug}/reviews`,\n {\n review: value.review,\n rating: value.rating,\n },\n );\n return response;\n};\n\nconst storeReviewPackages = async ({ id, ...value }) => {\n const response = await axios.post(`/products/packages/${id}/reviews`,\n {\n review: value.review,\n rating: value.rating,\n },\n );\n return response;\n};\n\nconst storeReviewRoom = async ({ id, ...value }) => {\n const response = await axios.post(`/products/rooms/${id}/reviews`,\n {\n review: value.review,\n rating: value.rating,\n },\n );\n return response;\n};\n\nconst getReviews = async ({ pageParam = 1 }) => {\n const { data } = await axios.get(`/user/reviews?page=${pageParam}&per_page=4`)\n return data\n};\n\nconst getReview = async ({ pageParam = 1, slug, type }) => {\n const { data } = await axios({\n method: \"GET\",\n url: `/${type}/${slug}/reviews?page=${pageParam}&per_page=4`,\n });\n return data\n};\n\nexport const ReviewService = {\n storeReviewPackages,\n storeReviewRoom,\n getReviews,\n getReview,\n postReview\n}","import React from 'react';\nimport moment from 'moment';\nimport { Container, Card } from 'react-bootstrap';\nimport {useInfiniteQuery} from 'react-query'\n\nimport RatingBox from '../molecules/RatingBox';\nimport ReviewCard from '../molecules/ReviewCard';\nimport { FallBackView } from '../pages/FallBackView';\nimport { ReviewService } from '../../services/api/review';\nimport DescriptionTitle from '../atoms/DescriptionTitle';\n\nconst ReviewsSection = ({ slug, type }) => {\n\n const {\n data: review,\n isLoading,\n fetchNextPage,\n hasNextPage,\n isFetchingNextPage,\n } = useInfiniteQuery(['reviews', slug], () => ReviewService.getReview({ slug, type }), {\n getNextPageParam: (lastPage) => {\n if (lastPage.next_page_url) return lastPage.current_page + 1;\n return false;\n },\n })\n\n if (isLoading) {\n return \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {children}
\n\n
\n {date}
\n\n
\n {para}
\n\n {\n <>\n {review?.pages?.map((page) => (\n page?.reviews?.data?.length > 0 ?\n page?.reviews?.data?.map((item) => (\n
\n No reviews yet\n
\n ))}\n \n }\n {\n hasNextPage &&\n \n \n
\n }\n \n
- \n
- \n
\n Tour Start Date : {moment(data?.start_date_time).format('YYYY-MM-DD')}\n
\n\n Tour End Date : {moment(data?.end_date_time).format('YYYY-MM-DD') || \"-\"}\n
\n \n
\n Note* : The tour is available to book till {moment(data?.cutoff_date_time).format('YYYY-MM-DD') || \"-\"}\n
\n \n\n \n \n \n \n \n \n \n
\n \n \n
\n );\n};\n\nexport default PackageDescription;","//modules\nimport React, { useState } from 'react';\nimport { Card } from 'react-bootstrap';\nimport moment from 'moment';\n\n//reusable functions\nimport { differenceDate } from '../../utils/formatdate';\nimport { usePropertyQuery } from '../../hooks/usePropertyQuery';\nimport { useTotalAvailableRoom } from '../../hooks/useTotalAvailableRoom';\n\nconst CheckOutSideBar = ({ data, active }) => {\n //handling property state with custom hooks\n const { searchProperty, handlePropertySearch } = usePropertyQuery();\n const [roomCount, setRoomCount] = useState(searchProperty.rooms);\n const {totalRooms} = useTotalAvailableRoom(data.daily_availabilities);\n //initializing total date difference\n const totalDifference = differenceDate(searchProperty.startDate, searchProperty.endDate);\n\n const totalAmount = totalDifference * roomCount * (data?.offer_price ? Number(data.offer_price) : Number(data?.room_rate))\n\n //rooms selected state handlling\n const handleRoomSelected = (e) => {\n setRoomCount(e.target.value)\n };\n\n React.useEffect(() => {\n handlePropertySearch({\n ...searchProperty, rooms: roomCount, totalAmount: totalAmount\n })\n // eslint-disable-next-line\n }, [roomCount])\n\n return (\n <>\n \n
\n \n
\n
\n
\n Your booking details
\n\n
\n
\n \n
\n Check-In
\n \n {moment(searchProperty.startDate).format('YYYY-MM-DD')}\n \n\n
\n Check-Out
\n \n {moment(searchProperty.endDate).format('YYYY-MM-DD')}\n \n\n
Count :
\n\n
\n Rooms:\n
\n \n\n
\n \n
\n Adult: {searchProperty.adult}
\n\n
\n Child: {searchProperty.child}
\nPrice Details
\n\n
Room Rate :\n NPR {data?.offer_price * totalDifference || data?.room_rate * totalDifference}\n ({totalDifference} night)\n \n
\nTotal Rooms :\n {Number(roomCount)}\n
\n\n Total Price:\n \n NPR {totalAmount}\n \n
\n\n
\n );\n};\n\nexport default Checkout;\n","import { useMutation } from 'react-query';\nimport { toast } from 'react-toastify';\n\nimport { bookingServices } from '../../../services/api/bookings';\n\nexport const useBookRoom = (otherParams) => {\n //other params contains more functions of react query\n return useMutation(bookingServices.bookRoom, {\n onSuccess: () => {\n toast.success('Booking request sent');\n },\n onError: (error) => {\n toast.error(`${error.response.data.error.message}` || \"Server error!! please try again later\");\n },\n otherParams\n });\n};","import React from \"react\";\nimport moment from \"moment\";\nimport { useMutation } from \"react-query\";\nimport { toast } from \"react-toastify\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { BiMap } from \"react-icons/bi\";\nimport { Badge } from \"@mantine/core\";\nimport { IoAlertCircleOutline } from \"react-icons/io5\";\nimport { AiOutlineTags } from \"react-icons/ai\";\nimport { faChevronRight } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nimport { useStringHook } from \"../../hooks/useStringHook\";\nimport { usePropertyQuery } from \"../../hooks/usePropertyQuery\";\nimport { formatDate } from \"../../utils/formatdate\";\nimport { bookingServices } from \"../../services/api/bookings\";\n\nexport function PropertyCard(props) {\n const { handlePropertySearch } = usePropertyQuery();\n const history = useHistory();\n const query = useStringHook();\n const where = query.get(\"search\");\n const startDate = query.get(\"startDate\");\n const endDate = query.get(\"endDate\");\n const adult = query.get(\"adult\");\n const child = query.get(\"child\");\n const roomCount = query.get(\"rooms\");\n const { item, image, title, location, children, grid } = props;\n const mutation = useMutation(bookingServices.bookProperty);\n\n const diff = moment(endDate).diff(moment(startDate), \"days\");\n\n const totalAmount = item.starting_price * roomCount * diff;\n\n const viewMore = (slug) => {\n handlePropertySearch({\n search: where,\n startDate: formatDate(startDate),\n endDate: formatDate(endDate),\n adult,\n child,\n rooms: roomCount,\n });\n history.push({\n pathname: `/property/${slug}`,\n search: `?search=${where}&startDate=${formatDate(\n startDate\n )}&endDate=${formatDate(\n endDate\n )}&adult=${adult}&rooms=${roomCount}&child=${child}`,\n });\n };\n const bookNow = (slug) => {\n handlePropertySearch({\n search: where,\n startDate: formatDate(startDate),\n endDate: formatDate(endDate),\n adult,\n child,\n rooms: roomCount,\n totalAmount,\n });\n mutation.mutate(\n {\n propertySlug: slug,\n adultCount: adult,\n childCount: child,\n roomCount,\n startDate,\n endDate,\n },\n {\n onSuccess: (data) => {\n if (data) {\n history.push(`/checkout/property/${slug}/room/${data.slug}`);\n } else {\n history.push({\n pathname: `/property/${slug}`,\n search: `?search=${where}&startDate=${formatDate(\n startDate\n )}&endDate=${formatDate(\n endDate\n )}&adult=${adult}&rooms=${roomCount}&child=${child}`,\n });\n }\n },\n onError: (error) => {\n toast.error(\n `${error.response.data.error.message}` ||\n \"Server error!! please try again later\"\n );\n },\n }\n );\n };\n\n return (\n \n \n \n \n \n \n \n 0}>\n 1}>\n {/* \n Completed, click back button to get to previous step\n \n \n \n \n \n
\n
\n \n \n
\n );\n}\n","import { useQuery } from \"react-query\";\n\nimport { avaibilityService } from \"../../../services/api/avaibility\";\n\nexport const usePropertyAvaibility = (options) => {\n return useQuery(['properties', { ...options }], () => avaibilityService.property(options),\n {\n keepPreviousData: true,\n }\n );\n};\n","import React, { useState } from \"react\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheckCircle } from \"@fortawesome/free-solid-svg-icons\";\n\nimport Header from \"../../organisms/Header\";\nimport Footer from \"../../molecules/Footer\";\nimport { PropertyCard } from \"../../organisms/PropertyCard\";\nimport { FallBackView } from \"../FallBackView\";\nimport Results from \"../../atoms/Results\";\nimport StickySearchHeader from \"../../organisms/StickySearchHeader\";\nimport PaginationNew from \"../../molecules/Pagination\";\n\nimport { usePropertyAvaibility } from \"../../../hooks/reactQueryCustomHook/property/usePropertyAvaibility\";\n\nimport \"../../../assets/styles/listingBlog.css\";\nimport { useFilter } from \"../../../hooks/useFilter\";\nimport { useOrientation } from \"../../../hooks/useOrientation\";\nimport { usePropertyFilter } from \"../../../hooks/usePropertyFilter\";\nimport NoResults from \"../../atoms/NoResults\";\nimport SkeletonCard from \"../../molecules/cards/SkeletonCard\";\n\nconst PropertyList = () => {\n const [page, setPage] = useState(1);\n const { grid, clickOrientation } = useOrientation(\"vertical\");\n const {\n startDate,\n endDate,\n adultCount,\n childCount,\n roomCount,\n latitude,\n longitude,\n address,\n searchBy,\n campaignCode,\n } = usePropertyFilter();\n const { sortType, handleSort, isOffer, handleIsOffer } = useFilter();\n const {\n data: property,\n isFetching,\n isLoading,\n refetch,\n } = usePropertyAvaibility({\n startDate,\n endDate,\n adultCount,\n childCount,\n roomCount,\n latitude,\n longitude,\n sortType,\n address,\n searchBy,\n isOffer,\n page,\n campaignCode,\n });\n\n if (isLoading) return \n
\n \n
\n \n
\n \n {/*
\n \n
*/}\n \n
\n \n <>({item?.reviews_count} Reviews)\n \n
\n \n \n <>({item?.reviews_count} Reviews)\n \n
\n \n {item?.brand_name}\n \n \n
\n
\n \n \n {title && title?.slice(0, 40)}\n \n
\n \n \n <>\n
\n \n {!item.availability ? (\n
\n {item.campaign_name && (\n \n
\n ) : (\n children\n )}\n \n
\n
\n \n <>\n FROM\n {item.starting_price !== Number(item?.minimum_room_rate) ? (\n
\n \n \n NPR\n \n {item?.minimum_room_rate}\n \n \n {`${item?.starting_price?.toFixed(2) || 0}`}\n
{`${\n item?.starting_price?.toFixed(2) || 0\n }`}
\n )}\n \n\n bookNow(item.slug)}\n >\n {!mutation.isLoading && (\n \n {item.availability ? (\n <>\n Book Now\n \n Please wait...\n \n \n )}\n \n
\n \n viewMore(item.slug)}\n >\n Check Availability\n
\n - \n
- \n
- \n
Popular hotels nearby :
\n- \n
- \n
- \n
\n
\n )}\n \n )}\n \n \n \n \n {/* \n */}\n
\n \n \n );\n};\n\nexport default TermsAndCondition;\n","export default __webpack_public_path__ + \"static/media/contact-us.0c2aff47.jpg\";","\n import { useEffect } from \"react\";\n import { withRouter } from \"react-router-dom\";\n\n const ScrollToTop = ({ children, location: { pathname } }) => {\n useEffect(() => {\n window.scrollTo({\n top: 0,\n left: 0,\n behavior: \"smooth\"\n });\n }, [pathname]);\n\n return children || null;\n };\n\n export default withRouter(ScrollToTop);\n","import React from \"react\";\nimport { Container } from \"react-bootstrap\";\n\nimport image from \"../../assets/images/contact-us/contact-us.jpg\";\nimport ScrollToTop from \"../../_helpers/ScrollTop\";\nimport Footer from \"../molecules/Footer\";\nimport Navbar from \"../molecules/Navbar\";\nimport Header from \"../organisms/Header\";\nimport { mockData } from \"../../utils/mock/data\";\n\nconst ContactUs = () => {\n return (\n <>\n \n
\n
\n
\n
\n \n By using this website, you hereby agree to the following terms and\n conditions:\n
\n\n Please note that these are the general Terms and Conditions as\n imposed by suyatra.com.np (SuYatra Tech Pvt. Ltd.)\n
\nSummary
\n\n We are an online travel marketplace platform that sells Travel\n services on behalf of Third Party Travel Providers (Providers)\n including airlines, tour and travel operators, car hirers and\n accommodation providers.\n
\n\n 1. Booking and Confirmation:\n
\n- \n
- \n
\n Once you have selected the arrangements you would like, you\n must complete the details on the website, including the\n payment details.\n
\n \n - \n
\n Every booking is fully confirmed before you receive a final\n confirmation and before your credit card is charged.\n
\n \n - \n
\n We will send you two emails within 24 hours, if not\n immediately (Note: a SuYatra Tech Pvt. Ltd. \"Welcome\" email is\n also sometimes sent to new customers):\n
\n \n - \n
\n The First email will state that your \"SuYatra Tech Pvt. Ltd.\n Booking is Being Processed\"; and\n
\n \n - \n
\n The Second email provides Confirmation of the booking with\n the voucher information ( SuYatra Tech Pvt. Ltd. Booking has\n been Confirmed). If we cannot confirm the booking, then the\n second email will say that the booking cannot be confirmed.\n If we are unable to accept your booking we shall not process\n your payment.\n
\n \n - \n
\n If you have not received your confirmation voucher within 24\n hours of booking, please check your \"Bulk Mail\" or \"Junk Mail\"\n folders of your email system. You may also \"login\" at any time\n to www.suyatra.com.np{\" \"}\n to check your order. If you still do not see your confirmation\n voucher, please contact us:{\" \"}\n \n info@suyatra.com.np\n \n
\n
\n
\n \n - \n
\n The Voucher binding contract will come into force at the time\n we send out our confirmation email, and until then we shall be\n under no liability to you whatsoever.\n
\n \n - \n
\n The name of the leading passenger should be correctly given at\n the time of booking and will appear on the voucher. The\n voucher is not transferable and changes cannot be made at a\n later date.\n
\n \n - \n
\n An order can include two or more different tour bookings. This\n website will not stop you from making incorrect orders such as\n booking two tours in different places for the same dates, or a\n tour in one place and show tickets in another. If you make an\n error in this kind of double booking, we are unable to give\n you a refund.\n
\n \n - \n
\n It is essential that you print this voucher and present it\n upon commencement of your activity or tour. Valid photo ID is\n required for the lead passenger and must match the traveler's\n name as indicated on the voucher as well as the supplier\n records. First and last names are sufficient.\n
\n \n
- \n
\n 2. Cancellation Policy:\n
\n- \n
- \n
\n Each product has its own cancellation policies as per\n suppliers products and terms and conditions. Please review the\n terms and conditions for each product before booking.\n
\n \n - \n
\n If you reject (cancel) the activity, the cancellation\n conditions stated in the product description as well as on\n your voucher apply. SuYatra Tech Pvt. Ltd. advises the user to\n carefully read the information in the product description\n
\n \n - \n
\n If you want to cancel your booking manually, kindly check your\n booking confirmation email. There are contact details of the\n service provider and you can contact them directly or you are\n welcome to contact our customer support center.\n
\n \n - \n
\n The Supplier reserves the right to request higher, specific\n compensation instead of the aforementioned flat-rate fees, if\n the Supplier can prove that it has incurred much higher\n expenses than the respectively applicable flat-rate fee. In\n this case the Supplier is obliged to provide specific figures\n and evidence of the compensation requested, taking into\n account the saved expenses and any other use of the services.\n
\n \n - \n
\n The Supplier can cancel the activity on the agreed date\n without observing a period of notice, if weather conditions,\n official measures, strikes or other unforeseeable or\n unavoidable external conditions (in particular force majeure)\n make the execution of the activity impossible, make it\n considerably more difficult or endanger it. In this case the\n paid price is refunded.\n
\n \n
\n 3. Payment:\n
\n- \n
- \n
Credit cards accepted: MasterCard, Visa Card.
\n \n - \n
\n We also accept local bank wire transfers, eSewa, Fonepay,\n Connect IPS, Khalti and more all the Nepal’s local digital\n Payment Gateways.\n
\n \n - \n
\n Full payment by credit card is required to make a Booking.\n
\n \n - \n
\n SuYatra Tech Pvt. Ltd. does not charge a service fee for\n processing credit card payments.\n
\n \n - \n
\n In the event we are unable to confirm your booking we shall\n not process your payment.\n
\n \n
\n 4. Supplier Payments\n
\n\n After a customer has utilized a service, the supplier account\n dashboard provides a PAYOUT tool for requesting payouts. For a\n brief period, we will issue payouts once the customer has used the\n services.\n
\nOur standard payout schedule is as follows:
\n\n Payments will be made via bank transfer or Nepal’s local digital\n Payment Gateways. Payments generally become due and payable by the\n fifth business day of the month following your tour’s departure\n date. For instance, if a tour or hotel departs on 1st January\n 2024, payment will be due to the Operator by the fifth business\n day of the following month, which would be 7th February 2024.\n
\n\n Bank transfers will be processed by one or more subsidiaries of\n Suyatra Tech Pvt. Ltd., depending on the location of the\n suppliers. This may result in multiple bank transfers for each\n payout. Given the high volume of transactions we process each\n month, we have established automated workflows and structured\n processes. Currently, we are performing electronic payments, and\n due to our internal procedures, it is not possible to consolidate\n all payments into a single transaction.\n
\n\n We will cover the bank fees associated with these transfers,\n except for any fees charged by intermediary banks or your bank.\n These fees will be your responsibility. We are also pleased to\n make payments via credit card and Nepal’s local digital Payment\n Gateways.\n
\n\n 5. Prices\n
\n\n Prices are quoted per person or per room, unless otherwise\n specified. Prices are based on local tariffs. Price quotations are\n subject to change without notice until a booking has been\n confirmed. All prices should be set by the service providers.\n
\n\n 6. Not Included:\n
\n- \n
- \n
\n Any applicable park fees, passenger facility charges, etc. are\n somewhat included but are all mentioned by suppliers.\n
\n \n - \n
\n Tips/gratuities to tour directors, drivers, and local guides;\n baggage and personal insurance; beverages and food not listed\n under inclusions in the travel product (these items will be\n billed to you before leaving the activities/hotel/restaurant);\n and all other items of a personal nature. Please review the\n product description details provided by each supplier and each\n product before making your bookings.\n
\n \n
\n 7. Travel Insurance:\n
\n- \n
- \n
\n We strongly recommend purchasing a comprehensive travel\n insurance policy at the time of booking. Bookings might have\n NOSHOW due to unforeseen problems, and in this case, travel\n insurance may cover your travel fees.\n
\n \n
\n 8. Booking Arrangements:\n
\n- \n
- \n
\n For all booking arrangements, the individual making the\n booking is considered to have accepted the booking conditions\n on behalf of all persons named in the booking. The contract is\n governed by and subject to the Terms & Conditions. Any\n changes to these Terms and Conditions must be made in writing\n and authorized by Suyatra Tech Pvt. Ltd.\n
\n \n - \n
\n Vouchers for each booking segment will be provided by Suyatra\n Tech Pvt. Ltd.\n
\n \n
\n 9. Responsibility:\n
\n- \n
- \n
\n SuYatra Tech Pvt. Ltd does not operate or control the\n activities, services, or goods booked through this site. By\n using this site, you agree that SuYatra Tech Pvt. Ltd is not\n liable for any losses or injuries you may incur as a result of\n your booking or purchasing tickets, or any other services or\n goods through SuYatra Tech Pvt. Ltd. Please ensure to review\n all terms and conditions before making any bookings.\n
\n \n - \n
\n The name and address of the relevant supplier can be found on\n your voucher. The voucher governs your relationship with the\n supplier. This means that any decisions on Supplier terms and\n conditions, cancellations, exchanges, and refunds will be\n determined by the supplier.\n
\n \n - \n
\n Suppliers who agree to these terms acknowledge that Suyatra\n Tech Pvt. Ltd., its partners, agents, and suppliers, are not\n liable for any injury, damage, loss, accident, delay,\n liability, or expense to person or property due to any act of\n default by any hotel, carrier, or other company or person\n providing services included in the tours. Furthermore, Suyatra\n Tech Pvt. Ltd., its partners, agents, and suppliers accept no\n responsibility for any sickness, pilferage, labor disputes,\n machinery breakdown, government restraints, acts of war and\n terrorism, weather conditions, defect in any vehicle of\n transportation, or any other causes beyond their control.\n Suyatra Tech Pvt. Ltd. reserves the right to cancel, change,\n or substitute any service and to decline to accept or retain\n any tour members at any time for any reason, including,\n without limitation, an insufficient number of participants.\n The sole responsibility of any airline used in any tour is\n limited to that set out in the passenger contract evidenced by\n the ticket. All travel documents/vouchers are issued subject\n to the terms and conditions specified by Suyatra Tech Pvt.\n Ltd., its agents, and suppliers.\n
\n \n
\n 10. Availability, Errors and Inaccuracies\n
\n\n We continually update product and service offerings on the\n Service. However, we may experience delays in updating information\n on the Service and in our advertising on other websites. The\n information found on the Service may contain errors or\n inaccuracies and may not be complete or current. Products or\n services may be mispriced, described inaccurately, or unavailable\n on the Service, and we cannot guarantee the accuracy or\n completeness of any information found on the Service. We therefore\n reserve the right to change or update information and to correct\n errors, inaccuracies, or omissions at any time without prior\n notice.\n
\n\n 11. Links To Other Web Sites\n
\n\n Our Service may contain links to third-party websites or services\n that are not owned or controlled by Suyatra Tech Pvt. Ltd. Suyatra\n Tech Pvt. Ltd. has no control over, and assumes no responsibility\n for, the content, privacy policies, or practices of any third-\n party websites or services. We do not warrant the offerings of any\n of these entities or their websites.\n
\n\n
\n You acknowledge and agree that Suyatra Tech Pvt. Ltd. shall not be\n responsible or liable, directly or indirectly, for any damage or\n loss caused or alleged to be caused by or in connection with the\n use of or reliance on any such content, goods, or services\n available on or through any such third-party websites or services.\n
\n\n
\n We strongly advise you to read the terms and conditions and\n privacy policies of any third-party websites or services that you\n visit.\n
\n\n 12. Governing Law\n
\n\n This Agreement is governed by the laws of Nepal. By using the\n SuYatra Online Travel Marketplace platform, you expressly agree to\n the exclusive jurisdiction of the courts of Nepal for any disputes\n or claims arising from or in connection with this website. Any\n unauthorized use of this website in jurisdictions that do not\n recognize all stipulations of these terms and conditions,\n including this paragraph, is strictly prohibited.\n
\n\n 13. Company Name and Registered Access\n
\n\n SuYatra Tech Pvt. Ltd. Uttar Dhoka, Lazimpat -2, Kathmandu, Nepal.\n
\n\n 14. Updating Terms and Conditions\n
\n\n The Company reserves the right to update and/or alter these terms\n and conditions at any time. It is the clients’ responsibility to\n familiarize themselves with them. The latest terms and conditions\n can always be found on the Company website\n \n {\" \"}\n www.suyatra.com.np/terms-condition\n {\" \"}\n and will supersede any previous versions.\n
\n\n
June 2024
\n\n
\n \n Terms and Conditions\n
\n\n
\n 1. Booking and Confirmation:
\n- \n
- \n Once you have selected the arrangements you would like, you\n must complete the details on the website, including the\n payment details.\n \n
- \n Every booking is fully confirmed before you receive a final\n confirmation and before your credit card is charged.\n \n
- \n We will send you two emails within 24 hours, if not\n immediately (Note: a Suyatra Tech Pvt. Ltd. \"Welcome\" email is\n also sometimes sent to new customers):\n \n
- \n The First email will state that your \"Suyatra Tech Pvt. Ltd.\n Booking is Being Processed\"; and\n \n
- \n The Second email provides Confirmation of the booking with\n the voucher information ( Suyatra Tech Pvt. Ltd. Booking has\n been Confirmed). If we cannot confirm the booking, then the\n second email will say that the booking cannot be confirmed.\n If we are unable to accept your booking we shall not process\n your payment.\n \n
- \n If you have not received your confirmation voucher within 24\n hours of booking, please check your \"Bulk Mail\" or \"Junk Mail\"\n folders of your email system. You may also \"login\" at any time\n to www.suyatra.com.np to check your order. If you still do not\n see your confirmation voucher, please contact us:\n info@suyatra.com.np\n \n
- \n The Voucher binding contract will come into force at the time\n we send out our confirmation email, and until then we shall be\n under no liability to you whatsoever.\n \n
- \n The name of the leading passenger should be correctly given at\n the time of booking and will appear on the voucher. The\n voucher is not transferable and changes cannot be made at a\n later date.\n \n
- \n An order can include two or more different tour bookings. This\n website will not stop you from making incorrect orders such as\n booking two tours in different places for the same dates, or a\n tour in one place and show tickets in another. If you error in\n this kind of double booking, we are unable to give you a\n refund.\n \n
- \n It is essential that you print this voucher and present it\n upon commencement of your activity or tour. Valid photo ID is\n required for the lead passenger and must match the travelers\n name as indicated on the voucher as well as the supplier\n records. First and last names are sufficient.\n \n
- \n
\n
\n 2. Cancellation Policy:
\n- \n
- \n Each product has its own cancellation policy. Please review\n the terms and conditions for each product before booking.\n \n
- \n If you reject (cancel) the activity, the cancellation\n conditions stated in the product description as well as on\n your voucher apply. suYatra advises the user to carefully read\n the information in the product description\n \n
- \n Provided there are no deviating cancellation conditions in the\n product description of your Supplier, the following\n cancellation fees will be charged by the Supplier of the\n tourist services:\n \n
- \n Up to 24 hours before the start of the activity: full refund\n \n
- \n Less than 24 hours before the start of the activity or in\n the event of a no-show: no refund\n \n
- \n You, or the user you have referred, are free to prove to the\n Supplier that they have not incurred any damage, or\n substantially less damage than the fee charged by the\n Supplier.\n \n
- \n The Supplier reserves the right to request higher, specific\n compensation instead of the aforementioned flat-rate fees, if\n the Supplier can prove that it has incurred much higher\n expenses than the respectively applicable flat-rate fee. In\n this case the Supplier is obliged to provide specific figures\n and evidence of the compensation requested, taking into\n account the saved expenses and any other use of the services.\n \n
- \n The Supplier can cancel the activity on the agreed date\n without observing a period of notice, if weather conditions,\n official measures, strikes or other unforeseeable or\n unavoidable external conditions (in particular force majeure)\n make the execution of the activity impossible, make it\n considerably more difficult or endanger it. In this case the\n paid price is refunded.\n \n
- \n
\n
\n 3. Payment:
\n- \n
- Credit cards accepted: MasterCard, Visa Card. \n
- \n Full payment by credit card is required to make a Booking.\n \n
- \n Suyatra Tech Pvt. Ltd. does not charge a service fee for\n processing credit card payments.\n \n
- \n In the event we are unable to confirm your booking we shall\n not process your payment.\n \n
\n
\n 4. Supplier Payments
\n\n All the payment will be paid via bank transfer, payment will\n generally become due and payable by the fifth business day of\n the next calendar month after your tour’s departure date.\n
\n\n For Example, if a tour departs on 01st January 2020, payment\n will be due to the Operator by the fifth business day of the\n following month. This would be 7th February 2020.\n
\n\n Bank transfers will be processed by one or more of Suyatra Tech\n Pvt. Ltd.’s subsidiaries, depending on the location of the\n supplier. This may result in multiple bank transfers, each\n payout. As we process high volumes of transactions each month,\n it is necessary for us to set automated workflows and have\n structured processes. As such, we are currently performing\n electronic payments and for our internal procedures, it is not\n possible to consolidate all payments into one single\n transaction.\n
\n\n We will cover the bank fees associated with these transfers,\n with the exception of any fees charged by intermediary banks or\n your bank. You will be required to cover these fees. Also we are\n happy to pay by credit card as well.\n
\n\n
\n 5. Prices
\n\n Prices are per person, unless otherwise specified. Prices are\n based on the local tariffs. Price quotations are subject to\n change without notice until a booking has been confirmed.\n
\n\n
\n 6. Not Included:
\n- \n
- \n Any applicable park fees, passenger facility charges etc.\n \n
- \n Tips/gratuities to tour directors, drivers, and local guides;\n baggage and personal insurance; beverages and food not listed\n under inclusions in the travel product (these items are billed\n to you before leaving the hotel/restaurant); and all other\n items of a personal nature.\n \n
\n
\n 7. Travel Insurance:
\n- \n
- \n We strongly recommend that, at the time of the booking, a\n comprehensive travel insurance policy be purchased.\n \n
\n
\n 8. Booking Arrangements:
\n- \n
- \n In all booking arrangements, the person making the booking\n shall be deemed to have accepted the booking conditions on\n behalf of the persons named in the booking. The contract will\n be governed by and subject to the Terms & Conditions. No\n variation to these Terms and Conditions shall be of any effect\n unless made in writing by and with the authority of Suyatra\n Tech Pvt. Ltd..\n \n
- \n Suyatra Tech Pvt. Ltd. vouchers for each booking segment will\n be provided.\n \n
\n
\n 9. Responsibility:
\n- \n
- \n You will be able to find the name and address of the relevant\n supplier on your voucher. The voucher governs the relationship\n with you and the supplier. This will mean that outside these\n terms and conditions, ultimately any decisions on Supplier\n terms and conditions, cancellation, exchanges and refunds will\n belong to the supplier.\n \n
- \n Agreeing Suppliers acknowledge by their acceptance, that\n suYatra , its partners, agents and suppliers, in making\n arrangements for hotels, tours, transportation or any service\n in connection with the itineraries of individual tour members\n shall not be liable for injury, damage, loss, accident, delay\n or irregularity, liability or expense to person or property\n due to act of default by any hotel, carrier or other company\n or person providing services included in the tours. Further,\n Suyatra Tech Pvt. Ltd., its partners, agents and suppliers\n accept no responsibility for any sickness, pilferage, labor\n disputes, machinery breakdown, and government restrains, acts\n of war and terrorism, weather conditions, defect in any\n vehicle of transportation or for any misadventure or casualty\n or any other causes beyond their control. Suyatra Tech Pvt.\n Ltd. reserves the right to cancel, change or substitute any\n service and to decline to accept or retain any tour members at\n any time for any reason including, without limitation,\n insufficient number of participants. The sole responsibility\n of any airline used in any tour is limited to that set out in\n the passenger contract evidenced by the ticket. All travel\n documents/vouchers are issued subject to the terms and\n conditions specified by Suyatra Tech Pvt. Ltd., its agents and\n suppliers.\n \n
\n
\n \n 10. Availability, Errors and Inaccuracies\n
\n\n We are constantly updating product and service offerings on the\n Service. We may experience delays in updating information on the\n Service and in our advertising on other web sites. The\n information found on the Service may contain errors or\n inaccuracies and may not be complete or current. Products or\n services may be mispriced, described inaccurately, or\n unavailable on the Service and we cannot guarantee the accuracy\n or completeness of any information found on the Service.\n
\n We therefore reserve the right to change or update information\n and to correct errors, inaccuracies, or omissions at any time\n without prior notice.\n
\n
\n 11. Links To Other Web Sites
\n\n Our Service may contain links to third party web sites or\n services that are not owned or controlled by SuYatra Tech Pvt.\n Ltd..\n
\n SuYatra Tech Pvt. Ltd. has no control over, and assumes no\n responsibility for the content, privacy policies, or practices\n of any third party websites or services. We do not warrant the\n offerings of any of these entities/individuals or their\n websites.\n
\n You acknowledge and agree that SuYatra Tech Pvt. Ltd. shall not\n be responsible or liable, directly or indirectly, for any damage\n or loss caused or alleged to be caused by or in connection with\n or reliance on any such content, goods or services\n available on or through any such third party web sites or\n services.\n
\n We strongly advise you to read the terms and conditions and\n privacy policies of any third party websites or services that\n you visit.\n
\n \n \n \n \n
\n \n \n );\n};\n\nexport default ContactUs;\n","import React from 'react';\nimport { Container } from 'react-bootstrap';\n\nimport Navbar from \"../molecules/Navbar\";\n\nconst SupplierHeadingSection = () => {\n\n return (\n \n
\n \n
\n Contact us
\n\n Email :{\" \"}\n \n \n {mockData.companyContactDetails.email}\n \n \n
\n\n {\" \"}\n Phone :{\" \"}\n \n
\n Post Box No :{\" \"}\n \n {mockData.companyContactDetails.companyPostOffice}\n \n
\n\n {\" \"}\n Location :{\" \"}\n \n {mockData.companyContactDetails.companyLocation}\n \n
\n\n \n
\n \n \n \n
\n \n Your Business Can Make\n An Impact In Their Experience\n
\n\n Coordinated. Connected. Committed.\n
\n\n \n \n
\n )\n}\n\nexport default SupplierPartnerSection ","export default __webpack_public_path__ + \"static/media/3.efd97873.jpg\";","import React, { Fragment } from \"react\";\nimport { Row, Col, Container } from \"react-bootstrap\";\n\nimport becomeSupplierImage from \"../../assets/images/suppliers/3.jpg\";\nimport { mockData } from \"../../utils/mock/data\";\nimport { becomeSupplier } from \"../../utils/mock/data.json\";\nimport MainHeading from \"../atoms/MainHeading\";\n\nconst BecomeSupplier = () => {\n return (\n Why Partner With Suyatra ?
\n\n Suyatra aims to offer unique and high quality packages to our guests and we want quality suppliers who can offer this unique and high quality experience to travellers and guests who are looking for the best package.\n
\n\n Suyatra makes it easier for suppliers to connect with audiences in real-time who are looking for your services. We want to provide value for both you, our supplier partner, and the guests, who visit this website and potentially your customers too. The first step to do this is register your company, and provide us your information and the services, rooms, and tour packages you offer!\n
\n\n \n \n \n ))\n }\n \n
\n Create the experience for your guest.
\n {\n createExperience.map((item) => (\n{item.title}
\n\n {item.content}\n
\n\n
\n 1. Sign up
\n\n Sign up and register your account as a supplier in order to\n access to our features for hotel registration, room information, facilities, tour packages, activities and so much more.\n
\n\n
\n \n 2. Add your information
\n\n Once your registration and documents have been approved, your\n account will be verified, you can start adding more information\n about your brand, your product, your services and the facilities\n you provide.\n
\n\n {becomeSupplier.map((item, index) => (\n \n \n ))}\n
\n \n {item.title}
\n\n {item.paragraph}\n
\n\n
\n )\n}\n\nexport default SupplierHomePage","export const convertToBase64 = (file) => {\n return new Promise((resolve, reject) => {\n const fileReader = new FileReader();\n fileReader.readAsDataURL(file);\n fileReader.onload = () => {\n resolve(fileReader.result);\n };\n fileReader.onerror = (error) => {\n reject(error);\n };\n });\n};\n\nexport const b64_to_utf8 = (token) => {\n return decodeURIComponent(escape(window.atob(token)));\n}","import { useQuery } from 'react-query';\nimport { useHistory } from 'react-router-dom';\nimport { toast } from 'react-toastify';\n\nimport { useAuth } from '../../hooks/useAuth';\nimport { useStringHook } from '../../hooks/useStringHook';\nimport { authenticationService } from '../../services/api/authentication';\nimport { b64_to_utf8 } from '../../utils/convertToBase64';\n\nconst ImpersontateUser = () => {\n const query = useStringHook();\n const history = useHistory();\n const { setAuth } = useAuth();\n\n const encodedToken = query.get('token') || '';\n if (!encodedToken) {\n history.push('/');\n }\n let token;\n try {\n token = b64_to_utf8(encodedToken)\n }\n catch (err) {\n history.push('/')\n }\n\n useQuery(['impersonate-user', token], () => authenticationService.impersonateLogin(token),\n {\n enabled: !!token,\n onSuccess: (data) => {\n //setting token in localstorage\n setAuth(data)\n history.push('/')\n toast.success(`User Logged in successfully`)\n window.location.reload()\n },\n onError: (error) => {\n toast.error(`${error.response.data.error.message}`)\n history.push('/')\n }\n }\n );\n\n return true\n}\n\nexport default ImpersontateUser","import React from \"react\";\nimport { Container } from \"react-bootstrap\";\nimport Footer from \"../../molecules/Footer\";\n\nimport Header from \"../../organisms/Header\";\n\nconst PrivacyDisclaimer = () => {\n return (\n <>\n \n \n \n
\n \n \n );\n};\n\nexport default PrivacyDisclaimer;\n","import React from \"react\";\nimport { Container } from \"react-bootstrap\";\n\nimport Footer from \"../../molecules/Footer\";\nimport Header from \"../../organisms/Header\";\n\nconst PrivacyCookies = () => {\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n User Agreement and Disclaimer\n
\n\n Welcome to suyatra.com.np. Please carefully review our Privacy\n Disclaimer and User Agreement before engaging with our services.\n By accessing and using suyatra.com.np, you consent to comply with\n the following terms.\n
\nCopyright, Trademark, and Permissions
\n\n The content featured on suyatra.com.np is protected under\n Nepal’s copyright laws as a collective work or compilation and\n remains the intellectual property of SuYatra Tech Pvt. Ltd., its\n affiliates, or third parties who have provided content.\n Third-party contributions are acknowledged as the property of\n their respective owners. Unauthorized reproduction,\n distribution, modification, or exploitation of any content is\n prohibited. Content may be downloaded for personal,\n non-commercial use only, and must retain all copyright notices.\n Any other use, including storage, is expressly forbidden without\n prior permission.\n
\nDisclaimer of Liability
\n\n SuYatra provides access to information and materials as a\n service. However, we do not assume responsibility for any\n dissatisfaction regarding services chosen based on this\n information. All content provided by our partners is accepted\n “as is,” with the understanding that it is owned by them and\n deemed appropriate for publication.\n
\n\n SuYatra, along with its affiliates, advisors, licensees, and\n employees, disclaims responsibility for the accuracy of\n information supplied by our partners and will not be liable for\n any loss, damage, injury, or expense that may arise from the use\n of or reliance on this information.\n
\nThird Party Websites Links
\n\n suyatra.com.np\n contains links to external websites. We do not endorse or\n guarantee the accuracy, authenticity, reliability, or\n completeness of any information found through these links. They\n are provided solely for your convenience.\n
\nRevision to Terms
\n\n The terms and conditions of suyatra.com.np are subject to change\n without notice. Your continued use of the site signifies your\n acceptance of any revised terms.\n
\nPrivacy Assurance
\n\n We are committed to protecting your privacy. Information\n collected will be used exclusively for the purposes stated and\n will not be shared with third parties. We ensure that all data\n is handled in accordance with its intended use.\n
\nReporting Inappropriate Content
\n\n Should you come across any concerning content on suyatra.com.np,\n please reach out to us via our customer support contact page.\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n );\n};\n\nexport default PrivacyCookies;\n","import React from \"react\";\nimport { BsPatchCheckFill } from \"react-icons/bs\";\nimport { Link } from \"react-router-dom\";\nimport { useAuth } from \"../../../../hooks/useAuth\";\n\nconst PaymentSuccessDetails = ({bookingReference , remarks , isFree}) => {\n const { user } = useAuth();\n\n console.log(remarks , isFree);\n\n return (\n \n Privacy and Cookies\n
\n\n Your privacy is important to us. We value your trust and are\n committed to protecting and safeguarding any personal information\n you give us. This document, which we update from time to time,\n describes how we use and process your personal data and how we use\n cookies. It also tells you how you can contact us if you have\n questions about your personal information.\n
\n\n Suyatra.com.np provides\n online travel services through its own websites and mobile apps and\n through other online platforms such as partners’ websites and social\n media. The information that follows applies to all of these\n platforms.\n
\nPrivacy
\n\n What kind of personal information does SuYatra Tech use?\n
\n\n When you make bookings, you’ll be asked for your name, address,\n telephone number, email address, payment details, the names of\n guests traveling with you and your preferences for your stay.\n
\n\n To make it easier to manage your bookings, you can open a user\n account. This allows you to save your personal settings, review\n previous bookings and manage future reservations.\n
\n\n When you visit our website/App, even if you don’t make a\n reservation, we may collect certain information, like your IP\n address, or browser, and information about your computer’s\n operating system, application version, language settings and pages\n that have been shown to you. If you’re using a mobile device, we\n might also collect data that identifies your mobile device,\n device-specific settings and characteristics and\n latitude/longitude details.\n
\n\n We may also receive information about you when you use certain\n social media services.\n
\n\n Why does SuYatra Tech collect, use and share your personal data?\n
\n\n Reservations: First and foremost, we use your personal data to\n complete and administer your online reservation and forward your\n reservation details to the accommodation / holiday packages you\n have booked.\n
\n\n Customer service: We provide international customer service 24/7\n from our local offices. Sharing your details with our global\n customer service allows for a quick response when you need us –\n including helping you find an appropriate service and any\n questions you might have about your reservation.\n
\n\n Guest reviews: We may use your contact information to invite you\n to write a guest review after your stay/ activities used. This can\n help other travelers choose a place to stay / buy activities that\n suits them best.\n
\n\n Account administration: We offer a user account facility on our\n website. We use the information you give us to administer this,\n allowing you to manage your bookings, take advantage of special\n offers, make future reservations more easily and manage your\n personal settings. Managing personal settings allows you to keep\n and share lists, share photos, see properties that you’ve searched\n for before, and see other information you’ve provided about\n accommodations and destinations. It also allows you to see any\n reviews you submitted about places you stayed in. If you want, you\n can share certain information in your user account by creating a\n public profile that’s associated with either your own first name\n or a screen name of your choice. The type of information you can\n share on this platform includes your photo, the names of places\n you’ve stayed in, your lists, your plans for future trips, your\n reviews and other information about services and destinations.\n
\n\n Marketing activities: We also use your information for marketing\n activities, as permitted by law. For example: When you make a\n reservation with us or set up a user account, we may use your\n contact information to send you news about similar travel-related\n products and services. We also send our customers regular\n newsletters by email. You can opt out, or unsubscribe, from\n marketing communication at any time. Based on the information you\n share with us, individualized offers may be shown to you on the\n SuYatra Tech website, in mobile apps or on third-party websites,\n including social media sites.\n
\n\n When we believe that a particular offer may be of interest to you,\n we may decide to make contact with you by phone. Other\n communications: There may be other times when we get in touch by\n email, by post, by phone or by texting you, depending on the\n contact information you share with us. There could be a number of\n reasons for this: We may need to respond to and handle requests\n you have made.\n
\n\n If you haven’t finalized a reservation online, we may email you a\n reminder to continue with your reservation. We believe that this\n additional service is useful to you because it allows you to carry\n on with a reservation without having to search for the service\n items again or fill in all the reservation details from scratch.\n When you use our services, we may send you a questionnaire or\n invite you to provide a review about your experience with SuYatra\n Tech.\n
\n\n We may also send you other material related to your reservation,\n such as how to contact SuYatra Tech if you need assistance while\n you’re away, or a summary of previous reservations you made using\n SuYatra Tech. Market research: We sometimes ask our customers to\n take part in market research. Any additional personal details that\n you give us as part of the market research will only be used with\n your consent.\n
\n\n Fraud detection and prevention: We may use personal data for the\n detection and prevention of fraud and other illegal or unwanted\n activities.\n
\n\n Improving our services: Finally, we use personal information for\n analytical purposes, to improve our services, enhance the user\n experience, and improve the functionality and quality of our\n online travel services.\n
\n\n How does SuYatra Tech use social media?\n
\n\n We use social media to promote our services partners’ properties\n and to promote, improve and facilitate our own services website.\n For example, we integrated social media plugins into the SuYatra\n Tech website. So when you click on one of the buttons and register\n with your social media account, information is shared with your\n social media provider, and possibly presented on your social media\n profile to be shared with others in your network.\n
\n\n In addition to implementing these buttons, SuYatra Tech uses\n social media by maintaining accounts on several social media sites\n and by offering social apps. These social media services may allow\n you to share information with SuYatra Tech. When you register with\n a social media app, you’ll be told which information will be\n shared with SuYatra Tech. The information you choose to share with\n us may include the basic information that’s already available in\n your social media profile, email address, status updates and your\n friends list. This information is necessary to create a unique\n user experience either in the app itself or on our website. It\n facilitates things like personalizing our website to suit your\n needs, connecting you with your friends on travel destinations and\n analyzing and enhancing our travel-related services.\n
\n\n We may also enable you to sign in to SuYatra Tech services with\n your social media accounts. Your social media provider will be\n able to tell you more about how they use and process your data in\n such cases.\n
\n\n How does SuYatra Tech share your data with third parties?\n
\n\n In certain circumstances, we may share your personal data with\n third parties.\n
\n\n The accommodation / activities you booked: In order to complete\n your reservation, we need to transfer relevant reservation details\n to the services (hotels/rentals/cars /tours/activities) you booked\n with. This may include information like your name, contact and\n payment details, the names of guests traveling with you and any\n preferences you specified when making a booking.\n
\n\n SuYatra Tech office: In order to support you during the\n reservation process and throughout your stay, your details may be\n shared with subsidiaries of the SuYatra Tech corporate family. To\n find out more about the SuYatra Tech corporate family, visit About\n SuYatra Tech. Your information might also be shared with other\n members of the SuYatra Tech group (for example: Agoda.com,\n Rentalcars.com and Kayak.com and more) for analysis to provide you\n with travel-related offers that may be of interest to you and to\n offer you customized service.\n
\n\n Third-party service providers: We may use third-party service\n providers to process your personal information on our behalf for\n the purposes specified above. For example, we may use service\n providers to send the reservation information on our behalf to the\n service item you just booked, or we may instruct third parties to\n contact you. When a reservation requires it, we may also work with\n third-party payment service providers to facilitate payment or\n payment guarantees. We also work with third-party advertisement\n networks to market our accommodation and services on other\n platforms, or involve third-party providers for analytical\n purposes. These third parties involved in any of these services\n will be bound by confidentiality agreements and will not be\n allowed to use your personal information for any purposes other\n than those specified above.\n
\n\n Competent authorities: We work with partner websites around the\n world to distribute the service items listed on our website and\n mobile apps (Hotels/Rentals/Cars /Tour/Activities). When you make\n a reservation on one of these business partners’ websites, certain\n personal information that you give them may be shared with us.\n Similarly, we may share information with this business partner,\n for example, as part of the administration of your account, in\n order to manage your reservation, so that they can address queries\n related to your reservation and for marketing purposes. In this\n context, your information is governed by the privacy policies of\n these business partners.\n
\n\n Business partners: We work with business partners around the world\n to distribute or advertise services and to help our business\n partners distribute and advertise their travel-related services.\n This may mean that their services are integrated into our website\n or they have been enabled to show a customized advertisement on\n our website – or we are advertising on theirs. When you make a\n reservation on one of our business partners’ websites, certain\n personal data that you give them will be forwarded to us.\n
\n\n Certain business partners may receive your personal data from us\n if requested by you. When you make a reservation on a business\n partners’ website, please read the privacy policies on these\n business partners’ websites for more information.\n
\n\n How does SuYatra Tech use mobile devices?\n
\n\n We have free apps for a variety of mobile devices and use versions\n of our regular website that have been optimized for mobile. These\n apps and mobile websites process your personal details in a\n similar way as our website does – and they also allow you to use\n location services to find services nearby.\n
\n\n How does SuYatra Tech use guest reviews and other\n destination-related information you share with us?\n
\n\n After your use any service booked through us, you’ll be invited to\n submit a guest review, which may ask for information about the\n service item, the surrounding areas, and the destination. If you\n don’t want your name to show with your review, you can use your\n screen name (which you can choose in your user account) or it can\n be displayed anonymously. By completing a guest review, you’re\n agreeing that it can be displayed (as further described in our\n Terms and Conditions) on, for example, the relevant service\n information page on our websites, in our mobile apps, in our\n social media accounts and in social apps, or on the website of the\n relevant property or on our business partner’s website, to inform\n other travelers about the quality of the service item you used.\n
\n\n If you indicate that a guest review was helpful – or not helpful –\n we will aggregate this with feedback from other customers in order\n to sort and prioritize guest reviews. We may use the information\n in your lists or in other destination-related information you\n share with us in an anonymous format to help other travelers find\n the right destination.\n
\nCookies
\nWhat is a cookie?
\n\n A cookie is a small amount of data that is placed in the browser\n of your computer or on your mobile device. This Privacy and\n Cookies Policy applies to cookies and similar technologies\n (hereafter together referred to as “cookies”).\n
\nWhy are cookies used?
\n\n Web pages have no memory. If you are surfing from page to page\n within a website, you will not be recognized as the same user\n across pages. Cookies enable your browser to be recognized by the\n website. So cookies are mainly used to remember the choices you\n have made – choices such as the language you prefer and the\n currency you use. They will also make sure you are recognized when\n you return to a website.\n
\nDo all cookies do the same thing?
\n\n No, there are different types of cookies and different ways of\n using them. Cookies can be categorized according to their\n function, their lifespan and according to who places them on a\n website.\n
\nHow are cookies used?
\n\n Our website uses the following types of cookies:\n
\n\n Technical cookies: We try to provide our visitors with an advanced\n and user-friendly website that adapts automatically to their needs\n and wishes. To achieve this, we use technical cookies to show you\n our website, to make it function correctly, to create your user\n account, to sign you in and to manage your bookings. These\n technical cookies are absolutely necessary for our website to\n function properly.\n
\n\n Functional cookies: We also use functional cookies to remember\n your preferences and to help you use our website efficiently and\n effectively. For example, we remember your preferred currency and\n language, your searches and the property you viewed earlier. These\n functional cookies are not strictly necessary for the functioning\n of our website, but they add functionality for you and enhance\n your experience.\n
\n\n Analytics cookies: We use these cookies to gain insight on how our\n visitors use the website, to find out what works and what doesn’t,\n to optimize and improve our website and to ensure we continue to\n be interesting and relevant. The data we gather includes which web\n pages you viewed, which referring/exit pages you entered and left\n from, which platform type you used, date and time stamp\n information and details such as the number of clicks you make on a\n given page, your mouse movements and scrolling activity, the\n search words you use and the text you type while using our\n website. We also use analytics cookies as part of our online\n advertising campaigns to learn how users interact with our website\n after they’ve been shown an online advertisement, which may\n include advertisements on third-party websites. We will not know\n who you are, and we only obtain anonymous data.\n
\n\n Commercial cookies: We use these to show you Traveler\n advertisements on other websites. This is called “retargeting” and\n it aims to be based on your browsing activities on our website,\n such as the destinations you’ve been searching for, the properties\n you’ve viewed and the prices you’ve been shown.\n
\n\n How long do SuYatra Tech cookies stay active?\n
\n\n The cookies we use have varying lifespans. The maximum lifespan we\n set on some is five years from your last visit to our website. You\n can erase all cookies from your browser any time you want. To\n remove SuYatra Tech cookies from your browser, go to the following\n link (please note that when you click on this link, all SuYatra\n Tech cookies will be removed immediately): Purge Cookies.\n
\n\n How can you recognize SuYatra Tech cookies?\n
\n\n You can find our cookies in your browser settings.\n
\n\n Does SuYatra use third-party marketing and analytics cookies?\n
\n\n Yes SuYatra Tech uses the services of trusted and recognized\n online advertising and marketing companies. SuYatra Tech may also\n use third-party providers for analytical purposes.\n
\n\n\n Who has access to SuYatra Tech cookie data?\n
\n\n Only SuYatra Tech has access to SuYatra Tech cookies. Cookies\n placed by third parties can be accessed by these third parties\n
\n\n How can you manage your cookie preferences?\n
\n\n Using your browser settings in, for example, Internet Explorer,\n Safari, Firefox or Chrome, you can set which cookies to accept and\n which to reject. Where you find these settings depends on which\n browser you use. Use the “Help” function in your browser to locate\n the settings you need.\n
\n\n If you choose not to accept certain cookies, you may not be able\n to use some functions on our website. Plus, opting out of an\n online advertising network doesn’t mean that you won’t receive or\n be subject to online advertising or marketing analysis. It means\n that the network you opted out of will no longer deliver ads\n tailored to your web preferences and browsing patterns.\n
\nContact
\n\n How can you control the personal data you have given to SuYatra\n Tech?\n
\n\n You always have the right to review the personal information we\n keep about you. You can request an overview of your personal data\n by emailing us at info@suyatra.com.np please write\n “Request personal information” in the subject line of your email\n and include a copy of your identity card to help us prevent\n unauthorized individuals from accessing your personal data.\n
\n\n If the personal information we have for you is incorrect, we will\n update it at your request. You can also ask us to remove your\n personal data from our customer database by sending an email to{\" \"}\n info@suyatra.com.np with “Request for removal of\n personal information” in the subject line. However, we may need to\n retain certain information, for example, for legal or\n administrative purposes, such as record keeping or to detect\n fraudulent activities. You can delete your user account at any\n time by signing into your account on the Traveler website and\n choosing to remove your account.\n
\n\n Who is responsible for the processing of personal data on the\n SuYatra Tech website and apps?\n
\n\n SuYatra Tech controls the processing of personal data on its\n websites and mobile apps. SuYatra Tech is a private limited\n liability company, incorporated under the laws and has its online\n offices in suyatra.com.np . If you have any suggestions or\n comments about this privacy notice, please send an email to{\" \"}\n info@suyatra.com.np\n
\n\n
\n );\n};\n\nexport default PaymentSuccessDetails;\n","import React from \"react\";\n\nimport Header from '../../organisms/Header';\nimport Footer from '../../molecules/Footer';\nimport \"../../../assets/styles/paymentSuccess.css\";\nimport { useStringHook } from \"../../../hooks/useStringHook\";\nimport PaymentSuccessDetails from \"./components/PaymentSuccessDetails\";\nimport { useGuestBooking } from \"../../../hooks/reactQueryCustomHook/booking/useGuestBooking\";\nimport { FallBackView } from \"../FallBackView\";\nimport Error from \"../Error\";\n\nconst PaymentSuccessPage = () => {\n // const {bookingReference} = useBookingReference();\n const query = useStringHook(); \n const bookingReference = query.get(\"bookingReference\") || query.get(\"purchase_order_id\");\n const {data , isLoading , isError} = useGuestBooking(bookingReference);\n\n if(isLoading) return \n
\n \n
\n \n You have successfully created your booking.\n
\n {remarks && (\n\n {remarks}\n
\n )}\n\n Your payment details has been send to email !! Please check your email\n
\n\n {\n bookingReference && (\n \n Booking Details\n \n )\n }\n \n Explore More\n \n
\n \n
\n );\n};\n\nexport default PaymentSuccessPage;\n","import moment from \"moment\";\nimport { Card } from \"react-bootstrap\";\nimport { AiOutlineClockCircle } from \"react-icons/ai\";\nimport { categoryType } from \"../../../../utils/categoryType\";\nimport { differenceDate } from \"../../../../utils/formatdate\";\n\nconst productType = (booking) => {\n return categoryType(booking).toLowerCase();\n};\n\nexport const PaymentPriceDetailCard = ({ booking }) => {\n return (\n \n \n \n
\n {productType(booking) === \"room\" ? (\n <>\n \n \n
\n );\n};\n\nexport const PaymentProductDetails = ({ booking }) => {\n const product = booking.product;\n if (categoryType(booking).toLowerCase() === \"room\") {\n return (\n \n
\n Total amount :
\n \n
\n NPR {booking.total_amount}
\n\n {productType(booking) === \"room\" ? (\n <>\n
\n
\n \n {booking.quantity} room x{\" \"}\n {differenceDate(booking.starts_at, booking.ends_at)} night :\n
\n NPR {booking.total_amount}
\n \n
\n \n ) : (\n <>\n Discounts :
\n \n {booking?.applied_discount\n ? `NPR ${booking?.applied_discount?.discounted_amount}`\n : \"--\"}\n
\n \n
\n {booking.quantity} quantity :
\n \n NPR{\" \"}\n {booking?.applied_discount?.booking_amount_before_discount ||\n booking?.total_amount}\n
\n \n
\n Discounts :
\n \n {booking?.applied_discount\n ? `NPR ${booking?.applied_discount?.discounted_amount}`\n : \"--\"}\n
\n \n
\n \n \n \n \n
\n );\n } else if (categoryType(booking).toLowerCase() === \"package\") {\n return (\n {product.property_name}
\n{product?.title}
\n\n \n {product.is_breakfast_included ? (\n <>Breakfast included\n ) : (\n <>No meals included\n )}\n \n
\n {`${product.total_beds} beds`}\n
\n {`Max . occupancy: ${product.max_allowed_guests} guests / ${product.max_allowed_childrens} childrens`}\n
\n \n {`${product.total_beds} beds`}\n
\n {`Max . occupancy: ${product.max_allowed_guests} guests / ${product.max_allowed_childrens} childrens`}\n
\n
\n \n {moment(booking?.starts_at).format(\"LL\")}\n
\n Check-in\n
\n \n Check-in\n
\n {moment(booking?.ends_at).format(\"LL\")}\n
\n Check-out\n
\n \n Check-out\n
\n \n \n
\n \n \n
\n );\n }\n return 1;\n};\n","import React from \"react\";\nimport { Alert } from \"@mantine/core\";\nimport { IoAlertCircleOutline } from \"react-icons/io5\";\n\nimport { bookingExpiry } from \"../../_helpers/isBookingExpired\";\n\nconst Timer = (props) => {\n const { bookingCreatedDate , bookingUpdatedDate , bookingReserved} = props;\n\n const {bookingExpiryDate} = bookingExpiry(bookingCreatedDate , bookingUpdatedDate);\n\n return (\n {product.title}
\n\n
\n {product.description.slice(0, 400)} ..\n
\n\n
\n );\n};\n\nexport default Timer;\n","import moment from \"moment\";\n\nexport const bookingExpiry = (bookingCreatedDate, bookingUpdatedDate) => {\n const TEN_MINUTES_IN_MS = 12 * 60 * 1000; // 12 minutes in milliseconds\n let bookingExpiryDate;\n \n if (bookingUpdatedDate === bookingCreatedDate) {\n bookingExpiryDate = new Date(bookingCreatedDate).getTime() + TEN_MINUTES_IN_MS;\n } else if (bookingUpdatedDate) {\n bookingExpiryDate = new Date(bookingUpdatedDate).getTime() + TEN_MINUTES_IN_MS;\n } else {\n return {\n bookingExpiryDate: 'No booking date available',\n };\n }\n\n return {\n bookingExpiryDate: moment(bookingExpiryDate).format(\"MMMM Do YYYY, h:mm:ss a\"),\n };\n };\n ","import React, { useEffect } from \"react\";\nimport { Col, Container, Row } from \"react-bootstrap\";\nimport { useParams, useHistory } from \"react-router-dom\";\nimport { toast } from \"react-toastify\";\nimport { Overlay } from \"@mantine/core\";\n\nimport Footer from \"../../molecules/Footer\";\nimport Header from \"../../organisms/Header\";\nimport { FallBackView } from \"../FallBackView\";\nimport { useGuestBooking } from \"../../../hooks/reactQueryCustomHook/booking/useGuestBooking\";\nimport {\n PaymentPriceDetailCard,\n PaymentProductDetails,\n} from \"./components/PaymentCheckoutCard\";\nimport { useStringHook } from \"../../../hooks/useStringHook\";\nimport PaymentMethodWrapper from \"./components/PaymentMethodWrapper\";\nimport BookingTimer from \"../../atoms/Timer\";\nimport Error from \"../Error\";\nimport { useBookingReference } from \"../../../hooks/useBookingReference\";\n\nconst PaymentPage = () => {\n const { bookingReference } = useParams();\n const history = useHistory();\n const query = useStringHook();\n const {\n data: booking,\n isLoading,\n isError,\n } = useGuestBooking(bookingReference);\n const status = query.get(\"q\");\n const { bookingReference: localStorageReference } = useBookingReference();\n console.log({ bookingReference });\n\n useEffect(() => {\n if (status === \"fu\") {\n toast.error(\n `Payment Failed !! please try again with another payment method`\n );\n }\n }, [status]);\n\n if (bookingReference === undefined) {\n history.push(`/payment/${localStorageReference}`);\n window.location.reload();\n }\n\n if (isLoading) return Your booking is expired ! Please book again
\n ) : (\n\n Your booking will be expired on{\" \"}\n {bookingExpiryDate}\n
\n )}\n \n\n
\n );\n};\n\nexport default PaymentPage;\n","import axios from \"../../setup/axios/SetupAxios\"\n\nconst unSuscribe = async({email , transactionMail , marketingMail}) => {\n return await axios.patch(`newsletter/unsubscribe?email=${email}` , {\n transactional_mail : `${transactionMail}` ,\n marketing_mail : `${marketingMail}`,\n })\n};\n\nconst checkNewsLetterSubscriptions = async(email) => {\n const {data} = await axios.get(`/newsletter/status?email=${email}`)\n return data\n};\n\nexport const subscriptionsServices = {\n unSuscribe,\n checkNewsLetterSubscriptions\n};","import React, { useState } from \"react\";\n\nimport Header from \"../../organisms/Header\";\nimport Footer from \"../../molecules/Footer\";\nimport \"../../../assets/styles/paymentSuccess.css\";\nimport { useStringHook } from \"../../../hooks/useStringHook\";\nimport { FiMail } from \"react-icons/fi\";\nimport { useQuery } from \"react-query\";\nimport { useUnsubscribe } from \"../../../hooks/useUnsubscribe\";\nimport { subscriptionsServices } from \"../../../services/api/subscriptions\";\nimport { FallBackView } from \"../FallBackView\";\nimport { BsPatchCheckFill } from \"react-icons/bs\";\nimport { Link } from \"react-router-dom\";\nimport Error from \"../Error\";\n\nconst SubscriptionPage = () => {\n const query = useStringHook();\n const email = query.get(\"email\") ?? \"\";\n const { data, isLoading , isError } = useQuery([\"news-letter\"], () =>\n subscriptionsServices.checkNewsLetterSubscriptions(email)\n );\n const [transactionMail, setTransactionMail] = useState(false);\n const [marketingMail, setMarketingMail] = useState(false);\n const mutation = useUnsubscribe();\n const handleSubmit = (values) => {\n mutation.mutate({ email, transactionMail, marketingMail });\n };\n\n if (isLoading) return \n \n \n {/* payment methods lists */}\n
\n \n
\n \n \n {!bookingReserved && \n
\n {/* check expiration of booking */}\n \n {/* booking details */}\n \n
\n );\n};\n\nexport default SubscriptionPage;\n","import { useMutation } from \"react-query\"\nimport { toast } from \"react-toastify\"\nimport { subscriptionsServices } from \"../services/api/subscriptions\"\n\nexport const useUnsubscribe = () => {\n return useMutation(subscriptionsServices.unSuscribe , {\n onSuccess : (data) => {\n toast.success(data.data.message)\n },\n onError : (error) => {\n toast.error(`${error?.response?.data?.error?.message || \"Please try again later.\"}`)\n }\n })\n}","export default __webpack_public_path__ + \"static/media/credit-card.62bcb921.png\";","import {\n createStyles,\n Image,\n Container,\n Title,\n Text\n} from \"@mantine/core\";\nimport { Row } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\nimport image from \"../../../assets/images/credit-card.png\";\nimport { useStringHook } from \"../../../hooks/useStringHook\";\nimport Footer from \"../../molecules/Footer\";\nimport Header from \"../../organisms/Header\";\n\nconst useStyles = createStyles((theme) => ({\n root: {\n paddingTop: 80,\n paddingBottom: 80,\n },\n\n title: {\n fontWeight: 900,\n fontSize: 34,\n marginBottom: theme.spacing.md,\n fontFamily: `Greycliff CF, ${theme.fontFamily}`,\n textTransform : \"capitalize\",\n\n [theme.fn.smallerThan(\"sm\")]: {\n fontSize: 32,\n },\n },\n\n control: {\n [theme.fn.smallerThan(\"sm\")]: {\n width: \"100%\",\n },\n },\n\n mobileImage: {\n [theme.fn.largerThan(\"sm\")]: {\n display: \"none\",\n },\n },\n\n desktopImage: {\n width : '5rem',\n marginBottom : '1rem',\n [theme.fn.smallerThan(\"sm\")]: {\n display: \"none\",\n },\n },\n}));\n\nconst PaymentErrorPage = () => {\n const { classes } = useStyles();\n\n const query = useStringHook();\n\n const bookingReference = query.get(\"bookingReference\")\n\n return (\n <>\n \n {mutation.isSuccess ? (\n
\n \n \n \n Explore more\n \n window.close()}\n >\n Cancel\n \n
\n ) : (\n \n
\n \n Unsubscribe Request Completed\n
\n\n
\n )}\n \n
\n \n Communication Preferences\n
\n\n Your email address :{\" \"}\n \n {email}\n \n
\n\n \n Submit\n \n window.close()}\n >\n Cancel\n \n
\n \n Would you really like to unsubscribe and miss all the flash\n deals in the future?{\" \"}\n
\n\n {data.is_newsletter_subscribed && (\n
\n \n \n
\n )}\n {data.is_transactional_mail && (\n \n \n
\n )}\n \n \n Payment verification error...\n \n \n We are facing issues to verify your payment for booking{\" \"}\n {bookingReference}. We will try to re-verify your payment once\n again after 10 minutes and notify you with the status. Please go\n to your email for more detailed reason. In case your bank/wallet\n charges you the amount, click here and submit report to suYatra\n administrator. Alternatively you can contact us at the{\" \"}\n \n here\n \n .\n \n
\n \n
\n - \n
- \n
- \n
Popular hotels nearby :
\n- \n
- \n
- \n
\n
\n )}\n \n )}\n \n \n \n {/* main-blog-side */}\n \n {blogs.data.map((blog) => (\n
\n \n {/* side-bar-right */}\n
\n {/* pagination */}\n \n
\n \n \n {/* second-card-starts */}\n
\n ))}\n \n \n \n
\n \n \n );\n};\n\nexport default FAQ;\n","import React from \"react\";\nimport { useProperties } from \"../../hooks/reactQueryCustomHook/property/useGetProperties\";\nimport CampaignBanner from \"../organisms/CampaignBanner\";\nimport BestDeals from \"../organisms/BestDeals\";\nimport Header from \"../organisms/Header\";\nimport Footer from \"../molecules/Footer\";\nimport { Container } from \"react-bootstrap\";\nimport MainHeading from \"../atoms/MainHeading\";\nimport { mockData } from \"../../utils/mock/data\";\n\nconst Deals = () => {\n const { data: hotDeals, isLoading: isHotDealsLoading } =\n useProperties(\"hot_deals\");\n\n return (\n \n \n \n \n \n Yes, browser privacy settings can affect your experience on{\" \"}\n Suyatra.com.np as\n they can block or allow cookies and trackers that may be\n necessary for certain functionalities.\n \n\n \n Generally, you can book on SuYatra using any operating\n system, including Mac OS X, as long as the browser you are\n using is compatible with the website.\n \n\n \n This could be due to caching issues where your browser\n stores old data. Try clearing your browser cache or using\n incognito mode to see the most updated content.\n \n\n \n An expired certificate warning indicates that the SSL\n certificate of the website has expired. It's best not to\n proceed with sensitive transactions until this is resolved.\n \n\n \n Slow website performance can be due to various factors such\n as server delays, heavy images, or inefficient code. Contact\n SuYatra support for assistance and check your internet\n connection as well.\n \n\n \n The best browser for any site is subjective and depends on\n the site's optimization. However, popular browsers like\n Chrome, Firefox, and Safari are commonly used for their\n compatibility and features.\n \n\n \n If your booking on SuYatra is not completed, check your\n internet connection, update your browser, clear\n cache/cookies, or try a different browser. If the issue\n persists, contact SuYatra customer support for assistance.\n \n\n \n Most websites, including online travel agencies like\n SuYatra, use cookies to enhance user experience by\n remembering user preferences and for analytical purposes.\n \n \n \n \n \n \n SuYatra offers a diverse range of holiday packages that\n allow you to explore the natural beauty, cultural heritage,\n and adventure activities available throughout Nepal.\n \n\n \n Yes, our holiday packages cater to various preferences,\n whether you’re a solo traveler, a couple, a family, or a\n group of friends looking for an unforgettable experience in\n Nepal.\n \n\n \n Booking a holiday package is easy and convenient. Simply\n visit our website, choose your desired package, and follow\n the steps to complete your booking online.\n \n\n \n We understand that every traveler is unique. Contact our\n customer support to discuss customization options that can\n tailor your holiday package to your specific needs.\n \n\n \n We accept{\" \"}\n \n {\" \"}\n all major credit cards, local bank transfers, connectIPS,\n {\" \"}\n and\n all the wallets available in Nepal for payment.\n \n\n \n Yes, we frequently offer special deals and discounts. Please\n check our website regularly or subscribe to our newsletter\n to stay updated on the latest promotions.\n \n\n \n For cancellations or modifications, please contact our\n customer support with your{\" \"}\n SuYatra Booking Reference Code . Our team will assist\n you with the necessary changes.\n \n\n \n You can contact our customer support team at{\" \"}\n 00977 1 4537187 or via email at{\" \"}\n info@suyatra.com.np for any inquiries or\n assistance.\n \n\n \n All prices for our holiday packages are listed in{\" \"}\n Nepali Rupee (NPR).\n \n\n \n All the services associated with our holiday packages are\n provided by local suppliers. We partner with experienced and\n trusted suppliers in each destination to ensure that you\n have a memorable and hassle-free experience.\n \n\n \n We value our customers and are currently working on a\n loyalty program to reward our frequent travelers. Stay tuned\n for more information!\n \n \n \n \n \n \n You can book a hotel by visiting the SuYatra website,\n searching for hotels in your desired location, selecting a\n hotel, choosing your room type, and completing the booking\n process with your personal details.\n \n\n \n SuYatra accepts all major credit cards, online banking\n transfers, connectIPS, and wallets (eSewa, FonePay & more)\n available in Nepal.\n \n\n \n Yes, all prices on SuYatra are displayed in Nepalese Rupees\n (NPR) to cater to the local market.\n \n\n \n No, SuYatra is designed exclusively to promote domestic\n tourism within Nepal. The platform offers special rates and\n services that are available only for Nepalese citizens. As\n such, international travelers would not be able to use\n SuYatra for booking hotels in Nepal.\n \n\n \n Yes, SuYatra uses secure payment gateways to ensure that all\n transactions are safe and your financial information is\n protected.\n \n\n \n Yes, you can cancel or modify your hotel booking on SuYatra.\n For any manual changes, please contact our customer support\n directly by email or phone, and provide your SuYatra Booking\n Reference Code. Our team will assist you with the necessary\n adjustments according to the specific hotel's\n cancellation policy, which you can review on the booking\n confirmation page.\n \n\n \n Yes, SuYatra offers customer support. You can reach out to\n our customer service team via email, phone, or live chat for\n any assistance.\n \n\n \n After completing the payment, you will receive a booking\n confirmation via email with all the details of your\n reservation.\n \n\n \n No, there are no hidden fees. The price you see is the price\n you pay.\n \n \n \n \n \n \n Registration is not required to search or book holiday\n packages and hotels on SuYatra. However, for frequent\n travelers who appreciate our services, creating an account\n can streamline the booking process by saving your details\n for future use. Additionally, registered users have the\n exclusive opportunity to receive outstanding travel deals\n via email.\n \n\n \n Creating an account with SuYatra is straightforward. Simply\n select the 'Register' option located at the top\n right corner of the page and provide your email address. We\n will promptly send you an account activation link along with\n a One-Time Password (OTP) to your mobile number. Follow the\n link to activate your account, and enjoy the benefits of\n being a SuYatra member.\n \n\n \n Yes, registered users can enjoy faster bookings by saving\n their information and receiving exclusive travel deals and\n offers via email.\n \n\n \n To change your password, log in to your account, navigate to\n the account settings, and select the option to change your\n password. If you encounter any issues, contact SuYatra's\n customer support for assistance.\n \n\n \n If you've forgotten your password, use the 'Forgot\n Password' feature on the login page. You will be\n prompted to enter your email address to receive instructions\n on how to reset your password.\n \n\n \n If your password is not recognized, double-check that you\n are entering it correctly. Ensure caps lock is off and that\n you are using the correct email address. If the problem\n persists, use the 'Forgot Password' feature or\n contact customer support for help⁹.\n \n\n \n To edit your account information, log in to your SuYatra\n account, go to account settings, and choose the option to\n edit your profile. Here you can update your personal details\n as needed.\n \n\n \n Currently, there is no direct information available about\n syncing the SuYatra travel calendar with personal calendar\n apps. For specific instructions, please refer to the help\n section on the SuYatra website or contact their customer\n support.\n \n\n \n To log out of SuYatra.com.np, simply click on the 'Log\n Out' option, usually found at the top right corner of\n the page or in the account settings menu.\n \n \n \n \n
\n Frequently Asked Questions
\n\n Troubleshooting FAQs for SuYatra\n
\n\n FAQs for SuYatra Holiday Packages\n
\n\n\n FAQs for SuYatra Hotel Booking Customers\n
\n\n FAQs for SuYatra Registrations & Sign-in:\n
\n\n
\n );\n};\n\nexport default Deals;\n","import axios from \"../../setup/axios/SetupAxios\";\n\n/*******************************************************************\n * image or attachements Routes\n ******************************************************************/\n\nconst removeAttachment = async(id) => {\n const response = await axios.delete(`/attachments/${id}`)\n return response.data\n};\n\nconst uploadProfileImage = (profileImage) => {\n const response = axios.put(\n `/attachments/profile-image`,\n {\n profile_image: profileImage,\n },\n );\n return response\n};\n\n\nexport const imageServices = {\n removeAttachment,\n uploadProfileImage\n};","import { useMutation, useQueryClient } from \"react-query\"\nimport { toast } from \"react-toastify\";\nimport { imageServices } from \"../services/api/image\";\n\nexport const useUploadProfile = () => {\n const queryClient = useQueryClient();\n return useMutation(imageServices.uploadProfileImage , {\n onSuccess : () => {\n toast.success(`Image uploaded successfully`)\n queryClient.invalidateQueries(['user'])\n },\n onError : (error) => {\n toast.error(`${error.response.data.error.message}}`)\n }\n })\n}","import moment from \"moment\";\nimport React, { useState } from \"react\";\nimport { Group, Modal } from \"@mantine/core\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCamera } from \"@fortawesome/free-solid-svg-icons\";\n\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { useUploadProfile } from \"../../hooks/useUploadProfile\";\nimport { convertToBase64 } from \"../../utils/convertToBase64\";\nimport SubmitButton from \"../atoms/SubmitButton\";\n\nconst UserAvatar = ({createdAt , name , profileImage}) => {\n const {token , setAuth}= useAuth()\n const [opened, setOpened] = useState(false);\n const [errorMessage, setErrorMessage] = useState(null);\n const [imagePreviewUrl, setImagePreviewUrl] = useState(\"\");\n const [image, setImage] = useState(\"\");\n const hiddenFileInput = React.useRef(null);\n const imageUploadMutation = useUploadProfile();\n const handleClose = () => {\n setOpened(false);\n setImagePreviewUrl(\"\");\n setErrorMessage('')\n };\n const handleClick = (event) => {\n hiddenFileInput.current.click();\n };\n const handleChange = async (event) => {\n const fileUploaded = event.target.files[0];\n // props.handleFile(fileUploaded);\n if (fileUploaded?.size / 1024 / 1024 < 2) {\n setErrorMessage('')\n const base64 = await convertToBase64(fileUploaded);\n setImage(base64);\n const reader = new FileReader();\n reader.onloadend = () => {\n setImagePreviewUrl(reader.result);\n };\n reader.readAsDataURL(fileUploaded);\n } else {\n setErrorMessage(\"Image must be less than 2 MB\");\n }\n };\n const onUploadImage = () => {\n imageUploadMutation.mutate(image, {\n onSuccess: (data) => {\n setImagePreviewUrl(\"\");\n setOpened(false);\n setErrorMessage(\"\")\n const session = { token, user: data?.data }\n setAuth(session);\n },\n });\n };\n return (\n <>\n \n \n \n
\n \n
\n {/* Modal to update avatar user */}\n \n
\n setOpened(true)}>\n \n
\n {name}
\n {createdAt && (\n\n Member Since {moment(createdAt).fromNow()}\n
\n )}\n\n
\n Image must be of 2mb or less
\n )}\n \n \n );\n};\n\nexport default UserAvatar;\n","import React from \"react\";\nimport { useQuery } from \"react-query\";\nimport { Link } from \"react-router-dom\";\n\n// import { useAuth } from \"../../hooks/useAuth\";\nimport { userServices } from \"../../services/api/userApi\";\nimport \"../../assets/styles/userSidebar.css\";\nimport { FallBackView } from \"../pages/FallBackView\";\nimport UserAvatar from \"./UserAvatar\";\n\nconst DashboardSideBar = () => {\n const { data: user, isLoading } = useQuery(\"user\", userServices.user);\n if (isLoading) return \n
\n );\n};\n\nexport default DashboardSideBar;\n","import { Container } from \"react-bootstrap\";\nimport Col from \"react-bootstrap/Col\";\nimport Row from \"react-bootstrap/Row\";\n\nimport DashboardSideBar from \"../components/molecules/DashboardSideBar\";\nimport Footer from \"../components/molecules/Footer\";\nimport Header from \"../components/organisms/Header\";\n\n// import Sonnet from '../../components/Sonnet';\n\nfunction DashboardLayout({ children }) {\n return (\n <>\n \n
\n
\n My Dashboard
\n\n
\n
\n - \n {links?.map((item) => (\n
- \n \n {item.title}\n \n \n ))}\n
- \n \n Logout\n \n \n
\n \n \n
\n \n
\n \n \n );\n}\n\nexport default DashboardLayout;\n","import React, { useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { Card } from \"react-bootstrap\";\n\nimport { FallBackView } from \"../FallBackView\";\nimport Error from \"../Error\";\nimport CancelBooking from \"../../modal/CancelBooking\";\nimport BookingList from \"./BookingList\";\nimport { statusCheck } from \"../../../_helpers/statusCheck\";\nimport { useBooking } from \"../../../hooks/useBooking\";\nimport { categoryType } from \"../../../utils/categoryType\";\nimport BookingProductCard from \"../../molecules/BookingProductCard\";\n\nimport DashboardLayout from \"../../../layout/DashboardLayout\";\nimport { isBookingCancellable } from \"../../../_helpers/bookingFunctions\";\n\nconst ViewBookings = () => {\n const [show, setShow] = useState(false);\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n const { bookingReference } = useParams();\n const {\n data: singleBooking,\n isLoading,\n isError,\n } = useBooking(bookingReference);\n\n if (isLoading) return \n
\n \n
\n {showCancelButton && (\n Booking Details
\n \n {statusCheck(singleBooking?.status)}\n \n\n \n Cancel Booking\n \n
\n )}\n \n
Leave a review
\n \n\n {productDetails?.property_name &&\n `${productDetails?.property_name} /`}{\" \"}\n {productDetails?.title}\n
\n\n
\n \n )}\n \n {isFetching ? (\n
\n \n <>({productDetails?.reviews_count} Reviews)\n \n \n )}\n
\n \n \n <>({productDetails?.reviews_count} Reviews)\n \n \n )}\n
\n \n {isFetching ? (\n
\n \n {isFetching ? (\n
\n {isFetching ? (\n <>\n ) : (\n !booking.is_reserved && booking.status === STATUS.PAYMENT_PENDING &&(\n \n
\n \n {isFetching ?
\n
\n {isFetching ? (\n \n {isFetching ?
\n \n {booking.is_completed && (\n setReviews(true)}\n >\n Review\n \n )}\n {showCancelButton && (\n setShow(true)}\n >\n Cancel\n \n )}\n
\n )}\n \n {/* \n
\n */}\n \n
\n \n
\n \n setOpened(true)}\n >\n
\n \n
\n \n
\n \n {data?.name}\n
\n {data?.created_at && (\n\n Member Since {moment(data?.created_at).fromNow()}\n
\n )}\n\n
\n - \n
- \n \n My Profile\n \n \n {/*
- \n \n Edit Profile\n \n */}\n
\n
\n Image must be of 2mb or less
\n )}\n \n \n );\n};\n\nexport default UserProfile;\n","import * as Yup from 'yup'\nimport { regression } from '../../utils/regressions';\n\nconst profileSchema = Yup.object().shape({\n Firstname: Yup.string()\n .min(3, \"Minimum 3 characters\")\n .max(50, \"Maximum 50 characters\")\n .required(\"First name is required\"),\n Lastname: Yup.string()\n .min(3, \"Minimum 3 characters\")\n .max(50, \"Maximum 50 characters\")\n .required(\"Last name is required\"),\n address: Yup.string().notRequired().nullable()\n .min(3, \"Minimum 3 characters\")\n .max(50, \"Maximum 50 characters\"),\n // state: Yup.string().required(\"State is required\"),\n phone: Yup.string()\n .required(\"Phone number is required\").nullable()\n .matches(regression.phoneRegression, 'Phone number is not valid')\n .min(10, \"Phone number must be of 10 digits\")\n .max(10, \"Phone number must be of 10 digits\"),\n // country: Yup.string().nullable()\n // .required(\"country is required\"),\n DOB: Yup.date().notRequired().nullable(),\n // profileImage: Yup.mixed()\n // .required('Profile Image is required'),\n // coverImage: Yup.mixed()\n // .notRequired()\n});\n\nexport { profileSchema }","import { useQuery } from 'react-query';\n\nimport { userServices } from '../../../services/api/userApi';\n\nconst useGetUser = () => {\n return useQuery('user', userServices.user);\n}\n\nexport default useGetUser","import React from \"react\";\nimport { Row, Col } from \"react-bootstrap\";\nimport { Formik, Field, Form, ErrorMessage } from \"formik\";\n\nimport DashboardSideBar from \"../../molecules/DashboardSideBar\";\nimport Header from \"../../organisms/Header\";\nimport Footer from \"../../molecules/Footer\";\nimport UserProfile from \"../../molecules/UserProfile\";\nimport { FallBackView } from \"../FallBackView\";\nimport Error from \"../Error\";\nimport { profileSchema } from \"../../validation/EditProfile\";\nimport useGetUser from \"../../../hooks/reactQueryCustomHook/user/useGetUser\";\nimport { useEditProfile } from \"../../../hooks/reactQueryCustomHook/user/useEditProfile\";\nimport SubmitButton from \"../../atoms/SubmitButton\";\n\nimport \"../../../assets/styles/dashboardEditProfile.css\";\n\nconst DashboardEditProfile = () => {\n const { data, isLoading: loadings, isError: error } = useGetUser();\n const { isLoading, mutate } = useEditProfile();\n\n const onFormSubmit = async (value) => {\n mutate({ ...value });\n };\n\n if (loadings) return \n
\n );\n};\n\nexport default DashboardEditProfile;\n","import { useQueryClient , useMutation } from \"react-query\";\nimport { useHistory } from \"react-router-dom\";\nimport { toast } from \"react-toastify\";\n\nimport { userServices } from \"../../../services/api/userApi\";\nimport { useAuth } from \"../../useAuth\";\n\nexport const useEditProfile = () => {\n \n const { token, setAuth } = useAuth();\n\n const history = useHistory();\n\n const queryClient = useQueryClient();\n\n return useMutation(userServices.createProfile, {\n onSuccess: (data) => {\n const session = { token, user: data?.data }\n setAuth(session);\n history.push('/profile')\n queryClient.invalidateQueries('user')\n toast.success(`Profile updated sucessfully`)\n },\n onError: (error) => {\n toast.error(`${error?.response?.data?.error?.message}`)\n },\n })\n};\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faHome } from '@fortawesome/free-solid-svg-icons';\n\nimport '../../assets/styles/breadcrumb.css';\n\nconst BreadcrumbTop = (props) => {\n\n const { title, page, active , pageLink , titleLink } = props;\n \n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n {() => (\n \n )}\n \n
\n \n \n \n
\n \n
\n )\n}\n\nexport default ChatList\n\n\nChatList.propTypes = {\n title: PropTypes.string,\n variant: PropTypes.string,\n date: PropTypes.any,\n para: PropTypes.string,\n alt : PropTypes.string,\n img :PropTypes.string\n}\n","import React from 'react'\nimport PropTypes from 'prop-types';\n\nconst ChatMessage = ({ variant, para, message, optional }) => {\n return (\n \n
\n \n 
\n
\n \n
\n {title}
\n{date}
\n{para}
\n\n
\n )\n}\n\nexport default ChatMessage\n\n\nChatMessage.propTypes = {\n optional: PropTypes.string,\n variant: PropTypes.string,\n date: PropTypes.any,\n para: PropTypes.string,\n}\n\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport { faBars, faBell, faPaperPlane, faSearch } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\n\nimport BreadcrumbTop from '../../atoms/BreadcrumbTop'\nimport ChatList from '../../molecules/ChatList'\nimport ChatMessage from '../../molecules/ChatMessage'\nimport DashboardSideBar from '../../molecules/DashboardSideBar'\nimport Footer from '../../molecules/Footer'\nimport Header from '../../organisms/Header'\nimport '../../../assets/styles/inbox.css'\n\nconst DashboardInbox = () => {\n\n const List = [{\n \"variant\": \"active-chat\",\n \"title\": \"Sunil Rajput\",\n \"para\": \"Typing ...\",\n \"img\": \"https://ptetutorials.com/images/user-profile.png\",\n },\n {\n \"date\": \"15 mins ago\",\n \"title\": \"Sunil Rajput\",\n \"para\": \"Please check your emails on....\",\n \"img\": \"https://ptetutorials.com/images/user-profile.png\",\n },\n {\n \"date\": \"15 mins ago\",\n \"title\": \"Sunil Rajput\",\n \"para\": \"Please check your emails on....\",\n \"img\": \"https://ptetutorials.com/images/user-profile.png\",\n },\n {\n \"date\": \"15 mins ago\",\n \"title\": \"Sunil Rajput\",\n \"para\": \"Please check your emails on....\",\n \"img\": \"https://ptetutorials.com/images/user-profile.png\",\n },\n {\n \"date\": \"15 mins ago\",\n \"title\": \"Sunil Rajput\",\n \"para\": \"Please check your emails on....\",\n \"img\": \"https://ptetutorials.com/images/user-profile.png\",\n },\n {\n \"date\": \"15 mins ago\",\n \"title\": \"Sunil Rajput\",\n \"para\": \"Please check your emails on....\",\n \"img\": \"https://ptetutorials.com/images/user-profile.png\",\n },\n {\n \"date\": \"15 mins ago\",\n \"title\": \"Sunil Rajput\",\n \"para\": \"Please check your emails on....\",\n \"img\": \"https://ptetutorials.com/images/user-profile.png\",\n }\n ];\n\n return (\n \n
\n \n
\n {para}
\n\n
\n )\n}\n\nexport default DashboardInbox","import React from \"react\";\nimport { useInfiniteQuery, useQuery } from \"react-query\";\nimport moment from \"moment\";\n\nimport { userServices } from \"../../../services/api/userApi\";\nimport { ReviewService } from \"../../../services/api/review\";\nimport ReviewCard from \"../../molecules/ReviewCard\";\nimport { FallBackView } from \"../FallBackView\";\n\nimport DashboardLayout from \"../../../layout/DashboardLayout\";\n\nconst DashboardReview = () => {\n const { data: user, isLoading } = useQuery(\"user\", userServices.user);\n const {\n data,\n isLoading: isReviewLoading,\n fetchNextPage,\n hasNextPage,\n isFetchingNextPage,\n } = useInfiniteQuery(\"reviews\", ReviewService.getReviews, {\n getNextPageParam: (lastPage, pages) => {\n if (lastPage.next_page_url) return lastPage.current_page + 1;\n return false;\n },\n });\n\n if (isLoading || isReviewLoading) {\n return \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n {\n List.map(item => (\n
\n \n
\n \n
\n \n ![\"images\"](\"https://ptetutorials.com/images/user-profile.png\")
\n
\n \n \n Jenny Taylor \n
\n Active Now \n
\n \n Active Now \n
\n \n
\n
\n \n
\n \n \n \n
\n \n
\n {data?.pages?.map((page) =>\n page?.data?.length > 0 ? (\n page?.data?.map((review) => (\n \n
\n \n
\n Reviews section
\n\n
\n ))\n ) : (\n \n \n
\n {user?.name}
\n{review.commentable.property_name || review.commentable.title}
\n \n\n
\n )\n )}\n {hasNextPage && (\n \n
\n No Review Yet
\n\n {/* Load more.. */}\n \n {!isFetchingNextPage && (\n load more..\n )}\n {isFetchingNextPage && (\n \n Please wait...\n \n \n )}\n \n
\n )}\n \n
\n \n {\n setTimeout(() => {\n setSubmitting(false);\n mutate(values);\n resetForm();\n }, 400);\n }}\n >\n \n \n
\n \n
\n
\n Change Password
\n\n
\n
\n Do you want to {isNewsletterSuscribed ? \"unsubscribe\" : \"subscribe\"}{\" \"}\n the newsletter ?\n
\n {\n isNewsletterSuscribed && (\n\n
\n \n {isNewsletterSuscribed ? \"Cancel Subscribtion\" : \"Subscribe\"}\n \n
\n \n \n \n );\n};\n\nexport default NewsletterSubscription;\n","import { useMutation } from \"react-query\"\n\nimport { newsletterServices } from \"../services/api/newsletter\"\n\nexport const useUserSubscribe = () => {\n return useMutation(newsletterServices.subscribeNewsletter)\n}","import { useMutation } from \"react-query\"\n\nimport { newsletterServices } from \"../services/api/newsletter\"\n\nexport const useUserUnsubscribe = () => {\n return useMutation(newsletterServices.unsubscribeNewsletter)\n}","import { React } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { Formik, Field, Form, ErrorMessage } from \"formik\";\nimport { Col } from \"react-bootstrap\";\nimport { useQuery } from \"react-query\";\nimport * as Yup from \"yup\";\n\nimport { bookingServices } from \"../../../services/api/bookings\";\nimport Header from \"../../organisms/Header\";\nimport BreadcrumbTop from '../../atoms/BreadcrumbTop'\nimport DashboardSideBar from \"../../molecules/DashboardSideBar\";\nimport { FallBackView } from \"../FallBackView\";\nimport Footer from \"../../molecules/Footer\";\nimport \"../../../assets/styles/bookings.css\";\n\nconst EditBookingSchema = Yup.object().shape({\n currency: Yup.string().required(\"currency is required\"),\n price: Yup.number()\n .min(3, \"Minimum 2 symbols\")\n .max(50, \"Maximum 50 symbols\")\n .required(\"Price is required\"),\n starts_at: Yup.date().required(\"Start Date is required\"),\n ends_at: Yup.date().required(\"End Dateis required\"),\n});\n\nconst EditBookings = () => {\n\n const params = useParams();\n\n const bookingsId = Number(params?.id);\n\n const { isLoading, isError } = useQuery(\n [\"booking\", { bookingsId }],\n bookingServices.getBooking\n );\n\n if (isLoading) return \n
\n \n \n \n \n \n \n );\n};\n\nexport default EditBookings;\n","import ViewBookings from '../components/pages/dashboard/DashboardBooking';\nimport DashboardBookings from '../components/pages/dashboard/DashboardBookings';\nimport DashboardEditProfile from '../components/pages/dashboard/DashboardEditProfile';\nimport DashboardInbox from '../components/pages/dashboard/DashboardInbox';\nimport DashboardReview from '../components/pages/dashboard/DashboardReview';\nimport DashboardSettings from '../components/pages/dashboard/DashboardSettings';\nimport {DashboardUserDetails} from '../components/pages/dashboard/DashboardUserDetails';\nimport EditBookings from '../components/pages/dashboard/EditBookings';\n\nexport const privateRoutes = [\n // {\n // path: '/offers',\n // component: DashboardOffers,\n // id: 1\n // },\n {\n path: '/profile',\n component: DashboardUserDetails,\n id: 2\n },\n {\n path: '/edit-profile',\n component: DashboardEditProfile,\n id: 3\n },\n {\n path: '/bookings',\n component: DashboardBookings,\n id: 4\n },\n {\n path: '/booking/:bookingReference',\n component: ViewBookings,\n id: 5\n },\n {\n path: '/edit/:bookingReference',\n component: EditBookings,\n id: 6\n },\n {\n path: '/reviews',\n component: DashboardReview,\n id: 7\n },\n {\n path: '/settings',\n component: DashboardSettings,\n id: 8\n },\n {\n path: '/inbox',\n component: DashboardInbox,\n id: 9\n }\n];\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState } from \"react\";\nimport { useMutation, useQuery, useQueryClient } from \"react-query\";\nimport { Form } from \"react-bootstrap\";\nimport { toast } from \"react-toastify\";\nimport { Modal } from \"@mantine/core\";\nimport { Link } from \"react-router-dom\";\n\nimport { userServices } from \"../../../services/api/userApi\";\nimport { FallBackView } from \"../FallBackView\";\nimport Error from \"../Error\";\nimport NewsletterSubscription from \"../../molecules/NewsletterSubscription\";\n\nimport DashboardLayout from \"../../../layout/DashboardLayout\";\n\nexport const DashboardUserDetails = () => {\n const queryClient = useQueryClient();\n const [code, setOptCode] = useState(\"\");\n const [verify, setVerify] = useState(false);\n const [show, setShow] = useState(false);\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n const { data:user, isLoading, isError } = useQuery(\"user\", userServices.user);\n const mutation = useMutation(userServices.phoneVerification, {\n onSuccess: () => toast.success(\"Enter Verification Code\"),\n onError: () => toast.error(\"oops something went wrong\"),\n });\n const { mutate, isLoading: isMutating } = useMutation(\n userServices.verificationCode,\n {\n onSuccess: () => {\n toast.success(\"Phone number verified successfully\");\n handleClose();\n queryClient.invalidateQueries(\"user\");\n },\n onError: () => {\n toast.error(\"Oops something went wrong\");\n handleClose();\n },\n }\n );\n\n if (isLoading) return \n \n {!isLoading && (\n Update\n )}\n {isLoading && (\n \n Please wait...\n \n \n )}\n Continue\n \n \n )}\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n\n \n \n \n
\n \n
\n\n {(setFieldValue) => (\n
\n Edit Bookings
\n\n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n \n \n Edit Profile\n \n
\n User details
\n\n
\n
\n \n
\n - \n
- \n Full Name :\n {user?.name}\n \n
- \n Email :\n {user?.email}\n
\n \n - \n Country :\n {user?.profile.country}\n \n
\n
\n
\n
\n
\n - \n
- \n \n DOB :{\" \"}\n \n {user?.profile?.date_of_birth || \"-\"}\n \n
- \n {/* */}\n Contact :\n {!phone ? (\n \"-\"\n ) : (\n <>\n {phone}\n {phoneVerified ? (\n
- \n State :\n {user?.profile?.state || \"-\"}\n \n
\n
\n
\n No internet... \n \n Looks like you lost your connection. Please check it and try again.\n \n \n Retry\n \n
\n \n