analytica-frontend-lib 1.7.21 → 1.7.23

package/dist/chunk-SU5Q64TW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/EnemClassroomStartModal/EnemClassroomStartModal.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, ChangeEvent } from 'react';\nimport Modal from '../Modal/Modal';\nimport Stepper from '../Stepper/Stepper';\nimport Button from '../Button/Button';\nimport Input from '../Input/Input';\nimport CheckBox from '../CheckBox/CheckBox';\nimport Text from '../Text/Text';\nimport VideoPlayer from '../VideoPlayer/VideoPlayer';\nimport { CaretLeftIcon } from '@phosphor-icons/react/dist/csr/CaretLeft';\nimport { CaretRightIcon } from '@phosphor-icons/react/dist/csr/CaretRight';\nimport { CheckIcon } from '@phosphor-icons/react/dist/csr/Check';\nimport { cn } from '../../utils/utils';\nimport warningClassroomIcon from '../../assets/img/enemClassroom/warning-classroom.png';\nimport warningTimerIcon from '../../assets/img/enemClassroom/warning-timer.png';\nimport warningIrreversibleIcon from '../../assets/img/enemClassroom/warning-irreversible.png';\nimport flagEnglish from '../../assets/img/enemClassroom/flag-english.png';\nimport flagSpanish from '../../assets/img/enemClassroom/flag-spanish.png';\nimport surveyCourseIllustration from '../../assets/img/enemClassroom/survey-course.svg';\nimport surveyUniversityIllustration from '../../assets/img/enemClassroom/survey-university.png';\nimport {\n  ENEM_CLASSROOM_LANGUAGE,\n  ENEM_CLASSROOM_LANGUAGE_LABELS,\n  type EnemClassroomExam,\n  type EnemClassroomLanguage,\n  type EnemClassroomStartPayload,\n  type EnemClassroomStudentTexts,\n  type EnemClassroomSurveyQuestion,\n} from '../../types/enemClassroom';\n\n/** Title shared by every step, as in the design. */\n/**\n * The three warnings of the introduction step. The exam only counts when\n * taken in class, so they are shown before anything else. The first one is\n * the backoffice's to write (`studentTexts`); the other two are fixed.\n *\n * @param texts - The exam's texts\n * @returns The warnings in order\n */\nconst buildIntroWarnings = (texts: EnemClassroomStudentTexts) => [\n  {\n    icon: warningClassroomIcon,\n    title: texts.introWarningTitle,\n    description: texts.introWarningText,\n  },\n  {\n    icon: warningTimerIcon,\n    title: 'O cronômetro liga na hora',\n    description:\n      'Assim que clicar em começar, o tempo já corre e não para, mesmo se fechar o navegador.',\n  },\n  {\n    icon: warningIrreversibleIcon,\n    title: 'Não tem como desfazer',\n    description:\n      'Iniciar fora do horário estabelecido pelo seu professor em sala de aula pode atrapalhar seu resultado!',\n  },\n];\n\n/** Flag shown next to each language, as in the design. */\nconst LANGUAGE_FLAGS: Record<EnemClassroomLanguage, string> = {\n  [ENEM_CLASSROOM_LANGUAGE.INGLES]: flagEnglish,\n  [ENEM_CLASSROOM_LANGUAGE.ESPANHOL]: flagSpanish,\n};\n\n/**\n * Illustration of each survey step, in the order the steps are asked: the\n * course question, then the university one.\n *\n * Fixed here rather than sent by the backoffice, so it is keyed by position —\n * reordering the questions there moves the illustration with the position,\n * not with the question. A question past the end simply gets none.\n */\nconst SURVEY_ILLUSTRATIONS = [\n  surveyCourseIllustration,\n  surveyUniversityIllustration,\n] as const;\n\n/**\n * The white card the warnings and the options sit on. Same vocabulary as\n * SelectionButton, so the modal reads like the rest of the design system\n * against the modal's `secondary-50` background.\n */\nconst CARD_CLASSES =\n  'rounded-xl border border-border-50 bg-background shadow-soft-shadow-1';\n\n/**\n * Gradiente da identidade da simulação em sala de aula — os mesmos tons do\n * card do painel do aluno. Não sai dos tokens de tema porque é a marca da\n * prova, não a da instituição.\n *\n * Literal, e não `bg-gradient-to-r from-… to-…`: o Tailwind v4 interpola\n * `in oklab`, o que muda os tons do meio em relação ao sRGB do design.\n *\n * `border-0` porque o `solid/primary` do Button traz `border-primary-950`, que\n * o gradiente não cobre — ele só troca o fundo. Zerar a largura, em vez de\n * pintar a borda de transparente, também neutraliza as cores de hover e\n * active, que voltariam a aparecer.\n */\nconst GRADIENT_CTA_CLASSES =\n  'bg-[linear-gradient(270deg,#B21FF6_0%,#F95493_100%)] border-0 hover:opacity-90 transition-opacity';\n\n/**\n * One selectable option: a card carrying an optional icon and a label.\n *\n * The radio control itself is visually hidden — in the design the card's own\n * border carries the selection. The native input stays in the tree so the\n * options remain a real radio group: arrow keys move between them and screen\n * readers announce \"1 of 2\", which a set of toggle buttons would not.\n */\nconst OptionCard = ({\n  name,\n  value,\n  label,\n  iconSrc,\n  checked,\n  onSelect,\n  testId,\n}: {\n  name: string;\n  value: string;\n  label: string;\n  iconSrc?: string;\n  checked: boolean;\n  onSelect: () => void;\n  testId?: string;\n}) => (\n  <label\n    className={cn(\n      CARD_CLASSES,\n      'flex flex-row items-center gap-3 px-4 py-3.5',\n      'cursor-pointer transition-colors hover:bg-background-100',\n      'focus-within:ring-2 focus-within:ring-indicator-info',\n      checked && 'border-primary-700 ring-1 ring-primary-700'\n    )}\n  >\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={checked}\n      onChange={onSelect}\n      className=\"sr-only\"\n      data-testid={testId}\n    />\n    {iconSrc && (\n      <img src={iconSrc} alt=\"\" aria-hidden className=\"w-6 h-6 flex-shrink-0\" />\n    )}\n    <Text size=\"sm\" weight=\"semibold\" className=\"text-text-900\">\n      {label}\n    </Text>\n  </label>\n);\n\n/**\n * How a survey question was answered. The student either writes an answer or\n * ticks \"ainda estou pensando\" — the tick clears and disables the field, so\n * the two never disagree.\n */\ninterface SurveyAnswerDraft {\n  skipped: boolean;\n  text: string;\n}\n\n/**\n * One line of the summary: the step's name over what the student answered.\n */\nconst SummaryRow = ({ label, value }: { label: string; value: string }) => (\n  <div className=\"flex flex-col rounded-lg bg-primary-50 px-3 py-2\">\n    <Text as=\"dt\" size=\"sm\" weight=\"bold\" className=\"text-primary-800\">\n      {label}\n    </Text>\n    <Text as=\"dd\" size=\"sm\" className=\"text-text-600\">\n      {value}\n    </Text>\n  </div>\n);\n\n/** The introduction is always first; the first choice comes right after it. */\nconst INTRO_STEP = 0;\nconst FIRST_CHOICE_STEP = 1;\n\n/** One screen of the flow. Which ones exist depends on the exam. */\ntype FlowStep =\n  | { kind: 'intro' }\n  | { kind: 'language' }\n  | { kind: 'survey'; question: EnemClassroomSurveyQuestion; index: number }\n  | { kind: 'summary' };\n\nexport interface EnemClassroomStartModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  exam: EnemClassroomExam;\n  /** Called with everything the start endpoint needs. */\n  onStart: (payload: EnemClassroomStartPayload) => void;\n  /** Disables the final button while the start request is in flight. */\n  isStarting?: boolean;\n}\n\n/**\n * Whether a survey draft is complete: skipped, or answered with some text.\n */\nconst isSurveyAnswerComplete = (draft: SurveyAnswerDraft | undefined) =>\n  draft?.skipped === true || (draft?.text.trim().length ?? 0) > 0;\n\n/**\n * The text shown for a survey answer on the summary screen.\n */\nconst describeSurveyAnswer = (\n  question: EnemClassroomSurveyQuestion,\n  draft: SurveyAnswerDraft | undefined\n) => (draft && !draft.skipped ? draft.text.trim() : question.skipLabel);\n\n/**\n * Start flow of the in-classroom ENEM simulation.\n *\n * Steps, in order: introduction (video + warnings), foreign language — only\n * when the exam offers the choice —, one step per survey question, and a\n * summary the student confirms before the exam opens. The stepper only lists\n * the steps that carry a choice; the summary is a screen of its own, as in\n * the design.\n *\n * Presentational: it collects the choices and hands them to `onStart`; the\n * caller talks to the API.\n *\n * @example\n * ```tsx\n * <EnemClassroomStartModal\n *   isOpen={open}\n *   onClose={() => setOpen(false)}\n *   exam={exam}\n *   onStart={(payload) => start(exam.id, payload)}\n * />\n * ```\n */\nconst EnemClassroomStartModal = ({\n  isOpen,\n  onClose,\n  exam,\n  onStart,\n  isStarting = false,\n}: EnemClassroomStartModalProps) => {\n  const surveyQuestions = useMemo(\n    () => [...exam.surveyQuestions].sort((a, b) => a.position - b.position),\n    [exam.surveyQuestions]\n  );\n  // The screens this exam has: no language step on an exam without the\n  // choice, so the student goes from the warnings straight to the survey.\n  const steps = useMemo<FlowStep[]>(\n    () => [\n      { kind: 'intro' },\n      ...(exam.languageChoice ? [{ kind: 'language' } as const] : []),\n      ...surveyQuestions.map((question, index) => ({\n        kind: 'survey' as const,\n        question,\n        index,\n      })),\n      { kind: 'summary' },\n    ],\n    [exam.languageChoice, surveyQuestions]\n  );\n  const summaryStep = steps.length - 1;\n\n  const [step, setStep] = useState(INTRO_STEP);\n  const [language, setLanguage] = useState<EnemClassroomLanguage | null>(null);\n  const [answers, setAnswers] = useState<Record<string, SurveyAnswerDraft>>({});\n\n  // Every opening starts from the introduction with nothing filled in — and\n  // so does a different exam handed in while the modal is open, whose steps\n  // and questions are not the ones the answers were given to.\n  useEffect(() => {\n    if (isOpen) {\n      setStep(INTRO_STEP);\n      setLanguage(null);\n      setAnswers({});\n    }\n  }, [isOpen, exam.id]);\n\n  const stepperSteps = useMemo(\n    () =>\n      steps\n        .filter((flowStep) => flowStep.kind !== 'summary')\n        .map((flowStep) => {\n          if (flowStep.kind === 'intro') {\n            return {\n              id: 'intro',\n              label: 'Introdução',\n              state: 'pending' as const,\n            };\n          }\n          if (flowStep.kind === 'language') {\n            return {\n              id: 'language',\n              label: 'Língua estrangeira',\n              state: 'pending' as const,\n            };\n          }\n          return {\n            id: flowStep.question.id,\n            label: flowStep.question.stepLabel,\n            state: 'pending' as const,\n          };\n        }),\n    [steps]\n  );\n\n  const currentStep = steps[step] ?? steps[INTRO_STEP];\n  const currentQuestion =\n    currentStep.kind === 'survey' ? currentStep.question : null;\n\n  const canGoNext =\n    currentStep.kind === 'language'\n      ? language !== null\n      : currentQuestion !== null &&\n        isSurveyAnswerComplete(answers[currentQuestion.id]);\n\n  const updateAnswer = useCallback(\n    (questionId: string, patch: Partial<SurveyAnswerDraft>) => {\n      setAnswers((prev) => {\n        const current = prev[questionId] ?? { skipped: false, text: '' };\n        return { ...prev, [questionId]: { ...current, ...patch } };\n      });\n    },\n    []\n  );\n\n  const handleStart = useCallback(() => {\n    // The language is only a choice on an exam that offers one.\n    if (exam.languageChoice && !language) return;\n    onStart({\n      language: exam.languageChoice ? language : null,\n      surveyAnswers: surveyQuestions.map((question) => {\n        const draft = answers[question.id];\n        const text = draft && !draft.skipped ? draft.text.trim() : '';\n        return { questionId: question.id, answer: text || null };\n      }),\n    });\n  }, [exam.languageChoice, language, surveyQuestions, answers, onStart]);\n\n  const renderIntroStep = () => (\n    <div className=\"flex flex-col gap-6\" data-testid=\"enem-classroom-intro\">\n      {exam.videoUrl && (\n        <Text\n          size=\"md\"\n          weight=\"semibold\"\n          className=\"text-text-950\"\n          data-testid=\"enem-classroom-intro-video-text\"\n        >\n          {exam.studentTexts.introVideoText}\n        </Text>\n      )}\n      {exam.videoUrl && (\n        <VideoPlayer\n          src={exam.videoUrl}\n          title={exam.title}\n          // O desenho mostra só o vídeo: o nome da prova já está no título do\n          // modal. O `title` fica para rotular o player nos leitores de tela.\n          hideHeader\n          className=\"w-full rounded-xl overflow-hidden\"\n          autoSave={false}\n        />\n      )}\n\n      <div className=\"flex flex-col gap-4\">\n        <Text size=\"lg\" weight=\"bold\" className=\"text-text-950\">\n          {exam.studentTexts.introHeading}\n        </Text>\n        {buildIntroWarnings(exam.studentTexts).map(\n          ({ icon, title, description }) => (\n            <div\n              key={title}\n              className={cn(\n                CARD_CLASSES,\n                'flex flex-row gap-4 items-start p-4'\n              )}\n            >\n              <img\n                src={icon}\n                alt=\"\"\n                aria-hidden\n                className=\"flex-shrink-0 w-10 h-10\"\n              />\n              <div className=\"flex flex-col gap-1\">\n                <Text size=\"md\" weight=\"bold\" className=\"text-text-950\">\n                  {title}\n                </Text>\n                <Text size=\"sm\" className=\"text-text-600\">\n                  {description}\n                </Text>\n              </div>\n            </div>\n          )\n        )}\n      </div>\n    </div>\n  );\n\n  const renderLanguageStep = () => (\n    <div className=\"flex flex-col gap-4\" data-testid=\"enem-classroom-language\">\n      <Text\n        id=\"enem-classroom-language-prompt\"\n        size=\"lg\"\n        weight=\"bold\"\n        className=\"text-text-950\"\n      >\n        Qual língua estrangeira você vai usar na simulação?\n      </Text>\n      <div\n        role=\"radiogroup\"\n        aria-labelledby=\"enem-classroom-language-prompt\"\n        className=\"flex flex-col gap-4\"\n      >\n        {Object.values(ENEM_CLASSROOM_LANGUAGE).map((value) => (\n          <OptionCard\n            key={value}\n            name=\"enem-classroom-language\"\n            value={value}\n            label={ENEM_CLASSROOM_LANGUAGE_LABELS[value]}\n            iconSrc={LANGUAGE_FLAGS[value]}\n            checked={language === value}\n            onSelect={() => setLanguage(value)}\n            testId={`enem-classroom-language-${value.toLowerCase()}`}\n          />\n        ))}\n      </div>\n    </div>\n  );\n\n  const renderSurveyStep = (\n    question: EnemClassroomSurveyQuestion,\n    index: number\n  ) => {\n    const draft = answers[question.id];\n    const illustration = SURVEY_ILLUSTRATIONS[index];\n    // The two ways of answering disable each other, so they can never\n    // contradict — and either one on its own releases the step.\n    const hasText = (draft?.text.trim().length ?? 0) > 0;\n    const isSkipped = draft?.skipped === true;\n    return (\n      <div\n        className=\"flex flex-col gap-4\"\n        data-testid={`enem-classroom-survey-${question.id}`}\n      >\n        {illustration && (\n          <img\n            src={illustration}\n            alt=\"\"\n            aria-hidden\n            className=\"w-[220px] max-w-full self-center\"\n            data-testid=\"enem-classroom-survey-illustration\"\n          />\n        )}\n        <Text\n          id={`enem-classroom-survey-prompt-${question.id}`}\n          size=\"lg\"\n          weight=\"bold\"\n          className=\"text-text-950\"\n        >\n          {question.prompt}\n        </Text>\n        <div className=\"flex flex-col gap-2\">\n          <Text\n            as=\"label\"\n            htmlFor={`enem-classroom-survey-input-${question.id}`}\n            size=\"sm\"\n            className=\"text-text-600\"\n          >\n            {question.inputLabel}\n          </Text>\n          <Input\n            id={`enem-classroom-survey-input-${question.id}`}\n            variant=\"rounded\"\n            placeholder={question.inputPlaceholder}\n            value={draft?.text ?? ''}\n            maxLength={255}\n            disabled={isSkipped}\n            onChange={(event: ChangeEvent<HTMLInputElement>) =>\n              updateAnswer(question.id, { text: event.target.value })\n            }\n            data-testid=\"enem-classroom-survey-input\"\n          />\n        </div>\n\n        <CheckBox\n          label={question.skipLabel}\n          checked={isSkipped}\n          disabled={hasText}\n          onChange={(event: ChangeEvent<HTMLInputElement>) =>\n            updateAnswer(question.id, { skipped: event.target.checked })\n          }\n          data-testid=\"enem-classroom-survey-skip\"\n        />\n      </div>\n    );\n  };\n\n  const renderSummaryStep = () => (\n    <div\n      className=\"flex flex-col items-center gap-6 text-center\"\n      data-testid=\"enem-classroom-summary\"\n    >\n      <span className=\"flex items-center justify-center w-14 h-14 rounded-full bg-success-200 text-success-950\">\n        <CheckIcon size={24} aria-hidden />\n      </span>\n      <div className=\"flex flex-col gap-2\">\n        <Text size=\"xl\" weight=\"bold\" className=\"text-text-950\">\n          Boa sorte!\n        </Text>\n        <Text size=\"sm\" className=\"text-text-600\">\n          O seu simulado ENEM já vai começar e o cronômetro vai iniciar. Respire\n          fundo e dê o seu melhor!\n        </Text>\n      </div>\n\n      <div\n        className={cn(CARD_CLASSES, 'flex flex-col gap-3 w-full text-left p-4')}\n      >\n        <Text size=\"sm\" weight=\"bold\" className=\"text-text-950\">\n          Suas respostas\n        </Text>\n        <dl className=\"flex flex-col gap-2\">\n          {exam.languageChoice && (\n            <SummaryRow\n              label=\"Idioma\"\n              value={language ? ENEM_CLASSROOM_LANGUAGE_LABELS[language] : '—'}\n            />\n          )}\n          {surveyQuestions.map((question) => (\n            <SummaryRow\n              key={question.id}\n              label={question.stepLabel}\n              value={describeSurveyAnswer(question, answers[question.id])}\n            />\n          ))}\n        </dl>\n        <Button\n          size=\"medium\"\n          variant=\"outline\"\n          action=\"primary\"\n          className=\"self-center\"\n          disabled={isStarting}\n          onClick={() => setStep(FIRST_CHOICE_STEP)}\n          data-testid=\"enem-classroom-review\"\n        >\n          Revisar minhas respostas\n        </Button>\n      </div>\n    </div>\n  );\n\n  const renderStepContent = () => {\n    if (currentStep.kind === 'intro') return renderIntroStep();\n    if (currentStep.kind === 'language') return renderLanguageStep();\n    if (currentStep.kind === 'survey')\n      return renderSurveyStep(currentStep.question, currentStep.index);\n    return renderSummaryStep();\n  };\n\n  const showNavigation = step >= FIRST_CHOICE_STEP && step < summaryStep;\n  const showStepper = step < summaryStep;\n\n  /*\n   * O rodapé do Modal não rola, e é lá que o desenho quer o botão: na\n   * introdução ele leva o CTA; nos passos de escolha, a navegação.\n   */\n  /**\n   * O rodapé do Modal não rola, e é onde o desenho quer o botão de cada passo:\n   * o CTA na introdução, a navegação nos passos de escolha e o de iniciar no\n   * resumo. O \"Revisar minhas respostas\" fica de fora de propósito — ele mora\n   * dentro do card de respostas.\n   * @returns O rodapé do passo atual, ou nada quando ele não tem botão\n   */\n  const renderFooter = () => {\n    if (currentStep.kind === 'intro') {\n      return (\n        <Button\n          size=\"large\"\n          variant=\"solid\"\n          action=\"primary\"\n          className={cn('w-full', GRADIENT_CTA_CLASSES)}\n          onClick={() => setStep(FIRST_CHOICE_STEP)}\n          data-testid=\"enem-classroom-intro-continue\"\n        >\n          Estou em sala. Quero começar!\n        </Button>\n      );\n    }\n\n    if (currentStep.kind === 'summary') {\n      return (\n        <Button\n          size=\"large\"\n          variant=\"solid\"\n          action=\"primary\"\n          className={cn('w-full', GRADIENT_CTA_CLASSES)}\n          disabled={isStarting}\n          onClick={handleStart}\n          data-testid=\"enem-classroom-start\"\n        >\n          Iniciar a prova!\n        </Button>\n      );\n    }\n\n    return showNavigation ? (\n      <div className=\"flex flex-row justify-end gap-2 w-full\">\n        <Button\n          size=\"medium\"\n          variant=\"outline\"\n          action=\"primary\"\n          iconLeft={<CaretLeftIcon size={16} aria-hidden />}\n          onClick={() => setStep((current) => current - 1)}\n          data-testid=\"enem-classroom-previous\"\n        >\n          Anterior\n        </Button>\n        <Button\n          size=\"medium\"\n          variant=\"solid\"\n          action=\"primary\"\n          iconRight={<CaretRightIcon size={16} aria-hidden />}\n          disabled={!canGoNext}\n          onClick={() => setStep((current) => current + 1)}\n          data-testid=\"enem-classroom-next\"\n        >\n          Próximo\n        </Button>\n      </div>\n    ) : undefined;\n  };\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      /*\n       * A tela de resumo abre com o header vazio, só o X — quem dá o título\n       * ali é o \"Boa sorte!\". O texto continua no <h2>, apenas oculto: o\n       * `aria-labelledby` do Modal aponta pra ele, e um h2 vazio deixaria o\n       * dialog sem nome acessível.\n       */\n      title={\n        showStepper ? exam.title : <span className=\"sr-only\">{exam.title}</span>\n      }\n      size=\"lg\"\n      footer={renderFooter()}\n      /*\n       * A rolagem sai do Modal e vai para o miolo: título e stepper ficam\n       * parados em cima, o rodapé embaixo, e só o conteúdo entre eles corre.\n       */\n      contentClassName=\"flex flex-col overflow-hidden\"\n    >\n      <div className=\"flex flex-col gap-6 flex-1 min-h-0\">\n        {showStepper && (\n          <Stepper\n            steps={stepperSteps}\n            currentStep={step}\n            size=\"small\"\n            className=\"flex-none\"\n          />\n        )}\n        <div className=\"flex-1 min-h-0 overflow-y-auto\">\n          {renderStepContent()}\n        </div>\n      </div>\n    </Modal>\n  );\n};\n\nexport default EnemClassroomStartModal;\n"],"mappings":"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","names":[]}