@cuemath/leap 2.8.61-rj-11 → 2.8.61-rj-13

package/dist/features/trial-session/comps/session-report/session-report.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-report.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { useUIContext } from '../../../ui/context/context';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionReports } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from '../student-feedback/student-feedback-constants';\nimport ReportCard from './report-card';\nimport * as Styled from './session-report-styled';\n\nconst SessionReport = memo(() => {\n  const { onEvent: trackEvent } = useUIContext();\n  const { formData, milestoneConfig } = useTrialSessionContext();\n  const { name, grade, attemptId = 'shg', personalizedLevel = [] } = formData || {};\n\n  const {\n    data: sessionReports,\n    get: getSessionReports,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionReports();\n\n  const selectedSessionLevel = useMemo(() => {\n    const selectedLabel =\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      })?.find(sessionLevel => sessionLevel.id === personalizedLevel?.[0])?.label ?? '';\n\n    return studentLevels[selectedLabel.toLowerCase()];\n  }, [grade, milestoneConfig, personalizedLevel]);\n\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const fetchData = useCallback(() => {\n    const studentLevel = getFormattedStudentPersonalizedPreference(\n      milestoneConfig,\n      personalizedLevel,\n    );\n\n    if (attemptId && name && studentLevel.length > 0) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel[0]?.preference_name ?? '',\n        student_name: name,\n      });\n    }\n  }, [attemptId, getSessionReports, milestoneConfig, name, personalizedLevel]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={selectedSessionLevel?.title ?? ''} />\n      {renderReportsInfoCard ? (\n        <Styled.ContentWrapper $width={750} $borderColor=\"BLACK_1\">\n          <Styled.ReportWrapper $flexDirection=\"row\" $height={100} $background=\"YELLOW_1\">\n            {renderReportsInfoCard}\n          </Styled.ReportWrapper>\n          <Styled.TopicWrapper $flexDirection=\"row\" $background=\"WHITE_1\">\n            {topicData &&\n              topicData.length > 0 &&\n              topicData.map(topic => {\n                const {\n                  topic_name: topicName,\n                  topic_image: topicImage,\n                  summary,\n                  is_attempted: isAttempted,\n                } = topic;\n\n                if (!topicImage) {\n                  trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n                }\n\n                return (\n                  <FlexView\n                    key={topicName}\n                    $gap={35}\n                    $gutter={29}\n                    $flex={1}\n                    $alignItems=\"center\"\n                    $opacity={isAttempted ? 1 : 0.4}\n                  >\n                    <Styled.TopicImage\n                      $active={!!isAttempted}\n                      src={topicImage || defaultTopicImage}\n                      borderRadius={96}\n                      height={96}\n                      width={96}\n                      alt=\"topic\"\n                      withLoader\n                    />\n                    <Separator height={12} />\n                    <Text $renderAs=\"ab3-black\" $align=\"center\">\n                      {topicName}\n                    </Text>\n                    <Separator height={2} />\n                    <Text $renderAs=\"ub3\" $align=\"center\">\n                      {summary}\n                    </Text>\n                  </FlexView>\n                );\n              })}\n          </Styled.TopicWrapper>\n          <FlexView\n            $flexDirection=\"row\"\n            $background=\"YELLOW_3\"\n            $flexGap={4}\n            $alignItems=\"center\"\n            $gap={9}\n            $gutter={8}\n          >\n            <Image\n              src={ILLUSTRATIONS.COMMUNITY_BULB}\n              width={80}\n              height={80}\n              withLoader\n              alt=\"bulb\"\n            />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-black\">\n                Next Steps: <Styled.InlineText $renderAs=\"ab2\">{nextSteps}</Styled.InlineText>\n              </Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper\n          $width={750}\n          $height={400}\n          $borderColor=\"BLACK_1\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $background=\"WHITE_1\"\n        >\n          <Image\n            src={ILLUSTRATIONS.REPORT_404}\n            height={152}\n            width={152}\n            withLoader\n            alt=\"report-404\"\n          />\n          <Text $renderAs=\"ab1-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n            Oops! {name} didn’t attempt\n            <br />\n            any problems.\n          </Text>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default SessionReport;\n"],"names":["SessionReport","memo","trackEvent","useUIContext","formData","milestoneConfig","useTrialSessionContext","name","grade","attemptId","personalizedLevel","sessionReports","getSessionReports","isProcessing","isProcessingFailed","useGetSessionReports","selectedSessionLevel","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","studentLevels","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","fetchData","useCallback","studentLevel","getFormattedStudentPersonalizedPreference","useEffect","renderReportsInfoCard","jsxs","Fragment","jsx","ReportCard","Error","AppLoader","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","FlexView","Styled.TopicImage","Text","Image","ILLUSTRATIONS","Styled.InlineText"],"mappings":"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"}
+{"version":3,"file":"session-report.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { useUIContext } from '../../../ui/context/context';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionReports } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from '../student-feedback/student-feedback-constants';\nimport ReportCard from './report-card';\nimport * as Styled from './session-report-styled';\n\nconst SessionReport = memo(() => {\n  const { onEvent: trackEvent } = useUIContext();\n  const { formData, milestoneConfig } = useTrialSessionContext();\n  const { name, grade, attemptId = 'shg', personalizedLevel = [] } = formData || {};\n\n  const {\n    data: sessionReports,\n    get: getSessionReports,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionReports();\n\n  const selectedSessionLevel = useMemo(() => {\n    const selectedLabel =\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      })?.find(sessionLevel => sessionLevel.id === personalizedLevel?.[0])?.label ?? '';\n\n    return studentLevels[selectedLabel.toLowerCase()];\n  }, [grade, milestoneConfig, personalizedLevel]);\n\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const fetchData = useCallback(() => {\n    const studentLevel = getFormattedStudentPersonalizedPreference(\n      milestoneConfig,\n      personalizedLevel,\n    );\n\n    if (attemptId && name && studentLevel.length > 0) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel[0]?.preference_name ?? '',\n        student_name: name,\n      });\n    }\n  }, [attemptId, getSessionReports, milestoneConfig, name, personalizedLevel]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={selectedSessionLevel?.title ?? ''} />\n      {renderReportsInfoCard ? (\n        <Styled.ContentWrapper $width={750} $borderColor=\"BLACK_1\">\n          <Styled.ReportWrapper $flexDirection=\"row\" $height={100} $background=\"YELLOW_1\">\n            {renderReportsInfoCard}\n          </Styled.ReportWrapper>\n          <Styled.TopicWrapper $flexDirection=\"row\" $background=\"WHITE_1\">\n            {topicData &&\n              topicData.length > 0 &&\n              topicData.map(topic => {\n                const {\n                  topic_name: topicName,\n                  topic_image: topicImage,\n                  summary,\n                  is_attempted: isAttempted,\n                } = topic;\n\n                if (!topicImage) {\n                  trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n                }\n\n                return (\n                  <FlexView\n                    key={topicName}\n                    $gap={35}\n                    $gutter={29}\n                    $flex={1}\n                    $alignItems=\"center\"\n                    $opacity={isAttempted ? 1 : 0.4}\n                  >\n                    <Styled.TopicImage\n                      $active={!!isAttempted}\n                      src={topicImage || defaultTopicImage}\n                      borderRadius={96}\n                      height={96}\n                      width={96}\n                      alt=\"topic\"\n                      withLoader\n                    />\n                    <Separator height={12} />\n                    <Text $renderAs=\"ab3-black\" $align=\"center\">\n                      {topicName}\n                    </Text>\n                    <Separator height={2} />\n                    <Text $renderAs=\"ub3\" $align=\"center\">\n                      {summary}\n                    </Text>\n                  </FlexView>\n                );\n              })}\n          </Styled.TopicWrapper>\n          <FlexView\n            $flexDirection=\"row\"\n            $background=\"YELLOW_3\"\n            $flexGap={4}\n            $alignItems=\"center\"\n            $gap={9}\n            $gutter={8}\n          >\n            <Image\n              src={ILLUSTRATIONS.COMMUNITY_BULB}\n              width={80}\n              height={80}\n              withLoader\n              alt=\"bulb\"\n            />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-black\">\n                Next Steps: <Styled.InlineText $renderAs=\"ab2\">{nextSteps}</Styled.InlineText>\n              </Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper\n          $width={750}\n          $height={400}\n          $borderColor=\"BLACK_1\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $background=\"WHITE_1\"\n        >\n          <Image\n            src={ILLUSTRATIONS.REPORT_404}\n            height={152}\n            width={152}\n            withLoader\n            alt=\"report-404\"\n          />\n          <Text $renderAs=\"ab1-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n            Oops! {name} didn’t attempt\n            <br />\n            any problems.\n          </Text>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default SessionReport;\n"],"names":["SessionReport","memo","trackEvent","useUIContext","formData","milestoneConfig","useTrialSessionContext","name","grade","attemptId","personalizedLevel","sessionReports","getSessionReports","isProcessing","isProcessingFailed","useGetSessionReports","selectedSessionLevel","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","studentLevels","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","fetchData","useCallback","studentLevel","getFormattedStudentPersonalizedPreference","useEffect","renderReportsInfoCard","jsxs","Fragment","jsx","ReportCard","Error","AppLoader","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","FlexView","Styled.TopicImage","Text","Image","ILLUSTRATIONS","Styled.InlineText"],"mappings":"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"}

