\n
\n )\n }\n\n return null\n}\n\nexport const LayoutWrapper: FunctionComponent\n\t\t\t\n\t\t\t\t{label}\n\t\t\t\n\t\t\t { setTextAreaFocus(true); }}\n\t\t\t\tonBlur={() => { setTextAreaFocus(false); }}\n\t\t\t\trows={rows}\n\t\t\t/>\n\t\t\t{error &&
\n\t);\n};\n\n/* eslint-disable react/require-default-props */\n/* eslint-disable react/forbid-prop-types */\n\n// Prop validation\nTextarea.propTypes = {\n\tvalue: PropTypes.string.isRequired, // value from parent\n\tonChange: PropTypes.func.isRequired, // onchange function that updates the value\n\tlabel: PropTypes.string.isRequired, // animated label\n\terror: PropTypes.bool, // bool from parent if field is incorrectly filled out\n\terrorMessage: PropTypes.string, // error message that is shown when field is incorrectly filled out\n\tmaxWidth: PropTypes.string, // change the maxwidth with any unit; default 400px\n\tstyles: PropTypes.object, // additional custom css props\n\trows: PropTypes.number, // how many rows of text\n};\n\n// Default textarea is a 400px wide textarea input that has 4 rows and is not required\nTextarea.defaultProps = {\n\tmaxWidth: '400px',\n\trows: 4,\n};\n\nexport default Textarea;\n","// extracted by mini-css-extract-plugin\nexport var error = \"Textarea-module--error--RVU9o\";\nexport var textAreaContainer = \"Textarea-module--textAreaContainer--W7l7q\";\nexport var textAreaField = \"Textarea-module--textAreaField--Gzh-W\";\nexport var textAreaLabel = \"Textarea-module--textAreaLabel--D3f3l\";\nexport var textAreaLabelMoved = \"Textarea-module--textAreaLabelMoved--N3eSQ\";\nexport var textAreaScrolled = \"Textarea-module--textAreaScrolled--blEun\";","// Imports\nimport React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\n// CSS\nimport * as Styles from './css/Input.module.css';\n\n// ======== Component ========\nconst Input = props => {\n\tconst {\n\t\tlabel,\n\t\tvalue,\n\t\ttype,\n\t\tonChange,\n\t\tstyles,\n\t\tmaxWidth,\n\t\terror,\n\t\terrorMessage,\n\t} = props;\n\t// State\n\tconst [inputFocus, setInputFocus] = useState(false);\n\n\t// Ref\n\tconst input = useRef(null);\n\n\tconst focusOnInput = () => {\n\t\tinput.current.focus();\n\t};\n\n\treturn (\n\t\t{errorMessage}
}\n\t\t\n\t\t\t\n\t\t\t\t{label}\n\t\t\t\n\t\t\t { setInputFocus(true); }}\n\t\t\t\tonBlur={() => { setInputFocus(false); }}\n\t\t\t/>\n\t\t\t{error &&
\n\t);\n};\n\n/* eslint-disable react/require-default-props */\n/* eslint-disable react/forbid-prop-types */\n\n// Prop validation\nInput.propTypes = {\n\tvalue: PropTypes.string.isRequired, // value from parent\n\tonChange: PropTypes.func.isRequired, // onchange function that updates the value\n\tlabel: PropTypes.string.isRequired, // animated label\n\ttype: PropTypes.string, // input type \"text\", \"password\", etc.\n\terror: PropTypes.bool, // bool from parent if field is incorrectly filled out\n\terrorMessage: PropTypes.string, // error message that is shown when field is incorrectly filled out\n\tmaxWidth: PropTypes.string, // change the maxwidth with any unit; default 400px\n\tstyles: PropTypes.object, // additional custom css props\n};\n\n// Default input is a 400px wide text input that is required\nInput.defaultProps = {\n\tmaxWidth: '400px',\n\ttype: 'text',\n};\n\nexport default Input;\n","// extracted by mini-css-extract-plugin\nexport var error = \"Input-module--error--quoNL\";\nexport var inputContainer = \"Input-module--inputContainer--6raBW\";\nexport var inputField = \"Input-module--inputField--2Bdug\";\nexport var inputLabel = \"Input-module--inputLabel--9eb61\";\nexport var inputLabelMoved = \"Input-module--inputLabelMoved--vzlwp\";","/* eslint-disable import/no-cycle */\n/* eslint-disable max-len */\n\n// Imports\nimport React, { useState, useEffect } from 'react';\nimport { navigate } from 'gatsby';\nimport axios from 'axios';\nimport {resolveDistributor} from '../utils';\n\n// CSS\nimport * as ProviderStyles from './css/Provider.module.css';\n\n// SVG\nimport Logo from '../assets/images/bb-logo-sidebar.svg';\nimport Flag from '../assets/images/flag-icon.svg';\nimport Close from '../assets/images/icons/icon_close.svg';\n\n// Components\nimport Nav from './Nav';\nimport Search from './Search';\nimport Form from './Form';\nimport Textarea from './Textarea';\nimport Input from './Input';\nimport Button from './Button';\n\n// React context\nexport const myContext = React.createContext({});\n\n// Email validation\nconst validateEmail = email => {\n\tconst emailRegex = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\treturn !emailRegex.test(email.toLowerCase());\n};\n\nconst distributorArr = ['AU', 'AT', 'BY', 'BE', 'CN', 'CR', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', 'HK', 'IL', 'IN', 'IT', 'KZ', 'LT', 'LU', 'LT', 'MO', 'MC', 'NL', 'NZ', 'PL', 'RU', 'ZA', 'KR', 'ES', 'IC', 'SE', 'CH', 'TH', 'TR', 'UA', 'SA', 'AE', 'OM', 'QA', 'KW', 'BH'];\n\n// ======== Component ========\nconst ProviderComponent = props => {\n\tconst {\n\t\tchildren,\n\t} = props;\n\n\t// State\n\tconst [data, setData] = useState(null);\n\tconst [ukPressData, setUKPressData] = useState(null);\n\tconst [tags, setTags] = useState(null);\n\tconst [mobileNavOpen, setMobileNavOpen] = useState(false);\n\tconst [searchValue, setSearchValue] = useState('');\n\tconst [loading, setLoading] = useState(true);\n\n\t// Distributors\n\tconst [distributor, setDistributor] = useState(false);\n\n\tuseEffect(() => {\n\t\tresolveDistributor(\n\t\t\tdistributorArr,\n\t\t\tsetDistributor\n\t\t);\n\t}, [setDistributor]);\n\n\t// Modal state\n\tconst [modalState, setModalState] = useState({\n\t\topen: false,\n\t\tproductHasBeenOpened: false,\n\t\tproductUrl: '',\n\t\tcontent: '', // \"info\", \"search\", \"product\", \"inquiries\" for different modal contents\n\t});\n\n\t// Form state\n\tconst [nameInput, setNameInput] = useState({ value: '', error: false });\n\tconst [emailInput, setEmailInput] = useState({ value: '', error: false });\n\tconst [textArea, setTextArea] = useState({ value: '', error: false });\n\tconst [formMessage, setFormMessage] = useState('');\n\tconst [buttonDisabled, setButtonDisabled] = useState(false);\n\n\t// Fetch the data and store it in state\n\tconst fetchedData = async() => {\n\t\tconst d = await axios.get('https://content.pilates.com/wp-json/wp/v2/uk/');\n\t\tsetData(() => d);\n\t};\n\n\t// Fetch UK press data from wordpress\n\tconst fetchUKPressData = async() => {\n\t\tconst pressData = await axios.get('https://content.pilates.com/wp-json/wp/v2/uk_press/');\n\t\tsetUKPressData(() => pressData);\n\t};\n\n\t// Fetch the tags and store it in state\n\tconst fetchedTags = async() => {\n\t\tconst t = await axios.get('https://content.pilates.com/wp-json/wp/v2/tags?per_page=100');\n\t\tlet tagArray = []; // [{ id: #, name: \"\" }, ...]\n\t\tfor (let i = 0; i < t.data.length; i++) {\n\t\t\ttagArray = [...tagArray, { id: t.data[i].id, name: t.data[i].name }];\n\t\t}\n\t\tsetTags(() => tagArray);\n\t};\n\n\t// Trigger fetchedData() and fetchedTags() on component mount, as well as check cookie\n\tuseEffect(() => {\n\t\tfetchedData();\n\t\tfetchedTags();\n\t\tfetchUKPressData();\n\t}, []);\n\n\t// Handle Loading state\n\tuseEffect(() => {\n\t\tsetLoading(() => true);\n\n\t\tconst isPressRoom = window.location.pathname.includes('press-room');\n\t\tif (isPressRoom) return ukPressData && setLoading(() => false);\n\n\t\tif (data && tags) return setLoading(() => false);\n\t}, [data, ukPressData, tags]);\n\n\t// Open/close mobile nav\n\tconst handleMobileNavOpen = () => {\n\t\tsetMobileNavOpen(!mobileNavOpen);\n\t};\n\n\t// Open/close modal\n\tconst handleModalOpen = value => {\n\t\tsetModalState({\n\t\t\t...modalState,\n\t\t\t...value,\n\t\t});\n\t\tif (value.open) {\n\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t} else {\n\t\t\tdocument.body.style.overflow = 'auto';\n\t\t}\n\t};\n\n\t// Search from header\n\tconst handleModalSearch = val => {\n\t\tsetSearchValue(val);\n\n\t\t// Closes modal if searching from mobile\n\t\tsetModalState({ ...modalState, open: false });\n\t\tdocument.body.style.overflow = 'auto';\n\n\t\t// Navigates to the search page (does nothing if already there)\n\t\tnavigate('/search');\n\t};\n\n\t// Form submission\n\tconst formSubmitAction = () => {\n\t\tsetButtonDisabled(true);\n\t\tsetFormMessage('Sending...');\n\t\tlet error = false;\n\n\t\t// Validate fields\n\t\tif (nameInput.value.length <= 0) {\n\t\t\tsetNameInput({ ...nameInput, error: true });\n\t\t\terror = true;\n\t\t}\n\t\tif (validateEmail(emailInput.value)) {\n\t\t\tsetEmailInput({ ...emailInput, error: true });\n\t\t\terror = true;\n\t\t}\n\t\tif (textArea.value.length <= 0) {\n\t\t\tsetTextArea({ ...textArea, error: true });\n\t\t\terror = true;\n\t\t}\n\n\t\t// Return if validation fails\n\t\tif (error) {\n\t\t\tsetButtonDisabled(false);\n\t\t\tsetFormMessage('');\n\t\t\treturn;\n\t\t}\n\n\t\t// Send email\n\t\tconst url = 'https://sites.pilates.com/email-webhooks/uk';\n\t\tconst headers = {\n\t\t\t'Content-Type': 'application/json',\n\t\t};\n\t\tconst requestOptions = {\n\t\t\tmethod: 'POST',\n\t\t\theaders,\n\t\t\tbody: JSON.stringify({\n\t\t\t\tfullname: nameInput.value,\n\t\t\t\temail: emailInput.value,\n\t\t\t\tmessage: textArea.value,\n\t\t\t}),\n\t\t};\n\n\t\tfetch(url, requestOptions)\n\t\t\t.then(response => {\n\t\t\t\tif (response.status !== 200) {\n\t\t\t\t\tthrow Error(setFormMessage(`POST error, status code: ${ response.status }`));\n\t\t\t\t}\n\t\t\t\tsetFormMessage('Thank you, your message has been sent.');\n\t\t\t})\n\t\t\t.catch(err => {\n\t\t\t\tsetFormMessage(err);\n\t\t\t\tsetButtonDisabled(false);\n\t\t\t});\n\t};\n\n\tfunction reset() {\n\t\tsetNameInput({ value: '', error: false });\n\t\tsetEmailInput({ value: '', error: false });\n\t\tsetTextArea({ value: '', error: false });\n\t\tsetFormMessage('');\n\t\tsetButtonDisabled(false);\n\t}\n\n\tif (loading) {\n\t\treturn (\n\t\t\t{errorMessage}
}\n\t\t\n\t\t\t\tLoading\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\n\t\t\t{/* Modal */}\n\t\t\t{modalState.open && (\n\t\t\t\t\n\t\t\t\t\t{/*
\n\n\t\t\t\t{/* Navigation */}\n\t\t\t\t\n Contact us • info@pilates.com or{\" \"}\n 0800 014 8207 or{\" \"}\n 0044 8000148207 (from Republic of Ireland)\n
*/}\n\t\t\t\t\tBalanced Body Equipment Ready to Ship in UK!
\n\t\t\t\t\t{/*25% DISCOUNT ON SELECTED EQUIPMENT- click here
*/}\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\thandleModalOpen({ ...modalState, open: false });\n\t\t\t\t\t\t\treset();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={ProviderStyles.modalBg}\n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/* Message */}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{/* Product modal */}\n\t\t\t\t\t\t{modalState.content === 'product' && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\thandleModalOpen({ ...modalState, open: false });\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tclassName={`link-text ${ ProviderStyles.modalClose }`}\n\t\t\t\t\t\t\t\t\tstyle={{ alignSelf: 'flex-start' }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tClose\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* Mobile search */}\n\t\t\t\t\t\t{modalState.content === 'search' && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tYou’re about to leave this site and enter pilates.com\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAll products on pilates.com are in US dollars and do not include duties,\n\t\t\t\t\t\t\t\t\ttaxes(VAT), and shipping.\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\thandleModalOpen({ ...modalState, open: false });\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName={`link-text ${ ProviderStyles.modalClose }`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tClose\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* How to purchase info */}\n\t\t\t\t\t\t{modalState.content === 'info' && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tGo to pilates.com\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tinfo@pilates.com\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t0800 014 8207\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tWe will respond within 24 hours.
\n\t\t\t\t\t\t\t\t\tThank you!
\n\t\t\t\t\t\t\t\tSearch
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\thandleModalOpen({ ...modalState, open: false });\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tclassName={`flex flex-ai-fe w100 ${ ProviderStyles.closeMenuContainer }`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tHave a question?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleModalOpen({ ...modalState, open: false });\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treset();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`flex flex-ai-fe w100 ${ ProviderStyles.closeMenuContainer }`}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{formMessage}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t{/* Rest of content */}\n\t\t\t{children}\n\t\t\n\t);\n};\n\n// ======== Component ========\nconst Provider = ({ element }) => {\n\treturn\n\t\t\t\n\t\t\t\t { setSearchText(e.target.value); }}\n\t\t\t\t\tclassName={'form-text'}\n\t\t\t\t\tstyle={{ maxWidth }}\n\t\t\t\t\taria-label={'Input search text'}\n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t\t
\n\t);\n};\n\n// Prop validation\nSearch.propTypes = {\n\tsearchAction: PropTypes.func.isRequired, // function to run when submitting the search\n\tmaxWidth: PropTypes.string, // change the maxwidth with any unit; default 250px\n};\n\nSearch.defaultProps = {\n\tmaxWidth: '250px',\n};\n\nexport default Search;\n","// extracted by mini-css-extract-plugin\nexport var form = \"Search-module--form--MwWk3\";\nexport var search = \"Search-module--search--udBJ2\";\nexport var searchButton = \"Search-module--searchButton--X9D1g\";\nexport var searchIcon = \"Search-module--searchIcon--2u0ef\";\nexport var searchPlaceholder = \"Search-module--searchPlaceholder--FTgiV\";","import fetch from 'isomorphic-fetch';\n\nconst BB_LOCATION_API_URL = 'https://websiteapis.azurewebsites.net/BBCountry/Location';\n\n/**\n * Check & set if user is in a distribrutor country\n * @param {array} wpDistributors - list of distributors managed in Wordpress\n * @param {function} setDistributor - store-context funciton to set the distributor (bool) variable\n */\n\n// const [distributor, setDistributor] = React.useState(false);\n\nexport const resolveDistributor = (wpDistributors, setDistributor) => {\n\tlet parsedDistrubutorData;\n\tconst localStorageKey = 'bb_distributor';\n\tconst existingDistributorData = localStorage.getItem(localStorageKey) || null;\n\n\t// Check if local storage variable is past the expiration date\n\n\tconst isExpired = expAt => {\n\t\treturn expAt < Date.now();\n\t};\n\n\t// Check if country is in list of distributors (Wordpress)\n\n\tconst isDistributor = iso => {\n\t\treturn wpDistributors?.some(dis => {\n\t\t\treturn dis.toUpperCase() === iso.toUpperCase().trim();\n\t\t});\n\t};\n\n\t// Parse JSON data\n\n\tif (existingDistributorData) {\n\t\ttry {\n\t\t\tparsedDistrubutorData = JSON.parse(existingDistributorData);\n\t\t} catch {\n\t\t\t// eslint-disable-next-line\n\t\t\tconsole.error('Error parsing distributor data JSON.');\n\t\t}\n\t}\n\n\t// If local storage data exists and is not expired\n\n\tif (parsedDistrubutorData && !isExpired(parsedDistrubutorData?.expiresAt)) {\n\t\t// If country is in the list of distributors, change distributor flag to true\n\n\t\tif (isDistributor(parsedDistrubutorData?.countryIso)) {\n\t\t\tsetDistributor(true);\n\t\t}\n\t} else {\n\t\t// Otherwise fetch new location data from api\n\n\t\tfetch(BB_LOCATION_API_URL, {\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/json',\n\t\t\t},\n\t\t})\n\t\t\t.then(async response => {\n\t\t\t\tswitch (true) {\n\t\t\t\t//\tHTTP 2xx\n\t\t\t\tcase /^2\\d{2}/.test(response.status):\n\t\t\t\t\treturn response.json();\n\t\t\t\t//\tHTTP xxx\n\t\t\t\tdefault:\n\t\t\t\t\tconst message = await response.text(); // eslint-disable-line\n\t\t\t\t\tthrow new Error(`We could not get geolocation data: ${ message }`);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.then(responseData => {\n\t\t\t\tif (!responseData) return;\n\n\t\t\t\tconst plus1Day = 1000 * 60 * 60 * 24;\n\t\t\t\tconst { country, country_iso: countryIso } = responseData;\n\t\t\t\tconst expiresAt = Date.now() + plus1Day;\n\n\t\t\t\tconst data = {\n\t\t\t\t\tcountry: country || '',\n\t\t\t\t\tcountryIso: countryIso || '',\n\t\t\t\t\texpiresAt,\n\t\t\t\t};\n\n\t\t\t\t// Set new local storage data\n\n\t\t\t\tlocalStorage.setItem(localStorageKey, JSON.stringify(data));\n\n\t\t\t\t// Update distributor flag\n\n\t\t\t\tif (isDistributor(countryIso)) {\n\t\t\t\t\tsetDistributor(true);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// eslint-disable-next-line\n\t\t\t\tconsole.error(error);\n\t\t\t});\n\t}\n};\n\nexport const isExternalUrl = url => {\n\tlet isExternal = false;\n\n\tif (url && (url.includes('//') || url.match(/((^(mailto|tel|sms|mms|affirm):)|www.)/) || url.includes('#'))) {\n\t\tisExternal = true;\n\t}\n\n\treturn isExternal;\n};\n","import invariant from \"invariant\";\n\n////////////////////////////////////////////////////////////////////////////////\n// startsWith(string, search) - Check if `string` starts with `search`\nvar startsWith = function startsWith(string, search) {\n return string.substr(0, search.length) === search;\n};\n\n////////////////////////////////////////////////////////////////////////////////\n// pick(routes, uri)\n//\n// Ranks and picks the best route to match. Each segment gets the highest\n// amount of points, then the type of segment gets an additional amount of\n// points where\n//\n// static > dynamic > splat > root\n//\n// This way we don't have to worry about the order of our routes, let the\n// computers do it.\n//\n// A route looks like this\n//\n// { path, default, value }\n//\n// And a returned match looks like:\n//\n// { route, params, uri }\n//\n// I know, I should use TypeScript not comments for these types.\nvar pick = function pick(routes, uri) {\n var match = void 0;\n var default_ = void 0;\n var _uri$split = uri.split(\"?\"),\n uriPathname = _uri$split[0];\n var uriSegments = segmentize(uriPathname);\n var isRootUri = uriSegments[0] === \"\";\n var ranked = rankRoutes(routes);\n for (var i = 0, l = ranked.length; i < l; i++) {\n var missed = false;\n var route = ranked[i].route;\n if (route.default) {\n default_ = {\n route: route,\n params: {},\n uri: uri\n };\n continue;\n }\n var routeSegments = segmentize(route.path);\n var params = {};\n var max = Math.max(uriSegments.length, routeSegments.length);\n var index = 0;\n for (; index < max; index++) {\n var routeSegment = routeSegments[index];\n var uriSegment = uriSegments[index];\n if (isSplat(routeSegment)) {\n // Hit a splat, just grab the rest, and return a match\n // uri: /files/documents/work\n // route: /files/*\n var param = routeSegment.slice(1) || \"*\";\n params[param] = uriSegments.slice(index).map(decodeURIComponent).join(\"/\");\n break;\n }\n if (uriSegment === undefined) {\n // URI is shorter than the route, no match\n // uri: /users\n // route: /users/:userId\n missed = true;\n break;\n }\n var dynamicMatch = paramRe.exec(routeSegment);\n if (dynamicMatch && !isRootUri) {\n var matchIsNotReserved = reservedNames.indexOf(dynamicMatch[1]) === -1;\n !matchIsNotReserved ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"Search
}\n\t\tNot Found!
\n // \\n\\t