{"version":3,"file":"Question-C0EE5UV5.js","sources":["../../../frontend/src/Components/DesignSystem/FormEmbed/FormIframe.tsx","../../../frontend/src/Components/FormResponses/Results/QuestionOptions.tsx","../../../frontend/src/Components/FormResponses/Results/Answers.tsx","../../../frontend/src/Components/FormResponses/Results/Question.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, CircularProgress } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst StyledIframe = styled('iframe')(() => ({\n  width: '100%',\n  height: '100vh',\n  border: 'none',\n}));\n\nconst StyledCircularProgress = styled(CircularProgress)(() => ({\n  position: 'absolute',\n  top: '50%',\n  left: '50%',\n  zIndex: 1,\n}));\n\nfunction FormIframe({ url, title }: any) {\n  const [ready, setReady] = React.useState(false);\n  const iframeRef = React.useRef(null);\n\n  if (!url) {\n    return null;\n  }\n\n  React.useEffect(() => {\n    if (iframeRef.current) {\n      iframeRef.current.addEventListener('load', () => {\n        setReady(true);\n      });\n    }\n\n    return () => {\n      if (iframeRef.current) {\n        iframeRef.current.removeEventListener('load', () => {\n          setReady(true);\n        });\n      }\n    };\n  }, [iframeRef.current]);\n\n  return (\n    <Box sx={{ position: 'relative', minHeight: '80vh', width: '100%' }}>\n      {!ready && <StyledCircularProgress size={40} />}\n      <StyledIframe title={title} src={url} ref={iframeRef} />\n    </Box>\n  );\n}\n\nexport default FormIframe;\n","import React from 'react';\nimport { FormattedMessage, FormattedNumber } from 'react-intl';\nimport { Box, Stack, Typography } from '@mui/material';\n\nimport LinearProgress from '../../DesignSystem/LinearProgress';\n\nfunction QuestionOptions({ questionId, questionOptions }: any) {\n  return questionOptions.map((questionOption: any, index: number) => (\n    <Box key={`${questionId}-${questionOption.id}`} sx={{ mt: index === 0 ? 1 : 4 }}>\n      <Stack\n        direction=\"row\"\n        spacing={2}\n        sx={{\n          justifyContent: 'space-between',\n          alignItems: 'flex-end',\n          mb: 1,\n        }}\n      >\n        <Typography\n          component=\"h4\"\n          sx={{\n            fontWeight: '600',\n            wordBreak: 'break-word',\n          }}\n        >\n          {questionOption.label || <FormattedMessage id=\"POST_FORM.FORM_BUILDER.OPTIONS.OTHER\" />}\n        </Typography>\n\n        <Stack direction=\"row\" spacing={2} sx={{ alignItems: 'end' }}>\n          <Typography\n            variant=\"body2\"\n            sx={{\n              color: 'text.secondary',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            <FormattedMessage\n              id=\"QUESTIONS.RESULTS.ANSWERS_COUNT\"\n              values={{ count: questionOption.count }}\n            />\n          </Typography>\n          <Typography>\n            <FormattedNumber\n              value={questionOption.percentage / 100}\n              style=\"percent\"\n              minimumFractionDigits={1}\n            />\n          </Typography>\n        </Stack>\n      </Stack>\n\n      <LinearProgress value={questionOption.percentage} title={questionOption.label} />\n    </Box>\n  ));\n}\n\nexport default QuestionOptions;\n","import React from 'react';\nimport { Box, Divider, List, ListItem, ListItemText, Typography } from '@mui/material';\nimport { isEmpty } from 'lodash';\nimport { useIntl } from 'react-intl';\n\nimport AttachmentLink from '../../Posts/Shared/AttachmentLink';\nimport { moment } from '../../../I18n';\nimport LocationLink from '../../Maps/LocationLink';\n\nfunction AnswerLabel({ answer }: any) {\n  const intl = useIntl();\n\n  if (answer.lat) {\n    return <LocationLink item={{ ...answer, label: answer?.content }} />;\n  }\n\n  if (answer.date) {\n    return moment(answer.date).format(intl.formatMessage({ id: 'MOMENT.DATE.DEFAULT' }));\n  }\n\n  return <Typography dangerouslySetInnerHTML={{ __html: answer.content }} />;\n}\n\nfunction hasDisplayableContent(answer: any) {\n  return answer.date || answer.lat || answer?.attachments?.length > 0 || !isEmpty(answer.content);\n}\n\nfunction Answers({ questionId, answers }: any) {\n  return (\n    <List\n      sx={{\n        overflowY: 'scroll',\n        maxHeight: 400,\n        marginTop: 3,\n        '::-webkit-scrollbar': {\n          width: '5px',\n        },\n        '::-webkit-scrollbar-thumb': {\n          borderRadius: '5px',\n          backgroundColor: (theme) => theme.palette.grey[500],\n        },\n      }}\n    >\n      {answers.filter(hasDisplayableContent).map((answer: any, index: number) => (\n        <li key={`${questionId}-${answer.id}`}>\n          {answer?.attachments?.length > 0 && (\n            <Box role=\"list\" sx={{ mt: 2 }}>\n              {answer.attachments.map((attachment: any) => (\n                <Box key={attachment.url} role=\"listitem\" sx={{ mt: 2 }}>\n                  <AttachmentLink attachment={attachment} />\n                </Box>\n              ))}\n            </Box>\n          )}\n\n          <ListItem component=\"span\">\n            <ListItemText\n              primary={<AnswerLabel answer={answer} />}\n              secondary={moment(answer.created_at).fromNow()}\n              sx={{ wordBreak: 'break-word' }}\n            />\n          </ListItem>\n\n          {answers.length > index + 1 && <Divider sx={{ my: 1 }} />}\n        </li>\n      ))}\n    </List>\n  );\n}\n\nexport default Answers;\n","import React, { useRef } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { Box, Typography, Skeleton } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { get } from 'lodash';\n\nimport EmptyState from '../../DesignSystem/EmptyState';\nimport CustomIcon from '../../DesignSystem/CustomIcon';\nimport { icons } from '../../Posts/Forms/Common/FormBuilder/Inputs/TypeSelect';\nimport { Icons } from '../../../Themes';\nimport useIntersectionObserver from '../../../Hooks/useIntersectionObserver';\nimport useApiQuery from '../../../Hooks/useApiQuery';\nimport queriesConfig from '../../../Services/queriesConfig';\nimport QuestionOptions from './QuestionOptions';\nimport Answers from './Answers';\n\nconst IconWrapper = styled('span')({\n  width: '40px',\n  '& svg': {\n    verticalAlign: 'bottom',\n  },\n});\n\nfunction Question({ index, post, question, height = 350 }: any) {\n  const intl = useIntl();\n  const myRef = useRef<HTMLElement>(null);\n  const isSectionVisible = useIntersectionObserver(myRef);\n  const icon = icons[question?.field_type as keyof typeof icons];\n\n  const { data: results, isLoading } = useApiQuery({\n    query: queriesConfig.getQuestionResults(question?.id),\n    options: {\n      enabled: isSectionVisible,\n    },\n  });\n\n  const noDataToRender =\n    !isLoading && results?.question_options?.length === 0 && !results?.answers.length === 0;\n\n  return (\n    <section ref={myRef}>\n      <Box sx={{ display: 'flex' }}>\n        <IconWrapper>{icon}</IconWrapper>\n        <Typography sx={{ fontWeight: 'bold', marginInlineEnd: 1 }}>{index + 1}.</Typography>\n\n        <Box>\n          <Typography component=\"h2\" sx={{ fontWeight: 'bold' }}>\n            {question?.title}\n          </Typography>\n\n          <Typography sx={{ color: 'text.secondary' }}>\n            {intl.formatMessage(\n              { id: 'STATS.TOTAL_ANSWERS' },\n              {\n                answersCount: get(results, 'answers_count', 0),\n                totalCount: get(post, 'post_contributions_stats.form_submissions_count', 0),\n              },\n            )}\n          </Typography>\n        </Box>\n      </Box>\n\n      <Box sx={{ px: 8, py: 5 }}>\n        {!isLoading && noDataToRender && (\n          <EmptyState\n            icon={<CustomIcon src={Icons.misc.searchOff} color=\"primary\" size={30} />}\n            content={\n              <Typography>\n                <FormattedMessage id=\"STATS.NO_DATA\" />\n              </Typography>\n            }\n          />\n        )}\n\n        {isLoading && <Skeleton variant=\"rectangular\" height={height} width=\"100%\" />}\n\n        {results?.question_options?.length > 0 && (\n          <QuestionOptions questionId={question.id} questionOptions={results?.question_options} />\n        )}\n\n        {results?.answers?.length > 0 && (\n          <Answers questionId={question.id} answers={results?.answers} />\n        )}\n      </Box>\n    </section>\n  );\n}\n\nexport default Question;\n"],"names":["StyledIframe","styled","width","height","border","StyledCircularProgress","CircularProgress","position","top","left","zIndex","FormIframe","_ref","url","title","_React$useState","React","useState","_React$useState2","_slicedToArray","ready","setReady","iframeRef","useRef","useEffect","current","addEventListener","removeEventListener","createElement","Box","sx","minHeight","size","src","ref","QuestionOptions","questionId","questionOptions","map","questionOption","index","key","concat","id","mt","Stack","direction","spacing","justifyContent","alignItems","mb","Typography","component","fontWeight","wordBreak","label","FormattedMessage","variant","color","whiteSpace","values","count","FormattedNumber","value","percentage","style","minimumFractionDigits","LinearProgress","AnswerLabel","answer","intl","useIntl","lat","LocationLink","item","_objectSpread","content","date","moment","format","formatMessage","dangerouslySetInnerHTML","__html","hasDisplayableContent","_answer$attachments","attachments","length","isEmpty","Answers","_ref2","answers","List","overflowY","maxHeight","marginTop","borderRadius","backgroundColor","theme","palette","grey","filter","_answer$attachments2","role","attachment","AttachmentLink","ListItem","ListItemText","primary","secondary","created_at","fromNow","Divider","my","IconWrapper","verticalAlign","Question","_results$question_opt","_results$question_opt2","_results$answers","post","question","_ref$height","myRef","isSectionVisible","useIntersectionObserver","icon","icons","field_type","_useApiQuery","useApiQuery","query","queriesConfig","getQuestionResults","options","enabled","results","data","isLoading","noDataToRender","question_options","display","marginInlineEnd","answersCount","get","totalCount","px","py","EmptyState","CustomIcon","Icons","misc","searchOff","Skeleton"],"mappings":"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"}