\r\n \r\n We're not asking people to bring gifts as we know many\r\n of you are traveling from far away to join us for our special\r\n occasion. Celebrating with you at the wedding is enough of a gift\r\n for us! If you really want to give something, consider donating to\r\n one of our favorite charities:{\" \"}\r\n \r\n Planned Parenthood\r\n {\" \"}\r\n or the{\" \"}\r\n \r\n Natural Resources Defense Council\r\n \r\n . If you wish to buy us a gift directly, we created a gift registry\r\n {\" \"}on Zola.\r\n \r\n }\r\n />\r\n \r\n Yes! We have booked a block of rooms in two hotels: Holiday Inn\r\n Express and Radisson Hotel. Both are within 15 minutes of the\r\n venue. To reserve a room, check out the{\" \"}\r\n accomodations page. We'll add new details for the group discount as soon as we know.\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","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport default class Gifts extends React.Component {\r\n render() {\r\n return (\r\n
\r\n
Gifts
\r\n
\r\n We're not asking people to bring gifts as we know many\r\n of you are traveling to join us for our special\r\n occasion. Celebrating with you at the wedding is enough of a gift\r\n for us! If you want to give something, consider donating to\r\n one of our favorite charities:{\" \"}\r\n \r\n Planned Parenthood\r\n {\" \"}\r\n or the{\" \"}\r\n \r\n Natural Resources Defense Council\r\n \r\n . If you wish to buy us a gift directly, we have created a gift registry\r\n {\" \"}on Zola.\r\n
\r\n
\r\n )\r\n }\r\n}\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { Button, Form } from \"react-bootstrap\";\r\nimport Flexbox from 'flexbox-react';\r\nimport nicknames from \"./known_nicknames.js\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport default class RSVP extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.password = this.props.password;\r\n this.state = {\r\n firstName: \"\",\r\n lastName: \"\",\r\n guestList: [],\r\n group: [],\r\n attendance: {},\r\n noMatchFound: false,\r\n plusOneName: \"\"\r\n };\r\n this.handleFirstNameChange = this.handleFirstNameChange.bind(this);\r\n this.handleLastNameChange = this.handleLastNameChange.bind(this);\r\n this.handlePlusOneNameChange = this.handlePlusOneNameChange.bind(this);\r\n this.highlightGuest = this.highlightGuest.bind(this);\r\n this.handleGuestNameConfirm = this.handleGuestNameConfirm.bind(this);\r\n this.selectAttendance = this.selectAttendance.bind(this);\r\n this.submitRsvps = this.submitRsvps.bind(this);\r\n this.name = this.props.name;\r\n this.rsvpDisabled = false;\r\n this.handleSubmit = async event => {\r\n event.preventDefault();\r\n this.setState({awaiting: true});\r\n try {\r\n const result = await this.get_guests(this.password, this.state.lastName);\r\n const members = result.data.members;\r\n const exactMatches = members.filter((guest) => guest.name === this.state.firstName + \" \" + this.state.lastName);\r\n if (exactMatches.length === 1) {\r\n const attendances = {};\r\n const groupResult = await this.get_group(this.password, exactMatches[0].name);\r\n let i;\r\n for (i = 0; i < groupResult.data.members.length; i++) {\r\n attendances[groupResult.data.members[i].name] = {Ceremony: false, Sangeet: false};\r\n }\r\n this.setState({group: groupResult.data.members, attendance: attendances});\r\n } else if (members.length === 0) {\r\n this.setState( {\r\n noMatchFound: true,\r\n awaiting: false\r\n } );\r\n } else {\r\n if (nicknames()[this.state.firstName]) {\r\n const nicknameMatches = result.data.members.filter((member) => nicknames()[this.state.firstName].includes(member.name.split(\" \")[0]));\r\n if (nicknameMatches.length > 0) {\r\n this.setState({\r\n guestList: nicknameMatches,\r\n awaiting: false\r\n });\r\n } else {\r\n this.setState({\r\n guestList: result.data.members,\r\n awaiting: false\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n guestList: result.data.members,\r\n awaiting: false\r\n });\r\n }\r\n }\r\n console.log(\"Guest list: \" + this.state.guestList);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n };\r\n }\r\n \r\n async handleGuestNameConfirm(event) {\r\n this.setState({awaiting: true});\r\n const result = await this.get_group(this.password, this.state.highlightedGuest);\r\n const attendances = {};\r\n result.data.members.forEach((member) => {\r\n console.log(\"member name\" + member.name);\r\n attendances[member.name] = {Ceremony: false, Sangeet: false};\r\n });\r\n \r\n this.setState({group: result.data.members, attendance: attendances});\r\n return result;\r\n }\r\n \r\n handlePlusOneNameChange(event) {\r\n this.setState({\r\n plusOneName: event.target.value,\r\n });\r\n }\r\n \r\n handleFirstNameChange(event) {\r\n if (event.target.value.length > 0) {\r\n this.setState({\r\n firstName: event.target.value.charAt(0).toUpperCase() + event.target.value.slice(1)\r\n });\r\n } else {\r\n this.setState({\r\n firstName: event.target.value,\r\n });\r\n }\r\n }\r\n \r\n handleLastNameChange(event) { \r\n if (event.target.value.length > 0) {\r\n this.setState({\r\n lastName: event.target.value.charAt(0).toUpperCase() + event.target.value.slice(1)\r\n });\r\n } else {\r\n this.setState({\r\n lastName: event.target.value,\r\n });\r\n }\r\n }\r\n \r\n selectAttendance(name, event, respondent) {\r\n var currAttendance = {};\r\n if (name in this.state.attendance) {\r\n currAttendance = this.state.attendance[name];\r\n }\r\n if (currAttendance[event]) {\r\n currAttendance[event] = false;\r\n } else {\r\n currAttendance[event] = true;\r\n }\r\n currAttendance.respondent = respondent;\r\n \r\n // Need to copy attendance here instead of setting it to attendance of single person.\r\n this.setState(prevState => ({\r\n attendance: {\r\n ...prevState.attendance,\r\n [name]: currAttendance\r\n }\r\n }));\r\n\r\n }\r\n \r\n highlightGuest(name) {\r\n this.setState({highlightedGuest: name});\r\n }\r\n \r\n async submitRsvps() {\r\n const promises = Object.entries(this.state.attendance).map((person) => this.put_rsvp(this.password, this.getAttendanceName(person), person[1].Sangeet, person[1].Ceremony, person[1].respondent));\r\n await Promise.all(promises);\r\n this.setState({done: true})\r\n }\r\n \r\n // Method to return the person's name, or if it is the record for the plus-one, to return the plus-one name.\r\n getAttendanceName(person) {\r\n return person[0] === \"PlusOne\" ? this.state.plusOneName : person[0]\r\n }\r\n \r\n put_rsvp(password, name, sangeet, ceremony, respondent) {\r\n var pathParams = {};\r\n var apigClientFactory = require(\"aws-api-gateway-client\").default;\r\n var config = {\r\n invokeUrl: \"https://d6czey07q1.execute-api.us-west-2.amazonaws.com/test/rsvp?name=\" + name + \"&sangeet=\" + sangeet + \"&ceremony=\" + ceremony + \"&respondent=\" + respondent\r\n };\r\n var apigClient = apigClientFactory.newClient(config);\r\n var pathTemplate = \"\";\r\n var method = \"PUT\";\r\n var body = {};\r\n var additionalParams = {\r\n headers: {\r\n Authorization: btoa(password)\r\n }\r\n };\r\n var result = apigClient.invokeApi(\r\n pathParams,\r\n pathTemplate,\r\n method,\r\n additionalParams,\r\n body\r\n );\r\n return result;\r\n }\r\n \r\n get_group(password, name) {\r\n var pathParams = {};\r\n var apigClientFactory = require(\"aws-api-gateway-client\").default;\r\n var config = {\r\n invokeUrl: \"https://d6czey07q1.execute-api.us-west-2.amazonaws.com/test/group?name=\" + name\r\n };\r\n var apigClient = apigClientFactory.newClient(config);\r\n var pathTemplate = \"\";\r\n var method = \"GET\";\r\n var body = {};\r\n var additionalParams = {\r\n headers: {\r\n Authorization: btoa(password)\r\n }\r\n };\r\n var result = apigClient.invokeApi(\r\n pathParams,\r\n pathTemplate,\r\n method,\r\n additionalParams,\r\n body\r\n );\r\n return result;\r\n }\r\n \r\n get_guests(password, name) {\r\n var pathParams = {};\r\n var apigClientFactory = require(\"aws-api-gateway-client\").default;\r\n var config = {\r\n invokeUrl: \"https://d6czey07q1.execute-api.us-west-2.amazonaws.com/test/guest?name=\" + name\r\n };\r\n var apigClient = apigClientFactory.newClient(config);\r\n var pathTemplate = \"\";\r\n var method = \"GET\";\r\n var body = {};\r\n var additionalParams = {\r\n headers: {\r\n Authorization: btoa(password)\r\n }\r\n };\r\n var result = apigClient.invokeApi(\r\n pathParams,\r\n pathTemplate,\r\n method,\r\n additionalParams,\r\n body\r\n );\r\n return result;\r\n }\r\n \r\n render() {\r\n const buttonName = this.state.awaiting ? \"Submitting\" : \"Submit\";\r\n var contents;\r\n if (this.state.done) {\r\n contents = (
Thanks for responding! If you're still looking for accommodations, check out this page!
\n Dan and Riya met on a snow day at the University of Maryland. There\n was supposed to be a snowball fight and general snow shenanigans on\n campus so they both went with their mutual friend. Riya hit Dan with\n a snowball from really far away and impressed Dan with her excellent\n aim. Later, at a UMD party, she guessed his middle name on the first\n try. That’s when Dan knew he had to ask her out.\n
\n \n \n
\n THE PROPOSAL\n
\n Dan proposed to Riya on her birthday in Philadelphia. After a\n delicious birthday lunch at The Dandelion downtown, they walked to\n Love Park. Some unsuspecting strangers took their picture as Dan\n nervously proposed. When Riya said yes, they took a jubilant walk to\n the Philadelphia Museum of Art and the rest is history!\n \n \n \n
\n THE WEDDING\n
\n \n The Sangeet will be held at the \n Dhamankar household on Sunday October 3, 2021.\n The ceremony and reception will be held at the Pen Ryn Mansion in\n Bensalem, PA on Monday October 4, 2021. The address is 1601 State Rd,\n Bensalem, PA 19010. The ceremony will start at 2:30 PM and the reception will follow. \n \n \n \n );\n }\n}\n\nfunction bounce(val) {\n return spring(val, {\n stiffness: 330,\n damping: 22\n });\n}\n\n// we need to map the `scale` prop we define below\n// to the transform style property\nfunction mapStyles(styles) {\n return {\n opacity: styles.opacity,\n transform: `scale(${styles.scale})`\n };\n}\n\nclass MainContent extends React.Component {\n static propTypes = {\n match: PropTypes.object.isRequired,\n location: PropTypes.object.isRequired\n };\n\n componentDidUpdate(prevProps) {\n if (this.props.location !== prevProps.location) {\n window.scrollTo(0, 0);\n }\n }\n\n render() {\n const location= this.props.location;\n console.log(location);\n const bounceTransition = {\n // start in a transparent, upscaled state\n atEnter: {\n opacity: 0\n },\n // leave in a transparent, downscaled state\n atLeave: {\n opacity: bounce(0)\n },\n // and rest at an opaque, normally-scaled state\n atActive: {\n opacity: bounce(1)\n }\n };\n return (\n