\r\n {!this.props.backIcon ?\r\n
\r\n\r\n\r\n {this.props.progress &&\r\n this.onLeftIconClick()}>\r\n
\r\n :\r\n this.handleClick()}>\r\n \r\n {/*
\r\n }\r\n\r\n this.onLogoClick()}>\r\n 
\r\n
\r\n\r\n {!this.props.onRightIconPress ?\r\n \r\n \r\n \r\n\r\n {/* \r\n
\r\n :\r\n {this.props.rightText}
\r\n {localStorage.getItem(\"phone\")}\r\n this.onRightIconClick()}>\r\n
\r\n }\r\n\r\n \r\n
\r\n }\r\n \r\n {!this.props.backIcon ?\r\n
\r\n\r\n\r\n {this.props.progress &&\r\n this.onLeftIconClick()}>\r\n
\r\n :\r\n this.handleClick()}>\r\n \r\n {/*
\r\n }\r\n\r\n this.onLogoClick()}>\r\n \r\n
\r\n\r\n {!this.props.onRightIconPress ?\r\n \r\n \r\n \r\n\r\n {/* \r\n
\r\n :\r\n {this.props.rightText}
\r\n {localStorage.getItem(\"phone\")}\r\n this.onRightIconClick()}>\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 Affirm;","import {\r\n ADD_AMBASSADOR,\r\n GET_AMBASSADOR\r\n \r\n } from \"core/redux/actions\";\r\n import { ActionModel } from \"core/model/ActionModel\";\r\n import {IAmbassador} from 'core/model/ambassador'\r\n\r\n interface Ambassador {\r\n ambassadors: IAmbassador[];\r\n }\r\n\r\n const INIT_STATE: Ambassador = {ambassadors: []};\r\n\r\n export default (state = INIT_STATE, action: ActionModel) => {\r\n switch (action.type) {\r\n case GET_AMBASSADOR:\r\n return { ...state, ambassadors: action.payLoad};\r\n case ADD_AMBASSADOR:\r\n let tempAmbassador = [...state.ambassadors];\r\n tempAmbassador.push(action.payLoad);\r\n return { ...state, ambassadors: tempAmbassador };\r\n default:\r\n return state;\r\n }\r\n }","//@ts-ignore\r\nimport { combineReducers } from \"redux\";\r\nimport Ambassador from \"./Ambassador\";\r\n\r\n\r\nconst appReducer = combineReducers({\r\n Ambassador\r\n});\r\n// @ts-ignore\r\nexport const rootReducer = (state, action) => {\r\n return appReducer(state, action);\r\n};","import { ActionModel, prepareAction } from \"core/model/ActionModel\";\r\nimport {IAmbassador} from 'core/model/ambassador'\r\n\r\n\r\nexport const ADD_AMBASSADOR = \"ADD_AMBASSADOR\";\r\nexport const GET_AMBASSADOR = \"GET_AMBASSADOR\"\r\n\r\n\r\n\r\n\r\nfunction actionAddAmbassador(payload: IAmbassador): ActionModel {\r\n return prepareAction(ADD_AMBASSADOR, payload);\r\n }\r\n\r\n function actionGetAmbassador(payload: IAmbassador): ActionModel {\r\n return prepareAction(GET_AMBASSADOR, payload);\r\n }\r\n\r\nexport { actionAddAmbassador , actionGetAmbassador };","//@ts-ignore\r\nimport { createStore, applyMiddleware } from \"redux\";\r\n//@ts-ignore\r\nimport thunk from \"redux-thunk\";\r\nimport { rootReducer } from \"core/redux\";\r\n\r\nconst store = createStore(rootReducer, applyMiddleware(thunk));\r\n\r\n\r\n\r\nexport default store;\r\n","import {endpoints} from \"App\"\r\nexport async function fetchGraphQL(method: string, params: string) {\r\n var jsonData = null;\r\n //var endPoint = 'https://amsfanclubapi.allmysonsbeanstalk.com/graphql';//Production\r\n // var endPoint = 'https://amsfanclubapi.allmysonsstagingbeanstalk.com/graphql/';//staging\r\n \r\n\r\n try {\r\n const fetchResult = fetch(endpoints.graphql, {\r\n method: method.toLocaleUpperCase(),\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ query: params }),\r\n });\r\n\r\n const response = await fetchResult;\r\n\r\n if (response.ok) {\r\n jsonData = await response.json();\r\n } else {\r\n jsonData = null;\r\n throw new Error(response.statusText);\r\n }\r\n return jsonData;\r\n }\r\n catch (err) {\r\n //network related errors\r\n console.error(\"fetchGraphQL:\" + err);\r\n throw err;\r\n }\r\n}","import { fetchGraphQL } from 'core/services/graphQLservice'\r\n\r\n// getMoveAndReviewDetailsByCustomer(customerID:\"${CID}\")\r\nexport async function getCustomerDetails(CID: string, customerToken: string) {\r\n //debugger;\r\n var params = `query{\r\n getCustomerDetails(customerID:\"${CID}\", customerToken:\"${customerToken}\")\r\n {\r\n customerID\r\n moveID\r\n moveDailySheetID\r\n estimatorID\r\n customerName\r\n customerDetails\r\n estimatorDetails\r\n branchDetails\r\n origin\r\n destination\r\n customerEmail\r\n customerAdd1\r\n customerAdd2\r\n customerDestAdd1\r\n customerDestAdd2\r\n customerPh\r\n branchID\r\n estimatorName\r\n estimatorVideo\r\n estimatorPhone\r\n customerSigFlag\r\n paymentFlag\r\n dOT\r\n mC\r\n packDate\r\n loadDate\r\n deliveryDate\r\n customerDestPh\r\n }\r\n }\r\n `;\r\n\r\n var response = await fetchGraphQL('POST', params);\r\n return response.data.getCustomerDetails;\r\n}","import { gql } from 'apollo-boost';\r\nimport { fetchGraphQL } from 'core/services/graphQLservice'\r\n\r\n// companyRep\r\n// totalMovesScheduled\r\nexport async function getAmounts(CID: string) {\r\n\r\n var params = `query{\r\n getEstFlowTotalAmountsAndDetails(customerID:\"${CID}\")\r\n {\r\n type\r\n month\r\n amount\r\n }\r\n}`\r\n\r\n// var response = await fetchGraphQL('POST', params);\r\n// debugger;\r\n// return response.data.getEstFlowTotalAmountsAndDetails;\r\n\r\nreturn fetchGraphQL('POST', params);\r\n}","import React, { Component } from 'react'\r\nimport { Container, Col, Row } from 'react-bootstrap';\r\nimport { FormControl } from 'react-reactive-form';\r\nimport './IntroVideo.scss';\r\nimport ReactPlayer from 'react-player'\r\nimport { getCustomerDetails } from 'core/services/getCustomerDetailsService'\r\nimport { navigate } from '@reach/router';\r\nimport { getAmounts } from \"core/services/amountService\";\r\nexport interface IntroVideoProps {\r\n\r\n}\r\n\r\nexport interface IntroVideoState {\r\n width?: string | number,\r\n height?: string | number,\r\n playState?: boolean,\r\n estVideo: any;\r\n\r\n}\r\n\r\n\r\nclass IntroVideo extends React.Component\r\n Loading please wait...\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\nexport default IntroVideo","import React from 'react'\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { Button as MaterialButton, CircularProgress, Typography } from '@material-ui/core';\r\nimport './Button.scss'\r\n//@ts-ignore\r\nimport SimpleLineIcon from 'react-simple-line-icons';\r\n\r\nconst ColorButton: any = getButton();\r\n\r\nexport default function Button({\r\n text,\r\n width,\r\n height,\r\n fontSize,\r\n backgroundColor,\r\n color,\r\n fontWeight,\r\n textTransform,\r\n marginTop,\r\n paddingTop,\r\n formControl,\r\n formPage,\r\n formGroup,\r\n iconName,\r\n loading,\r\n onClick,\r\n border,\r\n disable,\r\n fontStyle\r\n}: any) {\r\n\r\n const handleClick = () => {\r\n if (onClick) {\r\n onClick();\r\n }\r\n if (formControl) {\r\n formControl.setValue(true);\r\n }\r\n }\r\n\r\n return (\r\n \r\n handleClick()}\r\n // backgroundColor={backgroundColor}\r\n >\r\n {loading ?\r\n {text}\r\n \r\n }\r\n {iconName &&\r\n
\r\n );\r\n}\r\n\r\nfunction getButton(): any {\r\n //@ts-ignore\r\n return withStyles(theme => ({\r\n root: {\r\n color: '#ffffff',\r\n backgroundColor: '#0B9A64',\r\n borderColor: '#0B9A64',\r\n boxShadow: \" 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.1);\",\r\n textAlign: 'center',\r\n borderRadius: 100,\r\n // minHeight: 48,\r\n // width: 'calc(100% - 30px)',\r\n width: \"86%\",\r\n // maxWidth: '540px',\r\n borderWidth: 0,\r\n // fontSize: \"2rem\",\r\n fontFamily: \"'Heebo', sans-serif\",\r\n textTransform: \"uppercase\",\r\n\r\n '&:hover': {\r\n backgroundColor: '#219653',\r\n borderColor: 'none',\r\n cursor: 'pointer',\r\n color: '#ffffff',\r\n borderWidth: 0,\r\n textTransform: \"uppercase\",\r\n boxShadow: 'none',\r\n },\r\n '&:focus': {\r\n outline: 0,\r\n boxShadow: 'none',\r\n },\r\n rippleVisible: {\r\n opacity: 0.8\r\n },\r\n },\r\n\r\n \"@keyframes mui-ripple-enter\": {\r\n \"0%\": {\r\n transform: \"scale(0)\",\r\n opacity: 0.1\r\n },\r\n \"100%\": {\r\n transform: \"scale(1)\",\r\n opacity: 0.8\r\n }\r\n },\r\n }))(MaterialButton);\r\n}\r\n","import React from \"react\";\r\nimport { CardLayout } from \"components/cardLayout\";\r\nimport \"./MovingfulExperienceCard.scss\"\r\nimport { getCustomerDetails } from 'core/services/getCustomerDetailsService'\r\n\r\nexport interface MovingfulExperienceCardProps {\r\n\r\n}\r\n\r\nexport interface MovingfulExperienceCardState {\r\n Customer: any;\r\n\r\n}\r\n\r\nclass MovingfulExperienceCard extends React.Component\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MovingfulExperienceCard;","import React from \"react\";\r\nimport \"./CardPaginator.scss\"\r\nimport { ButtonBase } from \"@material-ui/core\";\r\nimport '../../../node_modules/font-awesome/css/font-awesome.min.css'\r\n\r\nexport interface CardPaginatorProps {\r\n infoText?: any;\r\n iconName?: any;\r\n onExpand?(): void;\r\n\r\n}\r\n\r\nexport interface CardPaginatorState {\r\n\r\n}\r\n\r\nclass CardPaginator extends React.ComponentHi {this.state.Customer.customerName}, It's {this.state.Customer.estimatorName}. Thanks for welcoming me into your home! Call with any questions about your estimate! I look forward to your move.
\r\n\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CardPaginator;","import React from \"react\";\r\nimport './CardLayout.scss';\r\nimport { CardPaginator } from \"components/cardPaginator\";\r\n// import { Shimmer } from \"components/shimmer\";\r\n// import '../../../node_modules/font-awesome/css/font-awesome.min.css'\r\n\r\nexport interface CardLayoutProps {\r\n children?: any;\r\n // paginator?: { totalCount?: number, pageSize: number } | null;\r\n paginator?: any;\r\n paginatorText?: string;\r\n expand?: boolean;\r\n iconName?: any;\r\n loading?: boolean;\r\n onClick?(): void; // on card click as a whole\r\n onExpand?(): void; // on paginator expand\r\n style?: any;\r\n infoText?: any;\r\n}\r\n\r\nexport interface CardLayoutState {\r\n\r\n}\r\n\r\nclass CardLayout extends React.Component\r\n
\r\n {this.props.infoText}
\r\n this.props.onExpand && this.props.onExpand()}>\r\n \r\n
this.handleClick()} style={{...this.props.style}}>\r\n \r\n {this.props.children}\r\n\r\n {/* {this.props.loading && \r\n this.handleExpand()}\r\n />\r\n } \r\n\r\n {/* {!this.props.loading && this.props.expand && \r\n this.handleExpand()}\r\n />\r\n } */}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CardLayout;","import React from \"react\";\r\nimport { IntroVideo } from \"components/IntroVideo\";\r\nimport { Header } from \"components/header\";\r\nimport \"./IntroVideoScreen.scss\"\r\nimport { Button } from \"components/button\";\r\nimport { MovingfulExperienceCard } from \"components/movingfulExperienceCard\";\r\nimport { navigate } from \"@reach/router\";\r\nimport { CardLayout } from \"components/cardLayout\";\r\n\r\nexport interface IntroVideoScreenProps {\r\n path?: string;\r\n}\r\n\r\nexport interface IntroVideoScreenState {\r\n\r\n}\r\n\r\nclass IntroVideoScreen extends React.Component\r\n this.getStarted()}\r\n />\r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\nexport default IntroVideoScreen;","import React from \"react\";\r\nimport ReactDOM from 'react-dom'\r\nimport './MoveWith.scss'\r\nimport {BrandAdverbs} from './BrandAdverbs';\r\n//@ts-ignore\r\nimport Slider from \"react-slick\";\r\nimport { Header } from '../../../header';\r\nimport { useSpring, a, config } from 'react-spring'\r\nimport { Button } from \"components/button\";\r\nimport Animation from './Animation';\r\n//import {BrandAdverbs} from './BrandAdverbs';\r\nimport { navigate } from '@reach/router';\r\nimport { Home } from 'screens/home'\r\n// import { IntroVideo } from \"components/IntroVideo\";\r\nimport { IntroVideoScreen } from \"../../../../screens/introVideoScreen\";\r\nexport interface MoveWithCardProps {\r\n height?: any;\r\n}\r\n\r\nexport interface MoveWithCardState {\r\n isAnimated?: boolean;\r\n}\r\n\r\nclass MoveWithCard extends React.Component\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n )\r\n}\r\n\r\nexport default FormTitle;","import React from \"react\";\r\nimport './Select.scss'\r\n\r\nexport interface SelectProps {\r\n label: string,\r\n icon?: string;\r\n selected?: boolean\r\n onBubbleSelect?(): void;\r\n}\r\n\r\nexport default class Select extends React.PureComponent\r\n
\r\n\r\n { subTitle &&\r\n {title}
\r\n\r\n
\r\n }\r\n \r\n\r\n {subTitle}
\r\n\r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { IOption, IField } from 'shared/model';\r\nimport { FormControl } from 'react-reactive-form';\r\nimport { Select } from 'components/select';\r\n\r\nexport interface SingleSelectProps {\r\n field: IField;\r\n options: IOption[];\r\n bindLabel: string;\r\n bindValue?: string; // binds whole object if not specified\r\n formControl?: FormControl;\r\n}\r\n\r\nexport interface SingleSelectState {\r\n selectedOption: IOption | undefined ;\r\n}\r\n\r\nexport default class SingleSelect extends React.Component this.onBubbleSelect()} style={{backgroundColor: this.props.selected ? '#ECECEC' : 'white'}}>\r\n \r\n {this.props.icon && \r\n })
\r\n }\r\n
\r\n {this.props.label}
\r\n \r\n {this.props.options.map((option: IOption, key) => {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\n//import { Redirect } from 'react-router-dom'\r\nimport { Container, Col, Row } from 'react-bootstrap';\r\nimport DayPicker from 'react-day-picker';\r\nimport 'react-day-picker/lib/style.css';\r\n// import ListGroup from 'react-bootstrap/ListGroup';\r\nimport moment from \"moment\";\r\nimport { FormControl } from 'react-reactive-form';\r\nimport './DatePicker.scss';\r\nimport ListGroup from 'react-bootstrap/ListGroup';\r\nimport 'react-day-picker/lib/style.css';\r\nimport { superDeal } from 'assets/images';\r\n\r\nexport interface DatePickerProps {\r\n formControl?: FormControl;\r\n params?: any\r\n}\r\n\r\nexport interface DatePickerState {\r\n date: Date;\r\n selectedDay: any;\r\n}\r\n\r\n\r\nclass DatePicker extends React.Component\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n {date}
\r\n \r\n \r\n \r\n {/*
\r\n \r\n\r\n 
\r\n }\r\n {/* //@ts-ignore */}\r\n
\r\n\r\n \r\n
\r\n )\r\n\r\n }\r\n}\r\n\r\nexport default DatePicker;\r\n","import React, { useCallback, useState, useEffect } from 'react';\r\nimport { createStyles, makeStyles, Theme, createMuiTheme, MuiThemeProvider } from '@material-ui/core';\r\nimport { TextField as MaterialTextField } from '@material-ui/core';\r\nimport { FormControl } from 'react-reactive-form';\r\nimport MaskedInput from 'react-text-mask';\r\nimport './TextField.scss';\r\n//@ts-ignore\r\nimport { useWindowWidth } from '@react-hook/window-size';\r\nimport { green } from '@material-ui/core/colors'\r\n//@ts-ignore\r\nimport MaskedFormControl from 'react-bootstrap-maskedinput'\r\n\r\n\r\n// https://github.com/mui-org/material-ui/issues/13347\r\n// https://stackoverflow.com/questions/50620393/how-to-change-material-ui-input-underline-colour\r\nconst theme = createMuiTheme({\r\n palette: {\r\n primary: green,\r\n },\r\n overrides: {\r\n MuiFormLabel: {\r\n // root: {\r\n // \"&$focused\": {\r\n // color: 'green',\r\n // },\r\n // \"&:hover:not($disabled):not($focused):not($error) $notchedOutline\": {\r\n // borderColor: purple[500]\r\n // }\r\n // },\r\n // disabled: {},\r\n // focused: {},\r\n // error: {},\r\n // notchedOutline: {},\r\n // focused: {}\r\n }\r\n }\r\n});\r\n\r\n// const theme = createMuiTheme({\r\n// palette: {\r\n// primary: green,\r\n// },\r\n// });\r\n\r\nconst useStyles: any = makeStyles((theme: Theme) =>\r\n //@ts-ignore\r\n createStyles({\r\n // root: {\r\n // \"&:hover:not($disabled):not($focused):not($error) $notchedOutline\": {\r\n // borderColor: purple[500]\r\n // }\r\n // },\r\n // disabled: {},\r\n // focused: {},\r\n // error: {},\r\n // notchedOutline: {},\r\n container: {\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n backgroundColor: \"#fff\",\r\n },\r\n textField: {\r\n marginLeft: theme.spacing(3.2),\r\n marginRight: theme.spacing(4),\r\n fontStyle: \"italic\",\r\n },\r\n // notchedOutline: {},\r\n // focused: {\r\n // \"& $notchedOutline\": {\r\n // borderColor: \"yellow\"\r\n // }\r\n // }\r\n // underline:{\r\n // '&:after': {\r\n // borderBottom:'2px solid red',\r\n\r\n // },\r\n // },\r\n }),\r\n);\r\n\r\nexport interface TextFieldProps {\r\n label: string;\r\n formControl?: FormControl;\r\n keyboardType?: string;\r\n mask?: any;\r\n submitted?: boolean;\r\n errorText?: any;\r\n onTextChange?(value: string): void;\r\n onEnter?(): void;\r\n onFocusOut?(): void;\r\n variantType?: any;\r\n}\r\n\r\nconst TextField = ({ label, formControl, keyboardType, mask, submitted, errorText, onTextChange, onEnter,variantType, onFocusOut }: TextFieldProps) => {\r\n const classes = useStyles()\r\n\r\n const [value, setValue] = useState(formControl ? formControl.value : '');\r\n const [error, setError] = useState(isInvalid(formControl));\r\n const [errorMessage, setErrorMessage] = useState(getErrorMessage(formControl, errorText));\r\n const [forceShrink, setForceShrink] = useState(formControl && !!formControl.value);\r\n\r\n //TODO Use debouncing\r\n const handleTextChange = useCallback(\r\n event => {\r\n if (formControl) {\r\n setValue(event.target.value);\r\n formControl.setValue(event.target.value);\r\n formControl.markAsTouched();\r\n\r\n // Clear if error is gone now\r\n if (error && !isInvalid(formControl)) {\r\n setError(isInvalid(formControl));\r\n setErrorMessage(getErrorMessage(formControl, errorText))\r\n }\r\n }\r\n if (onTextChange) {\r\n onTextChange(event.target.value)\r\n }\r\n },\r\n []\r\n );\r\n\r\n const evaluateErrors = () => {\r\n if (formControl) {\r\n formControl.markAsTouched();\r\n setError(isInvalid(formControl));\r\n setErrorMessage(getErrorMessage(formControl, errorText))\r\n }\r\n }\r\n\r\n const onBlur = useCallback(\r\n event => {\r\n if (formControl ? !formControl.value : value) {\r\n setForceShrink(false);\r\n }\r\n evaluateErrors();\r\n if (onFocusOut) {\r\n onFocusOut();\r\n }\r\n \r\n },\r\n []\r\n );\r\n\r\n const onFocus = useCallback(\r\n event => {\r\n setForceShrink(true);\r\n },\r\n []\r\n );\r\n\r\n\r\n const handleSubmit = useCallback(\r\n e => {\r\n e.preventDefault();\r\n onBlur(e)\r\n // console.log(\"Form values\", loginForm.value);\r\n\r\n },\r\n []\r\n );\r\n\r\n useEffect(() => {\r\n if (submitted) {\r\n evaluateErrors();\r\n }\r\n }, [submitted]);\r\n\r\n return (\r\n // {this.state.header.title}
{this.state.header.subtitle ?{this.state.header.subtitle}
: null}