\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Jumbotron } from 'reactstrap';\r\n\r\nexport class Home extends Component {\r\n static displayName = Home.name;\r\n\r\n componentDidMount = () => {\r\n\r\n }\r\n\r\n render () {\r\n return (\r\n
\r\n \r\n \r\n \r\n
Welcome to the Fliway Home Delivery App. What would you like to do?
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport styles from './AppButton.module.scss';\r\n\r\nexport default function AppButton(props) {\r\n return (\r\n
\r\n );\r\n }\r\n}","import React, { Component, useState } from 'react';\r\nimport { Collapse, Input, Card, CardBody } from 'reactstrap';\r\nimport { withRouter } from 'react-router';\r\nimport AppButton from './AppButton';\r\nimport AuthorityToLeave from './AuthorityToLeave';\r\nimport ReceiverInstructions from './ReceiverInstructions';\r\nimport { Address } from './Address';\r\nimport { StatusSummary } from './StatusSummary';\r\nimport { WhatsNextDisplay } from './WhatsNextDisplay';\r\nimport './Offer.scss';\r\nimport { OfferDate } from './OfferDate';\r\nimport { SpeechBubble } from './SpeechBubble';\r\nimport { useConfig } from '../hooks/useConfig';\r\nimport queryString from 'query-string'\r\nimport AuthService from \"../services/AuthService\";\r\nimport ConfigService from \"../services/ConfigService\";\r\nimport googleLogo from './google_g.png';\r\nimport styles from './Offer.module.scss';\r\n\r\nfunction Header(props) {\r\n\r\n var getHeaderText = (offer, shipment) => {\r\n //console.log(\"headertext:\", offer.status, shipment.status);\r\n if (shipment.status === \"Cancelled\")\r\n return \"CONTACT SENDER\";\r\n\r\n if (shipment.status === \"Rejected\")\r\n return \"RETURNED\";\r\n\r\n if (shipment.status === \"Delivered\" || shipment.status === \"ManualPOD\")\r\n return \"DELIVERED\";\r\n\r\n if (shipment.status === \"OFD\" || shipment.status === \"OFDOffSchedule\")\r\n return \"ON THE WAY\";\r\n\r\n if (shipment.status === \"DriverNear\")\r\n return \"CLOSE TO HOME\";\r\n\r\n if (offer.status === \"Ordered\")\r\n return \"Ordered\";\r\n\r\n if (offer.status === \"ConfirmChange\")\r\n return \"THINGS HAVE CHANGED\";\r\n\r\n if (offer.status === \"Rebook\")\r\n return \"REBOOK A TIME\";\r\n\r\n if (shipment.status === \"PartialPOD\")\r\n return \"ALMOST THERE\";\r\n\r\n if (offer.status.startsWith(\"Offer\"))\r\n return \"BOOK A TIME\";\r\n if (offer.status === \"Declined\" || offer.status === \"Contact\" || offer.status === \"Change\")\r\n return \"LET'S TALK\";\r\n if (offer.status === \"Accepted\")\r\n return \"BOOKED\";\r\n\r\n return \"DETAILS\";\r\n }\r\n\r\n return
My Delivery: {getHeaderText(props.offer, props.shipment)}
;\r\n}\r\n\r\nfunction OfferStatusArea(props) {\r\n\r\n let config = useConfig();\r\n\r\n if (props.shipment.status === \"Cancelled\")\r\n return ;\r\n\r\n if (props.shipment.status === \"Rejected\")\r\n return ;\r\n\r\n if (props.shipment.status === \"ManualPOD\")\r\n return null;\r\n\r\n console.log(\"Invite review?\", props.config?.reviewUrl, props.offer)\r\n if (props.shipment.status === \"Delivered\")\r\n if (props.offer.status !== \"Rated\")\r\n return null;\r\n else\r\n return \r\n Thank you for your feedback\r\n ;\r\n\r\n if (props.shipment.status === \"OFD\" || props.shipment.status === \"OFDOffSchedule\" || props.shipment.status === \"DriverNear\") {\r\n\r\n var offer = (props.offer.offers.length > 0 && props.offer.offers[0]) || null;\r\n\r\n if (props.isOnWayIncorrectDay(offer, props.shipment))\r\n return ;\r\n\r\n if (props.isOnWayCorrectDay(offer, props.shipment))\r\n return \r\n On its way for delivery \r\n \r\n )} />;\r\n }\r\n\r\n if (props.offer.status === \"ConfirmChange\" && props.offer.offers.length > 0)\r\n return \r\n Your agreed delivery date \r\n \r\n } />;\r\n\r\n if (props.offer.status === \"Ordered\")\r\n return ;\r\n\r\n if (props.offer.status === 'Expired')\r\n return SORRY PREVIOUS OFFERS HAVE EXPIRED \r\n We'll be in touch shortly with options for your delivery} />;\r\n\r\n if (props.offer.status === \"Rebook\" || props.offer.status === \"ClearedOffer\")\r\n return SORRY SOMETHING HAS GONE WRONG \r\n We'll be in touch shortly with options for your delivery} />;\r\n\r\n if (props.shipment.status === \"PartialPOD\")\r\n return ;\r\n\r\n if (props.offer.status.startsWith(\"Offer\"))\r\n return null;\r\n\r\n if (props.offer.status === \"Accepted\")\r\n return \r\n Your agreed delivery date \r\n \r\n } />;\r\n\r\n if (props.offer.status === \"Declined\")\r\n return TIME DOESN'T SUIT \r\n We will be in touch with a delivery date} />;\r\n\r\n //default:\r\n return ;\r\n}\r\n\r\nfunction OfferShipmentDetails(props) {\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {props.shipment.connote}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst ContactButton = (props) => {\r\n\r\n const config = useConfig();\r\n\r\n if (props.commercialRestrictions) {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nclass Offer extends Component {\r\n static displayName = Offer.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n const { match: { params } } = props;\r\n this.state = {\r\n notFound: false,\r\n shipment: {\r\n connote: \"\",\r\n status: \"\",\r\n from: {},\r\n to: {},\r\n atl_permitted: false,\r\n atl_provided: \"No\"\r\n },\r\n offer: {\r\n status: \"\",\r\n offers: [{}]\r\n },\r\n loggedin: false,\r\n location: {},\r\n shipmentStates: [\r\n { label: \"Ordered\" }, { label: \"PickedUp\" },\r\n { label: \"OFD\" }, { label: \"OFDOffSchedule\" }, { label: \"DriverNear\" }, { label: \"Delivered\" },\r\n { label: \"PartialPOD\" }, { label: \"ManualPOD\" }, { label: \"Rejected\" }, { label: \"Cancelled\" }\r\n ],\r\n offerStates: [\r\n { label: \"Offer1\" }, { label: \"Declined\" }, { label: \"Accepted\" }, { label: \"Contact\" },\r\n { label: \"Offer2\" }, { label: \"Change\" }, { label: \"Rebook\" }, { label: \"Expired\" }, { label: \"Ordered\" }\r\n ],\r\n enableReceiverInstructions: false,\r\n params: params || { jobid: null },\r\n qs: queryString.parse(this.props.location.search),\r\n config: {\r\n termsAndConditions: {\r\n // default but will be overriden by config\r\n authorityToLeaveUrl: \"http://www.fliway.com/media/5413/fliway-termsandconditions-dec17.pdf\"\r\n }\r\n },\r\n busy: true,\r\n savingReceiverInstructions: false\r\n };\r\n\r\n this.myRef = React.createRef();\r\n }\r\n\r\n async componentDidMount() {\r\n let userTask = this.getUser();\r\n let configTask = ConfigService.getConfig();\r\n await this.loadOffer();\r\n let user = await userTask;\r\n let config = await configTask;\r\n if (user) {\r\n this.setState({ loggedin: true });\r\n }\r\n console.log('config!', config);\r\n this.setState({ config: { ...this.state.config, ...config } });\r\n }\r\n\r\n getUser = async () => {\r\n if (!this.authService)\r\n this.authService = await AuthService.getInstance();\r\n return await this.authService.getUser();\r\n }\r\n\r\n async loadOffer() {\r\n let offer;\r\n if (this.state.params.jobid === \"testing\")\r\n offer = {\r\n shipment: {\r\n connote: \"TESTING\",\r\n status: 0,\r\n from: { line1: \"Somewhere\" },\r\n to: {},\r\n atl_permitted: true,\r\n atl_requested: false,\r\n atl_provided: \"No\",\r\n status: \"Delivered\",\r\n rate_my_delivery: true\r\n \r\n },\r\n offer: {\r\n offers: [{ start_time: new Date() }],\r\n status: \"Rated\",\r\n invite_review: true\r\n }\r\n };\r\n else\r\n offer = await (await window.fetch('api/offer/' + this.state.params.jobid)).json();\r\n this.setOffer(offer);\r\n this.setState({ busy: false });\r\n return offer;\r\n }\r\n\r\n setOffer(newOffer) {\r\n console.log('offer details', newOffer);\r\n if (newOffer.location) {\r\n this.setState({ location: newOffer.location });\r\n }\r\n if (newOffer.shipment) {\r\n this.setState({ shipment: newOffer.shipment });\r\n // var newStatus = newOffer.shipment.shipment.status;\r\n // // if new status is drivernear, but it's not trackable - treat like OFD off schedule (?)\r\n // //if(newStatus === \"DriverNear\" && !this.isTrackable(newStatus, newOffer.location))\r\n // // newStatus = \"OFDOffSchedule\";\r\n // this.setState({shipment: {...shipment, status: newStatus}});\r\n }\r\n if (newOffer.offer) {\r\n this.setState({ offer: newOffer.offer });\r\n }\r\n else if (newOffer.status === 404) {\r\n this.setState({\r\n notFound: true\r\n });\r\n }\r\n }\r\n\r\n handleAction = async (newStatus, seloffer) => {\r\n //console.log('Attempting to set status on offer...', this.state.offer.offers[0], newStatus);\r\n seloffer = seloffer || this.state.offer.offers[0];\r\n seloffer.status = newStatus;\r\n const offer = await this.postData(`api/offer/${this.state.params.jobid}`, seloffer);\r\n this.setOffer(offer);\r\n }\r\n\r\n startAtl = async () => {\r\n try {\r\n let user = \"Anon\";\r\n if (this.state.shipment.atl_provided != \"Customer\") {\r\n user = await this.authService.getAuthenticatedUser(true);\r\n }\r\n if (user) {\r\n // now set the state to confirm Atl (with instruction if needed) \r\n this.setState({ shipment: { ...this.state.shipment, confirmAtl: true } });\r\n this.myRef.current.scrollIntoView({ behavior: \"smooth\" });\r\n }\r\n }\r\n catch (err) {\r\n console.error(err);\r\n return;\r\n }\r\n }\r\n\r\n giveAtl = async () => {\r\n let user;\r\n try {\r\n if (this.state.shipment.atl_provided != \"Customer\") {\r\n //check if we're logged in\r\n user = await this.authService.getAuthenticatedUser(true);\r\n }\r\n }\r\n catch (err) {\r\n console.error('Please login (or register) to do this.');\r\n return;\r\n }\r\n this.props.setGlobalBusy();\r\n var offer = await this.postData(`api/offer/${this.state.params.jobid}/atl` + (!user ? \"/instruction\" : \"\"),\r\n { instruction: this.state.shipment.atlInstruction }, user?.access_token);\r\n console.log('got offer back from atl endpoint', offer);\r\n // atl button should accept first offer too (but only if status is an offer)\r\n if (this.state.offer.status.startsWith(\"Offer\"))\r\n await this.handleAction(\"Accepted\", this.state.offer.offers[0]);\r\n else\r\n this.setOffer(offer);\r\n this.props.clearGlobalBusy();\r\n }\r\n\r\n saveInstructions = async (instructions) => {\r\n\r\n this.setState({ savingReceiverInstructions: true });\r\n\r\n var offer = await this.postData(\r\n `api/offer/${this.state.params.jobid}/receiverInstructions`,\r\n {\r\n instructions: instructions\r\n }\r\n );\r\n\r\n console.log('got offer back from receiver instructions endpoint', offer);\r\n\r\n this.setOffer(offer);\r\n\r\n this.setState({ enableReceiverInstructions: this.state.shipment.receiverInstructions === null });\r\n\r\n this.setState({ savingReceiverInstructions: false });\r\n };\r\n\r\n postData(url = '', data = {}, idToken = null) {\r\n const headers = new Headers();\r\n headers.append('Content-Type', 'application/json');\r\n if (idToken)\r\n headers.append('Authorization', `Bearer ${idToken}`);\r\n\r\n return fetch(url, {\r\n method: 'POST',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n credentials: 'same-origin',\r\n headers: headers,\r\n redirect: 'follow',\r\n referrer: 'no-referrer',\r\n body: JSON.stringify(data),\r\n })\r\n .then(response => {\r\n if (!response.ok) {\r\n if (response.status == \"409\") {\r\n alert(\"Sorry this is out of date; Tap to refresh.\");\r\n return this.loadOffer();\r\n }\r\n else {\r\n alert(\"Error: \" + response.status);\r\n return this.state.offer;\r\n }\r\n }\r\n return response.json();\r\n });\r\n }\r\n\r\n \r\n\r\n isTrackable(shipment, location) {\r\n //console.log('checking trackability', shipment.status, location);\r\n if (!shipment.status || !location || shipment.status !== \"DriverNear\")\r\n return false;\r\n if (location.message && location.message !== \"GPS Stale\") {\r\n //console.log(`not trackable because: ${location.message}`);\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n isOnWayCorrectDay(offer, shipment) {\r\n var currentDate = new Date();\r\n currentDate.setHours(0, 0, 0, 0);\r\n var offerDate = new Date(offer.start_time);\r\n offerDate.setHours(0, 0, 0, 0);\r\n // Driver near has to be on the same day, OFD just has to be before or on the same day\r\n if ((shipment.status === \"DriverNear\" && currentDate.getTime() === offerDate.getTime())\r\n || (shipment.status === \"OFD\" && currentDate.getTime() <= offerDate.getTime()))\r\n return true;\r\n\r\n return false;\r\n }\r\n\r\n isOnWayIncorrectDay(offer, shipment) {\r\n\r\n if (shipment.status === \"OFDOffSchedule\" || offer === null)\r\n return true;\r\n\r\n var currentDate = new Date();\r\n currentDate.setHours(0, 0, 0, 0);\r\n var offerDate = new Date(offer.start_time);\r\n offerDate.setHours(0, 0, 0, 0);\r\n // OFD incorrect day\r\n if (shipment.status === \"OFD\" && currentDate.getTime() > offerDate.getTime())\r\n return true;\r\n\r\n // driver near but incorrect day\r\n if (shipment.status === \"DriverNear\" && (currentDate.getTime() !== offerDate.getTime()))\r\n return true\r\n return false;\r\n }\r\n\r\n getActionArea() {\r\n if (this.state.shipment.status === \"Cancelled\")\r\n return null;\r\n\r\n if (this.state.shipment.status === \"Rejected\")\r\n return null;\r\n\r\n if (this.state.shipment.status === \"ManualPOD\")\r\n return null;\r\n\r\n if (this.state.shipment.status === \"Delivered\")\r\n if (this.state.offer.status === \"Rated\" || this.state.shipment.rate_my_delivery !== true)\r\n return null\r\n else\r\n return { this.props.history.push('../../r/' + this.state.params.jobid) }} />;\r\n\r\n if (this.state.shipment.status === \"OFD\" || this.state.shipment.status === \"OFDOffSchedule\" || this.state.shipment.status === \"DriverNear\") {\r\n var offer = (this.state.offer.offers.length > 0 && this.state.offer.offers[0]) || null;\r\n\r\n if (this.isOnWayIncorrectDay(offer, this.state.shipment.status, this.state.offer.status))\r\n return null;\r\n\r\n if (this.isOnWayCorrectDay(offer, this.state.shipment.status, this.state.offer.status))\r\n return null;\r\n }\r\n\r\n if (this.state.offer.status === \"Ordered\")\r\n return null;\r\n\r\n if (this.state.offer.status === 'Expired')\r\n return null;\r\n\r\n if (this.state.offer.status === \"Rebook\" || this.state.offer.status === \"ClearedOffer\")\r\n return null;\r\n\r\n if (this.state.shipment.status === \"PartialPOD\")\r\n return null;\r\n\r\n if (this.state.offer.status.startsWith(\"Offer\"))\r\n return \r\n {this.state.offer.offers.map((value, index) => {\r\n return
\r\n
1 ? \" small\" : \"\")}>\r\n \r\n
\r\n \r\n 1 ? \"small\" : \"\")} iconName=\"icon-button-tick\" actionText=\"Accept\" header=\"Tap here to\" highlight\r\n onClick={() => this.handleAction(\"Accepted\", value)} ajaxInProgress={this.props.busy}\r\n footer={this.state.offer.offers.length <= 1 ? your proposed delivery date : this delivery date} />\r\n
;\r\n })}\r\n ;\r\n\r\n if (this.state.offer.status === \"Accepted\")\r\n return null;\r\n\r\n if (this.state.offer.status === \"Declined\")\r\n return null;\r\n\r\n //default:\r\n return null;\r\n }\r\n\r\n // check if any additional services\r\n showAdditionalServices = () => {\r\n if (this.state.offer.status === \"ConfirmChange\")\r\n return false;\r\n\r\n // if this is true we will be showing the additional options button so don't want the addtional service button\r\n if ((this.state.offer.status === \"Offer1\" || this.state.offer.status === \"Ordered\" || this.state.offer.status === 'Expired') &&\r\n (this.state.shipment.status !== 'OFD' && this.state.shipment.status !== 'OFDOffSchedule') &&\r\n ((this.state.shipment.allow_redirect === true) || (this.state.shipment.additionalServices && this.state.shipment.additionalServices.length > 0)))\r\n return false;\r\n\r\n let map = this.state.config?.maps?.availableUntilToShipmentStatus;\r\n let addSvcs = this.state.shipment.additionalServices;\r\n console.log('checking additional services', map, addSvcs);\r\n if (addSvcs?.length > 0 && map?.length > 0 && this.state.offer.status !== \"Offer2\") {\r\n // check if any additional services are selectable\r\n return addSvcs.some((svc) => {\r\n\r\n // and the shipment is in a state which allows selecting of this additional service\r\n let matchingMap = map.find(m => m.until === svc.available_until);\r\n console.log('matching map for service', svc, matchingMap);\r\n if (matchingMap?.states.some(s => s === this.state.shipment.status) || svc.paid_by === 'S' || svc.paid_by === 'R')\r\n return true;\r\n\r\n });\r\n }\r\n return false;\r\n };\r\n\r\n async startRedirect() {\r\n //check if we're logged in\r\n try {\r\n await this.authService.getAuthenticatedUser(true);\r\n this.props.history.push('../../rd/' + this.state.params.jobid)\r\n }\r\n catch (err) {\r\n console.error(err);\r\n return;\r\n }\r\n }\r\n\r\n receiverInstructions_onClick = () => {\r\n this.setState({ enableReceiverInstructions: !this.state.enableReceiverInstructions });\r\n };\r\n\r\n render() {\r\n return (\r\n this.state.notFound === true ?\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport AppButton from './AppButton';\r\nimport './ConfirmRedirect.scss';\r\nimport UtilService from \"../services/UtilService\";\r\nimport AuthorityToLeave from './AuthorityToLeave';\r\n\r\nexport default function ConfirmRedirect(props) {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(UserPreferencePage);","import React, { useEffect } from 'react';\r\nimport AuthService from '../services/AuthService';\r\n\r\nexport default function SilentRefreshPage(props) {\r\n\r\n useEffect(() => {\r\n async function signInAsync() {\r\n var authService = await AuthService.getInstance();\r\n authService.signinSilentCallback()\r\n .catch(error => {\r\n alert('Error in silent refresh', error);\r\n });\r\n }\r\n signInAsync();\r\n });\r\n\r\n return null;\r\n}","import React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Layout } from './components/Layout';\r\nimport { Home } from './components/Home';\r\nimport Offer from './components/Offer';\r\nimport { PaymentResult } from './components/PaymentResult';\r\nimport { AdditionalServices } from './components/AdditionalServices';\r\nimport { AdditionalOptions } from './components/AdditionalOptions';\r\nimport { RateMyDelivery } from './components/ratemydelivery';\r\nimport { TrackMyDelivery } from './components/trackmydelivery';\r\nimport Redirect from './components/Redirect';\r\nimport ShipmentListPage from './components/ShipmentListPage';\r\nimport LoggedInPage from './components/LoggedInPage';\r\nimport LoggedOut from './components/LoggedOut';\r\nimport UserPreferencePage from './components/UserPreferencePage';\r\nimport SilentRefreshPage from './components/SilentRefreshPage';\r\nimport './custom.scss';\r\nimport AuthService from './services/AuthService';\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name;\r\n static __busyCount = 0;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loaded: false,\r\n busy: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n if(window.location.href.indexOf('/silentrefresh') < 0) {\r\n var authService = await AuthService.getInstance();\r\n var user = await authService.getUser(); \r\n // if we have a user, check if user has a valid token that has not expired\r\n if((user && user.expired)) {\r\n //console.log('User found but token has expired');\r\n var tries = 1;\r\n while(tries++ < 10 && user.expired === true) {\r\n // wait for it to (hopefully refresh)\r\n //console.log('awaiting user refresh....')\r\n await new Promise(resolve => setTimeout(resolve, tries * 200));\r\n user = await authService.getUser();\r\n console.log('current user state', user); \r\n }\r\n }\r\n await new Promise(resolve => setTimeout(resolve, 100));\r\n //console.log('ending app componentDidMount, setting loaded');\r\n }\r\n this.setState({loaded: true});\r\n }\r\n\r\n setGlobalBusy = () => {\r\n App.__busyCount++;\r\n this.setState({busy: true});\r\n };\r\n\r\n clearGlobalBusy = () => {\r\n App.__busyCount--;\r\n console.log('checking global busy', App.__busyCount);\r\n if(App.__busyCount <= 0) {\r\n App.__busyCount = 0;\r\n console.log('clearing global busy');\r\n this.setState({busy: false});\r\n }\r\n }\r\n\r\n render () {\r\n // NOTE: No routes can contain /api/, /identity/ or /identityadmin/ - these are excluded from the service worker\r\n return (\r\n this.state.loaded === true ? \r\n \r\n \r\n \r\n \r\n {\r\n var shouldRenderLayout =\r\n location.pathname.indexOf('/t/') === -1 &&\r\n location.pathname.indexOf('/silentrefresh') === -1;\r\n return shouldRenderLayout ? \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\n \r\n \r\n \r\n : null \r\n }} />\r\n :\r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import configService from \"./ConfigService\";\r\nimport firebase from \"firebase/app\";\r\nimport 'firebase/messaging'\r\n\r\nexport default class NotificationService {\r\n static async init(registration) { \r\n var config = await configService.getConfig();\r\n if (!firebase.apps.length) {\r\n //console.log('Initing Firebase 1...', firebaseConfig);\r\n firebase.initializeApp(config.firebaseConfig); \r\n }\r\n else {\r\n firebase.app().delete().then(function() {\r\n //console.log('Initing Firebase 1...', firebaseConfig);\r\n firebase.initializeApp(config.firebaseConfig);\r\n });\r\n }\r\n //console.log('Firebase initialized!');\r\n\r\n try {\r\n const messaging = firebase.messaging();\r\n messaging.useServiceWorker(registration);\r\n //console.log('Firebase set to use service worker!', registration);\r\n await messaging.requestPermission();\r\n var token = await messaging.getToken();\r\n console.log(\"FCM Token:\", token);\r\n // TODO: register token with server for messaging... (need to tie to offer token)\r\n var res = await NotificationService.postData('api/subscribe/' + token);\r\n //console.log('setting up onMessage handler');\r\n messaging.onMessage(payload => {\r\n //console.log('Notification payload!', payload);\r\n const title = payload.notification.title; \r\n const options = {\r\n body: payload.notification.body,\r\n icon: payload.notification.icon,\r\n data: {url: payload.data.url}\r\n }; \r\n return registration.showNotification(title, options);\r\n }); \r\n }\r\n catch(error) \r\n {\r\n if (error.code === \"messaging/permission-blocked\") {\r\n console.log(\"Please Unblock Notification Request Manually\");\r\n } else {\r\n console.log(\"Error Occurred\", error);\r\n }\r\n }\r\n }\r\n\r\n static async postData(url = '', data = {}) {\r\n return fetch(url, {\r\n method: 'POST',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n credentials: 'same-origin',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n redirect: 'follow',\r\n referrer: 'no-referrer',\r\n body: JSON.stringify(data),\r\n });\r\n }\r\n\r\n static async sendMessage(){\r\n \r\n }\r\n}","// In production, we register a service worker to serve assets from local cache.\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 the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nimport notificationService from \"./services/NotificationService\";\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 default function register () {\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);\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/facebookincubator/create-react-app/issues/2374\r\n console.log('BAILING on service worker registration because publicUrl.origin !== window.location.origin...');\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 const firebaseSwUrl = `${process.env.PUBLIC_URL}/firebase-messaging-sw.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n //console.log('checkValidServiceWorker...');\r\n // we don't really want notifications running on silentrefresh page\r\n if(window.location.href.indexOf('/silentrefresh') < 0)\r\n checkValidServiceWorker(firebaseSwUrl, true);\r\n checkValidServiceWorker(swUrl); \r\n } else {\r\n //console.log('registerValidSW direct...');\r\n // Is not local host. Just register service worker\r\n // we don't really want notifications running on silentrefresh page\r\n if(window.location.href.indexOf('/silentrefresh') < 0)\r\n registerValidSW(firebaseSwUrl, true);\r\n registerValidSW(swUrl); \r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl, isFirebase) {\r\n const registrationConfig = {\r\n onUpdate: registration => {\r\n const waitingServiceWorker = registration.waiting;\r\n \r\n if (waitingServiceWorker) {\r\n waitingServiceWorker.addEventListener(\"statechange\", event => {\r\n if (event.target.state === \"activated\") {\r\n //console.log('Reloading for new version! (2)');\r\n window.location.reload(true);\r\n }\r\n });\r\n //console.log('SW 2: skip waiting!');\r\n waitingServiceWorker.postMessage({ type: \"SKIP_WAITING\" });\r\n }\r\n }\r\n };\r\n if(isFirebase)\r\n registrationConfig.scope = './firebase-scope';\r\n navigator.serviceWorker\r\n .register(swUrl, registrationConfig)\r\n .then(async registration => {\r\n await registration.update();\r\n if(isFirebase === true){ \r\n window.notificationServiceWorker = registration.installing || registration.waiting || registration.active;\r\n\r\n //console.log('Initing Notification service...', registration);\r\n notificationService.init(registration).then(() => {\r\n console.log('Notification service initialised!'); \r\n }).catch((err) =>{\r\n console.log('Notification service initialisation failed!', err);\r\n });\r\n }\r\n\r\n const waiting3 = registration.waiting; \r\n if (waiting3) {\r\n waiting3.addEventListener(\"statechange\", event => {\r\n if (event.target.state === \"activated\") {\r\n //console.log('Reloading for new version! (3)');\r\n window.location.reload(true);\r\n }\r\n });\r\n //console.log('SW 3: skip waiting!');\r\n waiting3.postMessage({ type: \"SKIP_WAITING\" });\r\n }\r\n\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n //console.log('SW 1: skip waiting!');\r\n installingWorker.postMessage({ type: \"SKIP_WAITING\" });\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n //registration.showNotification(\"New Version Available\", {body: \"Please restart\\\\refresh to view new app version\"});\r\n //console.log('Reloading for new version! (1)');\r\n window.location.reload(true);\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 }\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, isFirebase) {\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 if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').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, isFirebase);\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-app-polyfill/ie11';\r\n//import \"core-js/stable\";\r\nimport \"core-js/features/string/starts-with\";\r\nimport \"core-js/features/string/repeat\";\r\nimport \"core-js/features/string/virtual/repeat\";\r\nimport \"core-js/features/array/find\";\r\nimport \"core-js/features/array/includes\";\r\nimport 'core-js/features/url-search-params'\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n ,\r\n rootElement);\r\n//
app: V1.5.13
\r\nregisterServiceWorker();\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"receiverInstructions\":\"ReceiverInstructions_receiverInstructions__ChqNy\",\"input\":\"ReceiverInstructions_input__3LzY6\",\"cardCloseX\":\"ReceiverInstructions_cardCloseX__1xQch\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"listItem\":\"ShipmentListPage_listItem__2otmX\",\"shipmentStatusIcon\":\"ShipmentListPage_shipmentStatusIcon__1DjzV\",\"shipmentStatusText\":\"ShipmentListPage_shipmentStatusText__uiFCQ\"};"],"sourceRoot":""}
![\"\"](\"images/footer-logo.gif\"){kind=logo}
\r\n {this.props.busy && }\r\n ![\"\"/](\"images/fliway-logo.png\"){kind=logo}
\r\n