\n \n {skatepark.displayString}\n \n ))}\n
\n );\n};\n","import { Skatepark } from '../types';\nconst STATE_ABBREVS = {\n california: 'CA',\n oregon: 'OR',\n washington: 'WA',\n};\n\nexport const titleize = (str: string) => {\n return str.replace(new RegExp('(?:\\\\b|_)([a-z])', 'g'), function (char) {\n return char.toUpperCase();\n });\n};\n\nexport const findMatchIndices = (str: string, searchStr: string) => {\n const regex = new RegExp(searchStr, 'gi');\n const matches = str.matchAll(regex);\n const indices = [];\n for (const match of matches) {\n if (match.index !== undefined) {\n indices.push(match.index);\n }\n }\n\n return indices;\n};\n\nconst json = async (response: Response) => {\n const contentType = response.headers.get('content-type');\n if (contentType?.includes('application/json')) {\n return await response.json();\n }\n};\n\ntype RequestOptions = {\n fetchOptions?: Record\n {isLoading\n ? 'Loading...'\n : `${numResults} ${numResults === 1 ? 'Match' : 'Matches'}`}\n
\n {results.map(skatepark => (\n\n {Object.values(chunks).map((chunk, index) => {\n if (chunk.bold) {\n return (\n \n {chunk.str}\n \n );\n }\n return chunk.str;\n })}\n
\n \n );\n};\n","export const classNames = (\n baseClass: string,\n ...optionalClasses: (string | Record{message}
\n \n )\n );\n};\n","import React, { useState, useEffect, useRef, ReactNode } from 'react';\n\nimport { SearchForm } from './SearchForm';\nimport { SearchResults } from './SearchResults';\nimport { Skatepark } from '../../types';\nimport { request, findMatchIndices } from '../../utils';\nimport { BoldString } from '../../components/BoldString';\nimport { Flash } from '../../components/Flash';\n\nconst STATE_DISPLAY = {\n california: 'CA',\n oregon: 'OR',\n washington: 'WA',\n};\n\nexport type SearchResult = Skatepark & {\n displayString: ReactNode;\n};\n\nexport const Search = () => {\n const [query, setQuery] = useState('');\n const [results, setResults] = useState\n
\n \n );\n};\n","import { SkateparkType, Resource, MapData, ResourceName } from './types';\nimport { Skatepark } from '../../types';\n\nconst DEFAULT_CENTER = {\n lat: 37.78,\n lng: -122.2432604,\n};\n\nconst COLOR_OPTIONS = {\n main: 'red-dot',\n nearby: 'green-dot',\n favorite: 'purple-dot',\n visited: 'yellow-dot',\n both: 'blue-dot',\n};\n\nexport const findMapCenter = (resource?: MapData) => {\n if (!resource) return DEFAULT_CENTER;\n\n let centerSource: Skatepark | undefined = resource.main?.items[0];\n\n if (centerSource === undefined) {\n const skateparks = Object.values(resource).find(\n things =>\n things.items.length > 0 &&\n things.items[0].latitude !== undefined &&\n things.items[0].longitude !== undefined,\n );\n\n centerSource = skateparks?.items[0];\n }\n\n if (\n centerSource !== undefined &&\n centerSource.latitude &&\n centerSource.longitude\n ) {\n return { lat: centerSource.latitude, lng: centerSource.longitude };\n }\n\n return DEFAULT_CENTER;\n};\n\nexport const getIcon = (type: SkateparkType) => {\n return (\n 'https://maps.google.com/mapfiles/ms/icons/' + COLOR_OPTIONS[type] + '.png'\n );\n};\n\n// format raw data for consumption by map components\nexport const resourceToMapData = (\n resource: Resource | undefined,\n resourceName: ResourceName,\n) => {\n if (resource === undefined) return;\n\n return {\n nearby: {\n isVisible: false,\n toggleEnabled: resourceName === 'skatepark',\n items: resource.nearby || [],\n type: 'nearby' as SkateparkType,\n },\n favorite: {\n isVisible: true,\n toggleEnabled: resourceName === 'user',\n items:\n // remove favorites that appear in 'both'\n resource.favorite?.filter(\n skatepark => resource.both?.[skatepark.slug] === undefined,\n ) || [],\n type: 'favorite' as SkateparkType,\n },\n visited: {\n isVisible: true,\n toggleEnabled: resourceName === 'user',\n items:\n // remove visited that appear in 'both'\n resource.visited?.filter(\n skatepark => resource.both?.[skatepark.slug] === undefined,\n ) || [],\n type: 'visited' as SkateparkType,\n },\n both: {\n isVisible: true,\n toggleEnabled: false,\n renderAsType: 'both' as SkateparkType,\n items: resource.both !== undefined ? Object.values(resource.both) : [],\n type: 'both' as SkateparkType,\n },\n main: {\n isVisible: true,\n toggleEnabled: false,\n items: resource.main || [],\n type: 'main' as SkateparkType,\n },\n };\n};\n","import { useEffect, useState } from 'react';\nimport { LatLng, MapData, Resource, ResourceName } from './types';\nimport { request } from '../../utils';\nimport { useJsApiLoader } from '@react-google-maps/api';\nimport { findMapCenter, resourceToMapData } from './utils';\n\ntype UseMapSetupArgs = {\n resourceName: ResourceName;\n resourceId: number;\n initialMapData: MapData | undefined;\n mapKey: string;\n};\n\nexport const useMapSetup = ({\n resourceName,\n resourceId,\n initialMapData,\n mapKey,\n}: UseMapSetupArgs) => {\n const [error, setError] = useState('');\n const [fetchIsLoading, setFetchIsLoading] = useState(false);\n const [mapData, setMapData] = useState\n
\n {titleize(skatepark.city)}
\n {skatepark.stars &&\n
\n );\n};\n","import React, { useMemo } from 'react';\nimport { GoogleMap } from '@react-google-maps/api';\nimport { useMapSetup } from './useMapSetup';\nimport { Flash } from '../Flash';\nimport { Resource, ResourceName } from './types';\nimport { resourceToMapData } from './utils';\nimport { MapContent } from './MapContent';\nimport { Options } from './Options';\nimport { Legend } from './Legend';\n\ntype GMapProps = {\n resourceName: ResourceName;\n resourceId: number;\n mapKey: string;\n resource?: Resource;\n};\n\nconst GMap = React.memo(function GMap({\n resourceName,\n resourceId,\n mapKey,\n resource: initialResource,\n}: GMapProps) {\n const zoom = resourceName === 'skatepark' ? 9 : 6;\n const initialMapData = useMemo(\n () => resourceToMapData(initialResource, resourceName),\n [initialResource],\n );\n\n const { isLoading, mapData, error, center, setMapData, setError } =\n useMapSetup({\n resourceName,\n resourceId,\n initialMapData,\n mapKey,\n });\n\n return (\n <>\n Legend
\n\n {main && (\n
\n \n })
\n
\n )}\n {icons.map((type: SkateparkType) => {\n return (\n {main}
\n\n })
\n
\n );\n })}\n {type}
\n\n {isLoading ? (\n \n {mapData !== undefined && (\n <>\n \n )}\n
\n \n );\n});\n\nexport { GMap };\n","// extracted by mini-css-extract-plugin\nexport default {\"modalContainer\":\"Cylm_7x6GKDwR7jStQJG\",\"modalContent\":\"t2l1FgqYNSjCJ0jT6ThA\",\"fullScreenMobile\":\"iBXCkYedFNMBSlFFPCmr\",\"modalHeader\":\"kcn3RubyvEBwr1PrjD11\",\"closeBtn\":\"yJIPlJTBkgfUBvUiH9N3\",\"modalBody\":\"xzYc2Z1D7hFAsliZT9L_\",\"modalFooter\":\"bUq4sxsL2zNzA92GuPJn\",\"mobileArrowLeftIcon\":\"QlPN8RC9LpYmBUFnBZgj\",\"mobileTimesIcon\":\"SyHAZ5vMwwSyzDVYq5RM\",\"enter\":\"ydOQUUX4f4s9XYFmDQde\",\"enterActive\":\"Cn5ADcxaysVYvM4pV_bi\",\"exit\":\"VGObrXLSwpT6zGLy0aUd\",\"exitActive\":\"F_gq2D4dy3fVggPAMpLA\"};","import { createContext } from 'react';\n\nexport type ModalContextProps = {\n onClose?: () => void;\n isVisible: boolean;\n className?: string;\n fullScreenMobile?: boolean;\n};\n\nexport const ModalContext = createContext\n \n
\n ) : (\n {children}
;\n};\n\nModal.Header = function ModalHeader({ children }: ChildrenProps) {\n return {children}
;\n};\n\nModal.Body = function ModalBody({ className, children }: ModalBodyProps) {\n return (\n \n {children}\n
\n );\n};\n\nModal.Footer = Footer;\n\nFooter.CloseBtn = function CloseBtn() {\n const { onClose } = useContext(ModalContext);\n\n return (\n {mainText}
\n \n{parkAttr}
;\n };\n\n const renderResults = (park: SearchResult) =>\n SKATEPARK_ATTRS.map(attrMap => (\n\n {displayAttr(park, attrMap.name)}\n
\n ));\n\n return skateparks?.map(park => (\n {renderResults(park)}
: renderResults(park)}\n \n ));\n};\n","import React, { Dispatch, MouseEvent, SetStateAction } from 'react';\nimport { SKATEPARK_ATTRS } from './constants';\nimport { useMediaQueries } from '../../hooks/useMediaQueries';\nimport { Attr, Filter } from '.';\n\ntype HeaderProps = {\n filters: Filter;\n setFilters: Dispatch\n {SKATEPARK_ATTRS.map(attrObj => {\n if (attrObj.name === 'obstacles') {\n if (isTablet) return;\n return
\n );\n};\n","import React from 'react';\n\ntype StarInputProps = {\n stars: number;\n setStars: (numStars: number) => void;\n showError: boolean;\n isTiny?: boolean;\n};\n\nexport const StarInput = ({\n stars,\n showError,\n setStars,\n isTiny,\n}: StarInputProps) => {\n const maxStars = 5;\n\n const handleStarsChange = (event: React.FormEvent{attrObj.text}
;\n }\n return (\n \n );\n })}\n\n {renderStars()}\n {renderEmptyStars()}\n
\n );\n};\n","import React, { Dispatch, FormEvent, SetStateAction } from 'react';\nimport { useMediaQueries } from '../../hooks/useMediaQueries';\nimport { Filter } from '.';\nimport { StarInput } from '../../components/StarInput';\n\ntype FiltersProps = {\n filters: Filter;\n setFilters: Dispatch\n {modifiedAddress && (\n \n \n \n )}\n \n {hasVisited && }\n \n \n \n {hasFavorited && }\n \n \n {isAdmin && (\n \n \n \n )}\n
\n You only get two reviews per park. Now go skate!
\n \n\n
\n {allRatings.length > 0 ? (\n <>\n {allRatings.map((rating, i) => (\n Reviews
\n \n\n 
\n
\n ))}\n \n
\n \n
\n {rating.author}
\n{rating.created_at}
\n{rating.review}
\nUser Rating
\n {averageRating &&No reviews yet
\n )}\n\n 
\n
\n );\n\n const formattedPhotos = photos.map(photo => ({\n original: photo.url,\n thumbnail: photo.url,\n }));\n\n return (\n photos.length > 0 && (\n \n
\n \n
\n {titleize(skatepark.name)}
\n {(hasFavorited || hasVisited) && (\n\n {hasVisited && }\n {hasFavorited && }\n
\n )}\n \n {skatepark.city}, {skatepark.state}\n
\n {skatepark.stars !== undefined &&\n {skatepark.address}\n {/* */}\n
\n\n {(INFO_ATTRS as InfoAttr[]).map(attr => {\n if (skatepark[attr] !== undefined)\n return (\n
\n \n \n
\n );\n })}\n {skatepark.info !== undefined && (\n {skatepark[attr]}
\n{skatepark.info}
\n )}\n\n
\n \n {skatepark.photos && skatepark.photos.length > 1 && (\n
\n \n );\n};\n","import React from 'react';\nimport { User } from '../../../types';\n\ntype ProfileCardProps = {\n user: User;\n numFavorites: number;\n numVisits: number;\n numRatings: number;\n};\n\nexport const ProfileCard = ({\n user,\n numFavorites,\n numVisits,\n numRatings,\n}: ProfileCardProps) => (\n \n 
\n
\n);\n","import React, { Dispatch, SetStateAction } from 'react';\nimport { Skatepark } from '../../../types';\nimport { skateparkLocation } from '../../../utils';\nimport { favoriteVisitSkatepark } from '../../../utils/favoriteVisitSkatepark';\nimport { UserSkateparkKey } from '.';\n\ntype SkateparkCollectionProps = {\n skateparks: Skatepark[];\n type: UserSkateparkKey;\n userId: number;\n setError: Dispatch{user.username}
\n{user.name}
\nJoined {user.created_at}
\n\n
\n \n Edit Info\n \n \n \n
\n {numFavorites}
\n\n \n
\n {numVisits}
\n\n \n
\n {numRatings}
\n\n setModalIsOpen(false)}>\n \n \n \n
\n );\n};\n","import React, { useState } from 'react';\nimport { Skatepark, User } from '../../../types';\nimport { GMap } from '../../../components/GoogleMap';\nimport { SkateparkReference } from '../../../components/GoogleMap/types';\nimport { ProfileCard } from './ProfileCard';\nimport { SkateparkCollection } from './SkateparkCollection';\n\ntype UserSkatepark = {\n favorite: Skatepark[];\n visited: Skatepark[];\n both: SkateparkReference;\n};\n\nexport type UserSkateparkKey = keyof Omit\n {!isTablet &&
\n \n
\n \n
\n \n {filteredSkateparks?.length}{' '}\n {`Result${filteredSkateparks?.length === 1 ? '' : 's'}`}\n
\n\n {isTablet && (\n \n )}\n\n
\n );\n};\n"],"names":["Stars","_ref","stars","tiny","isInteger","wholeStars","emptyStars","Number","Math","floor","React","_toConsumableArray","Array","map","_e","i","key","concat","className","SearchForm","exitResults","handleChange","query","handleFocus","action","id","placeholder","type","name","onChange","onFocus","value","onKeyDown","event","SearchResults","results","isLoading","numResults","length","skatepark","href","slug","displayString","_regeneratorRuntime","e","t","r","Object","prototype","n","hasOwnProperty","o","defineProperty","Symbol","a","iterator","c","asyncIterator","u","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","arg","call","h","l","f","s","y","GeneratorFunction","GeneratorFunctionPrototype","p","d","getPrototypeOf","v","values","g","defineIteratorMethods","forEach","_invoke","AsyncIterator","invoke","resolve","__await","then","callInvokeWithMethodAndArg","Error","done","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","push","resetTryEntry","completion","reset","isNaN","displayName","isGeneratorFunction","constructor","mark","setPrototypeOf","__proto__","awrap","async","Promise","keys","reverse","pop","prev","charAt","slice","stop","rval","handle","complete","finish","delegateYield","asyncGeneratorStep","gen","reject","_next","_throw","info","error","_asyncToGenerator","fn","self","args","arguments","apply","err","undefined","_createForOfIteratorHelper","allowArrayLike","it","isArray","minLen","_arrayLikeToArray","toString","from","test","_unsupportedIterableToArray","F","normalCompletion","didErr","step","_e2","arr","len","arr2","STATE_ABBREVS","california","oregon","washington","titleize","str","replace","RegExp","char","toUpperCase","findMatchIndices","searchStr","_step","regex","indices","_iterator","matchAll","match","index","json","_callee","response","contentType","_context","headers","get","includes","_x","request","_ref2","_callee2","url","options","responseJson","_options$onSuccess","_options$onError","_context2","fetch","fetchOptions","ok","onSuccess","message","statusText","t0","onError","_x2","_x3","BoldString","string","matchIndices","chunks","cursor","matchIndex","bold","chunk","classNames","baseClass","classes","_len","optionalClasses","_key","_i","_optionalClasses","_i2","_Object$keys","j","CLOSING_ANIMATION","Flash","onClose","_useState2","_slicedToArray","useState","isVisible","setIsVisible","_useState4","isClosing","setIsClosing","useEffect","setTimeout","_defineProperty","visible","onAnimationEnd","animationName","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","STATE_DISPLAY","DEFAULT_CENTER","lat","lng","COLOR_OPTIONS","main","nearby","favorite","visited","both","findMapCenter","resource","_resource$main","centerSource","items","skateparks","find","things","latitude","longitude","getIcon","resourceToMapData","resourceName","_resource$favorite","_resource$visited","toggleEnabled","filter","_resource$both","_resource$both2","renderAsType","useMapSetup","resourceId","initialMapData","mapKey","setError","fetchIsLoading","setFetchIsLoading","_useState6","mapData","setMapData","_useState8","center","setCenter","useJsApiLoader","googleMapsApiKey","isLoaded","handleError","handleSuccess","fetchedCollection","fetchResource","SkateparkMarker","isInfoWindowVisible","handleClick","handleCloseClick","Marker","position","icon","onClick","InfoWindow","onCloseClick","pixelOffset","window","google","maps","Size","map_photo","loading","src","city","MapContent","currentParkId","setCurrentParkId","skateparkMarkers","park","renderSkateparks","BUTTON_TEXT","Options","newVisibility","visibility","_visibility$favorite","_visibility$visited","favoriteVisibility","visitVisibility","newState","_objectSpread","collection","checked","Legend","icons","GMap","_mapData$main$items$","initialResource","zoom","useMemo","_useMapSetup","GoogleMap","ModalContext","createContext","fullScreenMobile","children","modalRef","useRef","_useContext","useContext","keyListener","listener","keyListenersMap","document","addEventListener","body","style","overflow","removeEventListener","Map","current","focasable","querySelectorAll","first","last","shiftKey","activeElement","focus","preventDefault","styles","modalContainer","role","target","Node","contains","stopPropagation","modalContent","Boolean","ref","closeBtn","title","mobileArrowLeftIcon","mobileTimesIcon","Modal","TransitionGroup","component","CSSTransition","timeout","Provider","ModalComponent","Footer","modalFooter","Header","_ref3","modalHeader","Body","_ref4","modalBody","CloseBtn","WarningModal","mainText","confirmText","onConfirm","SKATEPARK_ATTRS","text","useMediaQuery","mediaQuery","matchMedia","matches","setMatch","useMediaQueries","isMobile","isTablet","Results","displayAttr","attr","parkAttr","queryMatch","renderResults","attrMap","filters","setFilters","handleSort","currentTarget","getAttribute","sortAttr","sortOrder","attrObj","StarInput","showError","setStars","isTiny","handleStarsChange","newStars","htmlFor","renderEmptyStars","Filters","handleCheckboxChange","handleInputChange","starsEquality","Query","useToggle","intitial","toggleIsOn","setToggleIsOn","toggle","favoriteVisitSkatepark","userId","JSON","stringify","user_id","UserActions","hasFavorited","hasVisited","isAdmin","setHasFavorited","setHasVisited","address","visitIsLoading","setVisitIsLoading","favoriteIsLoading","setFavoriteIsLoading","_useToggle","warningModalIsShowing","toggleWarningModalIsShowing","toggleHasAction","setIsLoading","_event$currentTarget","modifiedAddress","rel","disabled","ReviewModal","handleSubmit","numUserRatings","onSubmit","Reviews","ratings","setRequestError","skateparkId","initialAverageRating","average_rating","formError","setFormError","review","setReview","averageRating","setAverageRating","modalIsShowing","toggleModalIsShowing","clearForm","unshift","new_average","data","skatepark_id","isValid","valid","_sortedRatings","allRatings","userRatings","otherRatings","rating","author_id","sortedRatings","avatar","author","created_at","Photos","photos","formattedPhotos","photo","original","thumbnail","ImageGallery","renderItem","item","INFO_ATTRS","INFO_ICONS","material","opened","designer","builder","size","hours","obstacles","helmet","lights","ProfileCard","user","numFavorites","numVisits","numRatings","username","SkateparkCollection","removePark","requestType","state","skateparkLocation","ReactOnRails","Search","setQuery","setResults","setSkateparks","_useState10","containerRef","handleClickOutside","searchSkateparks","filterQuery","searchResult","toLowerCase","storeSkateparks","getSkateparks","AdvancedSearch","params","URLSearchParams","location","search","modalIsOpen","setModalIsOpen","filteredSkateparks","setFilteredSkateparks","filterStars","filterStates","runFilters","filtersToRun","every","compareAttrs","b","attrA","attrB","comparison","sort","SkateparksShow","initialHasFavorited","initialHasVisited","showMap","status","closed","UsersShow","initialSkateparks","freshBoth","removeFromCollection"],"sourceRoot":""}\n
\n \n
\n \n
\n Favorites
\n {favorite.length > 0 && (\n\n
\n Visits
\n {visited.length > 0 && (\n