{"version":3,"file":"QuestionnaireForm-C6miGEFr.js","sources":["../../../app/javascript/entrypoints/Questionnaire/QuestionnaireForm.jsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Typography,\n  FormControl,\n  Select,\n  MenuItem,\n  TextField,\n  Box,\n} from \"@mui/material\";\nimport { colors } from \"../lib/theme\";\n\nconst commonStyles = {\n  minWidth: 120,\n  fontSize: \"1rem\",\n  color: colors.white,\n  backgroundColor: \"transparent\",\n  \"& .MuiSelect-icon\": { color: colors.white },\n  \"& .MuiOutlinedInput-notchedOutline\": { borderColor: colors.white },\n  \"&:hover .MuiOutlinedInput-notchedOutline\": { borderColor: colors.white },\n  \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": { borderColor: colors.white },\n  \"&.Mui-focused .MuiSelect-select, & .MuiSelect-select:focus\": {\n    color: colors.white,\n    backgroundColor: \"transparent\",\n  },\n};\n\nconst textFieldStyles = {\n  input: { color: colors.white, padding: \"0.25rem 0.5rem\" },\n  \"& .MuiOutlinedInput-root\": {\n    \"&:hover .MuiOutlinedInput-notchedOutline\": { borderColor: colors.white },\n    \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": { borderColor: colors.white },\n  },\n};\n\nconst FormField = ({ component: Component, ...props }) => (\n  <Component\n    {...props}\n    sx={{\n      ...commonStyles,\n      ...(Component === TextField && textFieldStyles),\n      ...props.sx,\n    }}\n  />\n);\n\nconst ResponsiveFormControl = ({ children, sx }) => (\n  <FormControl\n    sx={{\n      mx: { xs: 0, sm: 1 },\n      display: { xs: \"block\", sm: \"inline-flex\" },\n      mt: 0,\n      width: { xs: \"100%\", sm: \"auto\" },\n      alignItems: \"center\",\n      ...sx,\n    }}\n  >\n    {children}\n  </FormControl>\n);\n\nconst QuestionnaireForm = ({\n  relationship,\n  setRelationship,\n  occasion,\n  setOccasion,\n  favoriteMemory,\n  setFavoriteMemory,\n  hobbiesInterests,\n  setHobbiesInterests,\n}) => {\n  return (\n    <Typography\n      sx={{\n        fontSize: { xs: \"1rem\", md: \"1.25rem\" },\n        fontWeight: 100,\n        color: colors.white,\n        mb: 2,\n        lineHeight: 1.5,\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        alignItems: \"center\",\n      }}\n    >\n      I'm creating a special gift for my\n      <ResponsiveFormControl>\n        <FormField\n          component={TextField}\n          value={relationship}\n          onChange={(e) => setRelationship(e.target.value)}\n          variant=\"outlined\"\n          size=\"small\"\n          sx={{ maxWidth: 100, width: { xs: \"100%\", sm: \"auto\" }, minWidth: { md: 150 } }}\n          placeholder=\"e.g. Dad\"\n        />\n      </ResponsiveFormControl>\n      for their\n      <ResponsiveFormControl>\n        <FormField\n          component={TextField}\n          value={occasion}\n          onChange={(e) => setOccasion(e.target.value)}\n          variant=\"outlined\"\n          size=\"small\"\n          sx={{ width: { xs: \"100%\", sm: \"auto\" }, minWidth: { md: 150 } }}\n          placeholder=\"e.g. birthday\"\n        />\n      </ResponsiveFormControl>\n      <Box\n        sx={{\n          mt: 2,\n          mb: 2,\n          display: \"flex\",\n          flexWrap: \"wrap\",\n          alignItems: \"center\",\n        }}\n      >\n        One of my lasting memories with them is\n        <ResponsiveFormControl sx={{ maxWidth: { xs: 300 } }}>\n          <FormField\n            component={TextField}\n            value={favoriteMemory}\n            onChange={(e) => setFavoriteMemory(e.target.value)}\n            variant=\"outlined\"\n            size=\"small\"\n            sx={{ width: { xs: \"100%\", sm: \"auto\" }, minWidth: { md: 300 } }}\n            placeholder=\"e.g. our time in paris\"\n          />\n        </ResponsiveFormControl>\n      </Box>\n      <Box sx={{ display: \"flex\", flexWrap: \"wrap\", alignItems: \"center\" }}>\n        and I know they love\n        <ResponsiveFormControl>\n          <FormField\n            component={TextField}\n            value={hobbiesInterests}\n            onChange={(e) => setHobbiesInterests(e.target.value)}\n            variant=\"outlined\"\n            size=\"small\"\n            sx={{ width: { xs: \"100%\", sm: \"auto\" }, minWidth: { md: 300 } }}\n            placeholder=\"e.g. reading, cooking, etc.\"\n          />\n        </ResponsiveFormControl>\n      </Box>\n    </Typography>\n  );\n};\n\nexport default QuestionnaireForm;\n"],"names":["commonStyles","colors","textFieldStyles","FormField","Component","props","React","TextField","ResponsiveFormControl","children","sx","FormControl","QuestionnaireForm","relationship","setRelationship","occasion","setOccasion","favoriteMemory","setFavoriteMemory","hobbiesInterests","setHobbiesInterests","Typography","e","Box"],"mappings":"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"}