\n ))}\n \n );\n if (entity.mapUri) {\n return (\n \n {inner}\n \n );\n }\n return inner;\n};\n\nexport default Address;\n","import Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Link from '@material-ui/core/Link';\nimport Typography from '@material-ui/core/Typography';\nimport Popover from '@material-ui/core/Popover';\nimport React from 'react';\nimport EventDescription from '../EventDescription';\nimport Address from '../Address';\nimport delimiter from 'delimiter';\n\nconst DEFAULT_TIMES_VISIBLE = 3;\nconst useStyles = makeStyles(() => ({\n header: {\n lineHeight: 1.5,\n },\n}));\n\nfunction EventTime({ event }) {\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const handleClick = event => {\n event.preventDefault();\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const open = Boolean(anchorEl);\n const id = open ? 'event-card-time-popover' : undefined;\n if (event.timeslots.length === 0) {\n return null;\n }\n\n const slots = event\n .getTimeSlots()\n .slice(0, DEFAULT_TIMES_VISIBLE)\n .map((x, i) => {x});\n if (event.timeslots.length > DEFAULT_TIMES_VISIBLE) {\n const addlLength = event.timeslots.length - DEFAULT_TIMES_VISIBLE;\n slots.push(\n \n {addlLength} more times\n \n );\n }\n\n return (\n <>\n \n {delimiter(slots)}\n \n\n \n \n {event\n .getTimeSlots()\n .slice(DEFAULT_TIMES_VISIBLE)\n .map((x, i) => (\n {x}\n ))}\n \n \n \n );\n}\n\nexport default function EventCard({ event }) {\n const classes = useStyles();\n return (\n \n {event.eventTitle} Event\n \n {event.title}\n \n \n {event.description && (\n \n )}\n \n
{event.venue}
\n \n \n \n \n See Details and RSVP\n \n \n \n );\n}\n\nEventCard.defaultProps = {\n showImage: false,\n};\n","export const URI_PARAM_CENTER = 'c'; // center of map, comma separated\nexport const URI_PARAM_ZOOM = 'z'; // zoom level\nexport const URI_PARAM_PAN = 'pan'; // setting this to 0 causes map to not pan\nexport const URI_PARAM_YANG_GANG = 'yg'; // which specific Yang Gang is shown\nexport const URI_PARAM_FIELD_OFFICE = 'fo'; // which specific Field Office is visible\nexport const URI_PARAM_EVENT = 'event'; // what specific event is visible\nexport const URI_PARAM_DATE = 'd'; // which date filters to have active\nexport const URI_PARAM_TYPE = 't'; // which event types to show\nexport const URI_PARAM_EMBED = 'embed'; // whether to show as if it were embedded in an iframe\nexport const URI_PARAM_MINIMAL = 'min'; // whether to hide search and filters\n\n// map layer type slugs. Event types come from Mobilize and look like 'CANVASSING'\nexport const URI_TYPE_ANY_EVENT = 'any'; // shows any type of event\nexport const URI_TYPE_YG = 'yg'; // shows yang gangs\nexport const URI_TYPE_FO = 'fo'; // shows field offices\nexport const URI_TYPE_POPUP = 'pop'; // shows popup field offices\nexport const URI_TYPE_BP = 'bp'; // shows ballot progress\n\n// Default early state types to show\nexport const EARLY_STATE_DEFAULT_TYPES = [\n URI_TYPE_FO,\n URI_TYPE_POPUP,\n 'CANVASS',\n 'COMMUNITY',\n 'PHONE_BANK',\n 'TRAINING',\n];\n","/**\n * Assuming a very specific type of HTML string, extract URL in worst possible way\n */\nexport default function urlExtractor(html) {\n const parts = html ? html.split('\"') : [];\n return parts.length > 1 ? parts[1] : null;\n}\n","import AccountBalanceIcon from '@material-ui/icons/AccountBalance';\nimport AssignmentIcon from '@material-ui/icons/Assignment';\nimport AssistantPhotoIcon from '@material-ui/icons/AssistantPhoto';\nimport BorderColorIcon from '@material-ui/icons/BorderColor';\nimport ChatIcon from '@material-ui/icons/Chat';\nimport DirectionsWalkIcon from '@material-ui/icons/DirectionsWalk';\nimport EmojiPeopleIcon from '@material-ui/icons/EmojiPeople';\nimport HouseIcon from '@material-ui/icons/House';\nimport LiveTvIcon from '@material-ui/icons/LiveTv';\nimport LocalLibraryIcon from '@material-ui/icons/LocalLibrary';\nimport MonetizationOnIcon from '@material-ui/icons/MonetizationOn';\nimport NewReleasesIcon from '@material-ui/icons/NewReleases';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport PlaceIcon from '@material-ui/icons/Place';\nimport PublicIcon from '@material-ui/icons/Public';\nimport RoomIcon from '@material-ui/icons/Room';\nimport formatTz from 'date-fns-tz/format';\nimport format from 'date-fns/format';\nimport isFuture from 'date-fns/isFuture';\nimport isToday from 'date-fns/isToday';\nimport L from 'leaflet';\nimport React from 'react';\nimport EventCard from '../components/EventCard';\nimport { URI_PARAM_PAN } from '../constants/uri';\nimport urlExtractor from '../utils/urlExtractor';\n\nfunction formattedRange(timeStart, timeEnd, timezone) {\n const useTz = !!timezone;\n if (timeStart && timeEnd) {\n const tz = useTz\n ? {\n timezone: timezone,\n }\n : null;\n return `${format(timeStart, 'eee, MMM d', tz)}, ${format(\n timeStart,\n 'p',\n tz\n )}-${(useTz ? formatTz : format)(timeEnd, useTz ? 'p z' : 'p', tz)}`;\n }\n return null;\n}\n\nexport function convertToDate(x) {\n return new Date(x * 1000);\n}\n\nexport const TYPE_TRAVIS = 't';\nexport const TYPE_HOWARD = 'h';\n\nexport const TYPE_ICON_MAP = {\n HOUSE_PARTY: HouseIcon,\n COMMUNITY: PublicIcon,\n PHONE_BANK: PhoneIcon,\n MEETING: AssignmentIcon,\n CANVASS: DirectionsWalkIcon,\n MEET_GREET: EmojiPeopleIcon,\n FUNDRAISER: MonetizationOnIcon,\n OTHER: RoomIcon,\n DEBATE_WATCH_PARTY: LiveTvIcon,\n COMMUNITY_CANVASS: PlaceIcon,\n RALLY: AssistantPhotoIcon,\n TEXT_BANK: ChatIcon,\n TOWN_HALL: AccountBalanceIcon,\n SIGNATURE_GATHERING: BorderColorIcon,\n OFFICE_OPENING: NewReleasesIcon,\n TRAINING: LocalLibraryIcon,\n};\n\nexport const TYPE_TITLE_MAP = {\n HOUSE_PARTY: 'House Party',\n COMMUNITY: 'Community',\n PHONE_BANK: 'Phonebank',\n MEETING: 'Meeting',\n CANVASS: 'Canvass',\n MEET_GREET: 'Meet & Greet',\n FUNDRAISER: 'Fundraiser',\n OTHER: 'Other',\n DEBATE_WATCH_PARTY: 'Debate Watch',\n COMMUNITY_CANVASS: 'Community Canvass',\n RALLY: 'Rally',\n TEXT_BANK: 'Textbank',\n TOWN_HALL: 'Town Hall',\n SIGNATURE_GATHERING: 'Get Signatures',\n OFFICE_OPENING: 'Office Opening',\n TRAINING: 'Training',\n};\n\n/**\n * Class wrapper around GeoJSON returned from Mobilize events\n */\nexport default class Event {\n constructor(data, type = TYPE_TRAVIS) {\n const props = data.properties;\n const tType = type === TYPE_TRAVIS;\n this.isEvent = true;\n this.tType = tType;\n this.coordinates = data.geometry.coordinates;\n this.description = tType\n ? props.description\n : props.Description.replace(/ /g, ' ');\n\n if (tType) {\n this.url = props.browser_url;\n this.id = String(props.id).toLowerCase();\n } else {\n this.url = tType ? props.browser_url : urlExtractor(props['Sign Up']);\n\n this.id = this.url\n .split('event/')[1]\n .split('/')[0]\n .toLowerCase();\n }\n\n this.type = tType ? props.event_type : props['Type'];\n\n // process location\n this.venue = tType ? props.location.venue : props['Venue'];\n if (this.venue && this.venue.includes('is private')) {\n this.venue = null;\n }\n\n this.addressParts = [];\n if (tType) {\n const address1 = (props.location.address_lines || [])\n .filter(Boolean)\n .join(', ');\n\n if (address1) {\n this.addressParts.push(address1);\n }\n if (\n props.location.locality &&\n props.location.region &&\n props.location.postal_code\n ) {\n this.addressParts.push(\n `${props.location.locality}, ${props.location.region} ${props.location.postal_code}`\n );\n }\n } else {\n this.addressParts = props.Address.split(' ');\n }\n\n this.title = tType ? props.title : props['Title'];\n this.isImportant = !!props.high_priority;\n\n this.timezone = tType ? props.timezone : data.timezone;\n const rawTimeslots = tType ? props.timeslots : data.timeslots;\n\n // assume that timeslots are ordered\n this.timeslots = rawTimeslots.reduce((acc, t) => {\n const timeslot = {\n start: convertToDate(t['start_date']),\n end: convertToDate(t['end_date']),\n };\n\n if (isFuture(timeslot.end) || isToday(timeslot.start)) {\n acc.push(timeslot);\n }\n\n return acc;\n }, []);\n\n if (this.timeslots.length > 0) {\n this.timeStart = this.timeslots[0].start;\n this.timeEnd = this.timeslots[0].end;\n } else {\n this.inPast = true;\n }\n\n this.searchDescription = `${this.description} ${this.address1} ${this.address2}`;\n }\n\n // See if this event passes the given date function.\n // Used for filtering events\n checkDateFunc(dateFunc) {\n for (let i = 0; i < this.timeslots.length; i++) {\n const x = this.timeslots[i];\n if (dateFunc(x.start)) {\n return true;\n }\n }\n return false;\n }\n\n get eventTitle() {\n return TYPE_TITLE_MAP[this.type] || TYPE_TITLE_MAP.OTHER;\n }\n\n get EventIcon() {\n return TYPE_ICON_MAP[this.type] || TYPE_ICON_MAP.OTHER;\n }\n\n get time() {\n return this.getTime();\n }\n\n get mapUri() {\n if (this.addressParts.length > 1) {\n if (this.addressParts[0].includes('is private')) {\n return null;\n }\n const e = encodeURIComponent;\n return `//maps.google.com/?q=${e(this.addressParts.join(' '))}`;\n }\n return null;\n }\n\n getTime(useTz = false) {\n const formatted = formattedRange(\n this.timeStart,\n this.timeEnd,\n useTz ? this.timezone : null\n );\n return formatted ? formatted : '';\n }\n\n getTimeSlots() {\n return this.timeslots.map(x =>\n formattedRange(x.start, x.end, this.timezone)\n );\n }\n\n get dateShort() {\n if (this.timeStart) {\n return format(this.timeStart, 'LLL d');\n }\n return '';\n }\n\n get position() {\n const lat = Number(this.coordinates[1]);\n const lng = Number(this.coordinates[0]);\n if (isFinite(lat) && isFinite(lng)) {\n return L.latLng(lat, lng);\n }\n console.warn('No position on ', this.id);\n return null;\n }\n\n getUri(baseUrl = '/') {\n return `${baseUrl}?event=${this.id}`;\n }\n\n getListUri(baseUrl) {\n return `${this.getUri(baseUrl)}&${URI_PARAM_PAN}=0`;\n }\n\n renderCard() {\n return ;\n }\n}\n\n/*\nData example:\n{\n \"type\": \"FeatureCollection\",\n \"features\": [{\n \"type\": \"Feature\",\n \"geometry\": {\n \"type\": \"Point\",\n \"coordinates\": [\n -97.132281,\n 33.2148764\n ]\n },\n \"properties\": {\n \"accessibility_status\": \"ACCESSIBLE\",\n \"address_visibility\": \"PUBLIC\",\n \"browser_url\": \"https://www.mobilize.us/yang2020/event/138765/\",\n \"created_by_volunteer_host\": true,\n \"created_date\": 1570748212,\n \"description\": \"Join us in Denton, TX for our weekly Yang Gang Hang at Jupiter House Coffee! Each week we'll be discussing new developments in the Yangosphere, talking policy, strategy and tactics, and just generally spreading the positive Yang Gang vibes. Bring a friend, and feel free to come with questions, talking points and new ideas. This is a great way to get plugged into the DFW Yang2020 community at large, so swing by say hello, and help get the word out about the most important political candidate of the 2020 election season, Andrew Yang!\",\n \"event_type\": \"MEETING\",\n \"featured_image_url\": \"https://mobilizeamerica.imgix.net/uploads/organization/190503_seattle-2_20190904205718665386.jpg\",\n \"high_priority\": true,\n \"id\": 138765,\n \"location\": {\n \"address_lines\": [\n \"106 N Locust St\",\n \"\"\n ],\n \"congressional_district\": \"26\",\n \"country\": \"US\",\n \"locality\": \"Denton\",\n \"location\": {\n \"latitude\": 33.2148764,\n \"longitude\": -97.132281\n },\n \"postal_code\": \"76201\",\n \"region\": \"TX\",\n \"state_leg_district\": \"64\",\n \"state_senate_district\": \"30\"\n },\n \"modified_date\": 1571255474,\n \"sponsor\": {\n \"candidate_name\": \"Andrew Yang\",\n \"created_date\": 1554388751,\n \"event_feed_url\": \"https://www.mobilize.us/yang2020/\",\n \"id\": 1396,\n \"is_coordinated\": true,\n \"is_primary_campaign\": true,\n \"modified_date\": 1573845984,\n \"name\": \"Yang2020\",\n \"org_type\": \"CAMPAIGN\",\n \"race_type\": \"PRESIDENTIAL\",\n \"slug\": \"yang2020\"\n },\n \"timeslots\": [\n {\n \"id\": 753886,\n \"start_date\": 1571097600,\n \"end_date\": 1571103000\n },\n ...\n {\n \"id\": 765545,\n \"start_date\": 1582592400,\n \"end_date\": 1582597800\n }\n ],\n \"timezone\": \"America/Chicago\",\n \"title\": \"Denton Yang Gang Hang\",\n \"visibility\": \"PUBLIC\",\n \"lat\": 33.2148764,\n \"lng\": -97.132281\n }\n }, ...]\n}\n\nHoward schema example\n{\n \"type\": \"Feature\",\n \"properties\": {\n \"Priority\": \"HIGH\",\n \"Title\": \"Andrew Yang in Keene, NH!\",\n \"Type\": \"TOWN_HALL\",\n \"Host\": \"Campaign\",\n \"Time\": \"Mon, Dec 2, 4:30PM-6:00PM EST\",\n \"Venue\": \"Branch and Blade Brewing Company, Inc.\",\n \"Address\": \"17 Bradco St Keene, NH 03431\",\n \"Sign Up\": \"Mobilize US\",\n \"Description\": \"Join Andrew Yang for a town hall in Keene, NH! Listen to his vision for the country and ask your questions.\",\n \"TimeStart\": 1575322200,\n \"TimeEnd\": 1575327600,\n \"marker-color\": \"#DA3248\",\n \"marker-symbol\": \"c\",\n \"marker-size\": \"medium\",\n \"timeslots\": [...]\n },\n \"geometry\": {\n \"type\": \"Point\",\n \"coordinates\": [\n -83.9185727,\n 35.964356\n ]\n }\n},\n*/\n","import format from 'date-fns/format';\nimport urlExtractor from '../utils/urlExtractor';\nimport { TYPE_TITLE_MAP, TYPE_ICON_MAP, convertToDate } from './Event';\n/**\n * Class wrapper around GeoJSON for Events returned from Howard's service.\n * Currently only using for virtual events.\n * TODO: resolve Event source\n */\n// TODO: improve names\nconst TYPE_TRAVIS = 't';\n\nexport default class VirtualEvent {\n constructor(data, type = TYPE_TRAVIS) {\n const props = data.properties;\n const tType = type === TYPE_TRAVIS;\n this.isVirtual = true;\n this.coordinates = data.geometry.coordinates;\n this.type = tType ? props.event_type : props['Type'];\n this.title = tType ? props.title : props['Title'];\n this.description = tType\n ? props.description\n : props.Description.replace(/ /g, ' ');\n\n if (tType) {\n this.url = props.browser_url;\n this.id = String(props.id).toLowerCase();\n } else {\n this.url = urlExtractor(props['Sign Up']);\n\n this.id = this.url\n .split('event/')[1]\n .split('/')[0]\n .toLowerCase();\n }\n\n if (props.timeslots && props.timeslots.length > 0) {\n this.timeStart = convertToDate(props.timeslots[0].start_date);\n this.timeEnd = convertToDate(props.timeslots[0].end_date);\n } else {\n this.timeStart = convertToDate(props['TimeStart']);\n this.timeEnd = convertToDate(props['TimeEnd']);\n }\n this.type = tType ? props.event_type : props['Type'];\n this.signup = props['Sign Up'];\n this.time = tType ? `${this.timeStart}` : props['Time'];\n this.priority = tType ? props.high_priority : props['Priority'];\n\n this.addressParts = [];\n if (tType && props.location) {\n const address1 = (props.location.address_lines || [])\n .filter(Boolean)\n .join(', ');\n\n if (address1) {\n this.addressParts.push(address1);\n }\n if (\n props.location.locality &&\n props.location.region &&\n props.location.postal_code\n ) {\n this.addressParts.push(\n `${props.location.locality}, ${props.location.region} ${props.location.postal_code}`\n );\n }\n } else {\n this.addressParts = props.Address.split(' ');\n }\n this.address = this.addressParts.join(', ')\n\n\n this.searchDescription = this.description;\n }\n\n get eventTitle() {\n return TYPE_TITLE_MAP[this.type] || TYPE_TITLE_MAP.OTHER;\n }\n\n get EventIcon() {\n return TYPE_ICON_MAP[this.type] || TYPE_ICON_MAP.OTHER;\n }\n\n get uri() {\n return `/virtual#${this.id}`;\n }\n\n get dateShort() {\n if (this.timeStart) {\n return format(this.timeStart, 'LLL d');\n }\n return '';\n }\n\n get isImportant() {\n return this.priority === 'HIGH';\n }\n}\n\n/*\nData example:\n{\n \"type\": \"FeatureCollection\",\n \"features\": [{\n \"type\": \"Feature\",\n \"properties\": {\n \"Priority\": \"HIGH\",\n \"Title\": \"Iowa Phone Bank Training\",\n \"Type\": \"TRAINING\",\n \"Host\": \"Campaign\",\n \"Time\": \"Tue, Dec 3, 7:00PM-8:00PM CST\",\n \"Venue\": \"\",\n \"Address\": \"Virtual\",\n \"Sign Up\": \"Mobilize US\",\n \"Description\": \"With less than 80 days until caucus, we need all hands on deck. If you live in Iowa and want to make a huge difference, we need more volunteers. This is one of the best ways you can reach out to your neighbors and move the needle!
This training is to teach you the basics of Phone Banking and get you in touch with a Staff Organize that can get you an effective list to call to get the candidates name out there! The training lasts for about an hour, just select a time slot that works best for you. On the call, you're able to do a few practice phone calls with an Organizer on the line to help if you get stuck.
\n );\n}\n","import Box from '@material-ui/core/Box';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { makeStyles } from '@material-ui/core/styles';\nimport React from 'react';\n\nconst useStyles = makeStyles(theme => ({\n wrapper: {},\n button: {\n margin: theme.spacing(0.5, 1, 0.5, 0),\n fontWeight: theme.typography.fontWeightRegular,\n textTransform: 'none',\n borderRadius: 100,\n },\n buttonSelected: {\n borderColor: theme.palette.primary.main,\n backgroundColor: theme.palette.grey[300],\n },\n}));\n\n/**\n * Provides interface for filtering by date. Intended to just be a regular\n * component but turned into a HOC. Could potentially be implemented with context\n */\nexport default function DateFilterList({\n eligibleRanges,\n activeDateFilter,\n setActiveDateFilter,\n toggleActiveDateFilter,\n ...otherProps\n}) {\n const classes = useStyles();\n\n return (\n
\n );\n}\n","import React from 'react';\n// whether to highlight a bit of text when\n\nexport default function PriorityHighlight({ children, priority }) {\n if (priority) {\n return (\n \n {children}\n \n );\n }\n return children;\n}\n","import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport PriorityHighlight from './PriorityHighlight';\nimport Link from '@material-ui/core/Link';\n\nconst ENABLE_PRIORITY = false;\n\nexport default function BallotProgressDetails({ entry }) {\n return (\n <>\n {entry.stateName}\n \n \n Ballot Access: {entry.rawStatus} {entry.startDate}\n \n \n \n DSP Filing Window: {entry.delegateObj.window}\n \n\n {entry.delegateObj.email && (\n <>\n \n State Contact:{' '}\n \n {entry.delegateObj.email}\n \n \n )}\n \n );\n}\n","import sortBy from 'lodash/sortBy';\nimport React from 'react';\nimport { Polygon, Tooltip } from 'react-leaflet';\nimport APIWrapperContext from '../APIWrapper/APIWrapperContext';\nimport BallotProgressDetails from '../BallotProgressDetails';\n\nexport default function BallotProgressLayers() {\n const { ballotProgressStates } = React.useContext(APIWrapperContext);\n // sort in order to make sure important show up outlined on top of less important\n return sortBy(ballotProgressStates, 'statusValue').map(ballotProgress => {\n if (ballotProgress.visible && ballotProgress.positions) {\n return (\n \n \n \n \n \n );\n }\n return null;\n });\n}\n","import LocateIcon from '@material-ui/icons/MyLocation';\nimport React from 'react';\nimport Control from 'react-leaflet-control';\nconst LOCATE_ME_ZOOM = 7;\n\nexport default function LocateButton({ mapElem, ...otherProps }) {\n return (\n \n
\n \n \n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nif (process.env.NODE_ENV !== 'production') {\n const whyDidYouRender = require('@welldone-software/why-did-you-render');\n whyDidYouRender(React);\n}\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}