package/dist/features/trial-session/comps/slide-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/slide-header/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\ninterface ISlideHeader {\n  marginBottom?: number;\n  textToInsert?: string;\n}\n\nconst Header = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst SlideHeader: FC<ISlideHeader> = memo(props => {\n  const { marginBottom = 50, textToInsert } = props;\n  const { slideConfig } = useTrialSessionContext();\n  const { header, subHeader } = slideConfig;\n\n  const bottomSeparatorHeight = useMemo(() => {\n    if (subHeader) {\n      return marginBottom - 20;\n    }\n\n    return marginBottom;\n  }, [marginBottom, subHeader]);\n\n  return (\n    <>\n      <Header $renderAs=\"ah3-bold\" $align=\"center\">\n        {header}\n      </Header>\n      {subHeader ? (\n        <Text $renderAs=\"ub2-bold\" $align=\"center\" $color=\"BLACK_T_60\">\n          {textToInsert ? subHeader.replace('/insert-text/', textToInsert) : subHeader}\n        </Text>\n      ) : null}\n      <Separator height={bottomSeparatorHeight} />\n    </>\n  );\n});\n\nexport default SlideHeader;\n"],"names":["Header","styled","Text","SlideHeader","memo","props","marginBottom","textToInsert","slideConfig","useTrialSessionContext","header","subHeader","bottomSeparatorHeight","useMemo","jsxs","Fragment","jsx","Separator"],"mappings":";;;;;;AAcA,MAAMA,IAASC,EAAOC,CAAI;AAAA;AAAA,GAIpBC,IAAgCC,EAAK,CAASC,MAAA;AAClD,QAAM,EAAE,cAAAC,IAAe,IAAI,cAAAC,EAAA,IAAiBF,GACtC,EAAE,aAAAG,MAAgBC,KAClB,EAAE,QAAAC,GAAQ,WAAAC,EAAc,IAAAH,GAExBI,IAAwBC,EAAQ,MAChCF,IACKL,IAAe,KAGjBA,GACN,CAACA,GAAcK,CAAS,CAAC;AAE5B,SAEI,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAChB,GAAO,EAAA,WAAU,YAAW,QAAO,UACjC,UACHU,GAAA;AAAA,IACCC,IACE,gBAAAK,EAAAd,GAAA,EAAK,WAAU,YAAW,QAAO,UAAS,QAAO,cAC/C,UAAAK,IAAeI,EAAU,QAAQ,iBAAiBJ,CAAY,IAAII,EACrE,CAAA,IACE;AAAA,IACJ,gBAAAK,EAACC,GAAU,EAAA,QAAQL,EAAuB,CAAA;AAAA,EAC5C,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/slide-header/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\ninterface ISlideHeader {\n  marginBottom?: number;\n  textToInsert?: string;\n}\n\nconst Header = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst SlideHeader: FC<ISlideHeader> = memo(props => {\n  const { marginBottom = 50, textToInsert } = props;\n  const { slideConfig } = useTrialSessionContext();\n  const { header, subHeader } = slideConfig;\n\n  const bottomSeparatorHeight = useMemo(() => {\n    if (subHeader) {\n      return marginBottom - 20;\n    }\n\n    return marginBottom;\n  }, [marginBottom, subHeader]);\n\n  return (\n    <>\n      <Header $renderAs=\"ah3-bold\" $align=\"center\">\n        {header}\n      </Header>\n      {subHeader ? (\n        <Text $renderAs=\"ub2-bold\" $align=\"center\" $color=\"BLACK_T_60\">\n          {textToInsert ? subHeader.replace('/insert-text/', textToInsert) : subHeader}\n        </Text>\n      ) : null}\n      <Separator height={bottomSeparatorHeight} />\n    </>\n  );\n});\n\nexport default SlideHeader;\n"],"names":["Header","styled","Text","SlideHeader","memo","props","marginBottom","textToInsert","slideConfig","useTrialSessionContext","header","subHeader","bottomSeparatorHeight","useMemo","jsxs","Fragment","jsx","Separator"],"mappings":";;;;;;AAcA,MAAMA,IAASC,EAAOC,CAAI;AAAA;AAAA,GAIpBC,IAAgCC,EAAK,CAASC,MAAA;AAClD,QAAM,EAAE,cAAAC,IAAe,IAAI,cAAAC,EAAiB,IAAAF,GACtC,EAAE,aAAAG,EAAY,IAAIC,EAAuB,GACzC,EAAE,QAAAC,GAAQ,WAAAC,EAAA,IAAcH,GAExBI,IAAwBC,EAAQ,MAChCF,IACKL,IAAe,KAGjBA,GACN,CAACA,GAAcK,CAAS,CAAC;AAE5B,SAEI,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAChB,GAAO,EAAA,WAAU,YAAW,QAAO,UACjC,UACHU,GAAA;AAAA,IACCC,IACE,gBAAAK,EAAAd,GAAA,EAAK,WAAU,YAAW,QAAO,UAAS,QAAO,cAC/C,UAAAK,IAAeI,EAAU,QAAQ,iBAAiBJ,CAAY,IAAII,EACrE,CAAA,IACE;AAAA,IACJ,gBAAAK,EAACC,GAAU,EAAA,QAAQL,EAAuB,CAAA;AAAA,EAAA,GAC5C;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/solutions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/solutions/index.tsx"],"sourcesContent":["import type { ISolution } from '../../trial-session-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './solutions.styled';\n\nconst Solutions: React.FC<{ solutions: ISolution[] }> = ({ solutions }) => {\n  return solutions && solutions.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        SOLUTIONS\n      </Text>\n      <Separator height={8} />\n      <Styled.SolutionContainer $flexDirection=\"column\" $flexGap={8}>\n        {solutions.map((solution: ISolution) => {\n          const { media, text, media_type } = solution;\n\n          return (\n            <FlexView\n              key={media || text}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <FlexView>\n                {text && (\n                  <>\n                    <Styled.SolutionText $renderAs=\"body2\">{text}</Styled.SolutionText>\n                    {media && <Separator />}\n                  </>\n                )}\n                {media_type === 'image' && media && <Styled.SolutionImage src={media} />}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.SolutionContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Solutions;\n"],"names":["Solutions","solutions","FlexView","jsx","Text","Separator","Styled.SolutionContainer","solution","media","text","media_type","jsxs","Styled.ChatIcon","Fragment","Styled.SolutionText","Styled.SolutionImage"],"mappings":";;;;;AASA,MAAMA,IAAkD,CAAC,EAAE,WAAAC,QAClDA,KAAaA,EAAU,SAAS,sBACpCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,aAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAyB,gBAAe,UAAS,UAAU,GACzD,UAAAL,EAAU,IAAI,CAACM,MAAwB;AACtC,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAA,IAAeH;AAGlC,WAAA,gBAAAI;AAAA,MAACT;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAgB;AAAA,4BAChBV,GACE,EAAA,UAAA;AAAA,YAAAO,KAEG,gBAAAE,EAAAE,GAAA,EAAA,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAoB,WAAU,SAAS,UAAKL,GAAA;AAAA,cAC5CD,uBAAUH,GAAU,EAAA;AAAA,YAAA,GACvB;AAAA,YAEDK,MAAe,WAAWF,KAAS,gBAAAL,EAACY,GAAA,EAAqB,KAAKP,GAAO;AAAA,UAAA,GACxE;AAAA,QAAA;AAAA,MAAA;AAAA,MAfKA,KAASC;AAAA,IAAA;AAAA,EAkBnB,CAAA,GACH;AAAA,EACF,CAAA,IACE;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/solutions/index.tsx"],"sourcesContent":["import type { ISolution } from '../../trial-session-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './solutions.styled';\n\nconst Solutions: React.FC<{ solutions: ISolution[] }> = ({ solutions }) => {\n  return solutions && solutions.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        SOLUTIONS\n      </Text>\n      <Separator height={8} />\n      <Styled.SolutionContainer $flexDirection=\"column\" $flexGap={8}>\n        {solutions.map((solution: ISolution) => {\n          const { media, text, media_type } = solution;\n\n          return (\n            <FlexView\n              key={media || text}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <FlexView>\n                {text && (\n                  <>\n                    <Styled.SolutionText $renderAs=\"body2\">{text}</Styled.SolutionText>\n                    {media && <Separator />}\n                  </>\n                )}\n                {media_type === 'image' && media && <Styled.SolutionImage src={media} />}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.SolutionContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Solutions;\n"],"names":["Solutions","solutions","FlexView","jsx","Text","Separator","Styled.SolutionContainer","solution","media","text","media_type","jsxs","Styled.ChatIcon","Fragment","Styled.SolutionText","Styled.SolutionImage"],"mappings":";;;;;AASA,MAAMA,IAAkD,CAAC,EAAE,WAAAC,QAClDA,KAAaA,EAAU,SAAS,sBACpCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,aAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAyB,gBAAe,UAAS,UAAU,GACzD,UAAAL,EAAU,IAAI,CAACM,MAAwB;AACtC,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAe,IAAAH;AAGlC,WAAA,gBAAAI;AAAA,MAACT;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAgB;AAAA,4BAChBV,GACE,EAAA,UAAA;AAAA,YAAAO,KAEG,gBAAAE,EAAAE,GAAA,EAAA,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAoB,WAAU,SAAS,UAAKL,GAAA;AAAA,cAC5CD,uBAAUH,GAAU,CAAA,CAAA;AAAA,YAAA,GACvB;AAAA,YAEDK,MAAe,WAAWF,KAAS,gBAAAL,EAACY,GAAA,EAAqB,KAAKP,EAAO,CAAA;AAAA,UAAA,EACxE,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAfKA,KAASC;AAAA,IAgBhB;AAAA,EAAA,CAEH,EACH,CAAA;AAAA,EAAA,CACF,IACE;"}

package/dist/features/trial-session/comps/solutions/solutions.styled.js

@@ -1,12 +1,12 @@
 import o from "styled-components";
-import i from "../../../../assets/line-icons/icons/chat.js";
-import n from "../../../ui/layout/flex-view.js";
+import r from "../../../../assets/line-icons/icons/chat.js";
+import i from "../../../ui/layout/flex-view.js";
 import e from "../../../ui/text/text.js";
 import { getTheme as m } from "../../../ui/theme/get-theme.js";
