\n \n
\n \n \n );\n }\n\n return (\n <>\n - \n
- \n
\n
\n )}\n {hostId && submittedBy && (\n \n {activeIndex + 1} of {length}\n
\n \n
\n )}\n \n );\n};\n\nexport default CarouselSSR;\n","import React from 'react';\nimport bemCn from 'bem-cn';\nimport SvgDog from 'src/assets/svg/SvgDog.svg';\nimport './style.scss';\n\nconst b = bemCn('designed-for-private-comp');\n\nconst DesignedForPrivate = ({ banner = false }) => {\n const title = 'Designed for private play';\n const subtitle = 'Only the people and dogs in your booking are allowed in the spot during your visit.';\n\n return (\n {submittedBy}
\n\n
\n );\n};\n\nexport default DesignedForPrivate;\n","import bemCn from 'bem-cn';\nimport React from 'react';\nimport SniffButton from '../sniff-button';\nimport SvgLocation from 'src/assets/svg/SvgLocation.svg';\nimport './empty-spots.scss';\n\nconst b = bemCn('empty-spots');\n\nconst EmptySpots = ({ noItems = true, addNewSpotFilter }) => {\n return (\n \n
\n {`${title}${banner ? '. ' : ''}`}
\n {subtitle}
\n \n {noItems && (\n \n Manage new spot alerts\n \n
\n );\n};\n\nexport default EmptySpots;\n","import React, { useEffect, useState } from 'react';\nimport loadable from '@loadable/component';\nimport { AUTH_TESTS } from '../../pages/spot-view-page/auth-test.const';\nimport useMobileScreen from '../../services/hooks/useMobileScreen';\nimport { isUnverified } from '../../consts/user.consts';\nimport { RouteFormatter } from '../../routes';\nimport { COOKIE_PARAM_NAME } from '../../consts/cookies.consts';\nimport { AMENITIES_CATEGORIES } from '../../consts/spot.consts';\nimport { SIGN_UP_SRC } from '../../consts/profile.const';\nimport SpotAmenitiesIcon from '../spot-amenities-icon';\nimport SniffButton from '../sniff-button';\nimport './index.scss';\n\nconst ModalMobile = loadable(() => import('../../components/modal-mobile'));\nconst ModalMobileSSR = loadable(() => import('../../components/modal-mobile/modal-mobile-ssr'));\nconst SubAmenities = loadable(() => import('../amenities-sub-category'));\nconst MobileSubPage = loadable(() => import('../mobile-sub-page'));\n\nconst CookieService = require('../../services/cookie.service');\n\nexport default function ListingAmenities({\n userDetails,\n isMobileSSR,\n useEffectSSR,\n useStateSSR,\n dogsAmenities = [],\n essentialAmenities = [],\n peopleAmenities = [],\n venueAmenities = [],\n setIsBlurTest = () => {},\n checkBlurSignupTest = () => false,\n isBlurTest,\n}) {\n const ModalMobileC = useStateSSR ? ModalMobileSSR : ModalMobile;\n const useStateC = useStateSSR || useState;\n const isMobile = useStateSSR ? isMobileSSR : useMobileScreen();\n const [showModal, setShowModal] = useStateC(false);\n const myAmenities = [...dogsAmenities, ...essentialAmenities, ...peopleAmenities, ...venueAmenities].sort((a, b) => a.spotOrder - b.spotOrder);\n\n const toggleModal = async () => {\n const newShow = !showModal;\n const isUnver = isUnverified(userDetails);\n\n // guest auth test\n if (!userDetails?.id || isUnver) {\n const re = `${window.location.pathname}#${AUTH_TESTS.ALL_AMENITIES}`;\n\n if (isUnver) {\n CookieService.default.set(COOKIE_PARAM_NAME.REDIRECT, window.location.href);\n CookieService.default.set(COOKIE_PARAM_NAME.REDIRECT_ONBOARD, re);\n window.location = RouteFormatter.finishYourAccount();\n return;\n }\n\n CookieService.default.set(COOKIE_PARAM_NAME.SIGN_UP_FROM, SIGN_UP_SRC.SPOT_DETAILS_WEB, { expires: 1 });\n CookieService.default.set(COOKIE_PARAM_NAME.REDIRECT, re);\n const isBlurTest = await checkBlurSignupTest();\n if (isBlurTest) {\n setShowModal(newShow);\n setIsBlurTest(true);\n } else {\n window.location = RouteFormatter.signUp();\n }\n return;\n }\n\n setShowModal(newShow);\n };\n\n // guest auth test\n useEffect(() => {\n const urlHash = window.location.hash.substring(1);\n if (userDetails?.id && urlHash == AUTH_TESTS.ALL_AMENITIES) {\n setShowModal(true);\n }\n }, []);\n\n useEffect(() => {\n if (!isBlurTest && !userDetails?.id) {\n setShowModal(false);\n }\n }, [isBlurTest, userDetails?.id]);\n\n if (myAmenities.length <= 0) {\n return '';\n }\n\n return (\n \n
\n )}\n Not seeing spots you're looking for?
\n {noItems && (\n \n Don't worry we can notify you when new spots are added that match this search\n
\n )}\n \n \n Show all {myAmenities.length} amenities\n \n )}\n
\n {isMobile ? (\n\n \n ) : (\n \n \n )}\n
\n );\n}\n","import React from 'react';\nimport { RESERVATION_TYPE } from '../../consts/reservation.consts';\nimport SniffButton from '../sniff-button';\nimport './index.scss';\n\nconst ListingAvailability = ({ isMobile, handleBook }) => {\n return (\n \n Amenities\n
\n\n {myAmenities.slice(0, 6).map((a, i) => {\n return (\n
\n {myAmenities.length > 6 && (\n \n
\n );\n })}\n \n {isMobile ? (\n
\n
\n \n
\n \n handleBook(RESERVATION_TYPE.CALENDAR)}\n >\n Find an available time\n \n
\n
\n );\n};\n\nexport default ListingAvailability;\n","import React, { useEffect, useState } from 'react';\nimport { COOKIE_PARAM_NAME } from '../../consts/cookies.consts';\nimport { RouteFormatter } from '../../routes';\nimport { isUnverified } from '../../consts/user.consts';\nimport useMobileScreen from '../../services/hooks/useMobileScreen';\nimport { SIGN_UP_SRC } from '../../consts/profile.const';\nimport { AUTH_TESTS } from '../../pages/spot-view-page/auth-test.const';\nimport { showPrice } from '../../helpers/price';\nimport MobileSubPage from '../mobile-sub-page';\nimport ModalMobile from '../modal-mobile';\nimport SniffButton from '../sniff-button';\nimport SvgCircleCheck from 'src/assets/svg/SvgCircleCheck.svg';\nimport './index.scss';\n\nconst CookieService = require('../../services/cookie.service');\n\nconst ExtrasList = ({ extras, isForeign }) => (\n Availability
\n\n
\n {extras.map((e, i) => {\n return (\n
\n);\n\nconst MobileExtrasModal = ({ showModal, toggleModal, useStateSSR, useEffectSSR, children }) => (\n \n
}\n
\n );\n })}\n \n
\n {extras.length - 1 !== i && \n
\n \n {e.title}\n {showPrice(e.price, 0, isForeign)}\n
\n{e.description}
\n}\n
\n \n Show all {extras.length} extras\n \n {ExtrasModalComp}\n \n )}\n
\n
\n );\n}\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgSvgRule = function SvgSvgRule(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.696 23.794a2.235 2.235 0 0 1-1.591-.658L.862 18.893a2.235 2.235 0 0 1-.659-1.591c0-.601.234-1.166.659-1.591L15.712.862c.425-.425.99-.659 1.591-.659s1.166.234 1.591.659l4.243 4.243c.425.425.659.99.659 1.591s-.234 1.166-.659 1.591L8.287 23.136a2.235 2.235 0 0 1-1.591.658Zm-4.773-7.022a.747.747 0 0 0 0 1.061l4.243 4.242c.141.141.33.219.53.219s.389-.078.53-.219l14.85-14.849a.744.744 0 0 0 0-1.06l-4.243-4.243a.747.747 0 0 0-1.061 0l-2.121 2.121 1.591 1.591c.142.141.22.33.22.53s-.078.389-.22.53a.744.744 0 0 1-1.06 0l-1.591-1.591-2.121 2.121 1.591 1.591c.142.141.22.33.22.53s-.078.389-.22.53a.749.749 0 0 1-1.06 0L10.41 8.285l-2.121 2.121 1.591 1.591a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22l-1.591-1.591-2.123 2.123 1.591 1.591a.744.744 0 0 1 0 1.06.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22L4.045 14.65l-2.122 2.122Z\",\n fill: \"currentColor\"\n })));\n};\nexport default SvgSvgRule;","import React, { useEffect, useState } from 'react';\nimport { Collapse as CollapseClient } from 'reactstrap';\nimport { SPOT_ENCLOSURE, SPOT_FENCE_HEIGHT } from '../../consts/spot.consts';\nimport useMobileScreen from '../../services/hooks/useMobileScreen';\nimport SvgAnaliticsBar from 'src/assets/svg/SvgAnaliticsBar.svg';\nimport SvgChevronDown from 'src/assets/svg/SvgChevronDown.svg';\nimport SvgChevronUp from 'src/assets/svg/SvgChevronUp.svg';\nimport SvgFenced from 'src/assets/svg/SvgFenced.svg';\nimport SvgRule from 'src/assets/svg/SvgRule.svg';\nimport './index.scss';\n\nconst ENCLOSURE_TYPE = {\n FULLY_FENCED: 'FULLY_FENCED',\n PARTIALLY_FENCED: 'PARTIALLY_FENCED',\n UNFENCED: 'UNFENCED',\n};\n\nconst FENCING_TYPES_FOR_EDIT = [\n {\n value: 'WOOD_PRIVACY',\n label: 'Wood - privacy',\n },\n {\n value: 'WOOD_NON_PRIVACY',\n label: 'Wood - non-privacy',\n },\n {\n value: 'CHAIN_LINK_PRIVACY',\n label: 'Chain link - privacy',\n },\n {\n value: 'CHAIN_LINK_NON_PRIVACY',\n label: 'Chain link - non-privacy',\n },\n {\n value: 'CATTLE_WITH_MESH',\n label: 'Cattle with wire mesh',\n },\n {\n value: 'CATTLE_WITHOUT_MESH',\n label: 'Cattle without wire mesh',\n },\n];\n\nconst Div = ({ children, ...rest }) => Extras
\n\n {extras.slice(0, 3).map((e, i) => {\n return (\n
\n {extras.length > 3 && (\n <>\n \n
\n );\n })}\n \n
\n \n {e.title}\n {showPrice(e.price, 0, isForeign)}\n
\n{e.description}
\n\n
{children}
;\n\nconst Enclosure = ({ encls }) =>\n encls && (\n \n
\n );\n\nconst Fencing = ({ fncHeight }) =>\n fncHeight && (\n \n
\n Enclosure
\n{SPOT_ENCLOSURE[encls.toUpperCase()]}
\n\n
\n );\n\nconst FencingPercent = ({ isMobile, fencingPercentage }) => {\n const [SvgSize, setSvgSize] = useState(16);\n\n useEffect(() => {\n if (!isMobile) {\n setSvgSize(24);\n }\n }, []);\n\n if (fencingPercentage == null) {\n return '';\n }\n\n return (\n \n
\n Fencing height (at lowest point)
\n{`${SPOT_FENCE_HEIGHT[fncHeight.toUpperCase()]} `}
\n\n
\n
\n);\n\nconst FencingTypes = ({ fencingType }) => {\n return fencingType && fencingType.length > 0 ? (\n \n Gaps or holes in fence: {gaps ? 'Gaps' : 'No gaps'}\n
\n\n
\n ) : null;\n};\n\nconst FencingDetail = ({ fenceOpen, fencingDetail, setFenceOpen, Collapse }) => {\n if (!fencingDetail) {\n return '';\n }\n\n const isLong = fencingDetail.length > 240;\n const firstDesc = fencingDetail.substring(0, 240);\n\n return (\n \n Fencing type(s):{' '}\n \n {fencingType.map((f, i) => {\n const predef = FENCING_TYPES_FOR_EDIT.find((t) => t.value === f);\n const type = predef ? predef.label : f;\n return `${type}${fencingType.length - 1 !== i ? ', ' : ''}`;\n })}\n \n
\n\n
\n \n ) : (\n fencingDetail\n )}\n \n \n \n );\n};\n\nconst ListingFencing = ({\n isMobileSSR,\n useStateSSR,\n fncHeight,\n encls,\n gaps,\n fencingType,\n fencingDetail,\n fencingPercentage,\n}) => {\n const Collapse = useStateSSR ? Div : CollapseClient;\n const useStateC = useStateSSR || useState;\n const isMobile = useStateSSR ? isMobileSSR : useMobileScreen();\n const [fenceOpen, setFenceOpen] = useStateC(false);\n const haveInfo = encls || fncHeight || gaps || fencingType;\n const isFullyFenced = encls === ENCLOSURE_TYPE.FULLY_FENCED;\n\n if (!haveInfo || !encls) {\n return '';\n }\n\n return (\n \n Fencing details: \n \n {isLong ? (\n <>\n
\n
\n
\n );\n};\n\nexport default ListingFencing;\n","import React from 'react';\nimport moment from 'moment-timezone';\nimport { IMG_RESIZES } from '../../consts/resizer.consts';\nimport { ImageHelper } from '../../classes/image-helper.class';\nimport { RouteFormatter } from '../../routes';\nimport AccountVerifiedBanner from '../account-verified-banner';\nimport PictureSet from '../picture-set';\nimport './index.scss';\n\nconst ListingHost = ({ hostId, nameAndInitial, avatar, info, joinDate, acceptanceRate, responseTime, useStateSSR, serverSSR }) => {\n const hostLink = RouteFormatter.profile({ id: hostId });\n const avatarUrl = avatar ? ImageHelper.getUrlFromOptions(avatar, `fit-in/${IMG_RESIZES.x0256}`) : '';\n\n const handleClick = (e) => {\n e.preventDefault();\n e.stopPropagation();\n window.location.href = hostLink;\n };\n\n if (!nameAndInitial) {\n return '';\n }\n\n return (\n Fencing
\n \n
\n \n
\n \n {isFullyFenced && (\n <>\n
\n \n
\n
\n Meet your host
\n\n
\n \n
\n \n \n
\n \n
\n {nameAndInitial}
\n {!!acceptanceRate && {`Acceptance rate: ${acceptanceRate}%`}
}\n {!!responseTime && {`Typical response time: ${responseTime}`}
}\n Joined in {moment(joinDate).format('MMMM YYYY')}
\n{info}
\n\n {isCityTest ? (\n
\n );\n};\n\nexport default ExpandedSpotDetail;\n","import React from 'react';\nimport { showSize } from '../../helpers/common';\nimport { getInitState } from '../../helpers/spot-slug';\nimport { PREVIEW_TYPES } from '../../consts/images.const';\nimport { RouteFormatter } from '../../routes';\nimport { showDistanceFromYou } from '../../helpers/spot';\nimport ExpandedSpotDetail from './expanded-spot-detail';\nimport RequestMorePhotos from '../request-more-photos';\nimport SeoLocalBusiness from '../seo-local-business';\nimport SpotTopBadge from '../spot-top-badge';\nimport CarouselSSR from '../carousel/carousel-ssr';\nimport SvgFenced from 'src/assets/svg/SvgFenced.svg';\nimport SvgPin from 'src/assets/svg/SvgPin.svg';\nimport SvgRuler from 'src/assets/svg/SvgRuler.svg';\nimport SvgStarSolid from 'src/assets/svg/SvgStarSolid.svg';\nimport SvgSubscription from 'src/assets/svg/SvgSubscription.svg';\nimport './index.scss';\nimport './item-ssr.scss';\n\nconst emptyCarouselStyle = {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n borderRadius: '10px',\n overflow: 'hidden',\n};\n\nconst SPOT_ENCLOSURE = {\n FULLY_FENCED: 'Fully Fenced',\n PARTIALLY_FENCED: 'Partially Fenced',\n UNFENCED: 'Unfenced',\n};\n\nconst showPrice = (price) => {\n const isFromForeign = false; // myCountry !== 1 || foreign;\n return `${parseFloat(price).toLocaleString('en-US', {\n style: 'currency',\n currency: 'USD',\n maximumFractionDigits: 2,\n minimumFractionDigits: 0,\n })}${isFromForeign ? ' USD' : ''}`;\n};\n\nconst ItemSSR = ({\n item,\n item: { city, state, distanceFrom, spotUrl },\n isMobile,\n type,\n listingPage,\n reservationStyle,\n homePage,\n withBookBtn = false,\n target = '_self',\n showDesc,\n spotMembership = false,\n isListingTest,\n useState,\n useEffect,\n firstEager,\n disableSwipe,\n noRich = false,\n contentTest,\n}) => {\n const initState = state ? getInitState(state) : '';\n const fixedRating = Math.round(item.rating * 10) / 10;\n const isExpandTest = contentTest?.details;\n const locationText = state || city ? `${city ? `${city},` : ''}${state ? ` ${initState || state}${showDistanceFromYou(distanceFrom)}` : ''}` : '';\n\n const chooseCssClass = () => {\n switch (type) {\n case PREVIEW_TYPES.MAP: {\n return 'map-preview';\n }\n case PREVIEW_TYPES.PREVIEW: {\n return 'listing-preview';\n }\n }\n };\n\n return (\n \n )}\n \n {listingPage && }\n \n );\n};\n\nexport default ItemSSR;\n","export const CANCELELATION_TEXT =\n 'For a confirmed booking, the guest can cancel a reservation up to 2 hours before the time of the booking and receive a full refund. Within 2 hours of the time of booking, there are no cancellations.';\n\nexport const BOOKING_POLICIES = [\n 'Only one booking is allowed at a time at any spot and there is an enforced 30 min buffer between all bookings to ensure dogs in separate bookings do not meet.',\n 'This spot is set for Booking, which means you will be instantly confirmed for any booking you request. You will receive the address and access instruction immediately following booking.',\n 'Visits can be moved or cancelled up to 2 hours before a visit.',\n 'Visits can be extended and dogs can be added throughout the visit.',\n];\n","export const GENERAL_SNIFFSPOT_RULES = [\n {\n type: 'success',\n text: 'Dogs must be leashed when entering and exiting the spot.',\n },\n {\n type: 'success',\n text: 'Make sure the area is safe and secure before bringing your dog in.',\n },\n {\n type: 'success',\n text: 'Never enter a spot before your booking start time and never leave late.',\n },\n {\n type: 'success',\n text: 'Pick up after your dogs. Leave the spot as it was when you arrived.',\n },\n {\n type: 'success',\n text: 'Always review and abide by spot specific rules.',\n },\n {\n type: 'success',\n text: 'Unless otherwise stated, restrooms are not available on site.',\n },\n];\n","import React, { useEffect, useState } from 'react';\nimport { Collapse } from 'reactstrap';\nimport { ImageHelper } from '../../classes/image-helper.class';\nimport useMobileScreen from '../../services/hooks/useMobileScreen';\nimport { lengthToString } from '../../helpers/time';\nimport { BOOKING_POLICIES } from './rules.const';\nimport { HOST_PRESENCE_PREFERENCE } from '../../consts/spot.consts';\nimport { GENERAL_SNIFFSPOT_RULES } from '../../consts/rules.consts';\nimport { IMG_RESIZES } from '../../consts/resizer.consts';\nimport MobileSubPage from '../mobile-sub-page';\nimport ModalMobile from '../modal-mobile';\nimport PictureSet from '../picture-set';\nimport SvgCalendarClock from 'src/assets/svg/SvgCalendarClock.svg';\nimport SvgChevronDown from 'src/assets/svg/SvgChevronDown.svg';\nimport SvgChevronRight from 'src/assets/svg/SvgChevronRight.svg';\nimport SvgChevronUp from 'src/assets/svg/SvgChevronUp.svg';\nimport SvgCircleCheck from 'src/assets/svg/SvgCircleCheck.svg';\nimport SvgClock from 'src/assets/svg/SvgClock.svg';\nimport SvgHandshake from 'src/assets/svg/SvgHandshake.svg';\nimport SvgPaw from 'src/assets/svg/SvgPaw.svg';\nimport './index.scss';\n\nconst HostPresence = ({ hostPresencePreference }) =>\n hostPresencePreference && (\n \n
\n ) : (\n {publicPark ? 'Public dog park' : 'Private dog park'}
\n {item.reviewsCount > 0 && (\n\n
\n {item.reviewsCount > 0 && (\n <>\n
\n
\n {(!!item.enclosureType || !!item.size) && (\n {item.title}
\n {item.offerSniffpass &&\n {!!item.enclosureType && (\n
\n )}\n {item.description && \n
\n )}\n {!!item.enclosureType && !!item.size && }\n {!!item.size && (\n \n
\n )}\n {item.description}
}\n {item.workHours &&Park hours: {item.workHours}
}\n {item.allAmenities?.length > 0 && (\n\n {item.allAmenities.map((amenity) => (\n
\n )}\n {item.topReview?.id && (\n \n
\n )}\n \n
\n \n {`“${item.topReview.comment}” `}\n more\n
\n\n {item.fee == false ? (\n
\n \n No fee info\n
\n ) : item.price || item.fee ? (\n \n {item.fee ? (\n {item.fee}\n ) : (\n <>\n {showPrice(item.price, 0, country !== 'United States')}\n dog / hour\n \n )}\n
\n ) : (\n \n )}\n {locationText && (\n \n
\n )}\n \n
\n {locationText}\n \n
\n );\n\nconst HostRules = ({ rules, avatar, useStateSSR, isOpen, setIsOpen }) => {\n if (!rules) {\n return '';\n }\n\n const isLong = rules.length > 240;\n const firstDesc = rules.substring(0, 240);\n const avatarUrl = avatar ? ImageHelper.getUrlFromOptions(avatar, `full-fit-in/${IMG_RESIZES.x64}`) : '';\n\n return (\n \n
\n Is the host present?
\n {HOST_PRESENCE_PREFERENCE[hostPresencePreference]}\n \n
\n );\n};\n\nconst MinimumVisitLength = ({ minimumLength }) =>\n minimumLength && (\n \n {rules} \n
\n Additional rules
\n {useStateSSR ? (\n {rules}
\n ) : (\n \n {isLong ? (isOpen ? '' : firstDesc.padEnd(243, '.')) : rules}\n {isLong && (\n <>\n setIsOpen(!isOpen)} className=\"read-more snif-semibold text-dark mt-2 mb-2\">\n {isOpen ? 'Show less details' : 'Show more details'}\n {isOpen ? (\n
\n \n )}\n \n )}\n \n
\n );\n\nconst ReservationDelayTime = ({ reservationDelayTime }) =>\n reservationDelayTime > 0 && (\n \n
\n Minimum visit length
\n {lengthToString(minimumLength)}\n \n
\n );\n\nconst MaxDogsAllowed = ({ maximumDogsAllowed }) =>\n maximumDogsAllowed && (\n \n
\n Required advanced notice for visits
\n {reservationDelayTime === 1 ? '1 hour' : `${reservationDelayTime} hours`}\n \n
\n );\n\nconst BookingPolicies = () => (\n \n
\n Max dogs per booking
\n {maximumDogsAllowed}\n | \n | \n {v} | \n
| \n | \n {text} | \n
\n {haveData && (\n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport bemCn from 'bem-cn';\nimport PropTypes from 'prop-types';\nimport SvgChevronLeft from 'src/assets/svg/SvgChevronLeft.svg';\nimport './style.scss';\n\nconst b = bemCn('mobile-sub-page');\n\nconst MobileSubPage = ({\n show = false,\n className = '',\n title = '',\n mBottom = 0,\n onBack,\n useEffectSSR,\n useStateSSR,\n children,\n addedStyle = {},\n}) => {\n const useStateC = useStateSSR || useState;\n const useEffectC = useEffectSSR || useEffect;\n\n const [divH, setDivH] = useStateC(0);\n\n useEffectC(() => {\n const htmlEle = document.documentElement;\n setDivH(window.innerHeight + 'px');\n const setInnHeight = () => setDivH(window.innerHeight + 'px');\n window.addEventListener('resize', setInnHeight);\n return () => {\n htmlEle.classList.remove('root-html-focused');\n window.removeEventListener('resize', setInnHeight);\n };\n }, []);\n\n useEffectC(() => {\n const htmlEle = document.documentElement;\n if (show) {\n htmlEle.classList.add('root-html-focused');\n } else {\n htmlEle.classList.remove('root-html-focused');\n }\n return () => htmlEle.classList.remove('root-html-focused');\n }, [show]);\n\n return (\n \n
\n
\n )}\n Host Rules
\n\n
\n \n
\n
\n
\n
\n Community safety rules
\n \n
\n Booking Policies\n
\n \n
\n
\n
\n {RulesModalComp}\n Community safety rules
\n \n {\"In addition, please make sure to read Sniffspot's \"}\n \n booking policies\n \n \n
\n\n
\n
\n );\n};\n\nMobileSubPage.propTypes = {\n show: PropTypes.bool,\n className: PropTypes.string,\n title: PropTypes.string,\n onBack: PropTypes.func,\n children: PropTypes.element,\n};\n\nexport default MobileSubPage;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport ReactPaginate from 'react-paginate';\nimport { PAGE_LIMIT } from '../../consts/app.consts';\nimport useWindowScroll from '../../services/hooks/useWindowScroll';\nimport SvgDoubleChevronRight from 'src/assets/svg/SvgDoubleChevronRight.svg';\nimport SvgDoubleChevronLeft from 'src/assets/svg/SvgDoubleChevronLeft.svg';\nimport SvgChevronRight from 'src/assets/svg/SvgChevronRight.svg';\nimport SvgChevronLeft from 'src/assets/svg/SvgChevronLeft.svg';\nimport './style.scss';\n\nconst PaginationNext = ({ items, otherSpots = [], metadata, setPage, className }) => {\n const scrollToStart = useWindowScroll();\n\n if (!metadata.currentPage) {\n return null;\n }\n\n const total = metadata.totalCount > 100 ? '100+' : metadata.totalCount;\n const currentPage = metadata.currentPage;\n const totalPages = metadata.totalPages;\n const startI = (currentPage - 1) * PAGE_LIMIT + 1;\n const endI = startI - 1 + PAGE_LIMIT > metadata.totalCount ? metadata.totalCount : startI - 1 + PAGE_LIMIT;\n\n const handleClick = (data) => {\n setTimeout(() => {\n scrollToStart();\n }, 500);\n setPage(data.selected + 1);\n };\n\n const onClick = (e, page) => {\n e.preventDefault();\n setTimeout(() => {\n scrollToStart();\n }, 500);\n setPage(page);\n };\n\n if (items.length + otherSpots.length < 1) {\n return null;\n }\n\n return (\n \n \n
\n \n {children}\n
\n \n
\n
\n );\n};\n\nexport default connect(null, (dispatch) => ({\n setMap: () => {\n dispatch({ type: 'SET_MAP_DATA', value: { doNotLoadSpots: true, isFitBounds: false } });\n },\n}))(PaginationNext);\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgSvgProfile = function SvgSvgProfile(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 53,\n height: 53,\n viewBox: \"0 0 53 53\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M43.04 40.28a21.56 21.56 0 0 1-16.54 7.751A21.56 21.56 0 0 1 9.96 40.28a.502.502 0 0 1-.11-.464.498.498 0 0 1 .286-.375 76.602 76.602 0 0 1 8.922-3.688l1.48-.552a2.18 2.18 0 0 0 1.06-1.59 4.765 4.765 0 0 0-.553-3.865c-1.855-2.031-3.665-4.549-3.665-10.843a8.893 8.893 0 0 1 2.385-6.934A8.924 8.924 0 0 1 26.5 9.165c2.54-.067 4.99.95 6.735 2.804a8.953 8.953 0 0 1 2.385 6.912c0 6.294-1.81 8.811-3.665 10.843a4.765 4.765 0 0 0-.552 3.865 2.12 2.12 0 0 0 1.06 1.59l1.501.552a72.917 72.917 0 0 1 8.922 3.688c.154.088.243.22.287.375a.632.632 0 0 1-.133.486ZM26.5 0C11.859 0 0 11.859 0 26.5S11.859 53 26.5 53 53 41.141 53 26.5C52.978 11.88 41.12.022 26.5 0Z\",\n fill: \"#A4A4A4\"\n })));\n};\nexport default SvgSvgProfile;","import React, { useState } from 'react';\nimport defAvatar from '../../assets/svg/SvgProfile.svg';\nimport emptyPhoto from '../../assets/img/empty-spot.png';\nimport { ImageHelper } from '../../classes/image-helper.class';\nimport { AWS_STATIC_ASSET_HOST } from '../../consts/env.consts';\nimport './style.scss';\n\nconst PictureSet = ({\n imgs: img = '',\n isAvatar,\n className = '',\n noLoad,\n method = 'lazy',\n SSR,\n useState: useStateSSR,\n pictStyle = {},\n creatorName,\n white,\n ...restImageProps\n}) => {\n const [loaded, setLoaded] = SSR ? useStateSSR(false) : useState(false);\n const imgs = img || (isAvatar ? defAvatar : emptyPhoto);\n const isString = typeof imgs === 'string';\n const defaultPath = isString ? imgs : imgs?.images?.length ? imgs.images[imgs.images.length - 1].path : '';\n const extension = defaultPath.split('.').pop();\n const webpUrl = ImageHelper.getUrlFromOptions(defaultPath, 'filters:format(webp)');\n const isStaticAsset = isString && defaultPath.includes(AWS_STATIC_ASSET_HOST);\n const itemType = creatorName ? 'https://schema.org/Person' : 'https://schema.org/Organization';\n\n const onLoad = () => setLoaded(true);\n\n if (!defaultPath) {\n return '';\n }\n\n return (\n \n
- \n
- \n onClick(e, 1)}>\n
\n \n \n - \n onClick(e, currentPage - 1)}>\n
\n \n \n - \n {`${currentPage}/${totalPages}`}\n \n
- \n onClick(e, currentPage + 1)}>\n
\n \n \n - \n onClick(e, totalPages)}>\n
\n \n \n
\n
\n {`Showing ${startI} - ${endI} of ${total} spots`}
\n \n \n
\n );\n};\n\nexport default ReservationPanel;\n","export const getCountry = () => {\n const timezones = {\n 'America/Adak': 1,\n 'America/Anchorage': 1,\n 'America/Boise': 1,\n 'America/Chicago': 1,\n 'America/Denver': 1,\n 'America/Detroit': 1,\n 'America/Indiana/Indianapolis': 1,\n 'America/Indiana/Knox': 1,\n 'America/Indiana/Marengo': 1,\n 'America/Indiana/Petersburg': 1,\n 'America/Indiana/Tell_City': 1,\n 'America/Indiana/Vevay': 1,\n 'America/Indiana/Vincennes': 1,\n 'America/Indiana/Winamac': 1,\n 'America/Juneau': 1,\n 'America/Kentucky/Louisville': 1,\n 'America/Kentucky/Monticello': 1,\n 'America/Los_Angeles': 1,\n 'America/Menominee': 1,\n 'America/Metlakatla': 1,\n 'America/New_York': 1,\n 'America/Nome': 1,\n 'America/North_Dakota/Beulah': 1,\n 'America/North_Dakota/Center': 1,\n 'America/North_Dakota/New_Salem': 1,\n 'America/Phoenix': 1,\n 'America/Sitka': 1,\n 'America/Yakutat': 1,\n 'Pacific/Honolulu': 1,\n 'US/Arizona': 1,\n 'US/Hawaii': 1,\n };\n\n if (typeof window === 'undefined') {\n return null;\n }\n\n const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n if (timezone === '' || !timezone) {\n return null;\n }\n\n const country = timezones[timezone];\n return country;\n};\n\nexport const COUNTRY_ISO_CODE = {\n Australia: 'AU',\n Austria: 'AT',\n Belgium: 'BE',\n Bulgaria: 'BG',\n Canada: 'CA',\n China: 'CN',\n 'Czech Republic': 'CZ',\n Denmark: 'DK',\n Finland: 'FI',\n France: 'FR',\n Georgia: 'GE',\n Germany: 'DE',\n Greece: 'GR',\n Greenland: 'GL',\n 'Hong Kong': 'HK',\n Hungary: 'HU',\n Iceland: 'IS',\n Indonesia: 'ID',\n Ireland: 'IE',\n Israel: 'IL',\n Italy: 'IT',\n Japan: 'JP',\n Malaysia: 'MY',\n Mexico: 'MX',\n Monaco: 'MC',\n Netherlands: 'NL',\n 'New Zealand': 'NZ',\n Norway: 'NO',\n Poland: 'PL',\n Portugal: 'PT',\n Singapore: 'SG',\n 'South Korea': 'KR',\n Spain: 'ES',\n Sweden: 'SE',\n Switzerland: 'CH',\n Taiwan: 'TW',\n Thailand: 'TH',\n 'U.S. Virgin Islands': 'VI',\n 'United Kingdom': 'GB',\n 'United States': 'US',\n USA: 'US',\n Vietnam: 'VN',\n};\n","import React from 'react';\nimport { APP_DOMAIN } from '../../consts/env.consts';\nimport { EMAIL_SUPPORT } from '../../consts/link.consts';\nimport { convertNumToUSD } from '../../helpers/price';\nimport { COUNTRY_ISO_CODE } from '../../helpers/country';\nimport { IMG_RESIZES } from '../../consts/resizer.consts';\nimport { ImageHelper } from '../../classes/image-helper.class';\nimport SeoReview from '../seo-review';\n\nconst SeoLocalBusiness = ({ spot, itemProp, withReviews }) => {\n const isReview = itemProp == 'itemReviewed';\n const priceRange = `${convertNumToUSD(spot?.price * 0.75, 0, 1)}-${convertNumToUSD(spot?.price * 1.5, 0, 1)}`;\n const spotTitle = `${spot?.title || 'Private dog parks'} | Sniffspot`;\n let photos = spot?.allPhotos;\n let imgsCount = spot?.allPhotos?.length > 4 ? 5 : spot?.allPhotos?.length || 0;\n\n if (spot?.thumbPhoto) {\n photos = [spot.thumbPhoto];\n imgsCount = 1;\n }\n\n return (\n \n
\n \n
\n \n
\n {title}
\n \n {showPrice(price)} \n per dog per hour\n \n\n {rating ? (\n <>\n
\n {rating.toPrecision(2)}
\n {`(${commentsNmb})`}
\n \n ) : (\n New!\n )}\n \n {showPrice(price)} per dog per hour\n {live ? (\n handleBook(RESERVATION_TYPE.BOOK)}>\n Book now\n \n ) : (\n \n Not available\n \n )}\n
\n \n
\n );\n};\n\nexport default SeoLocalBusiness;\n","import React from 'react';\nimport SeoLocalBusiness from '../seo-local-business';\nimport moment from 'moment-timezone';\n\nconst SeoReview = ({ comment, spot, stars, submittedAt, user, itemProp, shelter }) => {\n const date = moment(submittedAt).tz('America/New_York').format('YYYY-MM-DD');\n\n return (\n {spotTitle}
\n {imgsCount > 0 &&\n [...Array(imgsCount)].map((_, i) => (\n \n {ImageHelper.getUrlFromOptions(photos[i], `full-fit-in/${IMG_RESIZES.x768}`)}\n \n ))}\n -\n invoice
\n \n {spot?.latitude && (\n \n \n {spot?.longitude && }\n
\n )}\n \n
\n \n {spot?.price && }\n {spot?.spotUrl && }\n {!isReview && spot?.reviewsCount > 0 && spot?.rating >= 1 && (\n \n {spot?.city && {spot.city}}\n {spot?.state && {spot.state}}\n {spot?.zip && {spot.zip}}\n {spot?.country && {COUNTRY_ISO_CODE[spot.country]}}\n
\n \n {spot.rating.toFixed(1)}\n {spot.reviewsCount}\n
\n )}\n {withReviews?.map((review, i) => (\n \n Sniffspot\n {EMAIL_SUPPORT}\n United States\n \n
\n \n David Adams\n Founder\n \n
\n \n {spot &&
\n );\n};\n\nexport default SeoReview;\n","import React from 'react';\nimport bemCn from 'bem-cn';\nimport './spot-item.scss';\n\nconst b = bemCn('skeleton-spot-item');\n\nconst SkeletonSpotItem = ({ className }) => {\n return (\n \n \n
\n )}\n \n \n \n \n \n
\n );\n};\n\nexport default SkeletonSpotItem;\n","import React from 'react';\nimport { SvgAmenitiesList } from '../svg/amenities';\nimport SvgAmenitiesDefault from 'src/assets/svg/amenities/default.svg';\nimport './index.scss';\n\nexport default function SpotAmenitiesIcon({ amenities, addedClass, onlyIcon = false }) {\n const AmenitiesIcon = SvgAmenitiesList[amenities.component] || SvgAmenitiesDefault;\n const ameName = amenities.component == 'Indoor' ? 'Indoor play space' : amenities.name || amenities.amenity;\n\n if (!AmenitiesIcon) {\n return '';\n }\n\n return (\n \n \n
\n
\n );\n};\n\nexport default SpotBreadcrumbs;\n","import React from 'react';\nimport ReactSwipe from 'react-swipe';\nimport { PREVIEW_TYPES } from '../../consts/images.const';\nimport PaginationNext from '../../components/pagination/next';\nimport SkeletonSpotItem from '../skeleton/spot-item';\nimport EmptySpots from '../empty/empty-spots';\nimport Item from '../listing-item/item-ssr';\nimport './index.scss';\n\nconst ListingSSR = ({\n ListingItem = Item,\n items,\n inRow,\n loading,\n lastBtn,\n noEmpty = false,\n setPage,\n isMobile,\n homePage,\n showDesc,\n metadata,\n onScroll,\n useState,\n useEffect,\n className,\n firstEager,\n countSpots,\n usePrevious,\n disableSwipe,\n noAskForAlert,\n addNewSpotFilter,\n noRich,\n contentTest,\n listingPage,\n listingServer,\n}) => {\n let swipeRef;\n const lastPage = metadata?.currentPage === metadata?.totalPages || metadata?.totalPages === 0;\n const currPagePrev = usePrevious(metadata?.currentPage);\n const step = 4;\n const array_items = Array(Math.ceil(items.length / step))\n .fill()\n .map((_, index) => index * step)\n .map((begin) => items.slice(begin, begin + step));\n\n useEffect(() => {\n if (currPagePrev > metadata?.currentPage) {\n swipeRef.prev();\n } else if (currPagePrev < metadata?.currentPage) {\n swipeRef.next();\n }\n }, [currPagePrev]);\n\n return (\n - \n
- \n \n \n Home\n \n \n \n \n {listBread.map((d, i) => {\n const lastIdx = i + 1 === listBread.length;\n let href = d.url || RouteFormatter.listings({ first: d.url || escapeString(d.name || '') });\n\n if (i === 2 && !lastIdx) {\n if (general) {\n href = d.url;\n } else {\n href = RouteFormatter.listings({\n first: d.url || `${escapeString(d.name || '')}-${escapeString(d.short || '')}`,\n });\n }\n }\n\n return (\n
- \n
\n \n \n
\n \n
\n \n 1 ? 'indent-many' : 'indent-one'\n }`}\n ref={(el) => (swipeRef = el)}\n >\n {loading && (\n (swipeRef = el)}>\n {array_items.map((items, i) => (\n \n {lastBtn && lastBtn()}\n {!noAskForAlert && (items.length < 1 || lastPage) && (\n \n \n ))}\n {lastBtn && lastBtn()}\n {!noEmpty && !noAskForAlert && lastPage &&
\n \n );\n};\n\nexport default ListingSSR;\n","import React from 'react';\nimport BemCn from 'bem-cn';\nimport SvgHand from 'src/assets/svg/SvgHand.svg';\nimport SvgStarEmpty from 'src/assets/svg/SvgStarEmpty.svg';\nimport SvgTopBadge from 'src/assets/svg/SvgTopBadge.svg';\nimport './index.scss';\n\nconst b = BemCn('spot-top-badge');\n\nconst getBadgeData = (top, newSpot, rising) => {\n if (top) {\n return {\n text: 'Top spot',\n icon: \n \n
\n )}\n {!loading && (\n <>\n {!isMobile && inRow ? (\n <>\n \n {items.map((item, k) => (\n
\n ))}\n \n {data.icon}\n {data.text}\n
\n );\n};\n\nexport default SpotTopBadge;\n","import loadable from '@loadable/component';\n\nconst DefaultSvgA = loadable(() => import('../../assets/svg/amenities/default.svg'));\nconst ChairsSvgA = loadable(() => import('../../assets/svg/amenities/chairs.svg'));\nconst DogBagsSvgA = loadable(() => import('../../assets/svg/amenities/dog-bags.svg'));\nconst DogDrinkingWaterSvgA = loadable(() => import('../../assets/svg/amenities/dog-drinking-water.svg'));\nconst HandSanitizerSvgA = loadable(() => import('../../assets/svg/amenities/hand-sanitizer.svg'));\nconst SignSvgA = loadable(() => import('../../assets/svg/amenities/sign.svg'));\nconst TrashCanSvgA = loadable(() => import('../../assets/svg/amenities/trash-can.svg'));\nconst AgilityEquipmentSvgA = loadable(() => import('../../assets/svg/amenities/agility-equipment.svg'));\nconst DiggingAreaSvgA = loadable(() => import('../../assets/svg/amenities/digging-area.svg'));\nconst DogFirstAidSvgA = loadable(() => import('../../assets/svg/amenities/dog-first-aid.svg'));\nconst DogTowelsSvgA = loadable(() => import('../../assets/svg/amenities/dog-towels.svg'));\nconst DogToysSvgA = loadable(() => import('../../assets/svg/amenities/dog-toys.svg'));\nconst DogTreatsSvgA = loadable(() => import('../../assets/svg/amenities/dog-treats.svg'));\nconst DockForDogDivingA = loadable(() => import('../../assets/svg/amenities/dock-diving.svg'));\nconst DoggySwimmingVestSvgA = loadable(() => import('../../assets/svg/amenities/doggy-swimming-vest.svg'));\nconst FertilizerFreeSvgA = loadable(() => import('../../assets/svg/amenities/fertilizer-free.svg'));\nconst ParkourObstaclesSvgA = loadable(() => import('../../assets/svg/amenities/parkour-obstacles.svg'));\nconst PesticideFreeSvgA = loadable(() => import('../../assets/svg/amenities/pesticide-free.svg'));\nconst SmallDogSvgA = loadable(() => import('../../assets/svg/amenities/small-dog.svg'));\nconst SwimmingPoolSvgA = loadable(() => import('../../assets/svg/amenities/swimming-pool.svg'));\nconst WaterHoseSvgA = loadable(() => import('../../assets/svg/amenities/water-hose.svg'));\nconst KiddiePoolSvgA = loadable(() => import('../../assets/svg/amenities/kiddie-pool.svg'));\nconst LureCourseA = loadable(() => import('../../assets/svg/amenities/lure-course.svg'));\nconst WaterMisterSvgA = loadable(() => import('../../assets/svg/amenities/water-mister.svg'));\nconst WaterSprinklerSvgA = loadable(() => import('../../assets/svg/amenities/water-sprinkler.svg'));\nconst AccessibleSvgA = loadable(() => import('../../assets/svg/amenities/accessible.svg'));\nconst BugSpraySvgA = loadable(() => import('../../assets/svg/amenities/bug-spray.svg'));\nconst ToysSvgA = loadable(() => import('../../assets/svg/amenities/toys.svg'));\nconst DrinksSvgA = loadable(() => import('../../assets/svg/amenities/drinks.svg'));\nconst ElectricOutletSvgA = loadable(() => import('../../assets/svg/amenities/electric-outlet.svg'));\nconst FirePitSvgA = loadable(() => import('../../assets/svg/amenities/fire-pit.svg'));\nconst HammocksSvgA = loadable(() => import('../../assets/svg/amenities/hammocks.svg'));\nconst IndoorRestroomSvgA = loadable(() => import('../../assets/svg/amenities/indoor-restroom.svg'));\nconst LitAtNightSvgA = loadable(() => import('../../assets/svg/amenities/lit-at-night.svg'));\nconst ParkingSvgA = loadable(() => import('../../assets/svg/amenities/parking.svg'));\nconst OuthouseSvgA = loadable(() => import('../../assets/svg/amenities/outhouse.svg'));\nconst PooperScooperSvgA = loadable(() => import('../../assets/svg/amenities/pooper-scooper.svg'));\nconst RainShelterSvgA = loadable(() => import('../../assets/svg/amenities/rain-shelter.svg'));\nconst SnacksSvgA = loadable(() => import('../../assets/svg/amenities/snacks.svg'));\nconst SunscreenSvgA = loadable(() => import('../../assets/svg/amenities/sunscreen.svg'));\nconst SwingSvgA = loadable(() => import('../../assets/svg/amenities/swing.svg'));\nconst TableSvgA = loadable(() => import('../../assets/svg/amenities/table.svg'));\nconst WifiSvgA = loadable(() => import('../../assets/svg/amenities/wifi.svg'));\nconst BeachSvgA = loadable(() => import('../../assets/svg/amenities/beach.svg'));\nconst FarmAnimalSvgA = loadable(() => import('../../assets/svg/amenities/farm-animal.svg'));\nconst FieldSvgA = loadable(() => import('../../assets/svg/amenities/field.svg'));\nconst FlowerGardenSvgA = loadable(() => import('../../assets/svg/amenities/flower-garden.svg'));\nconst FruitPickingSvgA = loadable(() => import('../../assets/svg/amenities/fruit-picking.svg'));\nconst HillSvgA = loadable(() => import('../../assets/svg/amenities/hill.svg'));\nconst IndoorSvgA = loadable(() => import('../../assets/svg/amenities/indoor.svg'));\nconst LakePondSvgA = loadable(() => import('../../assets/svg/amenities/lake-pond.svg'));\nconst LongGrassSvgA = loadable(() => import('../../assets/svg/amenities/long-grass.svg'));\nconst MudSvgA = loadable(() => import('../../assets/svg/amenities/mud.svg'));\nconst MulchSvgA = loadable(() => import('../../assets/svg/amenities/mulch.svg'));\nconst PastureSvgA = loadable(() => import('../../assets/svg/amenities/pasture.svg'));\nconst RiverStreamCreekSvgA = loadable(() => import('../../assets/svg/amenities/river-stream-creek.svg'));\nconst RubberFloorSvgA = loadable(() => import('../../assets/svg/amenities/rubber-floor.svg'));\nconst SandSvgA = loadable(() => import('../../assets/svg/amenities/sand.svg'));\nconst ScenicViewSvgA = loadable(() => import('../../assets/svg/amenities/scenic-view.svg'));\nconst ShortGrassSvgA = loadable(() => import('../../assets/svg/amenities/short-grass.svg'));\nconst SnowSvgA = loadable(() => import('../../assets/svg/amenities/snow.svg'));\nconst TrailSvgA = loadable(() => import('../../assets/svg/amenities/trail.svg'));\nconst TurfSvgA = loadable(() => import('../../assets/svg/amenities/turf.svg'));\nconst WetlandsSvgA = loadable(() => import('../../assets/svg/amenities/wetlands.svg'));\nconst WildAnimalSvgA = loadable(() => import('../../assets/svg/amenities/wild-animal.svg'));\nconst WoodChipsSvgA = loadable(() => import('../../assets/svg/amenities/wood-chips.svg'));\nconst WoodsSvgA = loadable(() => import('../../assets/svg/amenities/woods.svg'));\n\nexport const SvgAmenitiesDefault = DefaultSvgA;\nexport const SvgAmenitiesChairs = ChairsSvgA;\nexport const SvgAmenitiesDogBags = DogBagsSvgA;\nexport const SvgAmenitiesDogDrinkingWater = DogDrinkingWaterSvgA;\nexport const SvgAmenitiesHandSanitizer = HandSanitizerSvgA;\nexport const SvgAmenitiesSign = SignSvgA;\nexport const SvgAmenitiesTrashCan = TrashCanSvgA;\nexport const SvgAmenitiesAgilityEquipment = AgilityEquipmentSvgA;\nexport const SvgAmenitiesDiggingArea = DiggingAreaSvgA;\nexport const SvgAmenitiesDogFirstAid = DogFirstAidSvgA;\nexport const SvgAmenitiesDogTowels = DogTowelsSvgA;\nexport const SvgAmenitiesDogToys = DogToysSvgA;\nexport const SvgAmenitiesDogTreats = DogTreatsSvgA;\nexport const SvgAmenitiesDoggySwimmingVest = DoggySwimmingVestSvgA;\nexport const SvgAmenitiesFertilizerFree = FertilizerFreeSvgA;\nexport const SvgAmenitiesParkourObstacles = ParkourObstaclesSvgA;\nexport const SvgAmenitiesPesticideFree = PesticideFreeSvgA;\nexport const SvgAmenitiesSmallDog = SmallDogSvgA;\nexport const SvgAmenitiesSwimmingPool = SwimmingPoolSvgA;\nexport const SvgAmenitiesWaterHose = WaterHoseSvgA;\nexport const SvgAmenitiesKiddiePool = KiddiePoolSvgA;\nexport const SvgAmenitiesWaterMister = WaterMisterSvgA;\nexport const SvgAmenitiesWaterSprinkler = WaterSprinklerSvgA;\nexport const SvgAmenitiesAccessible = AccessibleSvgA;\nexport const SvgAmenitiesBugSpray = BugSpraySvgA;\nexport const SvgAmenitiesToys = ToysSvgA;\nexport const SvgAmenitiesDrinks = DrinksSvgA;\nexport const SvgAmenitiesElectricOutlet = ElectricOutletSvgA;\nexport const SvgAmenitiesFirePit = FirePitSvgA;\nexport const SvgAmenitiesHammocks = HammocksSvgA;\nexport const SvgAmenitiesIndoorRestroom = IndoorRestroomSvgA;\nexport const SvgAmenitiesLitAtNight = LitAtNightSvgA;\nexport const SvgAmenitiesParking = ParkingSvgA;\nexport const SvgAmenitiesOuthouse = OuthouseSvgA;\nexport const SvgAmenitiesPooperScooper = PooperScooperSvgA;\nexport const SvgAmenitiesRainShelter = RainShelterSvgA;\nexport const SvgAmenitiesSnacks = SnacksSvgA;\nexport const SvgAmenitiesSunscreen = SunscreenSvgA;\nexport const SvgAmenitiesSwing = SwingSvgA;\nexport const SvgAmenitiesTable = TableSvgA;\nexport const SvgAmenitiesWifi = WifiSvgA;\nexport const SvgAmenitiesBeach = BeachSvgA;\nexport const SvgAmenitiesFarmAnimal = FarmAnimalSvgA;\nexport const SvgAmenitiesField = FieldSvgA;\nexport const SvgAmenitiesFlowerGarden = FlowerGardenSvgA;\nexport const SvgAmenitiesFruitPicking = FruitPickingSvgA;\nexport const SvgAmenitiesHill = HillSvgA;\nexport const SvgAmenitiesIndoor = IndoorSvgA;\nexport const SvgAmenitiesLakePond = LakePondSvgA;\nexport const SvgAmenitiesLongGrass = LongGrassSvgA;\nexport const SvgAmenitiesMud = MudSvgA;\nexport const SvgAmenitiesMulch = MulchSvgA;\nexport const SvgAmenitiesPasture = PastureSvgA;\nexport const SvgAmenitiesRiverStreamCreek = RiverStreamCreekSvgA;\nexport const SvgAmenitiesRubberFloor = RubberFloorSvgA;\nexport const SvgAmenitiesSand = SandSvgA;\nexport const SvgAmenitiesScenicView = ScenicViewSvgA;\nexport const SvgAmenitiesShortGrass = ShortGrassSvgA;\nexport const SvgAmenitiesSnow = SnowSvgA;\nexport const SvgAmenitiesTrail = TrailSvgA;\nexport const SvgAmenitiesTurf = TurfSvgA;\nexport const SvgAmenitiesWetlands = WetlandsSvgA;\nexport const SvgAmenitiesWildAnimal = WildAnimalSvgA;\nexport const SvgAmenitiesWoodChips = WoodChipsSvgA;\nexport const SvgAmenitiesWoods = WoodsSvgA;\nexport const SvgAmenitiesDockForDogDiving = DockForDogDivingA;\nexport const SvgAmenitiesLureCourse = LureCourseA;\n\nexport const SvgAmenitiesList = {\n Chairs: SvgAmenitiesChairs,\n DogBags: SvgAmenitiesDogBags,\n DogDrinkingWater: SvgAmenitiesDogDrinkingWater,\n HandSanitizer: SvgAmenitiesHandSanitizer,\n Sign: SvgAmenitiesSign,\n TrashCan: SvgAmenitiesTrashCan,\n AgilityEquipment: SvgAmenitiesAgilityEquipment,\n DiggingArea: SvgAmenitiesDiggingArea,\n DogFirstAid: SvgAmenitiesDogFirstAid,\n DockForDogDiving: SvgAmenitiesDockForDogDiving,\n DogTowels: SvgAmenitiesDogTowels,\n DogToys: SvgAmenitiesDogToys,\n DogTreats: SvgAmenitiesDogTreats,\n DoggySwimmingVest: SvgAmenitiesDoggySwimmingVest,\n FertilizerFree: SvgAmenitiesFertilizerFree,\n ParkourObstacles: SvgAmenitiesParkourObstacles,\n PesticideFree: SvgAmenitiesPesticideFree,\n SmallDog: SvgAmenitiesSmallDog,\n SwimmingPool: SvgAmenitiesSwimmingPool,\n WaterHose: SvgAmenitiesWaterHose,\n KiddiePool: SvgAmenitiesKiddiePool,\n LureCourse: SvgAmenitiesLureCourse,\n WaterMister: SvgAmenitiesWaterMister,\n WaterSprinkler: SvgAmenitiesWaterSprinkler,\n Accessible: SvgAmenitiesAccessible,\n BugSpray: SvgAmenitiesBugSpray,\n Toys: SvgAmenitiesToys,\n Drinks: SvgAmenitiesDrinks,\n ElectricOutlet: SvgAmenitiesElectricOutlet,\n FirePit: SvgAmenitiesFirePit,\n Hammocks: SvgAmenitiesHammocks,\n IndoorRestroom: SvgAmenitiesIndoorRestroom,\n LitAtNight: SvgAmenitiesLitAtNight,\n Parking: SvgAmenitiesParking,\n Outhouse: SvgAmenitiesOuthouse,\n PooperScooper: SvgAmenitiesPooperScooper,\n RainShelter: SvgAmenitiesRainShelter,\n Snacks: SvgAmenitiesSnacks,\n Sunscreen: SvgAmenitiesSunscreen,\n Swing: SvgAmenitiesSwing,\n Table: SvgAmenitiesTable,\n Wifi: SvgAmenitiesWifi,\n Beach: SvgAmenitiesBeach,\n FarmAnimal: SvgAmenitiesFarmAnimal,\n Field: SvgAmenitiesField,\n FlowerGarden: SvgAmenitiesFlowerGarden,\n FruitPicking: SvgAmenitiesFruitPicking,\n Hill: SvgAmenitiesHill,\n Indoor: SvgAmenitiesIndoor,\n LakePond: SvgAmenitiesLakePond,\n LongGrass: SvgAmenitiesLongGrass,\n Mud: SvgAmenitiesMud,\n Mulch: SvgAmenitiesMulch,\n Pasture: SvgAmenitiesPasture,\n RiverStreamCreek: SvgAmenitiesRiverStreamCreek,\n RubberFloor: SvgAmenitiesRubberFloor,\n Sand: SvgAmenitiesSand,\n ScenicView: SvgAmenitiesScenicView,\n ShortGrass: SvgAmenitiesShortGrass,\n Snow: SvgAmenitiesSnow,\n Trail: SvgAmenitiesTrail,\n Turf: SvgAmenitiesTurf,\n Wetlands: SvgAmenitiesWetlands,\n WildAnimal: SvgAmenitiesWildAnimal,\n WoodChips: SvgAmenitiesWoodChips,\n Woods: SvgAmenitiesWoods,\n};\n","export const EVENTS_NAME = {\n add_a_spot_view: 'add_a_spot_view',\n booking_confirmation_view: 'booking_confirmation_view',\n checkout_payment_view: 'checkout_payment_view',\n checkout_profile_view: 'checkout_profile_view',\n checkout_rules_view: 'checkout_rules_view',\n checkout_view: 'checkout_view',\n edit_spot_view: 'edit_spot_view',\n guest_calendar_view: 'guest_calendar_view',\n guest_manage_membership_view: 'guest_manage_membership_view',\n guest_memberships_view: 'guest_memberships_view',\n guest_message_list_view: 'guest_message_list_view',\n guest_message_thread_view: 'guest_message_thread_view',\n home_view: 'home_view',\n host_account_view: 'host_account_view',\n host_calendar_view: 'host_calendar_view',\n host_landing_page_view: 'host_landing_page_view',\n host_manage_memberships_view: 'host_manage_memberships_view',\n host_memberships_view: 'host_memberships_view',\n host_message_list_view: 'host_message_list_view',\n host_message_thread_view: 'host_message_thread_view',\n host_review_list_view: 'host_review_list_view',\n membership_signup_view: 'membership_signup_view',\n publish_spot_click: 'publish_spot_click',\n reservation_detail_view: 'reservation_detail_view',\n reservation_list_view: 'reservation_list_view',\n search_location_success: 'search_location_success',\n search_view: 'search_view',\n signup_page_view: 'signup_page_view',\n spot_detail_view: 'spot_detail_view',\n visit_cancel_view: 'visit_cancel_view',\n visit_detail_view: 'visit_detail_view',\n visit_edit_view: 'visit_edit_view',\n visit_list_view: 'visit_list_view',\n};\n","const HORIZONTAL = 'HORIZONTAL';\nconst VERTICAL = 'VERTICAL';\nconst VIEW = 'VIEW';\nconst PREVIEW = 'PREVIEW';\nconst FULL = 'FULL';\nconst MAP = 'MAP';\n\nconst IMAGE_BORDER_COLOR = 'd8d8d8';\n\nexport const IMG_TYPE_OPT = {\n HORIZONTAL: {\n MAP: ['c_fill'],\n PREVIEW: ['c_fill'],\n VIEW: ['c_pad', `b_rgb:${IMAGE_BORDER_COLOR}`],\n FULL: ['c_pad', `b_rgb:${IMAGE_BORDER_COLOR}`],\n },\n VERTICAL: {\n MAP: ['c_pad', `b_rgb:${IMAGE_BORDER_COLOR}`],\n PREVIEW: ['c_pad', `b_rgb:${IMAGE_BORDER_COLOR}`],\n VIEW: ['c_pad', `b_rgb:${IMAGE_BORDER_COLOR}`],\n FULL: ['c_pad', `b_rgb:${IMAGE_BORDER_COLOR}`],\n },\n};\n\nexport const IMG_TYPE = {\n [HORIZONTAL]: HORIZONTAL,\n [VERTICAL]: VERTICAL,\n};\n\nexport const PREVIEW_TYPES = {\n [VIEW]: VIEW,\n [PREVIEW]: PREVIEW,\n [FULL]: FULL,\n [MAP]: MAP,\n};\n\nexport const IMG_EXT = ['image/*', 'image/png', 'image/jpeg', 'image/jpg'];\n\nexport const IMAGE_SIZES = {\n [VIEW]: {\n EXTRA_SMALL: {\n SCREEN: { FROM: 0, TO: 580 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n SMALL: {\n SCREEN: { FROM: 580, TO: 768 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n MEDIUM: {\n SCREEN: { FROM: 768, TO: 990 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n LARGE: {\n SCREEN: { FROM: 990, TO: 1200 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n EXTRA_LARGE: {\n SCREEN: { FROM: 1200, TO: 1500 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n HUGE: {\n SCREEN: { FROM: 1500 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n },\n [PREVIEW]: {\n EXTRA_SMALL: {\n SCREEN: { FROM: 0, TO: 576 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n SMALL: {\n SCREEN: { FROM: 576, TO: 768 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n MEDIUM: {\n SCREEN: { FROM: 768, TO: 990 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n EXTRA_MEDIUM: {\n SCREEN: { FROM: 990, TO: 1140 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n LARGE: {\n SCREEN: { FROM: 1140, TO: 1300 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n EXTRA_LARGE: {\n SCREEN: { FROM: 1300, TO: 1400 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n HUGE: {\n SCREEN: { FROM: 1400 },\n IMAGE: { WIDTH: 1500, HEIGHT: 750 },\n },\n },\n [FULL]: {\n ALL: {\n SCREEN: { FROM: 0, TO: 3000 },\n IMAGE: { WIDTH: 0, HEIGHT: 3000 },\n },\n },\n [MAP]: {\n ALL: {\n SCREEN: { FROM: 0, TO: 3000 },\n IMAGE: { WIDTH: 700, HEIGHT: 350 },\n },\n },\n};\n","import React, { Component } from 'react';\nimport bemCn from 'bem-cn';\nimport './style.scss';\n\nconst b = bemCn('table-header-cell');\n\nclass TableHeaderCell extends Component {\n render() {\n const { className, icon, title, ...rest } = this.props;\n return (\n \n
\n );\n }\n}\n\nexport default TableHeaderCell;\n","import React from 'react';\n\nexport default function withCellData(WrappedComponent) {\n return function Wrapped({ cell: { value } }) {\n return \n
\n {icon}
\n {title}
\n \n {spot.live && spot.host?.id > 0 ? (\n <>\n handleBook(RESERVATION_TYPE.BOOK)}>\n Book now\n \n handleBook(RESERVATION_TYPE.CALENDAR)}\n >\n Find an available time\n \n \n ) : (\n
\n );\n};\nexport default DesktopBookBlock;\n","import { COOKIE_PARAM_NAME } from '../../consts/cookies.consts';\nimport CookieService from '../../services/cookie.service';\n\nconst SF_FENCE_OPTIONS = [\n {\n value: undefined,\n label: 'Any height',\n },\n {\n value: 'FT_3',\n label: '3+ ft',\n },\n {\n value: 'FT_4',\n label: '4+ ft',\n },\n {\n value: 'FT_5',\n label: '5+ ft',\n },\n {\n value: 'FT_6_PLUS',\n label: '6+ ft',\n },\n];\n\nexport const getSearchFiltersForServer = (filters) => {\n if (!filters) {\n return {};\n }\n\n let tmp = {};\n tmp.availableDates = filters.availableDates || undefined;\n tmp.availableTimes = filters.availableTimes || undefined;\n tmp.enclosureType = filters.enclosureType || undefined;\n tmp.fenceHeight = filters.fencing || SF_FENCE_OPTIONS[0].value || undefined;\n tmp.minimumSize = filters.minimumSize || undefined;\n tmp.distance = filters.distance || undefined;\n tmp.dogsPresent = filters.dogsPresent ? 'NO' : undefined;\n tmp.peoplePresent = filters.peoplePresent ? 'NO' : undefined;\n tmp.domesticAnimalsPresent = filters.domesticAnimalsPresent ? 'NO' : undefined;\n tmp.topSpots = filters.topSpots || undefined;\n tmp.newSpots = filters.newSpots || undefined;\n tmp.cleanerSpots = filters.cleanerSpots || undefined;\n tmp.amenities = filters.amenities?.length > 0 ? filters.amenities : undefined;\n tmp.maximumDogsAllowed = filters.maximumDogsAllowed || undefined;\n tmp.minimumPrice = filters.minimumPrice || undefined;\n tmp.maximumPrice = filters.maximumPrice || undefined;\n tmp.sortBy = filters.sortBy || undefined;\n\n return tmp;\n};\n\nexport const getTopBarProps = (center) => {\n try {\n const searchFilters = JSON.parse(CookieService.get(COOKIE_PARAM_NAME.SEARCH_FILTERS));\n const availabilityFilters = JSON.parse(CookieService.get(COOKIE_PARAM_NAME.SEARCH_FILTERS_AVAILABILITY));\n const addressFilters = JSON.parse(CookieService.get(COOKIE_PARAM_NAME.SEARCH_FILTERS_LOCATION));\n\n if (searchFilters === null && availabilityFilters === null) {\n return { center };\n } else {\n const filters = { ...searchFilters?.filters, ...availabilityFilters, ...addressFilters };\n return {\n filters: getSearchFiltersForServer(filters),\n center,\n };\n }\n } catch (err) {\n return undefined;\n }\n};\n","import React from 'react';\nimport loadable from '@loadable/component';\nimport { showSize } from '../../helpers/common';\nimport { IMG_RESIZES } from '../../consts/resizer.consts';\nimport { ImageHelper } from '../../classes/image-helper.class';\nimport { showDistanceFromYou } from '../../helpers/spot';\nimport { SPOT_ENCLOSURE } from '../../consts/spot.consts';\nimport { SIGN_UP_SRC } from '../../consts/profile.const';\nimport RenderSpotMembership from './render-spot-membership';\nimport RenderSpotSniffpass from './render-spot-sniffpass';\nimport RequestMorePhotos from '../../components/request-more-photos';\nimport SpotBreadcrumbs from '../../components/spot-breadcrumbs';\nimport RenderHostInfo from './render-host-info';\nimport RenderSubInfo from './render-sub-info';\nimport SniffButton from '../../components/sniff-button';\nimport PictureSet from '../../components/picture-set';\nimport SvgLocation from 'src/assets/svg/SvgLocation.svg';\nimport SvgFenced from 'src/assets/svg/SvgFenced.svg';\nimport SvgPhoto from 'src/assets/svg/SvgPhoto.svg';\nimport SvgRuler from 'src/assets/svg/SvgRuler.svg';\n\nconst SpotFavFab = loadable(() => import('../../components/SpotFavFab'));\nconst SpotFavFabSSR = loadable(() => import('../../components/SpotFavFab/fav-ssr'));\nconst SpotShareButton = loadable(() => import('../../components/spot-share-button'));\nconst SpotShareButtonSSR = loadable(() => import('../../components/spot-share-button/share-ssr'));\nconst DesktopPhotoGallery = loadable(() => import('./desktop-photo-gallery'));\n\nconst RenderHeadDesktop = ({\n listBread,\n spot,\n goToHost,\n goToReviews,\n toggleDesktopPhotoGallery,\n desktopPhotoCount,\n desktopPhotoGallery,\n handleNextDesktopGallery,\n handleBackDesktopGallery,\n handleSniffpassBadge,\n handleMembershipBadge,\n SSR,\n useState,\n useCallback,\n isMobile,\n favSpots,\n useMutateFavorites,\n userDetails,\n useGetShareLink,\n setDesktopPhotoCount,\n}) => {\n const creatorName = `${spot?.host?.nameAndInitial} | Sniffspot` || undefined;\n const canShowGallery = userDetails.id && desktopPhotoGallery;\n\n return (\n Book this spot!
\n\n
\n \n {parsedPrice} \n per dog per hour\n
\n \n {spot.rating ? (\n <>\n
\n {spot.rating.toPrecision(2)}
\n {`(${spot.reviewsCount})`}
\n \n ) : (\n New!\n )}\n \n
\n
\n );\n};\n\nexport default RenderHeadDesktop;\n","import React from 'react';\nimport SvgCalendarBlock from 'src/assets/svg/SvgCalendarBlock.svg';\n\nconst RenderMobileInactive = ({ spot, isSmartBannerShow }) => {\n return (\n {spot.title}
\n\n
\n \n
\n \n
\n \n {SSR ? (\n favSpots === undefined ? (\n ''\n ) : (\n
\n \n
\n {spot.spotPhotos && spot.spotPhotos.length > 2 ? (\n <>\n \n {spot.enclosureType && (\n
\n \n
\n )}\n {spot.size && (\n \n
\n )}\n \n toggleDesktopPhotoGallery()}>\n Show all photos\n \n
\n \n ) : (\n <>\n \n
\n toggleDesktopPhotoGallery(0)}>\n
\n \n {spot.spotPhotos[1] ? (\n
\n toggleDesktopPhotoGallery(1)}>\n
\n ) : (\n \n
\n )}\n\n {spot.spotPhotos[2] ? (\n toggleDesktopPhotoGallery(2)}>\n
\n ) : (\n \n
\n )}\n \n toggleDesktopPhotoGallery()}>\n Show all photos\n \n )}\n
\n \n )}\n \n {spot.spotPhotos && spot.spotPhotos.length > 0 ? (\n
\n {spot.spotPhotos && spot.spotPhotos.length > 1 && (\n toggleDesktopPhotoGallery(0)}>\n
\n ) : (\n \n
\n \n
\n );\n};\n\nexport default RenderMobileInactive;\n","import React from 'react';\nimport { showSize } from '../../helpers/common';\nimport SvgRuler from 'src/assets/svg/SvgRuler.svg';\n\nexport const Size = ({ size, sizeUnits }) => {\n return size ? (\n \n
\n \n {spot.turnBackOnAt ? 'This spot is taking a break' : 'This spot is not available'}\n
\n\n
\n ) : null;\n};\n","import React from 'react';\nimport { SPOT_ENCLOSURE } from '../../consts/spot.consts';\nimport SvgFenced from 'src/assets/svg/SvgFenced.svg';\n\nexport const Enclosure = ({ fncd }) => {\n return fncd ? (\n \n
\n ) : null;\n};\n","import React from 'react';\nimport { Size } from './size';\nimport { Enclosure } from './enclosure';\nimport { showDistanceFromYou } from '../../helpers/spot';\nimport SvgLocation from 'src/assets/svg/SvgLocation.svg';\nimport './index.scss';\n\nconst ListingHead = ({ title, fncd, size, sizeUnits, city, state, distanceFrom, userDetails }) => {\n return (\n \n
\n \n
\n {title}
\n\n
\n \n
\n \n
\n \n
\n \n
\n );\n};\n\nexport default RenderHeadMobile;\n","import React from 'react';\nimport { IMG_RESIZES } from '../../consts/resizer.consts';\nimport { ImageHelper } from '../../classes/image-helper.class';\nimport PictureSet from '../../components/picture-set';\n\nconst RenderHostInfo = ({ spot, handleGoTo, useState }) => {\n const hostAvatar = spot.host?.avatarAws ? ImageHelper.getUrlFromOptions(spot.host?.avatarAws, `full-fit-in/${IMG_RESIZES.x64}`) : '';\n\n return (\n \n {(!spot.live || spot.host?.id == 0) && (\n <>\n {showDisTop &&
\n \n {spot.spotPhotos && spot.spotPhotos.length > 0 ? (\n
\n {CarouselComp}
\n ) : (\n \n
\n )}\n \n
\n \n handleBook(RESERVATION_TYPE.CALENDAR)}\n >\n Find an available time\n \n
\n
\n \n
\n
\n );\n};\n\nexport default RenderHostInfo;\n","import React, { useState as useStateClient } from 'react';\nimport { RouteFormatter } from '../../routes';\nimport ModalMobileClient from '../modal-mobile';\nimport ModalMobileSSR from '../modal-mobile/modal-mobile-ssr';\nimport SniffButton from '../sniff-button';\nimport SvgInfo from 'src/assets/svg/SvgInfo.svg';\nimport './index.scss';\n\nconst ListingInactiveInfo = ({ spot, useState: useStateSSR }) => {\n const useState = useStateSSR || useStateClient;\n const ModalMobile = useStateSSR ? ModalMobileSSR : ModalMobileClient;\n\n const [isOpen, setIsOpen] = useState(false);\n\n const toggle = () => setIsOpen(!isOpen);\n\n const handleExplore = () => {\n toggle();\n window.location = RouteFormatter.listings({});\n };\n\n return (\n \n {'Hosted by '}\n \n {spot.host?.nameAndInitial}\n \n \n
\n \n \n {spot.turnOffReason && (\n <>\n \n Explore other spots\n \n \n
\n );\n};\n\nexport default ListingInactiveInfo;\n","import React from 'react';\nimport moment from 'moment-timezone';\nimport ListingInactiveInfo from '../../components/listing-inactive';\nimport SvgCalendarBlock from 'src/assets/svg/SvgCalendarBlock.svg';\n\nconst RenderInactive = ({ spot, useState }) => {\n return (\n The host provided additional info:
\n\"{spot.turnOffReason}\"
\n \n )}\n\n \n
\n );\n};\nexport default RenderInactive;\n","import React, { useEffect, useRef } from 'react';\nimport moment from 'moment-timezone';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { VariableSizeList } from 'react-window';\nimport { ImageHelper } from '../../classes/image-helper.class';\nimport { IMG_RESIZES } from '../../consts/resizer.consts';\nimport PictureSet from '../../components/picture-set';\n\nconst itemHeight = 316;\n\nconst MobilePhotoGallery = ({ singlePhotoHandler, mobilePhotoCount, photos, hostId, title, state, city }) => {\n const altImg = title ? `${title} - ${city}, ${state}` : 'Spot thumbnail';\n const listRef = useRef({});\n const rowHeights = useRef({});\n\n const getRowHeight = (index) => rowHeights.current[index] + 16 || itemHeight;\n\n const setRowHeight = (index, size) => {\n listRef.current.resetAfterIndex(0);\n rowHeights.current = { ...rowHeights.current, [index]: size };\n };\n\n useEffect(() => {\n setTimeout(() => {\n listRef?.current?.scrollToItem(mobilePhotoCount, 'start');\n }, 200);\n }, []);\n\n return (\n \n
\n {!spot.turnBackOnAt && (\n \n \n {spot.turnBackOnAt ? 'This spot is taking a break' : 'This spot is not available'}\n
\n {spot.turnBackOnAt ? (\n\n {'The host has blocked all bookings until '}\n {moment(spot.turnBackOnAt).format('MMMM D, YYYY')}.\n
\n ) : (\nThe host has made this spot indefinitely unavailable for bookings.
\n )}\n\n \n {({ width, height }) => (\n \n {({ index, style }) => {\n const rowRef = useRef({});\n const p = photos[index];\n let submittedBy = '';\n\n if (p.providedById !== null && p.providedBy && hostId !== p.providedBy.id) {\n const monthYear = moment(p.createdAt).format('MMM YYYY');\n submittedBy = `Submitted by: ${p.providedBy.firstname} ${p.providedBy.lastInitial}. - ${monthYear}`;\n }\n\n useEffect(() => {\n if (rowRef.current) {\n setRowHeight(index, rowRef.current.clientHeight);\n }\n }, [rowRef]);\n\n return (\n singlePhotoHandler(index)}\n >\n
\n );\n }}\n \n )}\n \n \n );\n};\n\nexport default MobilePhotoGallery;\n","import React from 'react';\nimport Carousel from '../../components/carousel';\n\nconst SingleViewPhoto = ({ spot, handleSwipeMobile, mobilePhotoCount, singleViewPhoto }) => {\n const caption = spot.spotPhotos[mobilePhotoCount]?.caption;\n\n return (\n <>\n \n
\n \n {submittedBy}\n
\n )}\n {p.caption &&{p.caption}
}\n\n
\n {caption && {caption}
}\n \n \n );\n};\n\nexport default SingleViewPhoto;\n","import React from 'react';\nimport useWindowScroll from '../../services/hooks/useWindowScroll';\nimport ReservationPanel from '../../components/reservation-panel';\nimport MobilePhotoGallery from './mobile-photo-gallery';\nimport SingleViewPhoto from './single-view-photo';\nimport SvgChevronLeft from 'src/assets/svg/SvgChevronLeft.svg';\n\nconst RenderMobilePhotoGallery = ({\n spot,\n singleViewPhoto,\n singlePhotoHandler,\n setMobilePhotoCount,\n setMobilePhotoGallery,\n setSingleViewPhoto,\n mobilePhotoCount,\n waitInfo,\n handleBook,\n handleSwipeMobile,\n}) => {\n const scrollTop = useWindowScroll();\n\n return (\n\n 0}\n handleBook={handleBook}\n />\n
\n );\n};\n\nexport default RenderMobilePhotoGallery;\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgSvgDogPoop = function SvgSvgDogPoop(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.75 16h-3a3 3 0 0 0 0 6h16.5a3 3 0 0 0 0-6h-3M6 16a3 3 0 0 1 0-6h2.625a2.625 2.625 0 0 1 0-5.25h4.125a3 3 0 0 0 3-3A3.75 3.75 0 0 1 19.5 5.5 4.5 4.5 0 0 1 15 10h3a3 3 0 0 1 0 6\",\n stroke: \"currentColor\",\n strokeWidth: 1.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n};\nexport default SvgSvgDogPoop;","var _path, _path2, _path3;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgSvgFenceUnsafe = function SvgSvgFenceUnsafe(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.5 21c-.827 0-1.5-.673-1.5-1.5V18h-3v1.5c0 .827-.673 1.5-1.5 1.5h-3c-.827 0-1.5-.673-1.5-1.5V18H6v1.5c0 .827-.673 1.5-1.5 1.5h-3C.673 21 0 20.327 0 19.5V5.25c0-1.654 1.346-3 3-3s3 1.346 3 3V7.5h3V5.25c0-1.654 1.346-3 3-3s3 1.346 3 3V7.5h3V5.25c0-1.654 1.346-3 3-3s3 1.346 3 3V19.5c0 .827-.673 1.5-1.5 1.5h-3ZM21 3.75c-.827 0-1.5.673-1.5 1.5V19.5h3V5.25c0-.827-.673-1.5-1.5-1.5Zm-9 0c-.827 0-1.5.673-1.5 1.5V19.5h3V5.25c0-.827-.673-1.5-1.5-1.5Zm-9 0c-.827 0-1.5.673-1.5 1.5V19.5h3V5.25c0-.827-.673-1.5-1.5-1.5ZM18 16.5V9h-3v7.5h3Zm-9 0V9H6v7.5h3Z\",\n fill: \"currentColor\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M13 5h3v2h-3zM17 5h3v2h-3zM21 2h3v20h-3zM13 10h3v2h-3zM15 7h3v2h-3zM15 16h3v2h-3zM17 10h3v2h-3zM13 14h3v2h-3zM17 14h3v2h-3zM13 18h3v3h-3z\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M17 18h5v3h-5z\"\n })));\n};\nexport default SvgSvgFenceUnsafe;","var _path, _path2, _path3, _circle;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgSvgStarWarning = function SvgSvgStarWarning(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.25 23.999a6.758 6.758 0 0 1-6.75-6.75 6.758 6.758 0 0 1 6.75-6.75 6.758 6.758 0 0 1 6.75 6.75 6.758 6.758 0 0 1-6.75 6.75Zm0-12a5.256 5.256 0 0 0-5.25 5.25 5.256 5.256 0 0 0 5.25 5.25 5.256 5.256 0 0 0 5.25-5.25 5.256 5.256 0 0 0-5.25-5.25Z\",\n fill: \"currentColor\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.5 18c0 .275.336.5.75.5.413 0 .75-.225.75-.5v-4c0-.276-.336-.5-.75-.5s-.75.223-.75.5v4Z\",\n fill: \"currentColor\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.115 23.999a1.553 1.553 0 0 1-1.352-.778 1.556 1.556 0 0 1-.159-1.186l1.842-6.722-4.989-4.944a1.556 1.556 0 0 1 .966-2.654l6.018-.596 3.16-6.257a1.567 1.567 0 0 1 1.88-.782c.399.129.724.405.915.778l3.157 6.261 6.03.597c.359.03.703.191.964.454.293.295.453.686.451 1.102a1.548 1.548 0 0 1-.46 1.098l-.279.276a.745.745 0 0 1-1.06-.006.744.744 0 0 1-.217-.531c.001-.2.08-.388.223-.529l.278-.275a.053.053 0 0 0 .016-.039.052.052 0 0 0-.016-.038.057.057 0 0 0-.035-.016l-6.451-.639a.747.747 0 0 1-.596-.409L12.06 1.539a.069.069 0 0 0-.038-.03l-.024-.001c-.015 0-.022.002-.029.006a.067.067 0 0 0-.03.03L8.594 8.163a.745.745 0 0 1-.595.408l-6.44.638c-.031.002-.042.011-.05.02a.054.054 0 0 0-.013.04.057.057 0 0 0 .016.035l5.3 5.253a.75.75 0 0 1 .195.731l-1.956 7.138a.057.057 0 0 0 .008.042.059.059 0 0 0 .038.029.109.109 0 0 0 .017.001.05.05 0 0 0 .028-.006l3.741-1.853a.747.747 0 0 1 1.043.912.74.74 0 0 1-.378.432l-3.737 1.851a1.537 1.537 0 0 1-.696.165Z\",\n fill: \"currentColor\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 17.25,\n cy: 20.25,\n r: 0.75,\n fill: \"currentColor\"\n })));\n};\nexport default SvgSvgStarWarning;","import React from 'react';\nimport { SPOT_SRC } from '../../consts/spot.consts';\nimport { useHistory } from 'react-router-dom';\nimport { RESERVATION_TYPE } from '../../consts/reservation.consts';\nimport ModalMobileClient from '../../components/modal-mobile';\nimport ModalMobileSSR from '../../components/modal-mobile/modal-mobile-ssr';\nimport SniffButton from '../../components/sniff-button';\nimport SvgDogPoop from 'src/assets/svg/SvgDogPoop.svg';\nimport SvgFenceUnsafe from 'src/assets/svg/SvgFenceUnsafe.svg';\nimport SvgInfo from 'src/assets/svg/SvgInfo.svg';\nimport SvgPhoto from 'src/assets/svg/SvgPhoto.svg';\nimport SvgStarWarning from 'src/assets/svg/SvgStarWarning.svg';\n\nconst RenderInfoWarning = ({ icon, title, sub }) => (\n \n {\n if (singleViewPhoto === null) {\n setMobilePhotoCount(1);\n setMobilePhotoGallery(false);\n scrollTop();\n } else {\n setSingleViewPhoto(null);\n }\n }}\n >\n
\n {singleViewPhoto === null && spot.spotPhotos && (\n Spot pictures
\n\n {icon}\n
\n);\n\nexport const RenderModalWarning = ({ warning, setWarning, spotRating, onAskQuestion, useState, setShowCalendar }) => {\n const history = useHistory();\n const { isLowRating, isLongInactive, isFencingIssue, isCleanIssue, isPhotosIssue, type } = warning;\n const ModalMobile = useState ? ModalMobileSSR : ModalMobileClient;\n const toggle = () => setWarning({ ...warning, isOpen: !warning.isOpen });\n const handleMessage = () => onAskQuestion({});\n const handleContinue = () => {\n if (type === RESERVATION_TYPE.BOOK) {\n toggle();\n if (warning.SSR) {\n setShowCalendar(SPOT_SRC.WEB_SPOT);\n }\n history.push('#' + SPOT_SRC.WEB_SPOT);\n } else if (type === RESERVATION_TYPE.CALENDAR) {\n toggle();\n if (warning.SSR) {\n setShowCalendar(SPOT_SRC.WEB_CALENDAR);\n }\n history.push('#' + SPOT_SRC.WEB_CALENDAR);\n }\n };\n\n return (\n \n
\n {title}
\n {sub}
\n \n \n Message host\n \n \n Continue to booking\n \n
\n \n );\n};\nexport default RenderModalWarning;\n","import React from 'react';\nimport { useHistory } from 'react-router';\nimport { RouteFormatter } from '../../routes';\nimport { SPOT_SRC_MEMBERSHIP } from '../../consts/spot.consts';\nimport { showPrice } from '../../helpers/price';\nimport SvgKeyboardRight from 'src/assets/svg/SvgKeyboardRight.svg';\nimport SvgMembership from 'src/assets/svg/SvgMembership.svg';\nimport SvgSeoOk from 'src/assets/svg/SvgSeoOk.svg';\nimport SvgSubscription from 'src/assets/svg/SvgSubscription.svg';\n\nconst RenderPrice = ({ spot, SSR, hasSniffpass }) => {\n const history = SSR ? null : useHistory();\n const isForeign = spot?.country !== 'United States';\n\n const handleLearn = () => {\n if (SSR) {\n window.location = encodeURI(\n RouteFormatter.membershipsDetail({ id: spot.id }, { query: { src: SPOT_SRC_MEMBERSHIP.WEB_DETAIL_PRICING } })\n );\n } else {\n history.push({\n pathname: RouteFormatter.membershipsDetail({ id: spot.id }),\n state: { src: SPOT_SRC_MEMBERSHIP.WEB_DETAIL_PRICING },\n });\n }\n };\n\n const handleSniffpass = () => {\n if (SSR) {\n window.location = encodeURI(RouteFormatter.subscriptionsNew(null, { query: { src: SPOT_SRC_MEMBERSHIP.WEB_DETAIL_PRICING } }));\n } else {\n history.push({\n pathname: RouteFormatter.subscriptionsNew(),\n state: { src: SPOT_SRC_MEMBERSHIP.WEB_DETAIL_PRICING },\n });\n }\n };\n\n return (\n \n
\n
\n );\n};\nexport default RenderPrice;\n","import React from 'react';\nimport SvgHand from 'src/assets/svg/SvgHand.svg';\nimport SvgStarEmpty from 'src/assets/svg/SvgStarEmpty.svg';\nimport SvgTopBadge from 'src/assets/svg/SvgTopBadge.svg';\nimport './render-spot-badge.scss';\n\nconst options = {\n top: {\n icon: SvgTopBadge,\n title: 'Top spot!',\n desc: 'This spot consistently provides amazing experiences to guests',\n color: '#3AA648',\n bg: '#E8FFE8',\n },\n new: {\n icon: SvgHand,\n title: 'New spot',\n desc: 'This spot was published recently.\\nBe among the first to try it!',\n color: '#4F96C4',\n bg: '#EBF9FC',\n },\n rising: {\n icon: SvgStarEmpty,\n title: 'Rising star',\n desc: 'This is one of our most popular new spots',\n color: '#D7860E',\n bg: '#FFF5E7',\n },\n};\n\nconst RenderSpotBadge = ({ spot, ...rest }) => {\n const canShow = spot?.top || spot?.new || spot?.risingStar;\n\n if (!canShow) {\n return '';\n }\n\n const myBadge = spot?.top ? options.top : spot?.new ? options.new : options.rising;\n\n return (\n Pricing
\n \n {showPrice(spot.price, 0, isForeign)} \n per dog per hour\n \n \n
\n
\n
\n )}\n \n
\n Optional monthly membership available!
\n \n Learn more\n\n
\n \n \n
\n \n {spot.offerSniffpass && (\n <>\n Sniffpass holders get discounts on all bookings at all spots by buying monthly credits!\n
\n This spot offers additional discounts.\n \n )}\n {!spot.offerSniffpass && 'Sniffpass holders get discounts on all bookings at all spots by buying monthly credits!'}\n
\n
\n
\n );\n};\n\nexport default RenderSpotBadge;\n","import React from 'react';\nimport SvgMembership from 'src/assets/svg/SvgMembership.svg';\nimport './render-spot-membership.scss';\n\nconst RenderSpotMembership = ({ handleMembershipBadge }) => {\n return (\n \n
\n \n {myBadge.title}\n
\n{myBadge.desc}
\n\n
\n );\n};\n\nexport default RenderSpotMembership;\n","import React from 'react';\nimport { RouteFormatter } from '../../routes';\nimport SvgChevronRight from 'src/assets/svg/SvgChevronRight.svg';\nimport SvgChevronLeft from 'src/assets/svg/SvgChevronLeft.svg';\nimport './render-spot-next.scss';\n\nconst RenderSpotNext = ({ topBarData, canPrev, showNav }) => {\n const prev = topBarData?.prevSpot?.spotUrl;\n const next = topBarData?.nextSpot?.spotUrl;\n const isChained = prev && canPrev;\n\n const prevUrl = isChained ? RouteFormatter.listings({ first: prev }) : RouteFormatter.listings({});\n const nextUrl = RouteFormatter.listings({ first: next });\n\n const prevClick = (e) => !isChained && e.preventDefault();\n const nextClick = (e) => !next && e.preventDefault();\n\n return (\n \n
\n );\n};\n\nexport default RenderSpotNext;\n","import React from 'react';\nimport SvgSubscription from 'src/assets/svg/SvgSubscription.svg';\nimport './render-spot-membership.scss';\n\nconst RenderSpotSniffpass = ({ handleSniffpassBadge }) => {\n return (\n \n \n
\n \n
\n );\n};\n\nexport default RenderSpotSniffpass;\n","import React from 'react';\nimport RenderSpotMembership from './render-spot-membership';\nimport RenderSpotSniffpass from './render-spot-sniffpass';\nimport SpotTopBadge from '../../components/spot-top-badge';\nimport SvgStarSolid from 'src/assets/svg/SvgStarSolid.svg';\n\nconst RenderSubInfo = ({ spot, handleGoTo, handleSniffpassBadge, handleMembershipBadge }) => {\n const reviewsText =\n spot.reviewsCount > 0 ? `${spot.reviewsCount} review${spot.reviewsCount > 1 ? 's' : ''}` : 'No reviews yet';\n\n return (\n \n
\n );\n};\n\nexport default RenderSubInfo;\n","import React from 'react';\nimport { useHistory } from 'react-router';\nimport { RouteFormatter } from '../../routes';\nimport SvgMembership from 'src/assets/svg/SvgMembership.svg';\nimport './render-user-is-member.scss';\n\nconst RenderUserIsMember = ({ SSR }) => {\n const history = SSR ? null : useHistory();\n const handleClick = () => {\n if (SSR) {\n window.location = RouteFormatter.subscriptions();\n return;\n }\n history.push(RouteFormatter.subscriptions());\n };\n\n return (\n \n {spot.rating !== null && (\n <>\n
\n \n
\n \n {spot.offerSniffpass &&
\n \n
\n );\n};\n\nexport default RenderUserIsMember;\n","import { useEffect, useRef } from 'react';\n\nexport default function usePrevious(value) {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n","import React from 'react';\nimport bemCn from 'bem-cn';\nimport './style.scss';\n\nconst b = bemCn('sniff-select');\n\nconst SniffSelect = ({ className, fullHeight, maxMenuHeight = 300, error, Select, ...props }) => {\n return (\n \n
\n You are a member
\nThank you for supporting this spot!
\n\n Available times for{' '}\n \n {`${availableTimesData?.availableTimes.quantity || qtyPick.value} ${\n (availableTimesData?.availableTimes.quantity || qtyPick.value) === 1 ? 'dog' : 'dogs'\n }, ${availableTimesData?.availableTimes.length || lengthPick.value} ${\n (availableTimesData?.availableTimes.length || lengthPick.value) <= 1 ? 'hour' : 'hours'\n }`}\n
\n);\n\nconst RenderTimeList = ({ startTime, availableTimes, handleChooseTime, lengthPick }) => {\n const isMemberTime = availableTimes.timesForMembers.includes(startTime);\n return (\n \n
\n )}\n \n
\n \n \n
\n \n
\n \n setCalType(CALENDAR_TYPE.WEEK)}\n >\n Week\n \n setCalType(CALENDAR_TYPE.MONTH)}\n >\n Month\n \n
\n {moment(datePick).format('MMMM YYYY')}
\n\n ableBack && handlePrev()}>\n
\n \n {calendarType === CALENDAR_TYPE.WEEK ? (\n
\n ) : (\n \n {thisWeek.map((d, i) => {\n const isActive = moment(d).diff(datePick, 'days') === 0;\n const isToday = moment(d).isSame(moment(), 'days');\n const isDisabled = moment(d).diff(moment(), 'days') < 0;\n const isSoldOut = disabledDates.includes(moment(d).format('YYYY-MM-DD'));\n\n return (\n !isDisabled && !isSoldOut && setDatePick(d)}\n >\n {moment(d).format('dd')}\n {moment(d).format('D')}\n {isToday &&
\n );\n })}\n \n {isMobile && moment(date).format('dd')}\n minDetail=\"month\"\n view=\"month\"\n tileDisabled={({ date }) => disabledDates.includes(moment(date).format('YYYY-MM-DD'))}\n />\n
\n )}\n {moment(datePick).format('MMMM YYYY')}
}\n\n (window.location.href = RouteFormatter.favorites())}\n >\n View my favorite spots\n \n \n ) : (\n <>\n handleDayPick(DAY_TYPE.EVENING)}\n >\n
\n \n \n \n {`${moment(today).diff(datePick, 'days') === 0 ? 'Today' : moment(datePick).format('dddd')}, ${moment(datePick).format(\n 'MMMM D'\n )}`}\n
\n {availableTimesLoading ? (\n Bummer! There are no available times for the selected date.
\n \n \n
\n \n Tip: weekends are very popular! Try booking more in advance to find available\n times.\n
\n\n handleDayPick(DAY_TYPE.AFTERNOON)}\n >\n
\n \n handleDayPick(DAY_TYPE.MORNING)}\n >\n
\n \n {dayPick === DAY_TYPE.MORNING && (\n <>\n {isRightDate && availableTimesData?.availableTimes.timesAll?.find((t) => t < 7) !== undefined && !extMorning && (\n setExtMorning(true)} color=\"secondary\" size=\"lg\" block className=\"time-book\">\n Show times before 7am\n \n )}\n {timesMorning.map((startTime, idx) => (\n setExtEvening(true)} color=\"secondary\" size=\"lg\" block className=\"time-book\">\n Show times after 8pm\n \n )}\n \n )}\n {renderEmptyList() &&
\n \n )}\n \n There are no available times with the selected preferences.
}\nHow many dogs are you bringing?
\nHow long will you stay?
\n\n
\n \n
\n Only members can book this time
\n \n This host is rewarding loyal guests by reserving them specific times, as well as other additional benefits and discounts.\n
\n Become a member now to book this time
\n Description
\n\n
\n \n
\n {dscrpt}
\n \n \n );\n};\n\nconst Cleanliness = ({ isMobile, clean }) => {\n const [SvgSize, setSvgSize] = useState(16);\n\n useEffect(() => {\n if (!isMobile) {\n setSvgSize(24);\n }\n }, []);\n\n if (clean === null) {\n return '';\n }\n\n return (\n <>\n
Cleanliness
\n\n
\n \n
\n \n
\n \n \n );\n};\n\nconst Hazards = ({ hazards }) => {\n if (!hazards) {\n return '';\n }\n\n return (\n <>\n
Hazards
\n\n
\n \n
\n {hazards}
\n \n \n );\n};\n\nexport default function ListingLocation({\n useStateSSR,\n isMobileSSR,\n latitude,\n longitude,\n dscrpt,\n hazards,\n clean,\n city,\n state,\n distanceFrom,\n}) {\n const useStateC = useStateSSR;\n const isMobile = isMobileSSR;\n\n const [isOpen, setIsOpen] = useStateC(false);\n\n const numLat = latitude ? parseFloat(latitude) : 0;\n const numLng = longitude ? parseFloat(longitude) : 0;\n\n return (\n <>\n {latitude && longitude ? (\n
\n
\n ) : null}\n {dscrpt || hazards || clean ? (\n \n
\n Location
\n {city && state && (\n \n
\n )}\n \n {`${city}, ${state}${showDistanceFromYou(distanceFrom)}`}\n
\n\n
\n \n
\n \n
\n \n
\n ) : null}\n \n );\n}\n","import React from 'react';\nimport { PREVIEW_TYPES } from '../../consts/images.const';\nimport SpotListing from '../../components/spot-listing/listing-ssr';\nimport ListingItem from '../../components/listing-item/item-ssr';\n\nconst RenderNearbySpots = ({ spot, useEffect, useState, usePrevious }) => {\n const items = [];\n\n spot.nearbySpots?.map((v, i) => {\n if (i < 3) {\n if (items[0]) {\n items[0].spots.push(v);\n } else {\n items[0] = { key: i, spots: [v] };\n }\n } else if (i < 6) {\n if (items[1]) {\n items[1].spots.push(v);\n } else {\n items[1] = { key: i, spots: [v] };\n }\n } else if (i < 9) {\n if (items[2]) {\n items[2].spots.push(v);\n } else {\n items[2] = { key: i, spots: [v] };\n }\n } else {\n if (items[3]) {\n items[3].spots.push(v);\n } else {\n items[3] = { key: i, spots: [v] };\n }\n }\n });\n\n if (!spot.nearbySpots || !spot.nearbySpots?.length) {\n return '';\n }\n\n return (\n <>\n \n
\n
\n \n
Other spots nearby
\n \n
\n \n );\n};\n\nexport default RenderNearbySpots;\n","import React, { useEffect, useRef, useState } from 'react';\nimport bemCn from 'bem-cn';\nimport isbot from 'isbot';\n\nimport {\n LOW_CLEAN_THRESHOLD,\n LOW_FENCING_THRESHOLD,\n LOW_PHOTOS_THRESHOLD,\n LOW_RATING_THRESHOLD,\n RESERVATION_TYPE,\n} from '../../consts/reservation.consts';\nimport defImgSpot from '../../assets/img/host-2.png';\nimport { showPrice } from '../../helpers/price';\nimport { AUTH_TESTS } from './auth-test.const';\nimport { EVENTS_NAME } from '../../consts/event.consts';\nimport { IMG_RESIZES } from '../../consts/resizer.consts';\nimport { ImageHelper } from '../../classes/image-helper.class';\nimport useMobileScreen from '../../services/hooks/useMobileScreen';\nimport DesktopBookBlock from './desktop-book-block';\nimport { getTopBarProps } from './helper';\nimport { RouteFormatter } from '../../routes';\nimport { sortByObjTitle } from '../../helpers/reservation';\nimport { scrollToElement } from '../../helpers/common';\nimport { COOKIE_PARAM_NAME } from '../../consts/cookies.consts';\nimport { SIGN_UP_SRC, USER_TEST_GROUP } from '../../consts/profile.const';\nimport { getRandomCookieTestSSR, getTestWithProbSSR } from '../../helpers/ssr';\nimport { ENCLOSURE_TYPE, SPOT_MIN_REQ_PHOTOS, SPOT_REVIEWS_SORT_CONTENT, SPOT_SRC, SPOT_SRC_MEMBERSHIP } from '../../consts/spot.consts';\nimport ListingAvailability from '../../components/listing-availability';\nimport GuestSpotCalendar from '../../components/calendar/guest-calendar-ssr';\nimport SeoLocalBusiness from '../../components/seo-local-business';\nimport ReservationPanel from '../../components/reservation-panel';\nimport ListingAmenities from '../../components/listing-amenities';\nimport ListingLocation from '../../components/listing-location/index-ssr';\nimport ListingPresent from '../../components/listing-present';\nimport ListingReviews from '../../components/listing-reviews';\nimport ListingFencing from '../../components/listing-fencing';\nimport ListingExtras from '../../components/listing-extras';\nimport MobileSubPage from '../../components/mobile-sub-page';\nimport ListingRules from '../../components/listing-rules';\nimport ListingHost from '../../components/listing-host';\nimport ModalMobile from '../../components/modal-mobile';\nimport SniffButton from '../../components/sniff-button';\nimport SvgSubscription from 'src/assets/svg/SvgSubscription.svg';\nimport SvgMembership from 'src/assets/svg/SvgMembership.svg';\nimport SvgCross2 from 'src/assets/svg/SvgCross2.svg';\nimport './index.scss';\n\nimport RenderMobilePhotoGallery from './render-mobile-photo-gallery';\nimport RenderUserIsMember from './render-user-is-member';\nimport RenderModalWarning from './render-modal-warning';\nimport RenderNearbySpots from './render-nearby-spots-ssr';\nimport RenderHeadDesktop from './render-head-desktop';\nimport RenderHeadMobile from './render-head-mobile';\nimport RenderSpotBadge from './render-spot-badge';\nimport RenderSpotNext from './render-spot-next';\nimport RenderPrice from './render-price';\nimport BlurSignupModal from '../../components/modal-blur-signup';\n\nconst b = bemCn('memberships-modal-spot-details');\nconst bs = bemCn('sniffpass-modal-spot-details');\n\nconst CookieService = require('../../services/cookie.service');\nconst useMutateTrackEvent = require('../../services/hooks/useMutateTrackEvent');\nconst useGetSpotTopBarData = require('../../services/hooks/useGetSpotTopBarData');\nconst useGetProbabilityTest = require('../../services/hooks/useGetProbabilityTest');\nconst useMutateViewAuthSpot = require('../../services/hooks/useMutateViewAuthSpot');\nconst useMutateViewSpotTopBar = require('../../services/hooks/useMutateViewSpotTopBar');\nconst useMutateViewFrontNoMessageBtnNew = require('../../services/hooks/useMutateViewFrontNoMessageBtnNew');\nconst useMutateViewBlurSignup = require('../../services/hooks/useMutateViewBlurSignup');\n\nconst favSpots = [];\n\nconst SpotViewPage = ({\n spot,\n userDetails = {},\n useCallback,\n usePrevious,\n useGetAvailableTimes,\n useLazyGetIntentCal,\n useUpdateIntent,\n useMutateFavorites,\n useGetShareLink,\n useAddReply,\n useDeleteReply,\n useHandleUpvote,\n useGetSpotReviews,\n useOnScreen,\n useGetReviews,\n Select,\n serverSSR,\n}) => {\n const isMobile = useMobileScreen();\n const hostRef = useRef(null);\n const reviewsRef = useRef(null);\n const { getReviews, dataReviews } = serverSSR ? {} : useGetReviews();\n const { trackEvent } = serverSSR ? {} : useMutateTrackEvent.default();\n const { getProbTest } = serverSSR ? {} : useGetProbabilityTest.default();\n const { getSpotTopBarData } = serverSSR ? {} : useGetSpotTopBarData.default();\n const { mutateViewAuthSpot } = serverSSR ? {} : useMutateViewAuthSpot.default();\n const { mutateViewSpotTopBar } = serverSSR ? {} : useMutateViewSpotTopBar.default();\n const { mutateViewFrontNoMessageBtnNew } = serverSSR ? {} : useMutateViewFrontNoMessageBtnNew.default();\n const { checkBlurSignupTest } = serverSSR ? {} : useMutateViewBlurSignup.default();\n const [sortBy, setSortBy] = useState('COMMENT');\n const [canPrev, setCanPrev] = useState(false);\n const [memberSrc, setMemberSrc] = useState(null);\n const [isSpotTest, setIsSpotTest] = useState(null);\n const [topBarData, setTopBarData] = useState(null);\n const [sortReviews, setSortReviews] = useState(SPOT_REVIEWS_SORT_CONTENT.COMMENT);\n const [showCalendar, setShowCalendar] = useState((typeof window !== 'undefined' && userDetails?.id && window.location.hash?.substring(1)) || '');\n const [openSniffpass, setOpenSniffpass] = useState(false);\n const [isBlurTest, setIsBlurTest] = useState(null);\n const [openMembership, setOpenMembership] = useState(false);\n const [singleViewPhoto, setSingleViewPhoto] = useState(null);\n const [mobilePhotoCount, setMobilePhotoCount] = useState(0);\n const [desktopPhotoCount, setDesktopPhotoCount] = useState(0);\n const [hideMessageButton, setHideMessageButton] = useState(false);\n const [mobilePhotoGallery, setMobilePhotoGallery] = useState(false);\n const [desktopPhotoGallery, setDesktopPhotoGallery] = useState(false);\n const [warning, setWarning] = useState({\n isOpen: false,\n isLowRating: false,\n isLongInactive: false,\n type: null,\n });\n const isCanReqPhotos = spot.spotPhotos?.length < SPOT_MIN_REQ_PHOTOS;\n\n const listBread = [\n {\n name: 'All dog parks',\n url: RouteFormatter.listings({}),\n },\n {\n name: spot?.state || '',\n url: RouteFormatter.listings({ first: spot?.stateUrl }) || '',\n },\n {\n name: spot?.city || '',\n url: spot?.cityUrl || '',\n },\n {\n name: spot?.title || '',\n },\n ];\n\n useEffect(() => {\n const htmlEle = document.documentElement;\n\n if (mobilePhotoGallery) {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n htmlEle.classList.add('root-html-focused');\n } else {\n setMobilePhotoCount(0);\n htmlEle.classList.remove('root-html-focused');\n }\n\n return () => htmlEle.classList.remove('root-html-focused');\n }, [mobilePhotoGallery]);\n\n useEffect(() => {\n const isBotCrawl = isbot(navigator.userAgent);\n trackEvent({ name: EVENTS_NAME.spot_detail_view, properties: { spot_id: spot.id } });\n\n const init = async () => {\n const results = await Promise.allSettled([\n getTestWithProbSSR({\n getProbTest,\n cookie: COOKIE_PARAM_NAME.SPOT_DETAIL_4686_TEST,\n userTestGroup: USER_TEST_GROUP.SPOT_DETAIL_TOP_BAR,\n }),\n ]);\n\n const isSpotTest = results[0].value;\n\n const isOldMsgBtnTest = Boolean(CookieService.default.get(COOKIE_PARAM_NAME.GUEST_NO_MESSAGE_BTN_TEST));\n const isNoMsgBtnTest = !isOldMsgBtnTest\n ? await getTestWithProbSSR({\n getProbTest,\n cookie: COOKIE_PARAM_NAME.GUEST_NO_MESSAGE_BTN_NEW_TEST,\n userTestGroup: USER_TEST_GROUP.GUEST_NO_MESSAGE_BTN_NEW_TEST,\n })\n : null;\n\n if (isNoMsgBtnTest !== null) {\n mutateViewFrontNoMessageBtnNew({\n variables: { testGroup: isNoMsgBtnTest, sessionUuid: CookieService.default.get(COOKIE_PARAM_NAME.SESSION_UUID) },\n });\n setHideMessageButton(isNoMsgBtnTest);\n }\n\n if (isSpotTest != null) {\n mutateViewSpotTopBar({ variables: { testGroup: isSpotTest } });\n setIsSpotTest(isSpotTest);\n }\n if (isSpotTest) {\n const spotId = spot.id;\n\n // get data for top bar test\n const splittedReff = window.document.referrer.split('-');\n\n if (splittedReff.length <= 1) {\n const center = { lat: parseFloat(spot.latitude), lng: parseFloat(spot.longitude) };\n const strCenter = JSON.stringify(center);\n const topBarProps = getTopBarProps(center);\n const res = await getSpotTopBarData({ variables: { id: spotId, ...topBarProps } });\n setTopBarData(res.data?.spot);\n CookieService.default.set(COOKIE_PARAM_NAME.FIRST_SPOT_4686, `${spotId}-S-${strCenter}`);\n setCanPrev(false);\n return;\n }\n\n const spotCookie = CookieService.default.get(COOKIE_PARAM_NAME.FIRST_SPOT_4686);\n const spotIdCookie = spotCookie?.split('-S-')[0];\n\n if (spotCookie && spotId == parseInt(spotId) && spotId != spotIdCookie) {\n const spotLatLng = spotCookie?.split('-S-')[1];\n const center = JSON.parse(spotLatLng);\n const topBarProps = getTopBarProps(center);\n const res = await getSpotTopBarData({ variables: { id: spotId, ...topBarProps } });\n setTopBarData(res.data?.spot);\n setCanPrev(true);\n } else {\n const center = { lat: parseFloat(spot.latitude), lng: parseFloat(spot.longitude) };\n const strCenter = JSON.stringify(center);\n const topBarProps = getTopBarProps(center);\n const res = await getSpotTopBarData({ variables: { id: spotId, ...topBarProps } });\n setTopBarData(res.data?.spot);\n CookieService.default.set(COOKIE_PARAM_NAME.FIRST_SPOT_4686, `${spotId}-S-${strCenter}`);\n setCanPrev(false);\n }\n }\n };\n\n !isBotCrawl && init();\n\n return () => {\n setSingleViewPhoto(null);\n setMobilePhotoCount(0);\n setDesktopPhotoCount(0);\n setMobilePhotoGallery(false);\n setDesktopPhotoGallery(false);\n };\n }, []);\n\n // guest auth test\n useEffect(() => {\n if (mobilePhotoGallery || desktopPhotoGallery) {\n const isBlurTest = checkBlurSignupTest();\n const re = `${window.location.pathname}#${mobilePhotoGallery ? AUTH_TESTS.MOBILE_PHOTO_GALLERY : AUTH_TESTS.DESKTOP_PHOTO_GALLERY}`;\n CookieService.default.set(COOKIE_PARAM_NAME.SIGN_UP_FROM, SIGN_UP_SRC.SPOT_DETAILS_WEB, { expires: 1 });\n CookieService.default.set(COOKIE_PARAM_NAME.REDIRECT, re);\n setSingleViewPhoto(null);\n setMobilePhotoCount(0);\n setDesktopPhotoCount(0);\n setMobilePhotoGallery(false);\n setDesktopPhotoGallery(false);\n if (isBlurTest) {\n setIsBlurTest(true);\n } else {\n window.location = RouteFormatter.signUp();\n }\n }\n }, [mobilePhotoGallery, desktopPhotoGallery]);\n\n useEffect(() => {\n if (!isBlurTest && showCalendar) {\n setShowCalendar('');\n }\n }, [isBlurTest]);\n\n const changeSort = (key, force) => {\n setSortBy(key);\n getReviews({\n variables: {\n id: spot.id,\n sortBy: SPOT_REVIEWS_SORT_CONTENT[key].sortBy,\n sortOrder: SPOT_REVIEWS_SORT_CONTENT[key].sortOrder,\n first: 10,\n },\n fetchPolicy: force ? 'network-only' : 'cache-and-network',\n });\n setSortReviews(SPOT_REVIEWS_SORT_CONTENT[key]);\n };\n\n const onAskQuestion = ({ preText }) => {\n const spotId = spot.id;\n CookieService.default.set(COOKIE_PARAM_NAME.SIGN_UP_FROM, SIGN_UP_SRC.MESSAGE_HOST_WEB, { expires: 1 });\n\n if (preText) {\n window.location = RouteFormatter.guestConversation({ channelId: spotId }, { query: { preText } });\n } else {\n window.location = RouteFormatter.guestConversation({ channelId: spotId });\n }\n };\n\n const singlePhotoHandler = (id) => {\n setMobilePhotoCount(id + 1);\n setSingleViewPhoto(id);\n };\n\n const toggleDesktopPhotoGallery = (idx = 0) => {\n setDesktopPhotoGallery(!desktopPhotoGallery);\n setDesktopPhotoCount(idx);\n };\n\n const handleNextDesktopGallery = () => {\n let newIdxPhoto = desktopPhotoCount;\n\n if ((isCanReqPhotos && newIdxPhoto == spot.spotPhotos?.length) || (!isCanReqPhotos && newIdxPhoto + 1 == spot.spotPhotos?.length)) {\n newIdxPhoto = 0;\n } else {\n newIdxPhoto++;\n }\n\n setDesktopPhotoCount(newIdxPhoto);\n };\n\n const handleBackDesktopGallery = () => {\n let newIdxPhoto = desktopPhotoCount;\n\n if (newIdxPhoto - 1 < 0) {\n newIdxPhoto = isCanReqPhotos ? spot.spotPhotos?.length : spot.spotPhotos.length - 1;\n } else {\n newIdxPhoto--;\n }\n\n setDesktopPhotoCount(newIdxPhoto);\n };\n\n const handleSwipeMobile = () => {\n const isBlurTest = checkBlurSignupTest();\n const re = `${window.location.pathname}#${AUTH_TESTS.MOBILE_PHOTO_GALLERY}`;\n CookieService.default.set(COOKIE_PARAM_NAME.SIGN_UP_FROM, SIGN_UP_SRC.SPOT_DETAILS_WEB, { expires: 1 });\n CookieService.default.set(COOKIE_PARAM_NAME.REDIRECT, re);\n setSingleViewPhoto(null);\n setMobilePhotoCount(0);\n setDesktopPhotoCount(0);\n setMobilePhotoGallery(false);\n setDesktopPhotoGallery(false);\n if (isBlurTest) {\n setIsBlurTest(true);\n } else {\n window.location = RouteFormatter.signUp();\n }\n };\n\n const toggleOpenSniffpass = () => setOpenSniffpass((o) => !o);\n const toggleOpenMembership = () => setOpenMembership((o) => !o);\n\n const handleMembershipBadge = () => {\n if (spot.isMember) {\n window.location = RouteFormatter.subscriptions();\n return;\n }\n setMemberSrc(SPOT_SRC_MEMBERSHIP.WEB_DETAIL_BADGE);\n toggleOpenMembership();\n };\n\n const handleSniffpassBadge = () => {\n setMemberSrc(SPOT_SRC_MEMBERSHIP.WEB_DETAIL_BADGE);\n toggleOpenSniffpass();\n };\n\n const handleMembershipReviewBadge = (e) => {\n e.stopPropagation();\n if (spot.isMember) {\n window.location = RouteFormatter.subscriptions();\n return;\n }\n setMemberSrc(SPOT_SRC_MEMBERSHIP.WEB_REVIEW_BADGE);\n toggleOpenMembership();\n };\n\n const handleBook = async (type) => {\n setMobilePhotoGallery(false);\n setDesktopPhotoGallery(false);\n\n if (!userDetails?.id) {\n const isBlurTest = await checkBlurSignupTest();\n const addedSrc = type == RESERVATION_TYPE.BOOK ? SPOT_SRC.WEB_SPOT : SPOT_SRC.WEB_CALENDAR;\n const signSrc = type == RESERVATION_TYPE.BOOK ? SIGN_UP_SRC.CHECKOUT_WEB : SIGN_UP_SRC.CALENDAR_WEB;\n const redirectUrl = `${window.location.href}#${addedSrc}`;\n CookieService.default.set(COOKIE_PARAM_NAME.REDIRECT, redirectUrl, { expires: 1 });\n CookieService.default.set(COOKIE_PARAM_NAME.SIGN_UP_FROM, signSrc, { expires: 1 });\n getRandomCookieTestSSR(COOKIE_PARAM_NAME.ONE_PAGE_CHECKOUT_TEST);\n if (isBlurTest) {\n setIsBlurTest(true);\n setShowCalendar(type === RESERVATION_TYPE.BOOK ? SPOT_SRC.WEB_SPOT : SPOT_SRC.WEB_CALENDAR);\n } else {\n window.location = RouteFormatter.signUp();\n }\n return;\n }\n\n const isLowRating = spot.rating !== null ? spot.rating < LOW_RATING_THRESHOLD : false;\n const isLongInactive = spot.inactiveWarning;\n const isFencingIssue =\n spot.enclosureType === ENCLOSURE_TYPE.FULLY_FENCED && spot.fencingPercentage !== null && spot.fencingPercentage < LOW_FENCING_THRESHOLD;\n const isCleanIssue = spot.cleanlinessPercentage && spot.cleanlinessPercentage < LOW_CLEAN_THRESHOLD;\n const isPhotosIssue = spot.spotPhotos?.length < LOW_PHOTOS_THRESHOLD;\n\n if (isLowRating || isLongInactive || isFencingIssue || isCleanIssue || isPhotosIssue) {\n if (!userDetails.id || (userDetails.id && !spot?.hasBookedBefore)) {\n setWarning({\n isOpen: true,\n isLowRating,\n isLongInactive,\n isFencingIssue,\n isCleanIssue,\n isPhotosIssue,\n type,\n SSR: true,\n });\n return;\n }\n }\n\n switch (type) {\n case RESERVATION_TYPE.BOOK:\n window.location.hash = SPOT_SRC.WEB_SPOT;\n setShowCalendar(SPOT_SRC.WEB_SPOT);\n break;\n case RESERVATION_TYPE.CALENDAR:\n window.location.hash = SPOT_SRC.WEB_CALENDAR;\n setShowCalendar(SPOT_SRC.WEB_CALENDAR);\n break;\n default:\n break;\n }\n };\n\n const goToReviews = () => reviewsRef.current && scrollToElement(reviewsRef.current, isMobile);\n const goToHost = () => hostRef.current && scrollToElement(hostRef.current, isMobile);\n\n const goToNewSniffpass = () => {\n window.location = RouteFormatter.subscriptionsNew(null, { query: { src: memberSrc } });\n };\n\n const goToMemberPage = () => {\n window.location = RouteFormatter.membershipsDetail({ id: spot.id }, { query: { src: memberSrc } });\n };\n\n const moreHandler = () => {\n const re = `${window.location.pathname}#${AUTH_TESTS.MORE_REVIEWS}`;\n CookieService.default.set(COOKIE_PARAM_NAME.SIGN_UP_FROM, SIGN_UP_SRC.SPOT_DETAILS_WEB, { expires: 1 });\n CookieService.default.set(COOKIE_PARAM_NAME.REDIRECT, re);\n const isBlurTest = checkBlurSignupTest();\n if (isBlurTest) {\n setIsBlurTest(true);\n } else {\n window.location = RouteFormatter.signUp();\n }\n };\n\n const handleCloseCal = () => {\n window.location.hash = '';\n setShowCalendar('');\n };\n\n const spotSrc = ImageHelper.getUrlFromOptions(spot.spotPhotos?.length ? spot.spotPhotos[0].imageAws : defImgSpot, `fit-in/${IMG_RESIZES.x0354}`);\n\n if (mobilePhotoGallery) {\n return (\n Other spots nearby
\n \n {spot.nearbySpots?.map((val, idx) => {\n return (\n
\n \n
\n \n \n \n \n )\n ) : (\n ''\n )}\n {/* */}\n\n {/* RENDER WARNING BEFORE BOOK */}\n 0}\n handleBook={handleBook}\n />\n )}\n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n {!hideMessageButton && (\n \n
\n )}\n \n
\n \n \n Ask the host a question\n \n
\n \n
\n {!showCalendar && (\n \n
\n \n
\n \n
\n \n {spot.offerMembership && spot.activeMembership && (\n \n
\n \n
\n \n \n Learn more\n \n
\n \n 
\n
\n Become a member!
\nSupport this host and access member-only hours with a fixed monthly price.
\nStarting at
\n{showPrice(spot.memberPrice2Hour)}
\nper dog per month
\n\n
\n \n
\n \n \n Learn more\n \n
\n \n
\n Become a Sniffpass holder!
\n\n Get discounts on all bookings at all spots by buying monthly credits! This spot offers additional discounts.\n
\n\nStarting at
\n{showPrice(16)}
\nper month
\n\n * {\n * e.preventDefault();\n * addTodo({ variables: { type: input.value } });\n * input.value = '';\n * }}\n * >\n * {\n * input = node;\n * }}\n * />\n * \n * \n *
\n * );\n * }\n * ```\n * @since 3.0.0\n * @param mutation - A GraphQL mutation document parsed into an AST by `gql`.\n * @param options - Options to control how the mutation is executed.\n * @returns A tuple in the form of `[mutate, result]`\n */\nexport function useMutation(mutation, options) {\n var client = useApolloClient(options === null || options === void 0 ? void 0 : options.client);\n verifyDocumentType(mutation, DocumentType.Mutation);\n var _a = React.useState({\n called: false,\n loading: false,\n client: client,\n }), result = _a[0], setResult = _a[1];\n var ref = React.useRef({\n result: result,\n mutationId: 0,\n isMounted: true,\n client: client,\n mutation: mutation,\n options: options,\n });\n useIsomorphicLayoutEffect(function () {\n Object.assign(ref.current, { client: client, options: options, mutation: mutation });\n });\n var execute = React.useCallback(function (executeOptions) {\n if (executeOptions === void 0) { executeOptions = {}; }\n var _a = ref.current, options = _a.options, mutation = _a.mutation;\n var baseOptions = __assign(__assign({}, options), { mutation: mutation });\n var client = executeOptions.client || ref.current.client;\n if (!ref.current.result.loading &&\n !baseOptions.ignoreResults &&\n ref.current.isMounted) {\n setResult((ref.current.result = {\n loading: true,\n error: void 0,\n data: void 0,\n called: true,\n client: client,\n }));\n }\n var mutationId = ++ref.current.mutationId;\n var clientOptions = mergeOptions(baseOptions, executeOptions);\n return client\n .mutate(clientOptions)\n .then(function (response) {\n var _a, _b;\n var data = response.data, errors = response.errors;\n var error = errors && errors.length > 0 ?\n new ApolloError({ graphQLErrors: errors })\n : void 0;\n var onError = executeOptions.onError || ((_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.onError);\n if (error && onError) {\n onError(error, clientOptions);\n }\n if (mutationId === ref.current.mutationId &&\n !clientOptions.ignoreResults) {\n var result_1 = {\n called: true,\n loading: false,\n data: data,\n error: error,\n client: client,\n };\n if (ref.current.isMounted && !equal(ref.current.result, result_1)) {\n setResult((ref.current.result = result_1));\n }\n }\n var onCompleted = executeOptions.onCompleted || ((_b = ref.current.options) === null || _b === void 0 ? void 0 : _b.onCompleted);\n if (!error) {\n onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(response.data, clientOptions);\n }\n return response;\n })\n .catch(function (error) {\n var _a;\n if (mutationId === ref.current.mutationId && ref.current.isMounted) {\n var result_2 = {\n loading: false,\n error: error,\n data: void 0,\n called: true,\n client: client,\n };\n if (!equal(ref.current.result, result_2)) {\n setResult((ref.current.result = result_2));\n }\n }\n var onError = executeOptions.onError || ((_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.onError);\n if (onError) {\n onError(error, clientOptions);\n // TODO(brian): why are we returning this here???\n return { data: void 0, errors: error };\n }\n throw error;\n });\n }, []);\n var reset = React.useCallback(function () {\n if (ref.current.isMounted) {\n var result_3 = {\n called: false,\n loading: false,\n client: ref.current.client,\n };\n Object.assign(ref.current, { mutationId: 0, result: result_3 });\n setResult(result_3);\n }\n }, []);\n React.useEffect(function () {\n var current = ref.current;\n // eslint-disable-next-line react-compiler/react-compiler\n current.isMounted = true;\n return function () {\n current.isMounted = false;\n };\n }, []);\n return [execute, __assign({ reset: reset }, result)];\n}\n//# sourceMappingURL=useMutation.js.map","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t