\r\n \r\n \r\n \r\n Provide your email address below to receive the details of the location.\r\n \r\n Required fields are marked with an * \r\n \r\n \r\n {\r\n (elementRefs.current.sendEmail = ref)}\r\n >\r\n Send Email Message\r\n \r\n \r\n \r\n The email you entered will not be collected or used for any marketing purpose.\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SendEmail;\r\n","import React, { useContext } from 'react';\r\nimport { GlobalStateContext } from 'context/global-context';\r\nimport ReactModal from 'react-modal';\r\nimport theme from 'styles/theme';\r\nimport { toggleEmailModal, isSentSmsToggle } from 'actions';\r\nimport {\r\n ModalTemplate\r\n} from '..';\r\nimport { sendSmsToPEmailOnLoadEvent } from '../../../../services/analytics';\r\nimport SendEmail from '../SendPhone/SendEmail';\r\n\r\nconst SendToEmailModal = () => {\r\n const { state: { isEmailOpen, isSmsSent }, dispatch } = useContext(GlobalStateContext);\r\n\r\n const toggleModalWindow = () => {\r\n dispatch(toggleEmailModal());\r\n };\r\n\r\n const onAfterOpen = () => {\r\n // eslint-disable-next-line no-undef\r\n const { NETWORK_ID } = window.CRD_GLOBAL;\r\n sendSmsToPEmailOnLoadEvent(NETWORK_ID);\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {errorData && \r\n {errorMessage}
\r\n }\r\n \r\n );\r\n};\r\n\r\n\r\nErrorModal.defaultProps = {\r\n errorData: {},\r\n isErrorModalOpen: false\r\n }\r\nexport default ErrorModal;\r\n","import React, { useState, useContext, useRef, useEffect, Fragment } from 'react';\r\nimport {\r\n Flex, Box, Text\r\n} from 'rebass';\r\nimport 'react-phone-number-input/style.css';\r\nimport get from 'lodash/get';\r\nimport useFontScaling from \"../../../../../hooks/useFontScaling\";\r\nimport { ThemeContext } from 'styled-components';\r\nimport Icon from '../../Icon/Icon';\r\nimport { ReactComponent as SmallMarkerIcon } from 'assets/images/icons/markers/marker-small-icon.svg';\r\n\r\nimport styled from 'styled-components';\r\n\r\n\r\nconst isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);\r\n/** custom style for ClosedInfoBox */\r\nconst ClosedInfoBox = styled.div`\r\n background: #FFDC61;\r\n border-radius: 3px;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n font-size: 10px;\r\n line-height: 13px;\r\n padding: 2px 5px;\r\n margin-left: 5px;\r\n text-align: center\r\n`;\r\n\r\nconst PrintableList = ({ item, index }) => {\r\n // eslint-disable-next-line no-unused-vars\r\n const elementRefs = useRef({});\r\n\r\n useFontScaling(elementRefs);\r\n const colors = get(useContext(ThemeContext), 'colors', {});\r\n const commonStyles = {\r\n flexShrink: 0,\r\n border: '1px solid rgba(0, 0, 0, 0.05)',\r\n borderRadius: '100%'\r\n };\r\n\r\n /** This function return Atm openstatus message depends om each staus */\r\n const getClosedInfoMessage = (restrictedAccess, accessHoursRestriction) => {\r\n let locationClosedMessage = restrictedAccess ? 'Restricted Access' : null;\r\n if (accessHoursRestriction) {\r\n if (restrictedAccess)\r\n locationClosedMessage = 'Restricted Access/Limited Hours';\r\n else\r\n locationClosedMessage = 'Limited Hours';\r\n }\r\n return locationClosedMessage;\r\n };\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n (elementRefs.current.name = ref)}\r\n >\r\n {item.name}\r\n \r\n (elementRefs.current.address = ref)}\r\n >\r\n {item.address}\r\n \r\n \r\n \r\n \r\n (elementRefs.current.milesAway = ref)}\r\n >\r\n {`${item.milesAway} Miles away`}\r\n\r\n \r\n \r\n {\r\n getClosedInfoMessage(item.RestrictedAccess, item.AccessHoursRestriction) ?\r\n \r\n \r\n \r\n (elementRefs.current.closedInfoMessage = ref)}>\r\n {getClosedInfoMessage(item.RestrictedAccess, item.AccessHoursRestriction)}\r\n \r\n \r\n \r\n \r\n\r\n : null\r\n }\r\n \r\n \r\n );\r\n};\r\n\r\nexport default PrintableList;\r\n","import React, { useContext, useState, useRef, useEffect,Fragment } from 'react';\r\nimport { GlobalStateContext } from 'context/global-context';\r\nimport { toggleResultListModal } from 'actions';\r\nimport ReactModal from 'react-modal';\r\nimport 'styled-components/macro';\r\n\r\nimport theme from 'styles/theme';\r\nimport { DEFAULT_SORT_OPTION } from '../../../../../constants/general';\r\nimport isMobileDevice from '../../../../../utils/deviceDetector'; \r\nimport { useReactToPrint } from 'react-to-print';\r\n\r\nimport {\r\n ModalTemplate, Button\r\n} from '../..';\r\nimport './index.css';\r\n\r\nimport ReactTooltip from 'react-tooltip';\r\nimport PrintableList from './PrintableList';\r\n\r\nconst isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);\r\n// sorting the result\r\nconst getSortedResults = (results, sortBy) => {\r\n if(results.length > 0) {\r\n if (sortBy === DEFAULT_SORT_OPTION) {\r\n return [...results].sort((a, b) => (a.milesAway - b.milesAway));\r\n }\r\n \r\n return [...results].sort((a, b) => {\r\n if (a.name < b.name) {\r\n return -1;\r\n }\r\n \r\n if (a.name > b.name) {\r\n return 1;\r\n }\r\n \r\n return 0;\r\n });\r\n }\r\n};\r\n\r\n// Modal to list the result with option to print it \r\nconst PopOutWindow = () => {\r\n const { state: {isResultListModalOpen, sortBy, resultList}, dispatch } = useContext(GlobalStateContext);\r\n //const isResultListModalOpen = isResultListModalOpen;\r\n const results = resultList && resultList.listData ? resultList.listData : resultList;\r\n const [sortedResults, setSortedResults] = useState([]);\r\n //modal close function\r\n const toggleModalWindow = () => {\r\n dispatch(toggleResultListModal(results));\r\n };\r\n const printListRef = useRef(null);\r\n \r\n const onAfterOpen = () => {\r\n // eslint-disable-next-line no-undef\r\n }\r\n \r\n useEffect(() => {\r\n if(results.length > 0) {\r\n setSortedResults(getSortedResults(results, sortBy))\r\n }\r\n }, [results, sortBy]);\r\n \r\n // Printing the modal content \r\n const handlePrint = useReactToPrint({\r\n content: () => printListRef.current,\r\n });\r\n\r\n \r\n return (\r\n \r\n \r\n Print \r\n \r\n {(\r\n \r\n {(sortedResults.length > 0) ? [...sortedResults].slice(0, 100).map((item, index)=>(\r\n \r\n )) : ''}\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\n\r\nPopOutWindow.defaultProps = {\r\n results: [],\r\n isResultListModalOpen: false\r\n}\r\nexport default PopOutWindow;\r\n","import React, { memo } from 'react';\r\nimport { Image } from 'rebass';\r\nimport 'styled-components/macro';\r\nimport ReactTooltip from 'react-tooltip';\r\nconst isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);\r\nconst Marker = memo(({ imgSrc, alt, styles,tip }) => (\r\n \r\n \r\n
\r\n));\r\n\r\nexport default Marker;\r\n","import { useState, useEffect } from 'react';\r\n\r\n/* eslint-disable no-undef */\r\nconst useWindowWidth = () => {\r\n const [width, setWidth] = useState(window.innerWidth);\r\n\r\n useEffect(() => {\r\n const handleResize = () => setWidth(window.innerWidth);\r\n window.addEventListener('resize', handleResize);\r\n\r\n return () => {\r\n window.removeEventListener('resize', handleResize);\r\n };\r\n }, []);\r\n\r\n return [width];\r\n};\r\n/* eslint-enable no-undef */\r\n\r\nexport default useWindowWidth;\r\n","import React, { useRef, useEffect } from 'react';\r\nimport {\r\n Box, Card, Flex, Image\r\n} from 'rebass';\r\nimport 'styled-components/macro';\r\nimport {css} from 'styled-components';\r\n\r\nimport theme from 'styles/theme';\r\nimport useWindowWidth from 'hooks/useWindowWidth';\r\nimport SEARCH_ICON from 'assets/images/icons/search.svg';\r\n\r\nconst MOBILE_PLACEHOLDER = 'Enter Address or Zip Code';\r\nconst DESKTOP_PLACEHOLDER = 'Enter Address or Zip Code';\r\n\r\nconst AutocompleteInput = ({ inputProps, ...others }) => {\r\n const [width] = useWindowWidth();\r\n const inputRef = useRef(null);\r\n\r\n //commented to remove the focus to input field on the initial load\r\n //useEffect(() => inputRef.current.focus(), []);\r\n\r\n const inputPlaceholder = width > theme.breakpoints[0]\r\n ? DESKTOP_PLACEHOLDER\r\n : MOBILE_PLACEHOLDER;\r\n\r\n return (\r\n \r\n \r\n \r\n {({\r\n getInputProps, getSuggestionItemProps, suggestions, loading\r\n }) => (\r\n \r\n \r\n {loading && (\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n {suggestions.map((suggestion) => {\r\n const id = suggestion.placeId;\r\n const style = suggestion.active\r\n ? { backgroundColor: theme.colors.greyLight, cursor: 'pointer' }\r\n : { backgroundColor: theme.colors.white, cursor: 'pointer' };\r\n\r\n return (\r\n \r\n {suggestion.description} \r\n \r\n );\r\n })}\r\n \r\n )}\r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nAutocomplete.defaultProps = {};\r\n\r\nexport default Autocomplete;\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n y: 7,\n width: 16,\n height: 2\n});\n\nvar _ref3 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 7,\n width: 2,\n height: 16\n});\n\nvar SvgPlusIcon = function SvgPlusIcon(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgPlusIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/plus-icon.3f08635b.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n width: 16,\n height: 2\n});\n\nvar SvgMinusIcon = function SvgMinusIcon(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 16,\n height: 2,\n viewBox: \"0 0 16 2\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgMinusIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/minus-icon.9a3646ad.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M10 0H12V2.05493C16.1716 2.51608 19.4839 5.82838 19.9451 10H22V12H19.9451C19.4839 16.1716 16.1716 19.4839 12 19.9451V22H10V19.9451C5.82838 19.4839 2.51608 16.1716 2.05493 12H0V10H2.05493C2.51608 5.82838 5.82838 2.51608 10 2.05493V0ZM10 4.07089C6.93431 4.5094 4.5094 6.93431 4.07089 10H7V12H4.07089C4.5094 15.0657 6.93431 17.4906 10 17.9291V15H12V17.9291C15.0657 17.4906 17.4906 15.0657 17.9291 12H15V10H17.9291C17.4906 6.93431 15.0657 4.5094 12 4.07089V7H10V4.07089Z\"\n});\n\nvar SvgYourLocationIcon = function SvgYourLocationIcon(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 22,\n height: 22,\n viewBox: \"0 0 22 22\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgYourLocationIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/your-location-icon.603853c9.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"style\", {\n type: \"text/css\"\n}, \"\\n\\t.st1{stroke-width:3;stroke-miterlimit:10;}\\n\\t.st2{stroke-width:2;stroke-miterlimit:10;}\\n\");\n\nvar _ref3 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st1\",\n d: \"M25.3,25.1C18,39,22.6,56.2,35.9,64.7c1.9,1.2,3.9,2.2,6,2.9c4.2,1.5,8.6,2.1,13.1,1.6 c3.9-0.4,7.7-1.5,11.2-3.3L25.3,25.1z M19.8,43.2c-0.9-7.1,0.6-14.4,4.2-20.6c0.1-0.1,0.1-0.2,0.2-0.3c0.5-0.5,1.2-0.5,1.7,0l0,0 l43,43l0,0c0.1,0.1,0.1,0.2,0.2,0.2c0.3,0.6,0.1,1.3-0.4,1.6c-10.5,6.2-23.7,6-34-0.6c-2-1.3-3.9-2.8-5.6-4.5 C23.9,57,20.7,50.4,19.8,43.2L19.8,43.2z\"\n});\n\nvar _ref4 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st1\",\n d: \"M45.7,69.1l8.1,16.7c0.3,0.6,0,1.3-0.5,1.6l0,0c-0.2,0.1-0.3,0.1-0.5,0.1H22c-0.6,0-1.2-0.5-1.2-1.2 c0-0.2,0.1-0.4,0.2-0.6l11.3-22c0.3-0.6,1-0.8,1.6-0.5c0.1,0,0.1,0.1,0.2,0.1l0,0c2.4,1.8,5,3.2,7.8,4.2c0.5,0.2,1,0.3,1.5,0.5 s1,0.3,1.5,0.4C45.2,68.6,45.5,68.8,45.7,69.1L45.7,69.1z M50.8,85.1l-7-14.5l-1.1-0.3c-0.5-0.2-1-0.3-1.6-0.5c-1.5-0.6-3-1.2-4.4-2 c-1-0.5-2-1.1-3-1.7l-9.9,19.2L50.8,85.1z\"\n});\n\nvar _ref5 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st2\",\n d: \"M54.5,36.3c0.5-0.5,1.2-0.5,1.7,0s0.5,1.2,0,1.7L48,46.1c-0.5,0.5-1.2,0.5-1.7,0l0,0c-0.4-0.5-0.4-1.2,0-1.7 L54.5,36.3z\"\n});\n\nvar _ref6 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st2\",\n d: \"M58.7,33.8c-0.7-0.7-1.8-0.7-2.5,0s-0.7,1.8,0,2.5s1.8,0.7,2.5,0C59.4,35.7,59.4,34.5,58.7,33.8z M57.4,31 c2.3,0,4.1,1.9,4.1,4.2c0,1.1-0.4,2.1-1.2,2.8c-1.6,1.6-4.2,1.7-5.8,0.1c-1.6-1.6-1.7-4.2-0.1-5.8C55.2,31.4,56.3,31,57.4,31z\"\n});\n\nvar _ref7 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st2\",\n d: \"M61,27.9c-0.6,0.1-1.3-0.2-1.4-0.9c-0.1-0.6,0.2-1.3,0.9-1.4c0.9-0.2,1.9-0.2,2.9,0c2,0.5,3.6,2,4.1,4.1 c0.2,0.9,0.2,1.9,0,2.9c-0.1,0.6-0.8,1-1.4,0.9s-1-0.8-0.9-1.4c0.1-0.6,0.1-1.2,0-1.8c-0.3-1.2-1.2-2.1-2.3-2.3 C62.2,27.7,61.6,27.7,61,27.9z\"\n});\n\nvar _ref8 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st2\",\n d: \"M58.9,21.3c-0.6,0.1-1.3-0.2-1.4-0.9c-0.1-0.6,0.2-1.3,0.9-1.4l0,0c2.1-0.5,4.4-0.5,6.5,0 c4.5,1,8.1,4.6,9.1,9.1c0.5,2.2,0.5,4.4-0.1,6.5c-0.1,0.6-0.8,1-1.4,0.9s-1-0.8-0.9-1.4c0.4-1.8,0.5-3.7,0.1-5.5 c-0.8-3.7-3.7-6.5-7.4-7.4C62.6,20.9,60.7,20.9,58.9,21.3L58.9,21.3z\"\n});\n\nvar _ref9 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st2\",\n d: \"M60.5,15.3c-0.6,0.1-1.3-0.3-1.4-0.9C59,13.8,59.4,13.1,60,13c2.8-0.7,5.6-0.7,8.4-0.1 c5.8,1.4,10.3,5.9,11.6,11.7c0.6,2.8,0.6,5.6-0.1,8.4c-0.1,0.6-0.7,1.1-1.3,1s-1.1-0.7-1-1.3c0-0.1,0-0.1,0-0.2 c0.6-2.4,0.6-4.9,0.1-7.3c-1.1-4.9-5-8.8-9.9-9.9C65.4,14.7,62.9,14.7,60.5,15.3L60.5,15.3z\"\n});\n\nvar _ref10 =\n/*#__PURE__*/\nReact.createElement(\"circle\", {\n className: \"st1\",\n cx: 57.4,\n cy: 35.1,\n r: 1.1\n});\n\nvar SvgRoadMapIcon = function SvgRoadMapIcon(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 100 100\",\n style: {\n enableBackground: \"new 0 0 100 100\"\n },\n xmlSpace: \"preserve\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgRoadMapIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/road-map-icon.cf0f5ef0.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"style\", {\n type: \"text/css\"\n}, \"\\n\\t.st1{stroke-width:4;stroke-miterlimit:10;}\\n\\t.st2{stroke-width:3;stroke-miterlimit:10;}\\n\");\n\nvar _ref3 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M25.28,25.09c3.64,3.15,6.45,5.84,8.29,7.66,3.77,3.71,9.39,9.62,13,13.08,1.27,1.22,2.22,2.1,2.22,2.1,1.78,1.66,2.39,2.12,3.54,3.22,1.43,1.35,1.83,1.89,3.11,3.21,3.19,3.32,4.16,3.52,6.43,5.88a30.59,30.59,0,0,1,4.3,5.7ZM19.79,43.25A32.6,32.6,0,0,1,24,22.67a1,1,0,0,1,.23-.33,1.17,1.17,0,0,1,1.66,0l43,43h0a1.08,1.08,0,0,1,.18.24,1.17,1.17,0,0,1-.42,1.6,32.67,32.67,0,0,1-34-.58,33.32,33.32,0,0,1-5.6-4.49,32.49,32.49,0,0,1-9.28-18.9Z\"\n});\n\nvar _ref4 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M45.67,69.12l8.08,16.7a1.16,1.16,0,0,1-.55,1.56,1.11,1.11,0,0,1-.5.12H22a1.17,1.17,0,0,1-1.17-1.17,1.14,1.14,0,0,1,.17-.61L32.3,63.77a1.18,1.18,0,0,1,1.58-.51.91.91,0,0,1,.16.11h0a30,30,0,0,0,7.85,4.23c.45.16,1,.32,1.48.48s1,.3,1.52.42a1.14,1.14,0,0,1,.78.63Zm5.16,16-7-14.54-1.09-.3c-.51-.16-1-.33-1.61-.54a32.54,32.54,0,0,1-4.4-2A32.94,32.94,0,0,1,33.76,66L23.9,85.16Z\"\n});\n\nvar _ref5 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M54.5,36.31A1.17,1.17,0,0,1,56.16,38L48,46.14a1.17,1.17,0,0,1-1.66,0,1.19,1.19,0,0,1,0-1.66Z\"\n});\n\nvar _ref6 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M58.7,33.83a1.79,1.79,0,0,0-2.52,0,1.78,1.78,0,0,0,2.52,2.52,1.79,1.79,0,0,0,0-2.52ZM57.44,31a4.13,4.13,0,0,1,2.92,7,4.12,4.12,0,1,1-2.92-7Z\"\n});\n\nvar _ref7 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M54.5,36.3c0.5-0.5,1.2-0.5,1.7,0s0.5,1.2,0,1.7L48,46.1c-0.5,0.5-1.2,0.5-1.7,0l0,0c-0.4-0.5-0.4-1.2,0-1.7 L54.5,36.3z\"\n});\n\nvar _ref8 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st2\",\n d: \"M61,27.9c-0.6,0.1-1.3-0.2-1.4-0.9c-0.1-0.6,0.2-1.3,0.9-1.4c0.9-0.2,1.9-0.2,2.9,0c2,0.5,3.6,2,4.1,4.1 c0.2,0.9,0.2,1.9,0,2.9c-0.1,0.6-0.8,1-1.4,0.9s-1-0.8-0.9-1.4c0.1-0.6,0.1-1.2,0-1.8c-0.3-1.2-1.2-2.1-2.3-2.3 C62.2,27.7,61.6,27.7,61,27.9z\"\n});\n\nvar _ref9 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st2\",\n d: \"M58.9,21.3c-0.6,0.1-1.3-0.2-1.4-0.9c-0.1-0.6,0.2-1.3,0.9-1.4l0,0c2.1-0.5,4.4-0.5,6.5,0 c4.5,1,8.1,4.6,9.1,9.1c0.5,2.2,0.5,4.4-0.1,6.5c-0.1,0.6-0.8,1-1.4,0.9s-1-0.8-0.9-1.4c0.4-1.8,0.5-3.7,0.1-5.5 c-0.8-3.7-3.7-6.5-7.4-7.4C62.6,20.9,60.7,20.9,58.9,21.3L58.9,21.3z\"\n});\n\nvar _ref10 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n className: \"st2\",\n d: \"M60.5,15.3c-0.6,0.1-1.3-0.3-1.4-0.9C59,13.8,59.4,13.1,60,13c2.8-0.7,5.6-0.7,8.4-0.1 c5.8,1.4,10.3,5.9,11.6,11.7c0.6,2.8,0.6,5.6-0.1,8.4c-0.1,0.6-0.7,1.1-1.3,1s-1.1-0.7-1-1.3c0-0.1,0-0.1,0-0.2 c0.6-2.4,0.6-4.9,0.1-7.3c-1.1-4.9-5-8.8-9.9-9.9C65.4,14.7,62.9,14.7,60.5,15.3L60.5,15.3z\"\n});\n\nvar _ref11 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 31.82,\n y: 60.62,\n width: 14.83,\n height: 26.33\n});\n\nvar _ref12 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 23.48,\n y: 81.52,\n width: 27.35,\n height: 4.74\n});\n\nvar _ref13 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 25.48,\n y: 78.42,\n width: 7.76,\n height: 4.1\n});\n\nvar _ref14 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 25.81,\n y: 77.64,\n width: 10.53,\n height: 2.44\n});\n\nvar _ref15 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 30.02,\n y: 68.88,\n width: 1.88,\n height: 13.19\n});\n\nvar _ref16 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 28.25,\n y: 74.09,\n width: 5.32,\n height: 6.54\n});\n\nvar _ref17 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 29.03,\n y: 72.87,\n width: 1.77,\n height: 2.11\n});\n\nvar _ref18 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 26.92,\n y: 76.42,\n width: 2.33,\n height: 2.33\n});\n\nvar _ref19 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 45.54,\n y: 76.42,\n width: 2.77,\n height: 6.98\n});\n\nvar _ref20 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 44.66,\n y: 80.19,\n width: 6.21,\n height: 4.43\n});\n\nvar _ref21 =\n/*#__PURE__*/\nReact.createElement(\"rect\", {\n x: 46.93,\n y: 79.91,\n width: 2.38,\n height: 2.16\n}, React.createElement(\"circle\", {\n cx: 57.57,\n cy: 35.24,\n r: 2.05\n}));\n\nvar SvgSatelliteIcon = function SvgSatelliteIcon(_ref) {\n var svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n viewBox: \"0 0 100 100\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), _ref2, _ref3, _ref4, _ref5, _ref6, \" -->\\n\", _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgSatelliteIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/satellite-icon.4182af2e.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useContext } from 'react';\r\nimport 'styled-components/macro';\r\nimport { Flex } from 'rebass';\r\nimport { ThemeContext } from 'styled-components';\r\nimport get from 'lodash/get';\r\n\r\nimport theme from 'styles/theme';\r\nimport { ReactComponent as PlusIcon } from 'assets/images/icons/mapControls/plus-icon.svg';\r\nimport { ReactComponent as MinusIcon } from 'assets/images/icons/mapControls/minus-icon.svg';\r\nimport { ReactComponent as YourLocationIcon } from 'assets/images/icons/mapControls/your-location-icon.svg';\r\nimport { ReactComponent as roadmapIcon } from 'assets/images/icons/mapControls/road-map-icon.svg';\r\nimport { ReactComponent as satelliteIcon } from 'assets/images/icons/mapControls/satellite-icon.svg';\r\n\r\nimport withFocus from '../../../shared/withFocus';\r\nimport withRef from '../../../shared/withRef';\r\nimport ReactTooltip from 'react-tooltip';\r\nimport isMobileDevice from '../../../../../utils/deviceDetector';\r\nconst CONTROL_BUTTON_TYPES = {\r\n PLUS: 'Plus',\r\n MINUS: 'Minus',\r\n YOUR_LOCATION: 'Your location',\r\n MAP_TYPE : 'Map type'//newly added for satelliteview\r\n};\r\n\r\n\r\n\r\nconst ControlButton = (props) => {\r\n const colors = get(useContext(ThemeContext), 'colors', {});\r\n\r\n const {\r\n type, onClick, onKeyDown, forwardedRef,toolTip,alt,roadmapType\r\n } = props;\r\n\r\n const BUTTONS_META_MAPPER = {\r\n [CONTROL_BUTTON_TYPES.PLUS]: {\r\n borderRadius: `${theme.radii[1]}px ${theme.radii[1]}px 0 0`,\r\n ariaLabel: 'Zoom in',\r\n label: 'Zoom in',\r\n iconComponent: PlusIcon,\r\n arialabelledby:\"Zoom-in-button\"\r\n },\r\n [CONTROL_BUTTON_TYPES.MINUS]: {\r\n borderRadius: `0 0 ${theme.radii[1]}px ${theme.radii[1]}px`,\r\n ariaLabel: 'Zoom out',\r\n label: 'Zoom out',\r\n iconComponent: MinusIcon,\r\n arialabelledby:\"Zoom-out-button\"\r\n },\r\n [CONTROL_BUTTON_TYPES.YOUR_LOCATION]: {\r\n borderRadius: `${theme.radii[1]}px`,\r\n ariaLabel: 'Your Location',\r\n label: 'Your Location',\r\n iconComponent: YourLocationIcon,\r\n arialabelledby:\"location-button\"\r\n },\r\n [CONTROL_BUTTON_TYPES.MAP_TYPE]: {\r\n borderRadius: `${theme.radii[1]}px`,\r\n ariaLabel: roadmapType ? \"Roadmap View\" : \"Satellite View\",\r\n label: 'Map type',\r\n iconComponent: roadmapType ? roadmapIcon : satelliteIcon\r\n }\r\n };\r\n\r\n const {\r\n borderRadius,\r\n ariaLabel,\r\n iconComponent,\r\n arialabelledby\r\n } = BUTTONS_META_MAPPER[type] || {};\r\n\r\n const iconSquareSide = CONTROL_BUTTON_TYPES.YOUR_LOCATION === type ? '22px' : '16px';\r\n const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);\r\n\r\n const handleClick = () => {\r\n if (onClick) {\r\n onClick();\r\n }\r\n };\r\n\r\n const controlStyles = {\r\n fill: colors.primaryButtonColor,\r\n stroke: roadmapType ? CONTROL_BUTTON_TYPES.MAP_TYPE === type ? colors.primaryButtonColor : '' : CONTROL_BUTTON_TYPES.MAP_TYPE === type ? colors.primaryButtonColor : '',\r\n width: CONTROL_BUTTON_TYPES.MAP_TYPE === type ? '50px' : iconSquareSide,\r\n height: CONTROL_BUTTON_TYPES.MAP_TYPE === type ? '50px' : iconSquareSide\r\n };\r\n\r\n return (\r\n \r\n \r\n {React.createElement(iconComponent, controlStyles)}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nControlButton.types = {\r\n PLUS: CONTROL_BUTTON_TYPES.PLUS,\r\n MINUS: CONTROL_BUTTON_TYPES.MINUS,\r\n YOUR_LOCATION: CONTROL_BUTTON_TYPES.YOUR_LOCATION,\r\n MAP_TYPE:CONTROL_BUTTON_TYPES.MAP_TYPE\r\n};\r\n\r\nexport const ControlButtonWithFocus = withFocus(withRef(ControlButton));\r\n\r\nexport default ControlButton;\r\n","import React, { useContext, useState } from 'react';\r\nimport { Box } from 'rebass';\r\nimport 'styled-components/macro';\r\nimport isNil from 'lodash/isNil';\r\n\r\nimport theme from 'styles/theme';\r\nimport usePosition from 'hooks/usePosition';\r\nimport keyboardCodes from 'constants/keyboardCodes';\r\nimport { setUserCurrentLocation } from 'actions';\r\nimport {\r\n DECREASE_ZOOM_LEVEL,\r\n INCREASE_ZOOM_LEVEL,\r\n MAX_ZOOM_LEVEL\r\n} from 'constants/general';\r\n\r\nimport ControlButton, { ControlButtonWithFocus } from './ControlButton';\r\nimport { GlobalStateContext } from '../../../../context/global-context';\r\nimport isMobileDevice from '../../../../utils/deviceDetector';\r\n\r\nconst MapControls = ({ googleMap }) => {\r\n const { dispatch } = useContext(GlobalStateContext);\r\n const { latitude: lat, longitude: lng } = usePosition();\r\n const {\r\n LEFT, UP, RIGHT, DOWN\r\n } = keyboardCodes.ARROW_PAD;\r\n\r\n const { PLUS, MINUS, YOUR_LOCATION, MAP_TYPE } = ControlButton.types;\r\n const getCurrentZoom = () => googleMap.getZoom();\r\n const [roadmapType, setroadmapType] = useState(true);\r\n const handleZoomIn = () => {\r\n const zoom = getCurrentZoom() + INCREASE_ZOOM_LEVEL;\r\n googleMap.setZoom(zoom);\r\n };\r\n\r\n const handleZoomOut = () => {\r\n const zoom = getCurrentZoom() - DECREASE_ZOOM_LEVEL;\r\n googleMap.setZoom(zoom);\r\n };\r\n\r\n const handleOnKeyDown = ({ key }) => {\r\n if ([LEFT, UP].includes(key)) handleZoomIn();\r\n if ([RIGHT, DOWN].includes(key)) handleZoomOut();\r\n };\r\n\r\n const handleNavigateToCurrentLocation = () => {\r\n const mapCenter = { lat, lng };\r\n googleMap.panTo(mapCenter);\r\n googleMap.setZoom(MAX_ZOOM_LEVEL);\r\n\r\n dispatch(setUserCurrentLocation(mapCenter));\r\n };\r\n //This function handles satellite Toggle view\r\n const toggleMapType = () => {\r\n if (roadmapType) {\r\n //hybrid or satellite\r\n googleMap.setMapTypeId('hybrid');\r\n setroadmapType(false)\r\n }\r\n else {\r\n //default view\r\n googleMap.setMapTypeId('roadmap');\r\n setroadmapType(true)\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {\r\n !isNil(lat)\r\n ? (\r\n \r\n \r\n {\r\n info ? (\r\n // eslint-disable-next-line react/jsx-one-expression-per-line\r\n Locations within: {info} \r\n ) : null\r\n }\r\n \r\n );\r\n};\r\n\r\nexport default SearchDetails;\r\n","import React, { useEffect, useRef } from 'react';\r\nimport { Box, Card, Flex, Heading, Text } from 'rebass';\r\n\r\nimport CLOSE_ICON from 'assets/images/icons/arrows/close-icon.svg';\r\nimport theme from 'styles/theme';\r\nimport 'styled-components/macro';\r\nimport keyboardCodes from 'constants/keyboardCodes';\r\nimport { IconWithFocus } from '..';\r\nimport withRef from '../../shared/withRef';\r\nimport useFontScaling from \"../../../../hooks/useFontScaling\";\r\n\r\nconst { ENTER, SPACE } = keyboardCodes.ALPHANUMERIC.FUNCTIONAL;\r\n\r\nconst CloseButton = withRef(IconWithFocus);\r\nconst IOS_PLATFORMS = {\r\n IPHONE: 'iPhone',\r\n IPOD: 'iPod',\r\n IPAD: 'iPad'\r\n};\r\n\r\nconst LocationDetailsModal = ({\r\n onClose, children, label, open, cssClass, id, ...others\r\n}) => {\r\n const closeRef = useRef(null);\r\n const elementRefs = useRef({});\r\n useFontScaling(elementRefs);\r\n\r\n useEffect(() => {\r\n if (open && closeRef.current) {\r\n closeRef.current.focus();\r\n }\r\n }, [open]);\r\n\r\n const handleOnKeyDown = ({ key }) => {\r\n if ([SPACE, ENTER].includes(key)) {\r\n onClose();\r\n }\r\n };\r\n const isIOsPlatform = () => {\r\n // eslint-disable-next-line no-undef\r\n const checkPlatform = platform => navigator.platform.indexOf(platform) !== -1;\r\n const isIOSPlatform = Object\r\n .values(IOS_PLATFORMS)\r\n .some(platform => checkPlatform(platform));\r\n\r\n if (isIOSPlatform) {\r\n return true \r\n }else{\r\n return false \r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n (elementRefs.current.label = ref)}\r\n >\r\n {label}\r\n \r\n \r\n handleApiLoaded(map)}\r\n >\r\n {children}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Map;\r\n\r\nMap.defaultProps = {\r\n mapCenter: {\r\n lat: 32.783,\r\n lng: -96.806\r\n },\r\n zoom: 11\r\n};\r\n","import React, {\r\n Fragment, useContext, useState, useEffect\r\n} from 'react';\r\nimport ReactGA from 'react-ga4';\r\nimport { Flex, Box } from 'rebass';\r\nimport { SpinLoader } from 'react-css-loaders';\r\nimport 'styled-components/macro';\r\nimport isEmpty from 'lodash/isEmpty';\r\nimport isUndefined from 'lodash/isUndefined';\r\nimport map from 'lodash/map';\r\nimport get from 'lodash/get';\r\nimport theme from 'styles/theme';\r\nimport { DEFAULT_COORDS, MAIN_PAGE_VIEW, DEFAULT_MILESAWAY, DEFAULT_ZOOM } from 'constants/general';\r\n\r\nimport USER_MARKER from 'assets/images/icons/markers/user-marker.svg';\r\nimport PLACE_MARKER from 'assets/images/icons/markers/place-marker.svg';\r\nimport FACEBOOK_ICON from 'assets/images/icons/socials/facebook.svg';\r\nimport INSTAGRAM_ICON from 'assets/images/icons/socials/instagram.svg';\r\nimport TWITTER_ICON from 'assets/images/icons/socials/twitter.svg';\r\nimport LINKEDIN_ICON from 'assets/images/icons/socials/linkedin.svg';\r\n\r\nimport useDataApi from 'hooks/useDataApi';\r\nimport usePosition from 'hooks/usePosition';\r\nimport { GlobalStateContext } from 'context/global-context';\r\nimport keyboardCodes from 'constants/keyboardCodes';\r\nimport { setPlaceCoords, defaultZoomUp, setSearchThisAreaClicked,setSearchAddressFromGeoCoder } from 'actions';\r\nimport { isNull } from 'lodash';\r\n\r\nimport { closeModals, setUserManaualZoom, setUserCurrentLocation, hideLocationDetails, setMapLocationWithZoom, setStaticPlaceCoords } from 'actions';\r\nimport {\r\n Header,\r\n LocationMarker,\r\n Results,\r\n Search,\r\n LocationInfo,\r\n SearchArea,\r\n SendToPhoneModal,\r\n SendToEmailModal,\r\n ContactUsModal,\r\n Marker,\r\n MapControls,\r\n SearchDetails,\r\n PopOutWindow,\r\n ErrorModal\r\n} from './components';\r\nimport Map from './shared/Map';\r\nimport { setCurrentUserCoords, } from 'actions';\r\nimport { ThemeContext } from 'styled-components';\r\nimport isMobileDevice from '../../utils/deviceDetector';\r\n// required in order to avoid axe RenderToString issue\r\nconst isTestEnvironment = process.env.NODE_ENV === 'test';\r\n\r\nconst { ESCAPE } = keyboardCodes.FUNCTION;\r\nconst { TAB } = keyboardCodes.ALPHANUMERIC.FUNCTIONAL;\r\n\r\nconst KEYBOARD_NAVIGATION_CLASS = 'keyboard-navigation';\r\n\r\nconst APP_CONFIG = {\r\n NETWORK_ID: null,\r\n LOCATION_RADIUS: 10,\r\n shouldDispalyConfiguredLocation: false\r\n};\r\n\r\nconst initializeVisitorsCount = (NETWORK_ID) => {\r\n // eslint-disable-next-line no-undef\r\n const { APP_GOOGLE_ANALYTICS_DIMENSION } = window.CRD_GLOBAL;\r\n ReactGA.ga('send', 'pageview', MAIN_PAGE_VIEW, { [APP_GOOGLE_ANALYTICS_DIMENSION]: NETWORK_ID });\r\n};\r\n\r\nconst Scene = () => {\r\n const { state, dispatch } = useContext(GlobalStateContext);\r\n const { latitude, longitude, error } = usePosition();\r\n const [googleMap, setGoogleMap] = useState(null);\r\n const [isPlaceEntered, setIsPlaceEntered] = useState(false);\r\n const [showSearchButton, setShowSearchButton] = useState(false);\r\n const [isappliedBounds, setIsappliedBounds] = useState(false);\r\n const [initialLoad, setInitialLoad] = useState(false);\r\n const [centerLat, setCenterLattitude] = useState('');\r\n const [centerLong, setCenterLongitude] = useState('');\r\n const [searchValue, setSearchValue] = useState();\r\n const [configuration, setConfiguration] = useState({});\r\n const colors = get(useContext(ThemeContext), 'colors', {});\r\n const {\r\n currentUserCoords,\r\n isStaticPlaceCoords\r\n } = state;\r\n const globalKeyDownHandler = ({ key }) => {\r\n if (key === ESCAPE) {\r\n dispatch(closeModals());\r\n }\r\n\r\n if (key === TAB) {\r\n // eslint-disable-next-line no-undef\r\n document.body.classList.add(KEYBOARD_NAVIGATION_CLASS);\r\n }\r\n };\r\n\r\n const globalPointerHandler = () => {\r\n // eslint-disable-next-line no-undef\r\n document.body.classList.remove(KEYBOARD_NAVIGATION_CLASS);\r\n };\r\n\r\n useEffect(() => {\r\n setInitialLoad(true)\r\n const siteConfig = get(state, 'siteConfig', {});\r\n var url = new URL(window.location.href);\r\n const newParams = new URLSearchParams();\r\n for (const [name, value] of url.searchParams) {\r\n newParams.append(name.toLowerCase(), value);\r\n }\r\n var searchText = newParams.get(\"addtxt\");\r\n setSearchValue(searchText)\r\n if (!isEmpty(siteConfig)) {\r\n const {\r\n OnLoadLatitude,\r\n OnLoadLongitude,\r\n AtmNetworksId,\r\n DefaultMiles,\r\n RgbColor,\r\n PageTitle,\r\n GpsLogoNm,\r\n ISATMCOUNTSDATA,\r\n Twitter,\r\n Instagram,\r\n Facebook,\r\n LinkedIn\r\n } = siteConfig;\r\n\r\n if (OnLoadLatitude && OnLoadLongitude) {\r\n APP_CONFIG.OFFICE_CENTER_LOCATION = {\r\n lng: parseFloat(OnLoadLongitude),\r\n lat: parseFloat(OnLoadLatitude)\r\n };\r\n }\r\n APP_CONFIG.NETWORK_ID = AtmNetworksId;\r\n APP_CONFIG.LOCATION_RADIUS = DefaultMiles;\r\n APP_CONFIG.THEME_COLOR = RgbColor;\r\n APP_CONFIG.PAGE_TITLE = PageTitle;\r\n APP_CONFIG.PAGE_LOGO = GpsLogoNm;\r\n APP_CONFIG.ISATMCOUNTSDATA = ISATMCOUNTSDATA;\r\n APP_CONFIG.socials = [\r\n { label: 'Facebook', src: FACEBOOK_ICON, href: Facebook },\r\n { label: 'Instagram', src: INSTAGRAM_ICON, href: Instagram },\r\n { label: 'Twitter', src: TWITTER_ICON, href: Twitter },\r\n { label: 'LinkedIn', src: LINKEDIN_ICON, href: LinkedIn },\r\n \r\n ].filter(social => !isEmpty(social.href));\r\n setConfiguration(APP_CONFIG);\r\n // eslint-disable-next-line no-undef\r\n window.CRD_GLOBAL.IS_FILTERS_FEATURE_ENABLED = true;\r\n // eslint-disable-next-line no-undef\r\n window.CRD_GLOBAL.NETWORK_ID = AtmNetworksId;\r\n\r\n initializeVisitorsCount(AtmNetworksId);\r\n }\r\n }, [state.siteConfig]);\r\n\r\n useEffect(() => {\r\n const { placeCoords } = state;\r\n if (placeCoords) {\r\n state.mapCenter = {\r\n ...placeCoords\r\n };\r\n }\r\n }, [state.placeCoords]);\r\n\r\n useEffect(() => {\r\n // to handle anychange on usercords\r\n const { userCoords, zoomLevel } = state;\r\n if (userCoords && Object.keys(userCoords).keys.length > 0) {\r\n state.mapCenter = {\r\n ...userCoords\r\n };\r\n }\r\n if (zoomLevel) {\r\n state.zoom = zoomLevel\r\n }\r\n }, [state]);\r\n\r\n useEffect(() => {\r\n // eslint-disable-next-line no-undef\r\n document.addEventListener('keydown', globalKeyDownHandler);\r\n\r\n // eslint-disable-next-line no-undef\r\n document.addEventListener('pointerdown', globalPointerHandler);\r\n\r\n return () => {\r\n // eslint-disable-next-line no-undef\r\n document.removeEventListener('keydown', globalKeyDownHandler);\r\n\r\n // eslint-disable-next-line no-undef\r\n document.removeEventListener('pointerdown', globalPointerHandler);\r\n };\r\n });\r\n\r\n // eslint-disable-next-line no-undef\r\n const { API_URL } = window.CRD_GLOBAL;\r\n\r\n let preDefinedLatitude;\r\n let preDefinedLongitude;\r\n\r\n if (!isNull(error)) {\r\n if (configuration && configuration.OFFICE_CENTER_LOCATION) {\r\n if (configuration.OFFICE_CENTER_LOCATION.lat && configuration.OFFICE_CENTER_LOCATION.lng) {\r\n preDefinedLatitude = configuration.OFFICE_CENTER_LOCATION.lat;\r\n preDefinedLongitude = configuration.OFFICE_CENTER_LOCATION.lng;\r\n }\r\n } else {\r\n preDefinedLatitude = DEFAULT_COORDS.LAT;\r\n preDefinedLongitude = DEFAULT_COORDS.LNG;\r\n }\r\n } else {\r\n if (latitude) {\r\n preDefinedLatitude = latitude;\r\n preDefinedLongitude = longitude;\r\n }\r\n }\r\n\r\n\r\n const [{ data, countData, isLoading }] = useDataApi(API_URL, {\r\n geolocationDefined: !isUndefined(latitude),\r\n latitude: preDefinedLatitude,\r\n longitude: preDefinedLongitude,\r\n NETWORK_ID: APP_CONFIG.NETWORK_ID,\r\n LOCATION_RADIUS: APP_CONFIG.LOCATION_RADIUS,\r\n initialPageIndex: 1\r\n });\r\n\r\n if (!isUndefined(latitude) && state.siteConfig.isSiteConfigLoaded) {\r\n if (!data.length) {\r\n state.mapCenter = {\r\n lat: get(state, ['placeCoords', 'lat'], parseFloat(preDefinedLatitude)),\r\n lng: get(state, ['placeCoords', 'lng'], parseFloat(preDefinedLongitude))\r\n };\r\n }\r\n }\r\n/** handling search area button */\r\n useEffect(() => {\r\n setIsPlaceEntered(true)\r\n /**increase the zoom level when distance between atm center are small to each other */\r\n if(data.length>0){\r\n setIsappliedBounds(false)\r\n setUpZoomforNearestAtms() \r\n } \r\n }, [data]);\r\n\r\n const updateMapZoomandCenter = () => {\r\n var bounds = new window.google.maps.LatLngBounds();\r\n const { lat, lng } = currentUserCoords;\r\n var marker, i;\r\n for (i = 0; i < data.length; i++) { \r\n marker = new window.google.maps.Marker({\r\n position: new window.google.maps.LatLng(data[i].lat, data[i].lng)\r\n });\r\n bounds.extend(marker.getPosition()); \r\n }\r\n if(lat && lng){\r\n bounds.extend(new window.google.maps.LatLng(lat, lng))\r\n }\r\n if(bounds && googleMap){\r\n googleMap.fitBounds(bounds);\r\n }\r\n }\r\n function calculatePercent(percent){\r\n return (percent / 100) * data.length;\r\n }\r\n const setUpZoomforNearestAtms = () => {\r\n const filterArray = data.filter(location => location.milesAway < DEFAULT_MILESAWAY)\r\n /** 50% Results less than 3 miles radius- Zoom level + 2 */\r\n if (filterArray.length > calculatePercent(50) && filterArray.length < calculatePercent(90)) {\r\n dispatch(setUserManaualZoom(DEFAULT_ZOOM+2));\r\n }\r\n /** 90% Results less than 3 miles radius- Zoom level + 3 */\r\n else if(filterArray.length > calculatePercent(90)){\r\n dispatch(setUserManaualZoom(DEFAULT_ZOOM+3));\r\n }\r\n else{\r\n setIsappliedBounds(true)\r\n updateMapZoomandCenter() \r\n }\r\n }\r\n const renderUserMarker = () => {\r\n if (latitude && longitude && !error) {\r\n return (\r\n \r\n \r\n {isLoading && (\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n {[\r\n renderUserMarker(),\r\n renderPlaceMarker(),\r\n ...renderLocationsMarkers()\r\n ]}\r\n \r\n \r\n \r\n {\r\n configuration.PAGE_LOGO ? (\r\n \r\n {showSearchButton && \r\n {\r\n configuration.ISATMCOUNTSDATA ? (\r\n {' '}\r\n \r\n );\r\n};\r\n\r\nexport default Scene;\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport {\r\n Image,\r\n Flex,\r\n Box,\r\n Button\r\n} from 'rebass';\r\nimport 'styled-components/macro';\r\n\r\nimport IMAGE from 'assets/images/icons/404-page-background.svg';\r\nimport LOGO from 'assets/images/robot.png';\r\nimport locatorsearch from 'assets/images/locatorsearch.gif';\r\nimport theme from 'styles/theme';\r\n\r\nconst BRAND_NAME = process.env.REACT_APP_BRAND_NAME || '';\r\n\r\nconst NotFound = () => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Sorry !!! This site is not setup.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport axe from 'react-axe';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nimport './viewport-fix';\r\n\r\nif (process.env.NODE_ENV !== 'production') {\r\n axe(React, ReactDOM, 1000);\r\n}\r\n\r\nReactDOM.render(\r\n