= props => {\r\n const { order } = props\r\n\r\n return (\r\n <>\r\n \r\n Thank you for your order, {order.firstName}!\r\n \r\n \r\n Your order number is {order.orderNumber}. An email confirmation will be\r\n sent to {order.email}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Confirmation\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/contest/Confirmation.tsx","import * as React from 'react'\r\n\r\nimport Api from './services/api'\r\n\r\n/** https://medium.com/@jrwebdev/react-higher-order-component-patterns-in-typescript-42278f7590fb */\r\nexport interface IInjectedServiceProps {\r\n api: Api\r\n}\r\n\r\nconst api = new Api()\r\n\r\nconst withServices = (\r\n Component: React.ComponentType
\r\n) => {\r\n const WithServices: React.SFC
= props => \r\n\r\n WithServices.displayName = `WithServices(${Component.displayName ||\r\n Component.name})`\r\n\r\n return WithServices\r\n}\r\n\r\nexport default withServices\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/withServices.tsx","import IContest from '../models/IContest'\r\nimport IOrder from '../models/IOrder'\r\n\r\nexport default class Api {\r\n public async getContest(contestSlug: string): Promise {\r\n const url = `api/contest/${contestSlug}`\r\n\r\n const response = await fetch(url)\r\n const contest = (await response.json()) as IContest\r\n\r\n return contest\r\n }\r\n\r\n public async submitOrder(\r\n order: IOrder,\r\n creditCardToken: string\r\n ): Promise {\r\n const url = 'api/order'\r\n\r\n order.creditCardToken = creditCardToken\r\n\r\n const response = await fetch(url, {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(order)\r\n })\r\n\r\n if (!response.ok) {\r\n let message = 'There was an error submitting the order'\r\n\r\n if (response.status === 400) {\r\n // modelstateerror or stripeexceptionfilter error\r\n const json = await response.json()\r\n\r\n const values = Object.keys(json).map(key => json[key])\r\n const messages = values.reduce((a, b) => a.concat(b))\r\n console.log(messages)\r\n message = messages[0]\r\n }\r\n\r\n throw new Error(message)\r\n }\r\n\r\n const orderNumber = await response.json()\r\n return orderNumber\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/services/api.ts","import * as React from 'react'\r\nimport { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles'\r\nimport CssBaseline from '@material-ui/core/CssBaseline'\r\nimport red from '@material-ui/core/colors/red'\r\n\r\nconst textFieldFocusColor = red[900]\r\n\r\nconst theme = createMuiTheme({\r\n palette: {\r\n primary: {\r\n main: red[900]\r\n },\r\n error: {\r\n main: red[900]\r\n },\r\n background: {\r\n default: '#8e0c14'\r\n }\r\n },\r\n typography: {\r\n useNextVariants: true\r\n },\r\n overrides: {\r\n MuiFormLabel: {\r\n focused: {\r\n '&$focused': {\r\n color: textFieldFocusColor\r\n }\r\n }\r\n },\r\n MuiInput: {\r\n underline: {\r\n '&:after': {\r\n borderBottom: `2px solid ${textFieldFocusColor}`\r\n }\r\n }\r\n },\r\n MuiSelect: {\r\n select: {\r\n '&:focus': {\r\n background: 'transparent'\r\n }\r\n }\r\n },\r\n MuiStepIcon: {\r\n root: {\r\n color: 'gray',\r\n '&$completed': 'green'\r\n },\r\n completed: {\r\n color: 'green'\r\n }\r\n }\r\n }\r\n})\r\n\r\nfunction withMUI(Component: React.ComponentType
) {\r\n function WithMUI(props: P) {\r\n return (\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n WithMUI.displayName = `WithMUI(${Component.displayName || Component.name})`\r\n\r\n return WithMUI\r\n}\r\n\r\nexport default withMUI\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/withMUI.tsx","import * as React from 'react'\r\nimport { StripeProvider, Elements } from 'react-stripe-elements'\r\n\r\nfunction withStripeProvider
(Component: React.ComponentType
) {\r\n function WithStripeProvider(props: P) {\r\n // const publicKey = 'pk_test_P995J2iqC4UVUiRZ9kc2FWUk'\r\n const publicKey = 'pk_live_jXblTYHoNQtEVqa3Ib6gTnJc'\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n WithStripeProvider.displayName = `WithStripeProvider(${Component.displayName ||\r\n Component.name})`\r\n\r\n return WithStripeProvider\r\n}\r\n\r\nexport default withStripeProvider\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/withStripeProvider.tsx"],"sourceRoot":""}