{message}
\r\n } else {\r\n switch (action) {\r\n case LoginActions.Login:\r\n return (Processing Login...
);\r\n case LoginActions.LoginCallback:\r\n return (Checking Your Login Information...
);\r\n case LoginActions.Profile:\r\n case LoginActions.Register:\r\n return ();\r\n default:\r\n throw new Error(`Invalid action '${action}'`);\r\n }\r\n }\r\n }\r\n\r\n async login(returnUrl) {\r\n const state = { returnUrl };\r\n const result = await authService.signIn(state);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n break;\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(returnUrl);\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(`Invalid status result ${result.status}.`);\r\n }\r\n }\r\n\r\n async processLoginCallback() {\r\n const url = window.location.href;\r\n const result = await authService.completeSignIn(url);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n // There should not be any redirects as the only time completeSignIn finishes\r\n // is when we are doing a redirect sign in flow.\r\n throw new Error('Should not redirect.');\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(this.getReturnUrl(result.state));\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(`Invalid authentication result status '${result.status}'.`);\r\n }\r\n }\r\n\r\n getReturnUrl(state) {\r\n const params = new URLSearchParams(window.location.search);\r\n const fromQuery = params.get(QueryParameterNames.ReturnUrl);\r\n if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\r\n // This is an extra check to prevent open redirects.\r\n throw new Error(\"Invalid return url. The return url needs to have the same origin as the current page.\")\r\n }\r\n return (state && state.returnUrl) || fromQuery || `${window.location.origin}/`;\r\n }\r\n\r\n redirectToRegister() {\r\n this.redirectToApiAuthorizationPath(`${ApplicationPaths.IdentityRegisterPath}?${QueryParameterNames.ReturnUrl}=${encodeURI(ApplicationPaths.Login)}`);\r\n }\r\n\r\n redirectToProfile() {\r\n this.redirectToApiAuthorizationPath(ApplicationPaths.IdentityManagePath);\r\n }\r\n\r\n redirectToApiAuthorizationPath(apiAuthorizationPath) {\r\n const redirectUrl = `${window.location.origin}${apiAuthorizationPath}`;\r\n // It's important that we do a replace here so that when the user hits the back arrow on the\r\n // browser he gets sent back to where it was on the app instead of to an endpoint on this\r\n // component.\r\n window.location.replace(redirectUrl);\r\n }\r\n\r\n navigateToReturnUrl(returnUrl) {\r\n // It's important that we do a replace here so that we remove the callback uri with the\r\n // fragment containing the tokens from the browser history.\r\n window.location.replace(returnUrl);\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\nimport authService from './AuthorizeService';\r\nimport { AuthenticationResultStatus } from './AuthorizeService';\r\nimport { LogoutActions } from './ApiAuthorizationConstants';\r\nimport Loader from './../Loader';\r\n\r\n// The main responsibility of this component is to handle the user's logout process.\r\n// This is the starting point for the logout process, which is usually initiated when a\r\n// user clicks on the logout button on the LoginMenu component.\r\n\r\nconst myStyles = {\r\n errorMessage: {\r\n textAlign: 'center',\r\n fontSize: '1.5rem',\r\n fontWeight: 'bolder',\r\n marginTop: '25vh'\r\n }\r\n};\r\n\r\nexport class Logout extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n message: undefined,\r\n isReady: false,\r\n authenticated: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const action = this.props.action;\r\n switch (action) {\r\n case LogoutActions.Logout:\r\n if (!!window.history.state.state.local) {\r\n this.logout(this.getReturnUrl());\r\n } else {\r\n // This prevents regular links to {message}
);\r\n } else {\r\n const action = this.props.action;\r\n switch (action) {\r\n case LogoutActions.Logout:\r\n case LogoutActions.LogoutCallback:\r\n return (Processing logout...
);\r\n case LogoutActions.LoggedOut:\r\n return ({message}
);\r\n default:\r\n throw new Error(`Invalid action '${action}'`);\r\n }\r\n }\r\n }\r\n\r\n async logout(returnUrl) {\r\n const state = { returnUrl };\r\n const isauthenticated = await authService.isAuthenticated();\r\n if (isauthenticated) {\r\n const result = await authService.signOut(state);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n break;\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(returnUrl);\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(\"Invalid authentication result status.\");\r\n }\r\n } else {\r\n this.setState({ message: \"You successfully logged out!\" });\r\n }\r\n }\r\n\r\n async processLogoutCallback() {\r\n const url = window.location.href;\r\n const result = await authService.completeSignOut(url);\r\n switch (result.status) {\r\n case AuthenticationResultStatus.Redirect:\r\n // There should not be any redirects as the only time completeAuthentication finishes\r\n // is when we are doing a redirect sign in flow.\r\n throw new Error('Should not redirect.');\r\n case AuthenticationResultStatus.Success:\r\n await this.navigateToReturnUrl(this.getReturnUrl(result.state));\r\n break;\r\n case AuthenticationResultStatus.Fail:\r\n this.setState({ message: result.message });\r\n break;\r\n default:\r\n throw new Error(\"Invalid authentication result status.\");\r\n }\r\n }\r\n\r\n async populateAuthenticationState() {\r\n const authenticated = await authService.isAuthenticated();\r\n this.setState({ isReady: true, authenticated });\r\n }\r\n\r\n getReturnUrl() {\r\n return process.env.REACT_APP_MAIN_PORTAL_URL;\r\n }\r\n\r\n navigateToReturnUrl(returnUrl) {\r\n return window.location.replace(returnUrl);\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Login } from './Login'\r\nimport { Logout } from './Logout'\r\nimport { ApplicationPaths, LoginActions, LogoutActions } from './ApiAuthorizationConstants';\r\n\r\nexport default class ApiAuthorizationRoutes extends Component {\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n Member Benefits\r\n \r\n \r\n Save up to £500 per year on all your pet needs.\r\n \r\n\r\n
\r\n );\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\n\r\nimport authService from './AuthorizeService';\r\nimport useAuthenticated from './../hooks/useAuthenticated';\r\nimport { ApplicationPaths } from './ApiAuthorizationConstants'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n link: {\r\n margin: theme.spacing(1, 1.5),\r\n color: '#f5f5f5',\r\n textTransform: 'none'\r\n },\r\n linkLogin: {\r\n margin: theme.spacing(1, 1.5),\r\n color: '#f5f5f5'\r\n },\r\n}));\r\n\r\nexport default function LoginMenu() {\r\n\r\n const classes = useStyles();\r\n\r\n const { isAuthenticated } = useAuthenticated();\r\n const [userName, setUserName] = useState('');\r\n\r\n const fetchUserName = async () => {\r\n const token = await authService.getAccessToken();\r\n\r\n fetch('/api/user', {\r\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\r\n })\r\n .then(r => r.json())\r\n .then(d => setUserName(d.fullName))\r\n .catch((err) => console.log(err));\r\n }\r\n\r\n useEffect(() => {\r\n fetchUserName();\r\n }, []);\r\n\r\n function authenticatedView(profilePath, logoutPath) {\r\n return (\r\n \r\n );\r\n }\r\n\r\n function View() {\r\n if (isAuthenticated) {\r\n const profilePath = `${ApplicationPaths.Profile}`;\r\n const logoutPath = { pathname: `${ApplicationPaths.LogOut}`, state: { local: true } };\r\n return authenticatedView(profilePath, logoutPath);\r\n }\r\n return ();\r\n }\r\n\r\n return (\r\n Need a hand? Have some questions? We're here for you! Call Us: 0330 460 9565 or Email Us: hello@superpetclub.co.uk. We're open Monday - Friday, 09:00 - 17:30 (exc. bank holidays).\r\n
\r\n \r\n \r\n {props.children}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\n","import authService from './components/api-authorization/AuthorizeService';\r\nimport { ApplicationPaths, QueryParameterNames } from './components/api-authorization/ApiAuthorizationConstants';\r\n\r\nexport const DefaultQueryFn = async ({ queryKey }) => {\r\n const token = await authService.getAccessToken();\r\n\r\n const response = await fetch(`/api${queryKey[0]}`, {\r\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\r\n });\r\n\r\n if (response.status === 401) {\r\n window.location.href = `${ApplicationPaths.Login}?${QueryParameterNames.ReturnUrl}=${encodeURI(window.location.href)}`;\r\n }\r\n if (!response.ok) {\r\n throw new Error(\"Network response was not Ok\");\r\n }\r\n\r\n return await response.json();\r\n}\r\n\r\nexport const Post = async (url, postData) => {\r\n const token = await authService.getAccessToken();\r\n\r\n let options = {\r\n method: 'POST',\r\n headers: !token ? {} : { 'Authorization': `Bearer ${token}` }\r\n };\r\n\r\n if (postData) {\r\n options[\"body\"] = JSON.stringify(postData);\r\n }\r\n\r\n try {\r\n const response = await fetch(`/api${url}`, options);\r\n\r\n if (response.status === 401) {\r\n window.location.href = `${ApplicationPaths.Login}?${QueryParameterNames.ReturnUrl}=${encodeURI(window.location.href)}`;\r\n }\r\n\r\n return await response.json().catch(() => response);\r\n }\r\n catch (err) {\r\n return await response;\r\n }\r\n}","import React, { useState } from 'react';\r\nimport { useQuery, useMutation } from \"react-query\";\r\nimport { useParams, useHistory } from 'react-router-dom';\r\nimport ReactMarkdown from \"react-markdown\";\r\nimport StarIcon from '@material-ui/icons/Star';\r\nimport NavigateBeforeIcon from '@material-ui/icons/NavigateBefore';\r\nimport {\r\n Typography,\r\n Container,\r\n Card,\r\n CardMedia,\r\n CardContent,\r\n Button,\r\n Grid,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n Box\r\n} from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport { Post } from '../query';\r\nimport Loader from './Loader';\r\nimport Error from './Error';\r\n\r\nconst rewardHeroImagePath = 'assets/img/rewards-hero/'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n '@global': {\r\n ul: {\r\n margin: 0,\r\n padding: 0,\r\n listStyle: 'none',\r\n }\r\n },\r\n root: {\r\n flexGrow: 1,\r\n },\r\n toolbarTitle: {\r\n flexGrow: 1,\r\n margin: '25px 20px 20px 20px',\r\n fontWeight: 'bold'\r\n },\r\n cardMedia: {\r\n minHeight: '520px',\r\n maxWidth: '100%'\r\n },\r\n redeemBtn: {\r\n marginTop: theme.spacing(1)\r\n },\r\n backBtn: {\r\n margin: '0 20px 20px 20px'\r\n }\r\n}));\r\n\r\nconst Redeem = (props) => {\r\n switch (props.reward.type) {\r\n case \"PartnerSite\":\r\n case \"MotorEasy\":\r\n case \"RciHotel\":\r\n case \"UniqueCode\":\r\n case \"GenericCode\":\r\n return Please call our customer service team on the number listed below.
);\r\n }\r\n}\r\n\r\nconst RedeemButton = ({ reward }) => {\r\n\r\n const classes = useStyles();\r\n const mutation = useMutation(() => Post(`/rewards/${reward.id}/redeem`));\r\n\r\n const handleRedeem = () => {\r\n mutation.mutate();\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n Reward Type not found
);\r\n }\r\n};\r\n\r\nconst Link = ({ data }) => {\r\n\r\n const openNewTab = (url) => {\r\n if (url) {\r\n window.open(url, '_blank');\r\n }\r\n }\r\n\r\n return ({openNewTab(data.partnerSiteUrl)}
);\r\n}\r\n\r\nconst GenericCode = ({ data }) => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n {\r\n data.faqContent &&\r\n ()\r\n }\r\n \r\n \r\n {\r\n data.termsContent &&\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