-const r = m(), { gutter: t } = r.layout, { WHITE: p } = r.colors, l = o(n)`
-  background-color: ${p};
+const n = m(), { gutter: t } = n.layout, { WHITE: c } = n.colors, l = o(i)`
+  background-color: ${c};
   padding: ${t}px ${t * 0.75}px;
-`, g = o(i)`
+`, g = o(r)`
   flex-shrink: 0;
 `, u = o(e)`
   margin-top: ${t * 0.125}px;

package/dist/features/trial-session/comps/student-enrichment/student-enrichment.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutEnrichment = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.ENRICHMENT,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutEnrichment });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","stream","regionData","countryCode","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutEnrichment","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,EAAa,IAAAJ,GAC1B,EAAE,QAAAK,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAYC;AAAA,IAChB,MACEC,EAAmBZ,GAAiB;AAAA,MAClC,aAAAS;AAAA,MACA,OAAOL,KAAS;AAAA,MAChB,cAAcS,EAAc;AAAA,MAC5B,cAAcN;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACP,GAAiBS,GAAaL,GAAOG,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWO,EAAA,IAAiBH;AAAA,IAClC,OAAMN,KAAA,gBAAAA,EAAO,KAAK,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACR,CAAK;AAAA,EAAA,GAGFW,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAyBf,KAAA,gBAAAA,EAAO;AAAA,UACpC,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,EAAA,CAAwB;AAEnD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBlB,GAAOQ,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACjB,GAAOJ,CAAiB;AAAA,EAAA;AAIzB,SAAA,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UACvE,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutEnrichment = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.ENRICHMENT,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutEnrichment });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","stream","regionData","countryCode","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutEnrichment","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,EAAuB,GACzF,EAAE,OAAAC,GAAO,OAAAC,EAAM,IAAIN,KAAY,CAAC,GAEhC,EAAE,WAAWO,EAAA,IAAaJ,GAC1B,EAAE,QAAAK,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAC,GACnD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAC,GAE7DE,IAAYC;AAAA,IAChB,MACEC,EAAmBZ,GAAiB;AAAA,MAClC,aAAAS;AAAA,MACA,OAAOL,KAAS;AAAA,MAChB,cAAcS,EAAc;AAAA,MAC5B,cAAcN;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACP,GAAiBS,GAAaL,GAAOG,CAAM;AAAA,EAC9C,GAEM,EAAE,WAAWO,EAAA,IAAiBH;AAAA,IAClC,OAAMN,KAAA,gBAAAA,EAAO,KAAK,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACR,CAAK;AAAA,EACR,GAEMW,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAyBf,KAAA,gBAAAA,EAAO;AAAA,UACpC,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,GAAwB;AAEnD;AAAA,MAAA;AAGI,YAAA,EAAE,OAAAC,MAAUF,GAEZG,IAAeC,EAAqBlB,GAAOQ,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,GAAc;AAAA,IAC3C;AAAA,IACA,CAACjB,GAAOJ,CAAiB;AAAA,EAC3B;AAGE,SAAA,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UACvE,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,uCAAA,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/student-feedback/student-feedback-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-feedback-constants.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const studentLevels: Record<string, { title: string; description: string; icon: string }> = {\n  beginner: {\n    title: 'Basic',\n    description: 'Student needs to focus on foundational concepts and skills',\n    icon: ILLUSTRATIONS.ORANGE_FACE,\n  },\n  intermediate: {\n    title: 'Intermediate',\n    description: 'Student is comfortable with the basics, and is ready to apply them in problems',\n    icon: ILLUSTRATIONS.YELLOW_FACE,\n  },\n  advanced: {\n    title: 'Advanced',\n    description: 'Student is ready to tackle challenging concepts and problems.',\n    icon: ILLUSTRATIONS.GREEN_FACE,\n  },\n};\n"],"names":["studentLevels","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAsF;AAAA,EACjG,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF;"}
+{"version":3,"file":"student-feedback-constants.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const studentLevels: Record<string, { title: string; description: string; icon: string }> = {\n  beginner: {\n    title: 'Basic',\n    description: 'Student needs to focus on foundational concepts and skills',\n    icon: ILLUSTRATIONS.ORANGE_FACE,\n  },\n  intermediate: {\n    title: 'Intermediate',\n    description: 'Student is comfortable with the basics, and is ready to apply them in problems',\n    icon: ILLUSTRATIONS.YELLOW_FACE,\n  },\n  advanced: {\n    title: 'Advanced',\n    description: 'Student is ready to tackle challenging concepts and problems.',\n    icon: ILLUSTRATIONS.GREEN_FACE,\n  },\n};\n"],"names":["studentLevels","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAsF;AAAA,EACjG,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EAAA;AAExB;"}

