\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { SET_VALID } from \"../constants\";\r\nimport { currentLocale } from \"../locale\";\r\nimport { contains, and, toLower } from \"ramda\";\r\nimport IframeComponent from \"../components/iframe\";\r\nimport moment from \"moment\";\r\nimport { head, isEmpty, not } from \"ramda\";\r\nimport { converter } from \"../lib/converter\";\r\nimport '../style/sign.scss'\r\n\r\n\r\nexport const Pdf = ({ pdf, waiver, userAgent }) => {\r\n let type;\r\n if (contains(\"html\", waiver.participantPdf)) {\r\n type = \"text/html\";\r\n } else {\r\n type = \"application/pdf\";\r\n }\r\n return (\r\n \r\n {and(\r\n contains(\"html\", waiver.participantPdf),\r\n contains(\"mac os\", toLower(userAgent))\r\n ) ? (\r\n \r\n ) : (\r\n \r\n \r\n {converter.convert(`${currentLocale.download}`)}\r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nclass Step5 extends Component {\r\n state = { userAgent: \"\" };\r\n componentWillMount() {\r\n //checking to see if this is first time through (or if they're going back to edit)\r\n if (\r\n not(isEmpty(head(this.props.signingInfo.participants).participantName))\r\n ) {\r\n this.props.skippedBackwards();\r\n }\r\n\r\n //checking to see if pdfs are expired and if so it re gets\r\n if (moment().isAfter(`${this.props.waiver.pdfExpires}`)) {\r\n this.props.getCurrentWaiver();\r\n }\r\n this.props.dispatch({ type: SET_VALID, payload: true });\r\n this.setState({ userAgent: window.navigator.userAgent });\r\n }\r\n\r\n render() {\r\n const { waiver, minorPage, signingInfo } = this.props;\r\n const { userAgent } = this.state;\r\n return (\r\n
\r\n );\r\n};\r\n\r\nexport default CustomIntlTelInput;\r\n","import {\r\n equals,\r\n filter,\r\n gte,\r\n isEmpty,\r\n length,\r\n match,\r\n split,\r\n trim\r\n} from \"ramda\";\r\nimport moment from \"moment\";\r\nimport { currentLocale } from \"../locale\";\r\nimport * as Yup from \"yup\";\r\n\r\nexport const setOrdinal = value => {\r\n let s = [\"th\", \"st\", \"nd\", \"rd\"],\r\n v = value % 100;\r\n return value + (s[(v - 20) % 10] || s[v] || s[0]);\r\n};\r\n\r\n//now checks for at least 2 names that are at least 2 letters each\r\nexport const validateName = value => {\r\n let errorMessage;\r\n let singleName = value => split(\" \", trim(value));\r\n let gtNameLength = value => gte(length(value), 2); //length(value)\r\n // let nameLength = value => length(value) < 2;\r\n\r\n if (isEmpty(value)) {\r\n errorMessage = currentLocale.nameRequired;\r\n } else if (length(value) < 5) {\r\n errorMessage = currentLocale.tooShort;\r\n } else if (length(value) > 50) {\r\n errorMessage = currentLocale.tooLong;\r\n } else if (isEmpty(match(/ /, trim(value)))) {\r\n errorMessage = currentLocale.bothNames;\r\n // } else if (!isEmpty(filter(nameLength, singleName(value)))) {\r\n // errorMessage = currentLocale.tooShort;\r\n } else if (gte(1, length(filter(gtNameLength, singleName(value))))) {\r\n errorMessage = currentLocale.tooShort;\r\n }\r\n\r\n return errorMessage;\r\n};\r\n\r\nexport const validateEmail = value => {\r\n let errorMessage;\r\n if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(value)) {\r\n errorMessage = currentLocale.emailError;\r\n }\r\n return errorMessage;\r\n};\r\n\r\nexport const validatePhoneNumbers = values => {\r\n let errorMessage;\r\n if (equals(values.phoneNumber, values.icePhoneNumber)) {\r\n errorMessage = currentLocale.icePhoneNumberError;\r\n }\r\n return errorMessage;\r\n};\r\n\r\nexport const participantsAgeTest = value => {\r\n let errorMessage;\r\n const now = new Date();\r\n let today = age(moment(now).format(\"YYYY-MM-DD\"));\r\n let format = age(moment(value).format(\"YYYY-MM-DD\"));\r\n\r\n if (isEmpty(value)) {\r\n errorMessage = currentLocale.birthdayRequired;\r\n } else if (age(value) > 18) {\r\n errorMessage = currentLocale.participantsMaxAgeRequirement;\r\n } else if (format < today) {\r\n errorMessage = currentLocale.participantsMinAgeRequirement;\r\n }\r\n return errorMessage;\r\n};\r\n\r\nexport const guardianAgeTest = value => {\r\n let errorMessage;\r\n //let format = moment(value).format(\"YYYY-MM-DD\");\r\n\r\n if (age(value) < 18) {\r\n errorMessage = currentLocale.guardianMinAgeRequirement;\r\n } else if (age(value) > 125) {\r\n errorMessage = currentLocale.guardianMaxAgeRequirement;\r\n }\r\n return errorMessage;\r\n};\r\n\r\n///More Accurate\\\\\\\r\nexport const age = value => {\r\n let birthday = +new Date(value);\r\n return ~~((Date.now() - birthday) / 31557600000);\r\n};\r\n\r\nexport const FormikAppSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .min(4, \"Name is too short\")\r\n .max(50, \"Name is too long\")\r\n .required(\"Name is required\"),\r\n birthday: Yup.date()\r\n .typeError(\"Invalid Date\")\r\n // .min(, \"You must be 18 years old to participate\")\r\n //.max(1900, \"You better be under 100 to go parasailing\")\r\n .required(\"Your birthday is required\"),\r\n email: Yup.string()\r\n .email(\"Invalid Email Address\")\r\n .required(\"Email Address is required for marketing information\"),\r\n phoneNumber: Yup.number()\r\n // .min(5, \"Phone number is too long\")\r\n // .max(15, \"Phone number is too short\")\r\n .required(\"Phone number is required\"),\r\n icePhoneNumber: Yup.number()\r\n // .min(5, \"Phone Number is too short\")\r\n // .max(15, \"Phone Number is too long\")\r\n .required(\"In case of emergency phone number is required\")\r\n //optIn: Yup.bool().oneOf([true])\r\n // participants: Yup.array().of(\r\n // Yup.object().shape({\r\n // participantName: Yup.string()\r\n // .min(4, \"Too Short\")\r\n // .max(50, \"Too Long\")\r\n // .required(\"First and Last Name are required\"),\r\n // participantDateOfBirth: Yup.date()\r\n // .typeError(\"Invalid Date\")\r\n // // .min(18, \"You must be 18 years old to participate\")\r\n // //.max(18, \"Guardians can only sign for participants younger than 18\")\r\n // .required(\"Their birthday is required\")\r\n // })\r\n // )\r\n});\r\n\r\n// export const ParticipantSchema = Yup.object().shape({\r\n// name: Yup.string()\r\n// .min(2, \"Name is too short\")\r\n// .max(50, \"Name is too long\")\r\n// .required(\"Name is required\"),\r\n// birthday: Yup.date()\r\n// .min(18, \"You must be 18 years old to participate\")\r\n// .max(100, \"You better be under 100 to go parasailing\")\r\n// .required(\"Your birthday is required\")\r\n\r\n// const ParticipantListSchema = Yup.object().shape({\r\n// participants: Yup.array()\r\n// .of(\r\n// Yup.object().shape({\r\n// participantName: Yup.string()\r\n// .min(4, \"Too Short\")\r\n// .max(50, \"Too Long\")\r\n// .required(\"First and Last Name are required\"),\r\n// participantDateOfBirth: Yup.date()\r\n// .typeError(\"Invalid Date\")\r\n// // .min(18, \"You must be 18 years old to participate\")\r\n// //.max(18, \"Guardians can only sign for participants younger than 18\")\r\n// .required(\"Their birthday is required\")\r\n// })\r\n// )\r\n// .required(\"Complete all fields or remove them.\")\r\n// });\r\n\r\n//.default(() => new Date())\r\n// participantName: Yup()\r\n// .string()\r\n// .min(2, 'Name is too short')\r\n// .max(50, 'Name is too long)\r\n// .required('The Participant's name is required')\r\n// });\r\n\r\n///////////////MarketingValidationSchema\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\r\n// const MarketingSchema = Yup.object().shape({\r\n// email: Yup.string()\r\n// .email(\"Invalid Email Address\")\r\n// .required(\"Email Address is required for marketing information\"),\r\n// phoneNumber: Yup.number()\r\n// // .min(5, \"Phone number is too long\")\r\n// // .max(15, \"Phone number is too short\")\r\n// .required(\"Phone number is required\"),\r\n// icePhoneNumber: Yup.number()\r\n// // .min(5, \"Phone Number is too short\")\r\n// // .max(15, \"Phone Number is too long\")\r\n// .required(\"In case of emergency phone number is required\")\r\n// });\r\n","import React from \"react\";\r\n\r\nexport const Checkbox = ({\r\n field: { name, onChange, onBlur, value },\r\n form,\r\n label,\r\n className,\r\n ...props\r\n}) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n};\r\n","import React, { Component } from \"react\";\r\nimport { Field } from \"formik\";\r\nimport \"./Marketing.scss\";\r\nimport CustomIntlTelInput from \"./CustomIntlTelInput\";\r\nimport { currentLocale } from \"../locale\";\r\nimport { validateEmail } from \"./validation\";\r\nimport { Checkbox } from \"./Checkbox\";\r\n\r\nclass Marketing extends Component {\r\n state = {\r\n stateParticipantData: {\r\n phoneNumber: \"\", //+447795214092\r\n email: \"\",\r\n icePhoneNumber: \"\",\r\n role: 1, //isParticipant - already entered (its own tab)\r\n optIn: false //must be true in order to end up on this page\r\n }\r\n };\r\n\r\n render() {\r\n const { values, errors, touched, waiver } = this.props;\r\n\r\n let preferredCountries = [\"us\", \"gb\", \"ca\"];\r\n const locale = window.navigator.language;\r\n if (locale && locale.length === 5) {\r\n const country = locale.substring(3);\r\n if (preferredCountries.indexOf(country) == -1) {\r\n preferredCountries.unshift(country);\r\n }\r\n }\r\n return (\r\n
\r\n