package/dist/features/trial-session/comps/student-feedback/student-feedback-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-feedback-styled.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FeedbackWrapper = styled(FlexView)(({ theme }) => {\n  const { GREEN_1, GREEN_4 } = theme.colors;\n\n  return `\n  width: 550px;\n  margin: auto;\n  background-color: ${GREEN_1};\n  border: 1px solid ${GREEN_4};\n  position: relative;\n`;\n});\n\nconst Feedback = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    &:hover {\n      background-color: ${theme.colors.BLACK_T_87};\n      \n      .feedback-title {\n        color: ${theme.colors.WHITE_T_87};\n      }\n      .feedback-desc {\n        color: ${theme.colors.WHITE_T_60};\n      }\n    }\n  `;\n});\n\nconst BalloonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -${gutter * 0.75}px;\n  `;\n});\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\nexport { Container, FeedbackWrapper, Feedback, BalloonWrapper, InlineText };\n"],"names":["Container","styled","FeedbackWrapper","FlexView","theme","GREEN_1","GREEN_4","Feedback","BalloonWrapper","gutter","InlineText","Text"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAkBD,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA,sBAGaC,CAAO;AAAA,sBACPC,CAAO;AAAA;AAAA;AAG7B,CAAC,GAEKC,IAAWN,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC5B;AAAA;AAAA;AAAA;AAAA,0BAIiBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGhCA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGvBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,GAIvC,GAEKI,IAAiBP,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,QAAAK,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,YAIGK,IAAS,IAAI;AAAA;AAEzB,CAAC,GAEKC,IAAaT,EAAOU,CAAI;AAAA;AAAA;"}
+{"version":3,"file":"student-feedback-styled.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FeedbackWrapper = styled(FlexView)(({ theme }) => {\n  const { GREEN_1, GREEN_4 } = theme.colors;\n\n  return `\n  width: 550px;\n  margin: auto;\n  background-color: ${GREEN_1};\n  border: 1px solid ${GREEN_4};\n  position: relative;\n`;\n});\n\nconst Feedback = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    &:hover {\n      background-color: ${theme.colors.BLACK_T_87};\n      \n      .feedback-title {\n        color: ${theme.colors.WHITE_T_87};\n      }\n      .feedback-desc {\n        color: ${theme.colors.WHITE_T_60};\n      }\n    }\n  `;\n});\n\nconst BalloonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -${gutter * 0.75}px;\n  `;\n});\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\nexport { Container, FeedbackWrapper, Feedback, BalloonWrapper, InlineText };\n"],"names":["Container","styled","FeedbackWrapper","FlexView","theme","GREEN_1","GREEN_4","Feedback","BalloonWrapper","gutter","InlineText","Text"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAkBD,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAQ,IAAIF,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA,sBAGaC,CAAO;AAAA,sBACPC,CAAO;AAAA;AAAA;AAG7B,CAAC,GAEKC,IAAWN,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC5B;AAAA;AAAA;AAAA;AAAA,0BAIiBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGhCA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGvBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,GAIvC,GAEKI,IAAiBP,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,QAAAK,MAAWL,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,YAIGK,IAAS,IAAI;AAAA;AAEzB,CAAC,GAEKC,IAAaT,EAAOU,CAAI;AAAA;AAAA;"}

package/dist/features/trial-session/comps/student-feedback/student-feedback.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { memo as E, useMemo as T, useCallback as _, useEffect as b } from "react";
 import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
-import { COURSE_STREAMS as x, PREFERENCE_CATEGORY as S } from "../../../milestone/constants.js";
+import { PREFERENCE_CATEGORY as x, COURSE_STREAMS as S } from "../../../milestone/constants.js";
 import { getPreferencesFromConfig as A } from "../../../milestone/create/milestone-create-helpers.js";
 import l from "../../../ui/image/image.js";
 import w from "../../../ui/layout/flex-view.js";
@@ -15,8 +15,8 @@ const J = E(() => {
   const { formData: h, milestoneConfig: s, updateSlideConfig: c, updateButtonState: d } = I(), { grade: m, personalizedLevel: r = [] } = h || {}, f = r.length > 0, o = T(
     () => A(s, {
       grade: m ?? "",
-      courseStream: x.MATH,
-      preferenceCategory: S.LEVEL
+      courseStream: S.MATH,
+      preferenceCategory: x.LEVEL
     }),
     [m, s]
   ), g = _(

package/dist/features/trial-session/comps/student-feedback/student-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-feedback.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from './student-feedback-constants';\nimport * as Styled from './student-feedback-styled';\n\nconst StudentFeedback = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { grade, personalizedLevel = [] } = formData || {};\n  const hasRequiredFields = Boolean(personalizedLevel.length > 0);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleClick = useCallback(\n    (id: string) => {\n      updateSlideConfig({ personalizedLevel: [id] });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.FeedbackWrapper $flexGapX={1} $gapX={2.25} $gutterX={3.125}>\n        <Styled.BalloonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $gutterX={0.75}\n        >\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n        </Styled.BalloonWrapper>\n        {levelList &&\n          levelList.length > 0 &&\n          levelList.map(level => {\n            const { id, label } = level;\n            const { title, description, icon } = studentLevels[label.toLowerCase()] || {};\n            const isSelected = personalizedLevel?.includes(id);\n\n            return (\n              <Styled.Feedback\n                key={id}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"flex-start\"\n                $flexGapX={1.25}\n                onClick={() => handleClick(id)}\n                $gutterX={0.75}\n                $gapX={1}\n                $background={isSelected ? 'BLACK_T_87' : 'WHITE_1'}\n                $borderColor=\"BLACK_T_87\"\n              >\n                <Image withLoader src={icon} height={64} width={64} alt=\"icon\" />\n                <FlexView $flex={1}>\n                  <Text\n                    className=\"feedback-title\"\n                    $renderAs=\"ac3-black\"\n                    $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                  >\n                    {title}:{' '}\n                    <Styled.InlineText\n                      className=\"feedback-desc\"\n                      $renderAs=\"ab2\"\n                      $color={isSelected ? 'WHITE_T_60' : 'BLACK_T_60'}\n                    >\n                      {description}\n                    </Styled.InlineText>\n                  </Text>\n                </FlexView>\n              </Styled.Feedback>\n            );\n          })}\n      </Styled.FeedbackWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentFeedback;\n"],"names":["StudentFeedback","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","grade","personalizedLevel","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","handleClick","useCallback","id","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.FeedbackWrapper","Styled.BalloonWrapper","Image","ILLUSTRATIONS","level","label","title","description","icon","studentLevels","isSelected","Styled.Feedback","FlexView","Text","Styled.InlineText"],"mappings":"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"}
+{"version":3,"file":"student-feedback.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from './student-feedback-constants';\nimport * as Styled from './student-feedback-styled';\n\nconst StudentFeedback = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { grade, personalizedLevel = [] } = formData || {};\n  const hasRequiredFields = Boolean(personalizedLevel.length > 0);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleClick = useCallback(\n    (id: string) => {\n      updateSlideConfig({ personalizedLevel: [id] });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.FeedbackWrapper $flexGapX={1} $gapX={2.25} $gutterX={3.125}>\n        <Styled.BalloonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $gutterX={0.75}\n        >\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n        </Styled.BalloonWrapper>\n        {levelList &&\n          levelList.length > 0 &&\n          levelList.map(level => {\n            const { id, label } = level;\n            const { title, description, icon } = studentLevels[label.toLowerCase()] || {};\n            const isSelected = personalizedLevel?.includes(id);\n\n            return (\n              <Styled.Feedback\n                key={id}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"flex-start\"\n                $flexGapX={1.25}\n                onClick={() => handleClick(id)}\n                $gutterX={0.75}\n                $gapX={1}\n                $background={isSelected ? 'BLACK_T_87' : 'WHITE_1'}\n                $borderColor=\"BLACK_T_87\"\n              >\n                <Image withLoader src={icon} height={64} width={64} alt=\"icon\" />\n                <FlexView $flex={1}>\n                  <Text\n                    className=\"feedback-title\"\n                    $renderAs=\"ac3-black\"\n                    $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                  >\n                    {title}:{' '}\n                    <Styled.InlineText\n                      className=\"feedback-desc\"\n                      $renderAs=\"ab2\"\n                      $color={isSelected ? 'WHITE_T_60' : 'BLACK_T_60'}\n                    >\n                      {description}\n                    </Styled.InlineText>\n                  </Text>\n                </FlexView>\n              </Styled.Feedback>\n            );\n          })}\n      </Styled.FeedbackWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentFeedback;\n"],"names":["StudentFeedback","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","grade","personalizedLevel","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","handleClick","useCallback","id","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.FeedbackWrapper","Styled.BalloonWrapper","Image","ILLUSTRATIONS","level","label","title","description","icon","studentLevels","isSelected","Styled.Feedback","FlexView","Text","Styled.InlineText"],"mappings":";;;;;;;;;;;;;AAcM,MAAAA,IAAkBC,EAAK,MAAM;AACjC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,mBAAAC,EAAA,IACpDC,EAAuB,GAEnB,EAAE,OAAAC,GAAO,mBAAAC,IAAoB,CAAA,EAAG,IAAIN,KAAY,CAAC,GACjDO,IAA4BD,EAAkB,SAAS,GAEvDE,IAAYC;AAAA,IAChB,MACEC,EAAyBT,GAAiB;AAAA,MACxC,OAAOI,KAAS;AAAA,MAChB,cAAcM,EAAe;AAAA,MAC7B,oBAAoBC,EAAoB;AAAA,IAAA,CACzC;AAAA,IACH,CAACP,GAAOJ,CAAe;AAAA,EACzB,GAEMY,IAAcC;AAAA,IAClB,CAACC,MAAe;AACd,MAAAb,EAAkB,EAAE,mBAAmB,CAACa,CAAE,GAAG;AAAA,IAC/C;AAAA,IACA,CAACb,CAAiB;AAAA,EACpB;AAEA,SAAAc,EAAU,MAAM;AACd,IAAAb,EAAkB,SAAS,EAAE,YAAY,CAACI,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmBJ,CAAiB,CAAC,GAGvC,gBAAAc,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAuB,WAAW,GAAG,OAAO,MAAM,UAAU,OAC3D,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACM;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,YAAU;AAAA,gBACV,KAAKC,EAAc;AAAA,gBACnB,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,KAAI;AAAA,cAAA;AAAA,YACN;AAAA,YACA,gBAAAN;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,YAAU;AAAA,gBACV,KAAKC,EAAc;AAAA,gBACnB,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,KAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MACF;AAAA,MACCjB,KACCA,EAAU,SAAS,KACnBA,EAAU,IAAI,CAASkB,MAAA;AACf,cAAA,EAAE,IAAAX,GAAI,OAAAY,EAAA,IAAUD,GAChB,EAAE,OAAAE,GAAO,aAAAC,GAAa,MAAAC,EAAK,IAAIC,EAAcJ,EAAM,YAAa,CAAA,KAAK,CAAC,GACtEK,IAAa1B,KAAA,gBAAAA,EAAmB,SAASS;AAG7C,eAAA,gBAAAE;AAAA,UAACgB;AAAAA,UAAA;AAAA,YAEC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,WAAW;AAAA,YACX,SAAS,MAAMpB,EAAYE,CAAE;AAAA,YAC7B,UAAU;AAAA,YACV,OAAO;AAAA,YACP,aAAaiB,IAAa,eAAe;AAAA,YACzC,cAAa;AAAA,YAEb,UAAA;AAAA,cAAC,gBAAAb,EAAAK,GAAA,EAAM,YAAU,IAAC,KAAKM,GAAM,QAAQ,IAAI,OAAO,IAAI,KAAI,OAAO,CAAA;AAAA,cAC/D,gBAAAX,EAACe,GAAS,EAAA,OAAO,GACf,UAAA,gBAAAjB;AAAA,gBAACkB;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,WAAU;AAAA,kBACV,QAAQH,IAAa,eAAe;AAAA,kBAEnC,UAAA;AAAA,oBAAAJ;AAAA,oBAAM;AAAA,oBAAE;AAAA,oBACT,gBAAAT;AAAA,sBAACiB;AAAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,WAAU;AAAA,wBACV,QAAQJ,IAAa,eAAe;AAAA,wBAEnC,UAAAH;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACH;AAAA,gBAAA;AAAA,cAAA,EAEJ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UA3BKd;AAAA,QA4BP;AAAA,MAEH,CAAA;AAAA,IAAA,EACL,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/student-info/student-info-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-info-styled.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  width: 100%;\n  height: 100%;\n`;\n\nconst StudentInfoWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    margin: auto;\n    flex-grow: 1;\n    position: relative;\n    width: 650px;\n    height: 1px; // without height InformationWrapper scroll behavior not working\n    padding: ${gutter * 3.125}px ${gutter * 3.125}px 0px;\n    border-bottom: none;\n  `;\n});\n\nconst InformationWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    flex-grow: 1;\n    border-bottom: none;\n    padding: ${gutter * 3.5}px ${gutter * 6.875}px 0px;\n    overflow-y: scroll;\n  `;\n});\n\nconst ImageWrapper = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: -${gutter * 0.3125}px;\n    left: ${gutter * 10.625}px;\n  `;\n});\n\nexport { Container, StudentInfoWrapper, InformationWrapper, ImageWrapper };\n"],"names":["Container","styled","FlexView","StudentInfoWrapper","theme","gutter","InformationWrapper","ImageWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK3BC,IAAqBF,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AACnD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMMC,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGjD,CAAC,GAEKC,IAAqBL,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AACnD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA,eAGMC,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA;AAG/C,CAAC,GAEKE,IAAeN,EAAO,IAAI,CAAC,EAAE,OAAAG,QAAY;AACvC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,YAEGC,IAAS,MAAM;AAAA,YACfA,IAAS,MAAM;AAAA;AAE3B,CAAC;"}
+{"version":3,"file":"student-info-styled.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  width: 100%;\n  height: 100%;\n`;\n\nconst StudentInfoWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    margin: auto;\n    flex-grow: 1;\n    position: relative;\n    width: 650px;\n    height: 1px; // without height InformationWrapper scroll behavior not working\n    padding: ${gutter * 3.125}px ${gutter * 3.125}px 0px;\n    border-bottom: none;\n  `;\n});\n\nconst InformationWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    flex-grow: 1;\n    border-bottom: none;\n    padding: ${gutter * 3.5}px ${gutter * 6.875}px 0px;\n    overflow-y: scroll;\n  `;\n});\n\nconst ImageWrapper = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: -${gutter * 0.3125}px;\n    left: ${gutter * 10.625}px;\n  `;\n});\n\nexport { Container, StudentInfoWrapper, InformationWrapper, ImageWrapper };\n"],"names":["Container","styled","FlexView","StudentInfoWrapper","theme","gutter","InformationWrapper","ImageWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK3BC,IAAqBF,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AACnD,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMMC,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGjD,CAAC,GAEKC,IAAqBL,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AACnD,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA,eAGMC,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA;AAG/C,CAAC,GAEKE,IAAeN,EAAO,IAAI,CAAC,EAAE,OAAAG,QAAY;AACvC,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA;AAAA,YAEGC,IAAS,MAAM;AAAA,YACfA,IAAS,MAAM;AAAA;AAE3B,CAAC;"}

package/dist/features/trial-session/comps/student-info/student-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-info.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport { getGradesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-info-styled';\n\nconst StudentInformation = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState, trialHomeData } =\n    useTrialSessionContext();\n\n  const { name, grade, curriculum } = formData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const curriculumStandards = getCategorizedCurriculumStandards(milestoneConfig, {\n    countryCode,\n    grade: grade ?? '',\n    goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n    courseStream: stream,\n    enrollmentType: 'ONLINE',\n  });\n  const hasRequiredFields = Boolean(name && grade && curriculum);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      if (key === 'grade') {\n        // reset goals as well if grade changes\n        updateSlideConfig({ [key]: value, goals: [] });\n      } else {\n        updateSlideConfig({ [key]: value });\n      }\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(event => updateStudentInformation('name', event.target.value), [updateStudentInformation]);\n\n  const handleGradeChange = useCallback(\n    (value: string) => updateStudentInformation('grade', value),\n    [updateStudentInformation],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.StudentInfoWrapper $background=\"BLUE_4\" $borderColor=\"BLACK_T_87\">\n        <Styled.ImageWrapper>\n          <Image withLoader={false} src={ILLUSTRATIONS.BLUE_CLIP} width={261} height={31} />\n        </Styled.ImageWrapper>\n        <Styled.InformationWrapper $flexGapX={2.75} $background=\"WHITE_1\" $borderColor=\"BLACK_T_87\">\n          <TextInput\n            renderAs=\"primary\"\n            label=\"Student name\"\n            value={name}\n            type=\"text\"\n            name=\"name\"\n            shape=\"borderLess\"\n            onChange={handleNameChange}\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Grade\"\n            value={grade}\n            options={grades}\n            shape=\"borderLess\"\n            onChange={handleGradeChange}\n            theme=\"dark\"\n          />\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={handleCurriculumChange}\n          />\n        </Styled.InformationWrapper>\n      </Styled.StudentInfoWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentInformation;\n"],"names":["StudentInformation","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","trialHomeData","useTrialSessionContext","name","grade","curriculum","grades","getGradesFromConfig","demoInfo","stream","regionData","countryCode","curriculumStandards","getCategorizedCurriculumStandards","GOAL_CATEGORY","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGradeChange","handleCurriculumChange","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.StudentInfoWrapper","Styled.ImageWrapper","Image","ILLUSTRATIONS","Styled.InformationWrapper","TextInput","SearchableSelectInput","SelectInput"],"mappings":";;;;;;;;;;;;;;AAeM,MAAAA,KAAqBC,EAAK,MAAM;AACpC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,mBAAAC,GAAmB,eAAAC,EAAA,IACvEC,KAEI,EAAE,MAAAC,GAAM,OAAAC,GAAO,YAAAC,EAAW,IAAIR,KAAY,CAAA,GAC1CS,IAASC,EAAoBT,CAAe,GAE5C,EAAE,WAAWU,EAAa,IAAAP,GAC1B,EAAE,QAAAQ,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAsBC,EAAkCf,GAAiB;AAAA,IAC7E,aAAAa;AAAA,IACA,OAAOP,KAAS;AAAA,IAChB,cAAcU,EAAc;AAAA,IAC5B,cAAcL;AAAA,IACd,gBAAgB;AAAA,EAAA,CACjB,GACKM,IAAoB,GAAQZ,KAAQC,KAASC,IAE7CW,IAA2BC;AAAA,IAC/B,CAACC,GAAaC,MAAkB;AAC9B,MAEoBpB,EAFhBmB,MAAQ,UAEQ,EAAE,CAACA,CAAG,GAAGC,GAAO,OAAO,OAEvB,EAAE,CAACD,CAAG,GAAGC,EAAO,CAFW;AAAA,IAIjD;AAAA,IACA,CAACpB,CAAiB;AAAA,EAAA,GAGdqB,IAAmBH,EAEvB,CAAAI,MAASL,EAAyB,QAAQK,EAAM,OAAO,KAAK,GAAG,CAACL,CAAwB,CAAC,GAErFM,IAAoBL;AAAA,IACxB,CAACE,MAAkBH,EAAyB,SAASG,CAAK;AAAA,IAC1D,CAACH,CAAwB;AAAA,EAAA,GAGrBO,IAAyBN;AAAA,IAC7B,CAACE,MAAkBH,EAAyB,cAAcG,CAAK;AAAA,IAC/D,CAACH,CAAwB;AAAA,EAAA;AAG3B,SAAAQ,EAAU,MAAM;AACd,IAAAxB,EAAkB,SAAS,EAAE,YAAY,CAACe,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmBf,CAAiB,CAAC,GAGvC,gBAAAyB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAA0B,aAAY,UAAS,cAAa,cAC3D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,KAAM,YAAY,IAAO,KAAKC,EAAc,WAAW,OAAO,KAAK,QAAQ,GAAI,CAAA,GAClF;AAAA,MACA,gBAAAR,EAACS,GAAA,EAA0B,WAAW,MAAM,aAAY,WAAU,cAAa,cAC7E,UAAA;AAAA,QAAA,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,YACN,UAAUiB;AAAA,UAAA;AAAA,QACZ;AAAA,QACA,gBAAAO;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,SAASE;AAAA,YACT,OAAM;AAAA,YACN,UAAUgB;AAAA,YACV,OAAM;AAAA,UAAA;AAAA,QACR;AAAA,QACA,gBAAAK;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,SAASO;AAAA,YACT,OAAM;AAAA,YACN,iBAAgB;AAAA,YAChB,OAAM;AAAA,YACN,UAAUW;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-info.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport { getGradesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-info-styled';\n\nconst StudentInformation = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState, trialHomeData } =\n    useTrialSessionContext();\n\n  const { name, grade, curriculum } = formData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const curriculumStandards = getCategorizedCurriculumStandards(milestoneConfig, {\n    countryCode,\n    grade: grade ?? '',\n    goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n    courseStream: stream,\n    enrollmentType: 'ONLINE',\n  });\n  const hasRequiredFields = Boolean(name && grade && curriculum);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      if (key === 'grade') {\n        // reset goals as well if grade changes\n        updateSlideConfig({ [key]: value, goals: [] });\n      } else {\n        updateSlideConfig({ [key]: value });\n      }\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(event => updateStudentInformation('name', event.target.value), [updateStudentInformation]);\n\n  const handleGradeChange = useCallback(\n    (value: string) => updateStudentInformation('grade', value),\n    [updateStudentInformation],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.StudentInfoWrapper $background=\"BLUE_4\" $borderColor=\"BLACK_T_87\">\n        <Styled.ImageWrapper>\n          <Image withLoader={false} src={ILLUSTRATIONS.BLUE_CLIP} width={261} height={31} />\n        </Styled.ImageWrapper>\n        <Styled.InformationWrapper $flexGapX={2.75} $background=\"WHITE_1\" $borderColor=\"BLACK_T_87\">\n          <TextInput\n            renderAs=\"primary\"\n            label=\"Student name\"\n            value={name}\n            type=\"text\"\n            name=\"name\"\n            shape=\"borderLess\"\n            onChange={handleNameChange}\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Grade\"\n            value={grade}\n            options={grades}\n            shape=\"borderLess\"\n            onChange={handleGradeChange}\n            theme=\"dark\"\n          />\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={handleCurriculumChange}\n          />\n        </Styled.InformationWrapper>\n      </Styled.StudentInfoWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentInformation;\n"],"names":["StudentInformation","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","trialHomeData","useTrialSessionContext","name","grade","curriculum","grades","getGradesFromConfig","demoInfo","stream","regionData","countryCode","curriculumStandards","getCategorizedCurriculumStandards","GOAL_CATEGORY","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGradeChange","handleCurriculumChange","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.StudentInfoWrapper","Styled.ImageWrapper","Image","ILLUSTRATIONS","Styled.InformationWrapper","TextInput","SearchableSelectInput","SelectInput"],"mappings":";;;;;;;;;;;;;;AAeM,MAAAA,KAAqBC,EAAK,MAAM;AACpC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,mBAAAC,GAAmB,eAAAC,MACvEC,EAAuB,GAEnB,EAAE,MAAAC,GAAM,OAAAC,GAAO,YAAAC,EAAW,IAAIR,KAAY,CAAC,GAC3CS,IAASC,EAAoBT,CAAe,GAE5C,EAAE,WAAWU,EAAA,IAAaP,GAC1B,EAAE,QAAAQ,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAC,GACnD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAC,GAE7DE,IAAsBC,EAAkCf,GAAiB;AAAA,IAC7E,aAAAa;AAAA,IACA,OAAOP,KAAS;AAAA,IAChB,cAAcU,EAAc;AAAA,IAC5B,cAAcL;AAAA,IACd,gBAAgB;AAAA,EAAA,CACjB,GACKM,IAAoB,GAAQZ,KAAQC,KAASC,IAE7CW,IAA2BC;AAAA,IAC/B,CAACC,GAAaC,MAAkB;AAC9B,MAEoBpB,EAFhBmB,MAAQ,UAEQ,EAAE,CAACA,CAAG,GAAGC,GAAO,OAAO,OAEvB,EAAE,CAACD,CAAG,GAAGC,GAFkB;AAAA,IAIjD;AAAA,IACA,CAACpB,CAAiB;AAAA,EACpB,GAEMqB,IAAmBH,EAEvB,CAAAI,MAASL,EAAyB,QAAQK,EAAM,OAAO,KAAK,GAAG,CAACL,CAAwB,CAAC,GAErFM,IAAoBL;AAAA,IACxB,CAACE,MAAkBH,EAAyB,SAASG,CAAK;AAAA,IAC1D,CAACH,CAAwB;AAAA,EAC3B,GAEMO,IAAyBN;AAAA,IAC7B,CAACE,MAAkBH,EAAyB,cAAcG,CAAK;AAAA,IAC/D,CAACH,CAAwB;AAAA,EAC3B;AAEA,SAAAQ,EAAU,MAAM;AACd,IAAAxB,EAAkB,SAAS,EAAE,YAAY,CAACe,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmBf,CAAiB,CAAC,GAGvC,gBAAAyB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAA0B,aAAY,UAAS,cAAa,cAC3D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,KAAM,YAAY,IAAO,KAAKC,EAAc,WAAW,OAAO,KAAK,QAAQ,GAAI,CAAA,GAClF;AAAA,MACA,gBAAAR,EAACS,GAAA,EAA0B,WAAW,MAAM,aAAY,WAAU,cAAa,cAC7E,UAAA;AAAA,QAAA,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,YACN,UAAUiB;AAAA,UAAA;AAAA,QACZ;AAAA,QACA,gBAAAO;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,SAASE;AAAA,YACT,OAAM;AAAA,YACN,UAAUgB;AAAA,YACV,OAAM;AAAA,UAAA;AAAA,QACR;AAAA,QACA,gBAAAK;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,SAASO;AAAA,YACT,OAAM;AAAA,YACN,iBAAgB;AAAA,YAChB,OAAM;AAAA,YACN,UAAUW;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/student-personalization/student-personalization.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { memo as T, useMemo as a, useCallback as d, useEffect as K } from "react";
-import { COURSE_STREAMS as c, PREFERENCE_CATEGORY as u } from "../../../milestone/constants.js";
+import { PREFERENCE_CATEGORY as c, COURSE_STREAMS as u } from "../../../milestone/constants.js";
 import { getPreferencesFromConfig as m } from "../../../milestone/create/milestone-create-helpers.js";
 import h from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
 import s from "../../../ui/separator/separator.js";
@@ -18,8 +18,8 @@ const U = T(() => {
   } = g || {}, f = C.length > 0, S = a(
     () => m(l, {
       grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.LEVEL
+      courseStream: u.MATH,
+      preferenceCategory: c.LEVEL
     }).map(({ id: r, label: x, description: z }) => ({
       id: r,
       label: /* @__PURE__ */ n(o, { $renderAs: "ub3", children: [
@@ -33,15 +33,15 @@ const U = T(() => {
   ), L = a(
     () => m(l, {
       grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.FOCUS
+      courseStream: u.MATH,
+      preferenceCategory: c.FOCUS
     }),
     [i, l]
   ), v = a(
     () => m(l, {
       grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.BEHAVIOR
+      courseStream: u.MATH,
+      preferenceCategory: c.BEHAVIOR
     }),
     [i, l]
   ), B = d(

package/dist/features/trial-session/comps/student-personalization/student-personalization.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-personalization.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-personalization-styled';\n\nconst StudentPersonalization = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const {\n    name,\n    grade,\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n  } = formData || {};\n\n  const hasRequiredFields = Boolean(personalizedLevel.length > 0);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }).map(({ id, label, description }) => ({\n        id,\n        label: (\n          <Text $renderAs=\"ub3\">\n            <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\" $inline>\n              {label}\n            </Text>{' '}\n            - {description}\n          </Text>\n        ),\n      })),\n    [grade, milestoneConfig],\n  );\n\n  const focusList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.FOCUS,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const behaviorsList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.BEHAVIOR,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleChangeLevel = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedLevel: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeFocus = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedFocus: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeBehaviors = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedBehaviors: value });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $width={750}\n        $flexDirection=\"column\"\n        $justifyContent=\"center\"\n        $flexGap={24}\n        $borderColor=\"BLACK_1\"\n        $background=\"GREEN_1\"\n        $gapX={1.5}\n        $gutterX={2.5}\n      >\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            How would you describe {name}’s current level?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select one)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            options={levelList}\n            value={personalizedLevel}\n            onChange={handleChangeLevel}\n            maximumSelection={1}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            What should we focus on?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select all that apply)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={4}\n            options={focusList}\n            value={personalizedFocus}\n            onChange={handleChangeFocus}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            Should we focus on any learning behaviors?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select upto 2)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={3}\n            options={behaviorsList}\n            value={personalizedBehaviors}\n            onChange={handleChangeBehaviors}\n            maximumSelection={2}\n          />\n        </div>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentPersonalization;\n"],"names":["StudentPersonalization","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","name","grade","personalizedLevel","personalizedFocus","personalizedBehaviors","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","id","label","description","jsxs","Text","jsx","focusList","behaviorsList","handleChangeLevel","useCallback","value","handleChangeFocus","handleChangeBehaviors","useEffect","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","CheckboxInputList"],"mappings":"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"}
+{"version":3,"file":"student-personalization.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-personalization-styled';\n\nconst StudentPersonalization = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const {\n    name,\n    grade,\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n  } = formData || {};\n\n  const hasRequiredFields = Boolean(personalizedLevel.length > 0);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }).map(({ id, label, description }) => ({\n        id,\n        label: (\n          <Text $renderAs=\"ub3\">\n            <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\" $inline>\n              {label}\n            </Text>{' '}\n            - {description}\n          </Text>\n        ),\n      })),\n    [grade, milestoneConfig],\n  );\n\n  const focusList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.FOCUS,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const behaviorsList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.BEHAVIOR,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleChangeLevel = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedLevel: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeFocus = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedFocus: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeBehaviors = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedBehaviors: value });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $width={750}\n        $flexDirection=\"column\"\n        $justifyContent=\"center\"\n        $flexGap={24}\n        $borderColor=\"BLACK_1\"\n        $background=\"GREEN_1\"\n        $gapX={1.5}\n        $gutterX={2.5}\n      >\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            How would you describe {name}’s current level?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select one)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            options={levelList}\n            value={personalizedLevel}\n            onChange={handleChangeLevel}\n            maximumSelection={1}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            What should we focus on?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select all that apply)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={4}\n            options={focusList}\n            value={personalizedFocus}\n            onChange={handleChangeFocus}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            Should we focus on any learning behaviors?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select upto 2)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={3}\n            options={behaviorsList}\n            value={personalizedBehaviors}\n            onChange={handleChangeBehaviors}\n            maximumSelection={2}\n          />\n        </div>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentPersonalization;\n"],"names":["StudentPersonalization","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","name","grade","personalizedLevel","personalizedFocus","personalizedBehaviors","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","id","label","description","jsxs","Text","jsx","focusList","behaviorsList","handleChangeLevel","useCallback","value","handleChangeFocus","handleChangeBehaviors","useEffect","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","CheckboxInputList"],"mappings":"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"}

package/dist/features/trial-session/comps/student-profile/student-profile-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-profile-styled.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  position: relative;\n  margin: auto;\n`;\n\nconst AbsoluteImage = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  top: -${layout.gutter * 3.125}px;\n  width: 100%;\n  height: 100%;\n  background-image: url(${ILLUSTRATIONS.PROFILE_BOARD});\n  background-position: top center;\n  background-repeat: no-repeat;\n`,\n);\n\nconst ImageWrapper = styled.div(\n  ({ theme }) => `\n  border: 1px solid ${theme.colors.BLACK_1};\n`,\n);\n\nexport { Container, ContentWrapper, AbsoluteImage, ImageWrapper };\n"],"names":["Container","styled","ContentWrapper","FlexView","AbsoluteImage","layout","ILLUSTRATIONS","ImageWrapper","theme"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKhCC,IAAgBH,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,QAAAI,EAAA,EAAe,MAAA;AAAA;AAAA,UAEnBA,EAAO,SAAS,KAAK;AAAA;AAAA;AAAA,0BAGLC,EAAc,aAAa;AAAA;AAAA;AAAA;AAIrD,GAEMC,IAAeN,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAO,EAAA,MAAY;AAAA,sBACKA,EAAM,OAAO,OAAO;AAAA;AAE1C;"}
+{"version":3,"file":"student-profile-styled.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  position: relative;\n  margin: auto;\n`;\n\nconst AbsoluteImage = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  top: -${layout.gutter * 3.125}px;\n  width: 100%;\n  height: 100%;\n  background-image: url(${ILLUSTRATIONS.PROFILE_BOARD});\n  background-position: top center;\n  background-repeat: no-repeat;\n`,\n);\n\nconst ImageWrapper = styled.div(\n  ({ theme }) => `\n  border: 1px solid ${theme.colors.BLACK_1};\n`,\n);\n\nexport { Container, ContentWrapper, AbsoluteImage, ImageWrapper };\n"],"names":["Container","styled","ContentWrapper","FlexView","AbsoluteImage","layout","ILLUSTRATIONS","ImageWrapper","theme"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKhCC,IAAgBH,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,QAAAI,EAAA,QAAe;AAAA;AAAA,UAEnBA,EAAO,SAAS,KAAK;AAAA;AAAA;AAAA,0BAGLC,EAAc,aAAa;AAAA;AAAA;AAAA;AAIrD,GAEMC,IAAeN,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAO,EAAA,MAAY;AAAA,sBACKA,EAAM,OAAO,OAAO;AAAA;AAE1C;"}

package/dist/features/trial-session/comps/student-profile/student-profile-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-profile-utils.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile-utils.ts"],"sourcesContent":["import type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\nimport type { TGoals } from '../../trial-session-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\nexport const getDummyProfileImage = (dummyProfileImageIndex: number = 0) => {\n  const dummyProfiles = [\n    GIF.SPECKIE_WAVE,\n    GIF.BOBWAVE,\n    GIF.JIGII_WAVE,\n    GIF.MAX_WAVE,\n    GIF.TERA_WAVE,\n    GIF.VINNIE_WAVE,\n  ];\n\n  return dummyProfiles[dummyProfileImageIndex];\n};\n\nexport const getMilestoneGoalName = (goals: TGoals[], category: TGoalCategory) => {\n  return goals.find(goal => goal.goal_category === category)?.milestone_name ?? '';\n};\n"],"names":["getDummyProfileImage","dummyProfileImageIndex","GIF","getMilestoneGoalName","goals","category","_a","goal"],"mappings":";AAKa,MAAAA,IAAuB,CAACC,IAAiC,MAC9C;AAAA,EACpBC,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EAGeD,CAAsB,GAGhCE,IAAuB,CAACC,GAAiBC,MAA4B;;AAChF,WAAOC,IAAAF,EAAM,KAAK,CAAAG,MAAQA,EAAK,kBAAkBF,CAAQ,MAAlD,gBAAAC,EAAqD,mBAAkB;AAChF;"}
+{"version":3,"file":"student-profile-utils.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile-utils.ts"],"sourcesContent":["import type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\nimport type { TGoals } from '../../trial-session-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\nexport const getDummyProfileImage = (dummyProfileImageIndex: number = 0) => {\n  const dummyProfiles = [\n    GIF.SPECKIE_WAVE,\n    GIF.BOBWAVE,\n    GIF.JIGII_WAVE,\n    GIF.MAX_WAVE,\n    GIF.TERA_WAVE,\n    GIF.VINNIE_WAVE,\n  ];\n\n  return dummyProfiles[dummyProfileImageIndex];\n};\n\nexport const getMilestoneGoalName = (goals: TGoals[], category: TGoalCategory) => {\n  return goals.find(goal => goal.goal_category === category)?.milestone_name ?? '';\n};\n"],"names":["getDummyProfileImage","dummyProfileImageIndex","GIF","getMilestoneGoalName","goals","category","_a","goal"],"mappings":";AAKa,MAAAA,IAAuB,CAACC,IAAiC,MAC9C;AAAA,EACpBC,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AACN,EAEqBD,CAAsB,GAGhCE,IAAuB,CAACC,GAAiBC,MAA4B;;AAChF,WAAOC,IAAAF,EAAM,KAAK,CAAAG,MAAQA,EAAK,kBAAkBF,CAAQ,MAAlD,gBAAAC,EAAqD,mBAAkB;AAChF;"}

package/dist/features/trial-session/comps/student-profile/student-profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import type { IGetStudentProfileSummaryQuery } from '../../api/student-profile-summary';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetStudentProfileSummary } from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\n\nconst StudentProfile = memo(() => {\n  const { isTeacher, studentId, formData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { name, goals, studentProfile } = formData || {};\n  const { dummyProfileImageIndex, profileSummary } = studentProfile || {};\n  const dummyProfileImage = getDummyProfileImage(dummyProfileImageIndex);\n\n  const payload = useMemo<IGetStudentProfileSummaryQuery | null>(() => {\n    if (goals && goals.length > 0) {\n      return {\n        school_success_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.SCHOOL_SUCCESS),\n        test_prep_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.TEST_PREP),\n      };\n    }\n\n    return null;\n  }, [goals]);\n\n  const {\n    get: getStudentProfileSummary,\n    data,\n    isProcessing,\n    isProcessed,\n    isProcessingFailed,\n  } = useGetStudentProfileSummary();\n  const { profile_summary: studentProfileSummary } = data || {};\n\n  const fetchData = useCallback(() => {\n    if (payload) {\n      getStudentProfileSummary(studentId, payload);\n    }\n  }, [getStudentProfileSummary, payload, studentId]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, updateButtonState]);\n\n  useEffect(() => {\n    if (isTeacher && !studentProfile) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, studentProfileSummary, updateSlideConfig]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !studentProfile) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={100} />\n      <Styled.ContentWrapper $widthX={46.875}>\n        <Styled.AbsoluteImage />\n        <FlexView\n          $width=\"100%\"\n          $heightX={21.875}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGapX={1.5}\n          $gutterX={1.5}\n          $background=\"WHITE_2\"\n          $borderColor=\"BLACK_T_87\"\n          $borderRadiusX={0.5}\n        >\n          <Styled.ImageWrapper>\n            <Image withLoader height={200} width={200} src={dummyProfileImage} />\n          </Styled.ImageWrapper>\n          <FlexView $flexGap={16}>\n            <Text $renderAs=\"ac2-black\">{name}</Text>\n            <Text $renderAs=\"ab1\">{profileSummary || ''}</Text>\n          </FlexView>\n        </FlexView>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","updateSlideConfig","updateButtonState","useTrialSessionContext","name","goals","studentProfile","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,KAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,mBAAAC,GAAmB,mBAAAC,EAAA,IACzDC,KAEI,EAAE,MAAAC,GAAM,OAAAC,GAAO,gBAAAC,EAAe,IAAIN,KAAY,CAAA,GAC9C,EAAE,wBAAAO,GAAwB,gBAAAC,MAAmBF,KAAkB,CAAA,GAC/DG,IAAoBC,EAAqBH,CAAsB,GAE/DI,IAAUC,EAA+C,MACzDP,KAASA,EAAM,SAAS,IACnB;AAAA,IACL,qBAAqBQ,EAAqBR,GAAOS,EAAc,cAAc;AAAA,IAC7E,gBAAgBD,EAAqBR,GAAOS,EAAc,SAAS;AAAA,EAAA,IAIhE,MACN,CAACT,CAAK,CAAC,GAEJ;AAAA,IACJ,KAAKU;AAAA,IACL,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAA4B,GAC1B,EAAE,iBAAiBC,MAA0BL,KAAQ,CAAA,GAErDM,IAAYC,EAAY,MAAM;AAClC,IAAIZ,KACFI,EAAyBhB,GAAWY,CAAO;AAAA,EAE5C,GAAA,CAACI,GAA0BJ,GAASZ,CAAS,CAAC;AAuBjD,SArBAyB,EAAU,MAAM;AACd,IAAAtB,EAAkB,SAAS,EAAE,YAAYe,GAAc,WAAW,IAAO;AAAA,EAAA,GACxE,CAACA,GAAcf,CAAiB,CAAC,GAEpCsB,EAAU,MAAM;AACV,IAAA1B,KAAa,CAACQ,KACNgB;EAEX,GAAA,CAACA,GAAWxB,GAAWQ,CAAc,CAAC,GAEzCkB,EAAU,MAAM;AACd,IAAI1B,KAAaoB,KACGjB,EAAA;AAAA,MAChB,gBAAgB;AAAA,QACd,gBAAgBoB,KAAyB;AAAA,QACzC,wBAAwB,KAAK,MAAM,KAAK,OAAA,IAAW,CAAC;AAAA,MACtD;AAAA,IAAA,CACD;AAAA,KAEF,CAACH,GAAapB,GAAWuB,GAAuBpB,CAAiB,CAAC,GAEjEkB,IACM,gBAAAM,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDL,KAAgB,CAACX,IACZ,gBAAAmB,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,IAAK,CAAA;AAAA,IAC/B,gBAAAH,EAAAI,GAAA,EAAsB,SAAS,QAC9B,UAAA;AAAA,MAAC,gBAAAP,EAAAQ,GAAA,EAAqB;AAAA,MACtB,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,WAAW;AAAA,UACX,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,gBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAA,EACC,UAAA,gBAAAV,EAACW,GAAM,EAAA,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAK3B,EAAmB,CAAA,GACrE;AAAA,YACA,gBAAAmB,EAACM,GAAS,EAAA,UAAU,IAClB,UAAA;AAAA,cAAC,gBAAAT,EAAAY,GAAA,EAAK,WAAU,aAAa,UAAKjC,GAAA;AAAA,cACjC,gBAAAqB,EAAAY,GAAA,EAAK,WAAU,OAAO,eAAkB,IAAG;AAAA,YAAA,GAC9C;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import type { IGetStudentProfileSummaryQuery } from '../../api/student-profile-summary';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetStudentProfileSummary } from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\n\nconst StudentProfile = memo(() => {\n  const { isTeacher, studentId, formData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { name, goals, studentProfile } = formData || {};\n  const { dummyProfileImageIndex, profileSummary } = studentProfile || {};\n  const dummyProfileImage = getDummyProfileImage(dummyProfileImageIndex);\n\n  const payload = useMemo<IGetStudentProfileSummaryQuery | null>(() => {\n    if (goals && goals.length > 0) {\n      return {\n        school_success_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.SCHOOL_SUCCESS),\n        test_prep_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.TEST_PREP),\n      };\n    }\n\n    return null;\n  }, [goals]);\n\n  const {\n    get: getStudentProfileSummary,\n    data,\n    isProcessing,\n    isProcessed,\n    isProcessingFailed,\n  } = useGetStudentProfileSummary();\n  const { profile_summary: studentProfileSummary } = data || {};\n\n  const fetchData = useCallback(() => {\n    if (payload) {\n      getStudentProfileSummary(studentId, payload);\n    }\n  }, [getStudentProfileSummary, payload, studentId]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, updateButtonState]);\n\n  useEffect(() => {\n    if (isTeacher && !studentProfile) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, studentProfileSummary, updateSlideConfig]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !studentProfile) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={100} />\n      <Styled.ContentWrapper $widthX={46.875}>\n        <Styled.AbsoluteImage />\n        <FlexView\n          $width=\"100%\"\n          $heightX={21.875}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGapX={1.5}\n          $gutterX={1.5}\n          $background=\"WHITE_2\"\n          $borderColor=\"BLACK_T_87\"\n          $borderRadiusX={0.5}\n        >\n          <Styled.ImageWrapper>\n            <Image withLoader height={200} width={200} src={dummyProfileImage} />\n          </Styled.ImageWrapper>\n          <FlexView $flexGap={16}>\n            <Text $renderAs=\"ac2-black\">{name}</Text>\n            <Text $renderAs=\"ab1\">{profileSummary || ''}</Text>\n          </FlexView>\n        </FlexView>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","updateSlideConfig","updateButtonState","useTrialSessionContext","name","goals","studentProfile","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image","Text"],"mappings":"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"}

package/dist/features/trial-session/comps/teacher-intro/teacher-intro-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-intro-constants.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro-constants.tsx"],"sourcesContent":["export const COUNTRY_FLAGS = {\n  CANADA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Canada.png',\n    name: 'Canada',\n    label: 'CA',\n  },\n  INDIA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/India.png',\n    name: 'India',\n    label: 'IN',\n  },\n  USA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/USA.png',\n    name: 'USA',\n    label: 'US',\n  },\n  UK: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/UK.png',\n    name: 'UK',\n    label: 'UK',\n  },\n  AUSTRALIA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Australia.png',\n    name: 'Australia',\n    label: 'AU',\n  },\n  EUROPE: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Europe.png',\n    name: 'Europe',\n    label: 'EU',\n  },\n  NEW_ZEALAND: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/New-Zealand.png',\n    name: 'New Zealand',\n    label: 'NZ',\n  },\n  SINGAPORE: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Singapore.png',\n    name: 'Singapore',\n    label: 'SG',\n  },\n};\n"],"names":["COUNTRY_FLAGS"],"mappings":"AAAO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AAAA,IACH,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;"}
+{"version":3,"file":"teacher-intro-constants.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro-constants.tsx"],"sourcesContent":["export const COUNTRY_FLAGS = {\n  CANADA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Canada.png',\n    name: 'Canada',\n    label: 'CA',\n  },\n  INDIA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/India.png',\n    name: 'India',\n    label: 'IN',\n  },\n  USA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/USA.png',\n    name: 'USA',\n    label: 'US',\n  },\n  UK: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/UK.png',\n    name: 'UK',\n    label: 'UK',\n  },\n  AUSTRALIA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Australia.png',\n    name: 'Australia',\n    label: 'AU',\n  },\n  EUROPE: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Europe.png',\n    name: 'Europe',\n    label: 'EU',\n  },\n  NEW_ZEALAND: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/New-Zealand.png',\n    name: 'New Zealand',\n    label: 'NZ',\n  },\n  SINGAPORE: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Singapore.png',\n    name: 'Singapore',\n    label: 'SG',\n  },\n};\n"],"names":["COUNTRY_FLAGS"],"mappings":"AAAO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AAAA,IACH,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEX;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport { COUNTRY_FLAGS } from './teacher-intro-constants';\nimport * as Styled from './teacher-intro-styled';\n\nconst TeacherIntro = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  const {\n    degree,\n    countries,\n    lower_grade: lowerGrade,\n    higher_grade: higherGrade,\n    header_image: headerImage,\n    years_of_experience: yearsOfExperience,\n    number_of_students_taught: numberOfStudentsTaught,\n  } = teacherProfile || {};\n  const { degree_name: degreeName, field_of_study: fieldOfStudy } = degree || {};\n\n  const countryFlagArray = Object.values(COUNTRY_FLAGS);\n  const isHighSchool = higherGrade && parseInt(higherGrade, 10) > 8;\n\n  const displayGrade = useMemo(() => {\n    return isHighSchool\n      ? 'High School'\n      : ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $flexDirection=\"row\"\n        $width={750}\n        $borderColor=\"BLACK_T_87\"\n        $background=\"WHITE_3\"\n      >\n        <Styled.ProfilePicture withLoader src={headerImage} width={350} height={350} />\n        <Styled.GridContainer>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{yearsOfExperience}</Text>\n            <Text $renderAs=\"ub3\">Yrs of Teaching Experience</Text>\n          </Styled.GridItem>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{numberOfStudentsTaught}</Text>\n            <Text $renderAs=\"ub3\">Students Taught</Text>\n          </Styled.GridItem>\n          {degreeName && fieldOfStudy && (\n            <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n              <Text $renderAs=\"ab1-black\">{degreeName}</Text>\n              <Text $renderAs=\"ub3\">In {fieldOfStudy}</Text>\n            </Styled.GridItem>\n          )}\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ab1-black\">Teaching {displayGrade} kids in</Text>\n            <Separator height={12} />\n            <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n              {countries &&\n                countries.length > 0 &&\n                countries.map(country => {\n                  const countryFlag = countryFlagArray.find(item => item.name === country);\n                  const { flag_icon: flagIcon = '', label, name } = countryFlag || {};\n\n                  return (\n                    <FlexView key={name} $flexDirection=\"row\" $flexGap={4}>\n                      <Image src={flagIcon} width={30} height={20} withLoader={false} />\n                      <Text $renderAs=\"ab3-black\">{label}</Text>\n                    </FlexView>\n                  );\n                })}\n            </FlexView>\n          </Styled.GridItem>\n        </Styled.GridContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","degreeName","fieldOfStudy","countryFlagArray","COUNTRY_FLAGS","isHighSchool","displayGrade","useMemo","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ProfilePicture","Styled.GridContainer","Styled.GridItem","Text","FlexView","country","countryFlag","item","flagIcon","label","name","Image"],"mappings":"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"}
+{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport { COUNTRY_FLAGS } from './teacher-intro-constants';\nimport * as Styled from './teacher-intro-styled';\n\nconst TeacherIntro = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  const {\n    degree,\n    countries,\n    lower_grade: lowerGrade,\n    higher_grade: higherGrade,\n    header_image: headerImage,\n    years_of_experience: yearsOfExperience,\n    number_of_students_taught: numberOfStudentsTaught,\n  } = teacherProfile || {};\n  const { degree_name: degreeName, field_of_study: fieldOfStudy } = degree || {};\n\n  const countryFlagArray = Object.values(COUNTRY_FLAGS);\n  const isHighSchool = higherGrade && parseInt(higherGrade, 10) > 8;\n\n  const displayGrade = useMemo(() => {\n    return isHighSchool\n      ? 'High School'\n      : ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $flexDirection=\"row\"\n        $width={750}\n        $borderColor=\"BLACK_T_87\"\n        $background=\"WHITE_3\"\n      >\n        <Styled.ProfilePicture withLoader src={headerImage} width={350} height={350} />\n        <Styled.GridContainer>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{yearsOfExperience}</Text>\n            <Text $renderAs=\"ub3\">Yrs of Teaching Experience</Text>\n          </Styled.GridItem>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{numberOfStudentsTaught}</Text>\n            <Text $renderAs=\"ub3\">Students Taught</Text>\n          </Styled.GridItem>\n          {degreeName && fieldOfStudy && (\n            <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n              <Text $renderAs=\"ab1-black\">{degreeName}</Text>\n              <Text $renderAs=\"ub3\">In {fieldOfStudy}</Text>\n            </Styled.GridItem>\n          )}\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ab1-black\">Teaching {displayGrade} kids in</Text>\n            <Separator height={12} />\n            <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n              {countries &&\n                countries.length > 0 &&\n                countries.map(country => {\n                  const countryFlag = countryFlagArray.find(item => item.name === country);\n                  const { flag_icon: flagIcon = '', label, name } = countryFlag || {};\n\n                  return (\n                    <FlexView key={name} $flexDirection=\"row\" $flexGap={4}>\n                      <Image src={flagIcon} width={30} height={20} withLoader={false} />\n                      <Text $renderAs=\"ab3-black\">{label}</Text>\n                    </FlexView>\n                  );\n                })}\n            </FlexView>\n          </Styled.GridItem>\n        </Styled.GridContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","degreeName","fieldOfStudy","countryFlagArray","COUNTRY_FLAGS","isHighSchool","displayGrade","useMemo","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ProfilePicture","Styled.GridContainer","Styled.GridItem","Text","FlexView","country","countryFlag","item","flagIcon","label","name","Image"],"mappings":"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"}

package/dist/features/trial-session/comps/test-prep/test-prep.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(() => {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [countryCode, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutTestPrep = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.TEST_PREP,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutTestPrep });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","stream","regionData","countryCode","grade","goals","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutTestPrep","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAWC,EAAK,MAAM;AAC1B,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,EAAa,IAAAF,GAC1B,EAAE,QAAAG,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUT,KAAY,CAAA,GAE/BU,IAAYC;AAAA,IAChB,MACEC,EAAmBb,GAAiB;AAAA,MAClC,aAAAQ;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcK,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACE,GAAaC,GAAOT,GAAiBM,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWS,OACjBL,KAAA,gBAAAA,EAAO,KAAK,CAAQM,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAuBX,KAAA,gBAAAA,EAAO;AAAA,UAClC,CAAAM,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,EAAA,CAAsB;AAEjD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBd,GAAOI,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACb,GAAOR,CAAiB;AAAA,EAAA;AAIzB,SAAA,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(() => {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [countryCode, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutTestPrep = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.TEST_PREP,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutTestPrep });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","stream","regionData","countryCode","grade","goals","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutTestPrep","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAWC,EAAK,MAAM;AAC1B,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,EAAuB,GAEzF,EAAE,WAAWC,EAAA,IAAaF,GAC1B,EAAE,QAAAG,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAC,GACnD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAC,GAC7D,EAAE,OAAAE,GAAO,OAAAC,EAAM,IAAIT,KAAY,CAAC,GAEhCU,IAAYC;AAAA,IAChB,MACEC,EAAmBb,GAAiB;AAAA,MAClC,aAAAQ;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcK,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACE,GAAaC,GAAOT,GAAiBM,CAAM;AAAA,EAC9C,GAEM,EAAE,WAAWS,EAAa,KAC9BL,KAAA,gBAAAA,EAAO,KAAK,CAAQM,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAC,GAEpEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAuBX,KAAA,gBAAAA,EAAO;AAAA,UAClC,CAAAM,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,GAAsB;AAEjD;AAAA,MAAA;AAGI,YAAA,EAAE,OAAAC,MAAUF,GAEZG,IAAeC,EAAqBd,GAAOI,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,GAAc;AAAA,IAC3C;AAAA,IACA,CAACb,GAAOR,CAAiB;AAAA,EAC3B;AAGE,SAAA,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,uCAAA,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}