@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport { format, isToday, addDays } from 'date-fns';\nimport React, { useCallback, memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { DAYS_TO_SHOW } from './upcoming-sessions-constants';\nimport * as Styled from './upcoming-sessions-styled';\nimport { ESessionStatus, type IUpcomingSessionsProps } from './upcoming-sessions-types';\n\nconst UpcomingSessions: React.FC<IUpcomingSessionsProps> = ({ sessions = [] }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const today = useMemo(() => new Date(), []);\n  const sessionsMap = useMemo(\n    () =>\n      new Map(\n        sessions.map(session => [\n          format(new Date(session.session_start * 1000), 'yyyy-MM-dd'),\n          session,\n        ]),\n      ),\n    [sessions],\n  );\n\n  const days = useMemo(\n    () => Array.from({ length: DAYS_TO_SHOW }, (_, i) => addDays(today, i)),\n    [today],\n  );\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView>\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Upcoming sessions\n        </Text>\n        <Separator height={4} />\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n          <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n            For more details,\n          </Text>\n          <TextButton label=\"download the Cuemath app\" onClick={handleOpenApp} color=\"WHITE\" />\n        </FlexView>\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $borderColor=\"BLACK_5\">\n        {days.map(day => {\n          const dateKey = format(day, 'yyyy-MM-dd');\n          const session = sessionsMap.get(dateKey);\n          const isTodayFlag = isToday(day);\n          const isSessionCompleted = session?.session_status === ESessionStatus.COMPLETED;\n          const defaultTimecellBg =\n            session?.session_status === ESessionStatus.IN_FUTURE ? 'GREEN_6' : 'BLACK_1';\n          const timeCellBg = isSessionCompleted ? 'WHITE_T_10' : defaultTimecellBg;\n\n          return (\n            <Styled.SessionRow key={dateKey} $flex={1} $flexDirection=\"row\">\n              <Styled.DayLabel\n                $width={80}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexColumnGapX={0.25}\n                $gutterX={1}\n                $gapX={0.5}\n              >\n                <Text $renderAs=\"ac4-black\" $color=\"WHITE_1\">\n                  {format(day, 'EEE').toUpperCase()}\n                </Text>\n                <Styled.DateWrapper\n                  $background={isTodayFlag ? 'WHITE' : 'TRANSPARENT'}\n                  $width={22}\n                  $height={22}\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $borderRadius={11}\n                  $gutter={1}\n                  $gap={2}\n                >\n                  <Text $renderAs=\"ab3-bold\" $color={isTodayFlag ? 'BLACK_1' : 'WHITE_1'}>\n                    {format(day, 'd')}\n                  </Text>\n                </Styled.DateWrapper>\n              </Styled.DayLabel>\n              <FlexView\n                $flex={1}\n                $gutterX={1}\n                $gap={14}\n                $background={timeCellBg as TColorNames}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n              >\n                {session ? (\n                  <Text $renderAs=\"ab2\" $color={isSessionCompleted ? 'WHITE_T_38' : 'WHITE'}>\n                    {format(new Date(session.session_start * 1000), 'p')}\n                  </Text>\n                ) : null}\n                {isSessionCompleted && <Check2Icon color={theme.colors.WHITE_T_38} />}\n              </FlexView>\n            </Styled.SessionRow>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingSessions);\n"],"names":["UpcomingSessions","sessions","theme","useTheme","isMobile","EDeviceType","today","useMemo","sessionsMap","session","format","days","DAYS_TO_SHOW","_","i","addDays","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsxs","jsx","Text","Separator","TextButton","day","dateKey","isTodayFlag","isToday","isSessionCompleted","ESessionStatus","defaultTimecellBg","timeCellBg","Styled.SessionRow","Styled.DayLabel","Styled.DateWrapper","Check2Icon","UpcomingSessions$1","memo"],"mappings":"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"}

package/dist/features/trial-session/comps/school-goals/school-goals.js

@@ -1,13 +1,13 @@
-import { jsx as B } from "react/jsx-runtime";
-import { memo as Y, useMemo as C, useCallback as m, useEffect as S } from "react";
+import { jsx as w } from "react/jsx-runtime";
+import { memo as B, useMemo as C, useCallback as m, useEffect as S } from "react";
 import { GOAL_CATEGORY as s } from "../../../milestone/constants.js";
-import { getCategorizedCurriculumStandards as j } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
-import { getGradesFromConfig as q, getGoalsFromConfig as v } from "../../../milestone/create/milestone-create-helpers.js";
+import { getCategorizedCurriculumStandards as R } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as Y, getGoalsFromConfig as j } from "../../../milestone/create/milestone-create-helpers.js";
 import { epochTimestampAfterOneYear as G } from "../../../utils/utils.js";
-import { useTrialSessionContext as w } from "../../context/use-trial-session-context.js";
+import { useTrialSessionContext as q } from "../../context/use-trial-session-context.js";
 import { updateGoalInFormData as O } from "../../helper.js";
-import z from "./school-goals-view.js";
-const Z = Y(() => {
+import v from "./school-goals-view.js";
+const Z = B(() => {
   const {
     milestoneConfig: n,
     formData: E,
@@ -15,17 +15,18 @@ const Z = Y(() => {
     updateButtonState: f,
     onRemoveOptionalSlides: g,
     trialHomeData: L
-  } = w(), { name: p, grade: e, goals: t, curriculum: i, numberInNameError: N } = E || {}, { demo_info: I } = L, { stream: u, region_data: U } = I || {}, { opportunity_country: c = "US" } = U || {}, b = q(n), y = C(
-    () => j(n, {
+  } = q(), { name: p, grade: e, goals: t, curriculum: i, numberInNameError: N } = E || {}, { demo_info: I } = L, { stream: u, region_data: T } = I || {}, { opportunity_country: c = "US" } = T || {}, U = Y(n), b = C(
+    () => R(n, {
       countryCode: c,
       grade: e ?? "",
       goalCategory: s.SCHOOL_SUCCESS,
       courseStream: u,
-      enrollmentType: "ONLINE"
+      enrollmentType: "ONLINE",
+      flow: "CREATE"
     }),
     [n, c, e, u]
   ), d = C(
-    () => v(n, {
+    () => j(n, {
       countryCode: c,
       grade: e ?? "",
       goalCategory: s.SCHOOL_SUCCESS,
@@ -45,25 +46,25 @@ const Z = Y(() => {
       });
     },
     [a]
-  ), H = m(
+  ), y = m(
     (o) => {
       a({ numberInNameError: !1 }), r("name", o.target.value);
     },
     [a, r]
-  ), T = m(
+  ), H = m(
     (o, l) => {
-      const { label: x } = l, A = O(t, s.SCHOOL_SUCCESS, {
+      const { label: F } = l, x = O(t, s.SCHOOL_SUCCESS, {
         goal_code: o,
-        milestone_name: x,
+        milestone_name: F,
         milestone_date_ts: G()
       });
-      a({ goals: A });
+      a({ goals: x });
     },
     [t, a]
   ), D = m(
     (o) => r("curriculum", o),
     [r]
-  ), F = m(
+  ), A = m(
     (o) => {
       r("grade", o), r("curriculum", "");
     },
@@ -83,20 +84,20 @@ const Z = Y(() => {
       });
       a({ goals: l });
     }
-  }, [d]), /* @__PURE__ */ B(
-    z,
+  }, [d]), /* @__PURE__ */ w(
+    v,
     {
       name: p,
       grade: e,
-      grades: b,
+      grades: U,
       goalsList: d,
       curriculum: i,
       selectedGoal: _,
       numberInNameError: N,
-      curriculumStandards: y,
-      onNameChange: H,
-      onGoalChange: T,
-      onGradeChange: F,
+      curriculumStandards: b,
+      onNameChange: y,
+      onGoalChange: H,
+      onGradeChange: A,
       onCurriculumChange: D
     }
   );

package/dist/features/trial-session/comps/school-goals/school-goals.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\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  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":";;;;;;;;;AAeM,MAAAA,IAAcC,EAAK,MAAM;AACvB,QAAA;AAAA,IACJ,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,eAAAC;AAAA,MACEC,EAAuB,GACrB,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,mBAAAC,EAAkB,IAAIV,KAAY,IAEpE,EAAE,WAAWW,EAAa,IAAAP,GAC1B,EAAE,QAAAQ,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5DE,IAASC,EAAoBjB,CAAe,GAE5CkB,IAAsBC;AAAA,IAC1B,MACEC,EAAkCpB,GAAiB;AAAA,MACjD,aAAAe;AAAA,MACA,OAAOP,KAAS;AAAA,MAChB,cAAca,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACb,GAAiBe,GAAaP,GAAOK,CAAM;AAAA,EAAA,GAGxCS,IAAYH;AAAA,IAChB,MACEI,EAAmBvB,GAAiB;AAAA,MAClC,aAAAe;AAAA,MACA,OAAOP,KAAS;AAAA,MAChB,cAAca,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,oBAAoBH;AAAA,MACpB,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACV,GAAiBe,GAAaP,GAAOK,GAAQH,CAAU;AAAA,EAAA,GAGpD,EAAE,WAAWc,EAAA,IAAiBL;AAAA,IAClC,OAAMV,KAAA,gBAAAA,EAAO,KAAK,CAAAgB,MAAQA,EAAK,kBAAkBJ,EAAc,oBAAmB,CAAC;AAAA,IACnF,CAACZ,CAAK;AAAA,EAAA,GAGFiB,IAAoB,GAAQnB,KAAQC,KAASE,KAAcc,IAE3DG,IAA2BC;AAAA,IAC/B,CAACC,GAAaC,MAAkB;AACZ,MAAA5B,EAAA;AAAA,QAChB,CAAC2B,CAAG,GAAGC;AAAA,QACP,GAAID,MAAQ,WAAWA,MAAQ,eAAe,EAAE,OAAO,CAAG,EAAA,IAAI,CAAC;AAAA,MAAA,CAChE;AAAA,IACH;AAAA,IACA,CAAC3B,CAAiB;AAAA,EAAA,GAGd6B,IAAmBH;AAAA,IAGvB,CAASI,MAAA;AACW,MAAA9B,EAAA,EAAE,mBAAmB,GAAA,CAAO,GACrByB,EAAA,QAAQK,EAAM,OAAO,KAAK;AAAA,IACrD;AAAA,IACA,CAAC9B,GAAmByB,CAAwB;AAAA,EAAA,GAGxCM,IAAmBL;AAAA,IACvB,CAACE,GAAeI,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqB5B,GAAOY,EAAc,gBAAgB;AAAA,QAC7E,WAAWS;AAAA,QACX,gBAAgBK;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAApC,EAAA,EAAE,OAAOkC,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAAC3B,GAAOP,CAAiB;AAAA,EAAA,GAGrBqC,IAAyBX;AAAA,IAC7B,CAACE,MAAkBH,EAAyB,cAAcG,CAAK;AAAA,IAC/D,CAACH,CAAwB;AAAA,EAAA,GAGrBa,IAAoBZ;AAAA,IACxB,CAACE,MAAkB;AACjB,MAAAH,EAAyB,SAASG,CAAK,GACvCH,EAAyB,cAAc,EAAE;AAAA,IAC3C;AAAA,IACA,CAACA,CAAwB;AAAA,EAAA;AAG3B,SAAAc,EAAU,MAAM;AACd,IAAAtC,EAAkB,SAAS,EAAE,YAAY,CAACuB,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmBvB,CAAiB,CAAC,GAEzCsC,EAAU,MAAM;AACd,IAAIjC,MACFJ,KAAA,QAAAA,EAAyBI;AAAA,EAC3B,GAEC,CAACA,CAAK,CAAC,GAEViC,EAAU,MAAM;AAGd,UAAMC,IAAcpB,EAAU,WAAW,IAAIA,EAAU,CAAC,IAAI;AAE5D,QAAIoB,GAAa;AACf,YAAMC,IAAeN,EAAqB5B,GAAOY,EAAc,gBAAgB;AAAA,QAC7E,WAAWqB,EAAY,MAAM;AAAA,QAC7B,gBAAgBA,EAAY,SAAS;AAAA,QACrC,mBAAmBJ,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAApC,EAAA,EAAE,OAAOyC,EAAA,CAAc;AAAA,IAC3C;AAAA,EAAA,GAEC,CAACrB,CAAS,CAAC,GAGZ,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAtC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAQ;AAAA,MACA,WAAAM;AAAA,MACA,YAAAZ;AAAA,MACA,cAAAc;AAAA,MACA,mBAAAb;AAAA,MACA,qBAAAO;AAAA,MACA,cAAca;AAAA,MACd,cAAcE;AAAA,MACd,eAAeO;AAAA,MACf,oBAAoBD;AAAA,IAAA;AAAA,EAAA;AAG1B,CAAC;"}
+{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\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  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { memo as m } from "react";
+import { ILLUSTRATIONS as i } from "../../../../../assets/illustrations/illustrations.js";
+import n from "../../../../ui/image/image.js";
+import a from "../../../../ui/layout/flex-view.js";
+import p from "../../../../ui/text/text.js";
+const s = m((e) => {
+  const { studentName: o } = e;
+  return /* @__PURE__ */ r(
+    a,
+    {
+      $height: 400,
+      $borderColor: "BLACK_1",
+      $justifyContent: "center",
+      $alignItems: "center",
+      $background: "WHITE_1",
+      children: [
+        /* @__PURE__ */ t(n, { src: i.REPORT_404, height: 152, width: 152, withLoader: !0, alt: "report-404" }),
+        /* @__PURE__ */ r(p, { $renderAs: "ab1-bold", $color: "BLACK_T_60", $align: "center", children: [
+          "Oops! ",
+          o,
+          " didn’t attempt",
+          /* @__PURE__ */ t("br", {}),
+          "any problems."
+        ] })
+      ]
+    }
+  );
+});
+s.displayName = "Report404";
+export {
+  s as default
+};
+//# sourceMappingURL=report-404.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"report-404.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-404/report-404.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IReport404Props {\n  studentName: string;\n}\n\nconst Report404: FC<IReport404Props> = memo(props => {\n  const { studentName } = props;\n\n  return (\n    <FlexView\n      $height={400}\n      $borderColor=\"BLACK_1\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $background=\"WHITE_1\"\n    >\n      <Image src={ILLUSTRATIONS.REPORT_404} height={152} width={152} withLoader alt=\"report-404\" />\n      <Text $renderAs=\"ab1-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n        Oops! {studentName} didn’t attempt\n        <br />\n        any problems.\n      </Text>\n    </FlexView>\n  );\n});\n\nReport404.displayName = 'Report404';\n\nexport default Report404;\n"],"names":["Report404","memo","props","studentName","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Text"],"mappings":";;;;;;AAaM,MAAAA,IAAiCC,EAAK,CAASC,MAAA;AAC7C,QAAA,EAAE,aAAAC,EAAgB,IAAAD;AAGtB,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAM,KAAKC,EAAc,YAAY,QAAQ,KAAK,OAAO,KAAK,YAAU,IAAC,KAAI,aAAa,CAAA;AAAA,0BAC1FC,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,QAAO,UAAS,UAAA;AAAA,UAAA;AAAA,UACtDN;AAAA,UAAY;AAAA,4BAClB,MAAG,EAAA;AAAA,UAAE;AAAA,QAAA,GAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDH,EAAU,cAAc;"}

package/dist/features/trial-session/comps/session-report/report-information/report-card.js

@@ -0,0 +1,41 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { memo as a } from "react";
+import { useTheme as d } from "styled-components";
+import s from "../../../../ui/layout/flex-view.js";
+import t from "../../../../ui/text/text.js";
+import { EDeviceType as $ } from "../../../../ui/theme/constants.js";
+import { ReportCardWrapper as c } from "./report-information-styled.js";
+const p = (i) => {
+  const e = d().device <= $.MOBILE, { title: l, value: o, widthOnMobile: n = "100%" } = i;
+  return o ? /* @__PURE__ */ m(
+    c,
+    {
+      $gutterX: e ? 1 : 1.5,
+      $gap: e ? 16 : 18,
+      $flex: e ? 0 : 1,
+      $height: e ? "auto" : "100%",
+      $alignItems: "flex-start",
+      $justifyContent: "space-between",
+      $background: e ? "WHITE_T_15" : "TRANSPARENT",
+      $width: e ? n : "auto",
+      $borderColor: e ? "BLACK_1" : "TRANSPARENT",
+      children: [
+        /* @__PURE__ */ r(
+          t,
+          {
+            $renderAs: "ah3-bold",
+            $renderOnMobileAs: "ah4-bold",
+            $align: "left",
+            $color: e ? "WHITE" : "BLACK_1",
+            children: o
+          }
+        ),
+        /* @__PURE__ */ r(s, { $flex: 1, children: /* @__PURE__ */ r(t, { $renderAs: "ac4", $align: "left", $color: e ? "WHITE_T_60" : "BLACK_T_60", children: l }) })
+      ]
+    }
+  ) : null;
+}, _ = a(p);
+export {
+  _ as default
+};
+//# sourceMappingURL=report-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"report-card.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-card.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport * as Styled from './report-information-styled';\n\ninterface IReportCard {\n  title: string;\n  value?: string | number;\n  widthOnMobile?: string;\n}\n\nconst ReportCard: FC<IReportCard> = props => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const { title, value, widthOnMobile = '100%' } = props;\n\n  return value ? (\n    <Styled.ReportCardWrapper\n      $gutterX={isMobile ? 1 : 1.5}\n      $gap={isMobile ? 16 : 18}\n      $flex={isMobile ? 0 : 1}\n      $height={isMobile ? 'auto' : '100%'}\n      $alignItems=\"flex-start\"\n      $justifyContent=\"space-between\"\n      $background={isMobile ? 'WHITE_T_15' : 'TRANSPARENT'}\n      $width={isMobile ? widthOnMobile : 'auto'}\n      $borderColor={isMobile ? 'BLACK_1' : 'TRANSPARENT'}\n    >\n      <Text\n        $renderAs=\"ah3-bold\"\n        $renderOnMobileAs=\"ah4-bold\"\n        $align={'left'}\n        $color={isMobile ? 'WHITE' : 'BLACK_1'}\n      >\n        {value}\n      </Text>\n      <FlexView $flex={1}>\n        <Text $renderAs=\"ac4\" $align=\"left\" $color={isMobile ? 'WHITE_T_60' : 'BLACK_T_60'}>\n          {title}\n        </Text>\n      </FlexView>\n    </Styled.ReportCardWrapper>\n  ) : null;\n};\n\nexport default memo(ReportCard);\n"],"names":["ReportCard","props","isMobile","useTheme","EDeviceType","title","value","widthOnMobile","jsxs","Styled.ReportCardWrapper","jsx","Text","FlexView","ReportCard$1","memo"],"mappings":";;;;;;;AAgBA,MAAMA,IAA8B,CAASC,MAAA;AAErC,QAAAC,IADQC,IACS,UAAUC,EAAY,QACvC,EAAE,OAAAC,GAAO,OAAAC,GAAO,eAAAC,IAAgB,WAAWN;AAEjD,SAAOK,IACL,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAUP,IAAW,IAAI;AAAA,MACzB,MAAMA,IAAW,KAAK;AAAA,MACtB,OAAOA,IAAW,IAAI;AAAA,MACtB,SAASA,IAAW,SAAS;AAAA,MAC7B,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAaA,IAAW,eAAe;AAAA,MACvC,QAAQA,IAAWK,IAAgB;AAAA,MACnC,cAAcL,IAAW,YAAY;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,mBAAkB;AAAA,YAClB,QAAQ;AAAA,YACR,QAAQT,IAAW,UAAU;AAAA,YAE5B,UAAAI;AAAA,UAAA;AAAA,QACH;AAAA,QACC,gBAAAI,EAAAE,GAAA,EAAS,OAAO,GACf,4BAACD,GAAK,EAAA,WAAU,OAAM,QAAO,QAAO,QAAQT,IAAW,eAAe,cACnE,YACH,CAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAEA,IAAA;AACN,GAEeW,IAAAC,EAAKd,CAAU;"}

package/dist/features/trial-session/comps/session-report/report-information/report-information-styled.js

@@ -0,0 +1,39 @@
+import r from "styled-components";
+import e from "../../../../ui/image/image.js";
+import i from "../../../../ui/layout/flex-view.js";
+import t from "../../../../ui/text/text.js";
+const a = r(i)(
+  ({ theme: o }) => `
+  ${o.mediaQueries.minWidthTablet} {
+    border-top: 1px solid ${o.colors.BLACK_1};
+    border-bottom: 1px solid ${o.colors.BLACK_1};
+  }
+`
+), n = r(i)(
+  ({ theme: o }) => `
+  & > div {
+    box-sizing: border-box;;
+  }
+  ${o.mediaQueries.minWidthTablet} {
+    & > div:not(:last-child) {
+      border-right: 1px solid ${o.colors.BLACK_1};
+    }
+  }
+`
+), m = r(i)`
+  min-height: 88px;
+`, c = r(t)`
+  display: inline;
+`, x = r(e)(
+  ({ $active: o }) => `
+  ${o ? "" : "filter: grayscale(100%);"}
+`
+);
+export {
+  c as InlineText,
+  m as ReportCardWrapper,
+  n as ReportWrapper,
+  x as TopicImage,
+  a as TopicWrapper
+};
+//# sourceMappingURL=report-information-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"report-information-styled.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information-styled.tsx"],"sourcesContent":["import type { IImageProps } from '../../../../ui/image/image-types';\n\nimport styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst TopicWrapper = styled(FlexView)(\n  ({ theme }) => `\n  ${theme.mediaQueries.minWidthTablet} {\n    border-top: 1px solid ${theme.colors.BLACK_1};\n    border-bottom: 1px solid ${theme.colors.BLACK_1};\n  }\n`,\n);\n\nconst ReportWrapper = styled(FlexView)(\n  ({ theme }) => `\n  & > div {\n    box-sizing: border-box;;\n  }\n  ${theme.mediaQueries.minWidthTablet} {\n    & > div:not(:last-child) {\n      border-right: 1px solid ${theme.colors.BLACK_1};\n    }\n  }\n`,\n);\n\nconst ReportCardWrapper = styled(FlexView)`\n  min-height: 88px;\n`;\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\ninterface ITopicImage extends IImageProps {\n  $active: boolean;\n}\n\nconst TopicImage = styled(Image)<ITopicImage>(\n  ({ $active }) => `\n  ${$active ? '' : 'filter: grayscale(100%);'}\n`,\n);\n\nexport { TopicWrapper, InlineText, ReportWrapper, TopicImage, ReportCardWrapper };\n"],"names":["TopicWrapper","styled","FlexView","theme","ReportWrapper","ReportCardWrapper","InlineText","Text","TopicImage","Image","$active"],"mappings":";;;;AAQM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,IACbA,EAAM,aAAa,cAAc;AAAA,4BACTA,EAAM,OAAO,OAAO;AAAA,+BACjBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGnD,GAEMC,IAAgBH,EAAOC,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,IAIbA,EAAM,aAAa,cAAc;AAAA;AAAA,gCAELA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAIpD,GAEME,IAAoBJ,EAAOC,CAAQ;AAAA;AAAA,GAInCI,IAAaL,EAAOM,CAAI;AAAA;AAAA,GAQxBC,IAAaP,EAAOQ,CAAK;AAAA,EAC7B,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,KAAK,0BAA0B;AAAA;AAE7C;"}

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

@@ -0,0 +1,179 @@
+import { jsxs as r, Fragment as _, jsx as t } from "react/jsx-runtime";
+import { memo as C, useMemo as B } from "react";
+import { useTheme as M } from "styled-components";
+import { ILLUSTRATIONS as g } from "../../../../../assets/illustrations/illustrations.js";
+import { useUIContext as E } from "../../../../ui/context/context.js";
+import O from "../../../../ui/image/image.js";
+import n from "../../../../ui/layout/flex-view.js";
+import m from "../../../../ui/separator/separator.js";
+import c from "../../../../ui/text/text.js";
+import { EDeviceType as N } from "../../../../ui/theme/constants.js";
+import R from "../report-404/report-404.js";
+import o from "./report-card.js";
+import { ReportWrapper as W, TopicWrapper as K, TopicImage as S, InlineText as k } from "./report-information-styled.js";
+const b = C((A) => {
+  const e = M().device <= N.MOBILE, { sessionReports: I, studentName: L } = A, {
+    next_steps: T,
+    topic_data: d,
+    solved_with_help: l,
+    problems_attempted: i,
+    new_concepts_learnt: p,
+    solved_independently: a,
+    default_topic_image_url: x
+  } = I || {}, { onEvent: w } = E(), s = B(() => i ? i === a || !l && a ? /* @__PURE__ */ r(_, { children: [
+    /* @__PURE__ */ t(o, { title: "Problems Attempted", value: i, widthOnMobile: "50%" }),
+    /* @__PURE__ */ t(o, { title: "Solved without help", value: a, widthOnMobile: "50%" }),
+    /* @__PURE__ */ t(
+      o,
+      {
+        title: "Performance",
+        value: `${Math.round(a / i * 100)}%`
+      }
+    )
+  ] }) : !l && !a ? /* @__PURE__ */ t(o, { title: "Problems Attempted", value: i }) : l && p ? /* @__PURE__ */ r(_, { children: [
+    /* @__PURE__ */ t(o, { title: "Problems Attempted", value: i, widthOnMobile: "50%" }),
+    /* @__PURE__ */ t(o, { title: "Needed help in", value: p, widthOnMobile: "50%" }),
+    /* @__PURE__ */ t(o, { title: "Improvement shown in", value: l, widthOnMobile: "50%" }),
+    /* @__PURE__ */ t(
+      o,
+      {
+        title: "Improvement",
+        value: `${Math.round(l / p * 100)}%`,
+        widthOnMobile: "50%"
+      }
+    )
+  ] }) : null : null, [p, i, a, l]);
+  return s ? /* @__PURE__ */ r(
+    n,
+    {
+      $borderColor: e ? "TRANSPARENT" : "BLACK_1",
+      $gapX: e ? 1 : 0,
+      $background: e ? "BLACK_2" : "TRANSPARENT",
+      $gutterX: e ? 1 : 0,
+      children: [
+        /* @__PURE__ */ t(
+          W,
+          {
+            $flexWrap: e,
+            $flexDirection: "row",
+            $height: e ? "auto" : 100,
+            $background: e ? "BLACK_2" : "YELLOW_1",
+            children: s
+          }
+        ),
+        /* @__PURE__ */ t(
+          K,
+          {
+            $flexDirection: e ? "column" : "row",
+            $background: e ? "BLACK_2" : "WHITE_1",
+            $flexRowGapX: e ? 1.25 : 0,
+            $gapX: e ? 1.5 : 0,
+            children: d && d.length > 0 && d.map((h) => {
+              const {
+                topic_name: u,
+                topic_image: $,
+                summary: v,
+                is_attempted: f
+              } = h;
+              return $ || w("TOPIC_THUMBNAIL_NOT_AVAILABLE", h), /* @__PURE__ */ r(
+                n,
+                {
+                  $gap: e ? 0 : 29,
+                  $gutter: e ? 0 : 20,
+                  $flex: 1,
+                  $alignItems: "center",
+                  $opacity: f ? 1 : 0.4,
+                  $flexDirection: e ? "row" : "column",
+                  $flexColumnGapX: e ? 1 : 0,
+                  children: [
+                    /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+                      S,
+                      {
+                        $active: !!f,
+                        src: $ || x,
+                        borderRadius: 96,
+                        height: e ? 84 : 96,
+                        width: e ? 84 : 96,
+                        alt: "topic",
+                        withLoader: !0
+                      }
+                    ) }),
+                    /* @__PURE__ */ r(n, { $alignItems: e ? "flex-start" : "center", $gapX: 1, $flex: 1, children: [
+                      !e && /* @__PURE__ */ t(m, { height: 12 }),
+                      /* @__PURE__ */ t(
+                        c,
+                        {
+                          $renderAs: "ab2-bold",
+                          $align: e ? "left" : "center",
+                          $color: e ? "WHITE" : "BLACK_1",
+                          children: u
+                        }
+                      ),
+                      /* @__PURE__ */ t(m, { height: 2 }),
+                      /* @__PURE__ */ t(
+                        c,
+                        {
+                          $renderAs: "ub2",
+                          $align: e ? "left" : "center",
+                          $color: e ? "WHITE" : "BLACK_1",
+                          children: v
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                u
+              );
+            })
+          }
+        ),
+        e && /* @__PURE__ */ r(n, { $background: "BLACK_2", children: [
+          /* @__PURE__ */ t(c, { $renderAs: "ac4-black", $color: "WHITE_T_60", children: "Next Steps" }),
+          /* @__PURE__ */ t(m, { height: 4 })
+        ] }),
+        /* @__PURE__ */ r(
+          n,
+          {
+            $flexDirection: "row",
+            $background: e ? "BLACK_2" : "YELLOW_3",
+            $flexGap: 4,
+            $alignItems: "center",
+            $gap: 9,
+            $gutter: e ? 0 : 8,
+            children: [
+              /* @__PURE__ */ t(
+                O,
+                {
+                  src: e ? g.COMMUNITY_BULB_YELLOW_2 : g.COMMUNITY_BULB,
+                  width: e ? 56 : 80,
+                  height: e ? 56 : 80,
+                  withLoader: !0,
+                  alt: "bulb"
+                }
+              ),
+              /* @__PURE__ */ t(n, { $flex: 1, children: /* @__PURE__ */ r(c, { $renderAs: "ab2-black", $color: e ? "WHITE_1" : "BLACK_1", children: [
+                !e && "Next Steps: ",
+                /* @__PURE__ */ t(
+                  k,
+                  {
+                    $renderAs: "ab2",
+                    $renderOnMobileAs: "ub2",
+                    $color: e ? "WHITE_1" : "BLACK_1",
+                    children: T
+                  }
+                )
+              ] }) })
+            ]
+          }
+        ),
+        e && /* @__PURE__ */ t(m, { heightX: 1 })
+      ]
+    }
+  ) : /* @__PURE__ */ t(R, { studentName: L });
+});
+b.displayName = "ReportInformation";
+const Q = b;
+export {
+  Q as default
+};
+//# sourceMappingURL=report-information.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"report-information.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information.tsx"],"sourcesContent":["import type { TSessionReportData } from '../session-report-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { useUIContext } from '../../../../ui/context/context';\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 { EDeviceType } from '../../../../ui/theme/constants';\nimport Report404 from '../report-404/report-404';\nimport ReportCard from './report-card';\nimport * as Styled from './report-information-styled';\n\ninterface IReportInformationProps {\n  sessionReports: TSessionReportData;\n  studentName: string;\n}\n\nconst ReportInformation: FC<IReportInformationProps> = memo(props => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const { sessionReports, studentName } = props;\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 { onEvent: trackEvent } = useUIContext();\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} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} widthOnMobile=\"50%\" />\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} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n            widthOnMobile=\"50%\"\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (!renderReportsInfoCard) return <Report404 studentName={studentName} />;\n\n  return (\n    <FlexView\n      $borderColor={isMobile ? 'TRANSPARENT' : 'BLACK_1'}\n      $gapX={isMobile ? 1 : 0}\n      $background={isMobile ? 'BLACK_2' : 'TRANSPARENT'}\n      $gutterX={isMobile ? 1 : 0}\n    >\n      <Styled.ReportWrapper\n        $flexWrap={isMobile}\n        $flexDirection=\"row\"\n        $height={isMobile ? 'auto' : 100}\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_1'}\n      >\n        {renderReportsInfoCard}\n      </Styled.ReportWrapper>\n      <Styled.TopicWrapper\n        $flexDirection={isMobile ? 'column' : 'row'}\n        $background={isMobile ? 'BLACK_2' : 'WHITE_1'}\n        $flexRowGapX={isMobile ? 1.25 : 0}\n        $gapX={isMobile ? 1.5 : 0}\n      >\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={isMobile ? 0 : 29}\n                $gutter={isMobile ? 0 : 20}\n                $flex={1}\n                $alignItems={isMobile ? 'center' : 'center'}\n                $opacity={isAttempted ? 1 : 0.4}\n                $flexDirection={isMobile ? 'row' : 'column'}\n                $flexColumnGapX={isMobile ? 1 : 0}\n              >\n                <FlexView>\n                  <Styled.TopicImage\n                    $active={!!isAttempted}\n                    src={topicImage || defaultTopicImage}\n                    borderRadius={96}\n                    height={isMobile ? 84 : 96}\n                    width={isMobile ? 84 : 96}\n                    alt=\"topic\"\n                    withLoader\n                  />\n                </FlexView>\n                <FlexView $alignItems={isMobile ? 'flex-start' : 'center'} $gapX={1} $flex={1}>\n                  {!isMobile && <Separator height={12} />}\n                  <Text\n                    $renderAs=\"ab2-bold\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {topicName}\n                  </Text>\n                  <Separator height={2} />\n                  <Text\n                    $renderAs=\"ub2\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {summary}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            );\n          })}\n      </Styled.TopicWrapper>\n      {isMobile && (\n        <FlexView $background=\"BLACK_2\">\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n            Next Steps\n          </Text>\n          <Separator height={4} />\n        </FlexView>\n      )}\n      <FlexView\n        $flexDirection=\"row\"\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_3'}\n        $flexGap={4}\n        $alignItems=\"center\"\n        $gap={9}\n        $gutter={isMobile ? 0 : 8}\n      >\n        <Image\n          src={isMobile ? ILLUSTRATIONS.COMMUNITY_BULB_YELLOW_2 : ILLUSTRATIONS.COMMUNITY_BULB}\n          width={isMobile ? 56 : 80}\n          height={isMobile ? 56 : 80}\n          withLoader\n          alt=\"bulb\"\n        />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-black\" $color={isMobile ? 'WHITE_1' : 'BLACK_1'}>\n            {!isMobile && `Next Steps: `}\n            <Styled.InlineText\n              $renderAs=\"ab2\"\n              $renderOnMobileAs=\"ub2\"\n              $color={isMobile ? 'WHITE_1' : 'BLACK_1'}\n            >\n              {nextSteps}\n            </Styled.InlineText>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile && <Separator heightX={1} />}\n    </FlexView>\n  );\n});\n\nReportInformation.displayName = 'ReportInformation';\n\nexport default ReportInformation;\n"],"names":["ReportInformation","memo","props","isMobile","useTheme","EDeviceType","sessionReports","studentName","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","trackEvent","useUIContext","renderReportsInfoCard","useMemo","jsxs","Fragment","jsx","ReportCard","FlexView","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","Styled.TopicImage","Separator","Text","Image","ILLUSTRATIONS","Styled.InlineText","Report404","ReportInformation$1"],"mappings":";;;;;;;;;;;;;AAsBA,MAAMA,IAAiDC,EAAK,CAASC,MAAA;AAE7D,QAAAC,IADQC,IACS,UAAUC,EAAY,QACvC,EAAE,gBAAAC,GAAgB,aAAAC,EAAgB,IAAAL,GAClC;AAAA,IACJ,YAAYM;AAAA,IACZ,YAAYC;AAAA,IACZ,kBAAkBC;AAAA,IAClB,oBAAoBC;AAAA,IACpB,qBAAqBC;AAAA,IACrB,sBAAsBC;AAAA,IACtB,yBAAyBC;AAAA,EAAA,IACvBR,KAAkB,CAAA,GAEhB,EAAE,SAASS,EAAW,IAAIC,EAAa,GAEvCC,IAAwBC,EAAQ,MAC/BP,IAEDA,MAAsBE,KAAwB,CAACH,KAAkBG,IAG/D,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,OAAM,sBAAqB,OAAOX,GAAmB,eAAc,OAAM;AAAA,sBACpFW,GAAW,EAAA,OAAM,uBAAsB,OAAOT,GAAqB,eAAc,OAAM;AAAA,IACxF,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,GAAG,KAAK,MAAOT,IAAsBF,IAAqB,GAAG,CAAC;AAAA,MAAA;AAAA,IACvE;AAAA,EACF,EAAA,CAAA,IAIA,CAACD,KAAkB,CAACG,IACd,gBAAAQ,EAAAC,GAAA,EAAW,OAAM,sBAAqB,OAAOX,EAAmB,CAAA,IAGtED,KAAkBE,IAGhB,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,OAAM,sBAAqB,OAAOX,GAAmB,eAAc,OAAM;AAAA,sBACpFW,GAAW,EAAA,OAAM,kBAAiB,OAAOV,GAAmB,eAAc,OAAM;AAAA,sBAChFU,GAAW,EAAA,OAAM,wBAAuB,OAAOZ,GAAgB,eAAc,OAAM;AAAA,IACpF,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,GAAG,KAAK,MAAOZ,IAAiBE,IAAqB,GAAG,CAAC;AAAA,QAChE,eAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF,EAAA,CAAA,IAIG,OAlCwB,MAmC9B,CAACA,GAAmBD,GAAmBE,GAAqBH,CAAc,CAAC;AAE9E,SAAKO,IAGH,gBAAAE;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,cAAcpB,IAAW,gBAAgB;AAAA,MACzC,OAAOA,IAAW,IAAI;AAAA,MACtB,aAAaA,IAAW,YAAY;AAAA,MACpC,UAAUA,IAAW,IAAI;AAAA,MAEzB,UAAA;AAAA,QAAA,gBAAAkB;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAWrB;AAAA,YACX,gBAAe;AAAA,YACf,SAASA,IAAW,SAAS;AAAA,YAC7B,aAAaA,IAAW,YAAY;AAAA,YAEnC,UAAAc;AAAA,UAAA;AAAA,QACH;AAAA,QACA,gBAAAI;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,gBAAgBtB,IAAW,WAAW;AAAA,YACtC,aAAaA,IAAW,YAAY;AAAA,YACpC,cAAcA,IAAW,OAAO;AAAA,YAChC,OAAOA,IAAW,MAAM;AAAA,YAEvB,eACCM,EAAU,SAAS,KACnBA,EAAU,IAAI,CAASiB,MAAA;AACf,oBAAA;AAAA,gBACJ,YAAYC;AAAA,gBACZ,aAAaC;AAAA,gBACb,SAAAC;AAAA,gBACA,cAAcC;AAAA,cACZ,IAAAJ;AAEJ,qBAAKE,KACHb,EAAW,iCAAiCW,CAAK,GAIjD,gBAAAP;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBAEC,MAAMpB,IAAW,IAAI;AAAA,kBACrB,SAASA,IAAW,IAAI;AAAA,kBACxB,OAAO;AAAA,kBACP,aAAwB;AAAA,kBACxB,UAAU2B,IAAc,IAAI;AAAA,kBAC5B,gBAAgB3B,IAAW,QAAQ;AAAA,kBACnC,iBAAiBA,IAAW,IAAI;AAAA,kBAEhC,UAAA;AAAA,oBAAA,gBAAAkB,EAACE,GACC,EAAA,UAAA,gBAAAF;AAAA,sBAACU;AAAAA,sBAAA;AAAA,wBACC,SAAS,CAAC,CAACD;AAAA,wBACX,KAAKF,KAAcd;AAAA,wBACnB,cAAc;AAAA,wBACd,QAAQX,IAAW,KAAK;AAAA,wBACxB,OAAOA,IAAW,KAAK;AAAA,wBACvB,KAAI;AAAA,wBACJ,YAAU;AAAA,sBAAA;AAAA,oBAAA,GAEd;AAAA,oBACA,gBAAAgB,EAACI,KAAS,aAAapB,IAAW,eAAe,UAAU,OAAO,GAAG,OAAO,GACzE,UAAA;AAAA,sBAAA,CAACA,KAAY,gBAAAkB,EAACW,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,sBACrC,gBAAAX;AAAA,wBAACY;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,QAAQ9B,IAAW,SAAS;AAAA,0BAC5B,QAAQA,IAAW,UAAU;AAAA,0BAE5B,UAAAwB;AAAA,wBAAA;AAAA,sBACH;AAAA,sBACA,gBAAAN,EAACW,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,sBACtB,gBAAAX;AAAA,wBAACY;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,QAAQ9B,IAAW,SAAS;AAAA,0BAC5B,QAAQA,IAAW,UAAU;AAAA,0BAE5B,UAAA0B;AAAA,wBAAA;AAAA,sBACH;AAAA,oBAAA,GACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBArCKF;AAAA,cAAA;AAAA,YAsCP,CAEH;AAAA,UAAA;AAAA,QACL;AAAA,QACCxB,KACC,gBAAAgB,EAACI,GAAS,EAAA,aAAY,WACpB,UAAA;AAAA,UAAA,gBAAAF,EAACY,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAEhD,cAAA;AAAA,UACA,gBAAAZ,EAACW,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,QAAA,GACxB;AAAA,QAEF,gBAAAb;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAapB,IAAW,YAAY;AAAA,YACpC,UAAU;AAAA,YACV,aAAY;AAAA,YACZ,MAAM;AAAA,YACN,SAASA,IAAW,IAAI;AAAA,YAExB,UAAA;AAAA,cAAA,gBAAAkB;AAAA,gBAACa;AAAA,gBAAA;AAAA,kBACC,KAAK/B,IAAWgC,EAAc,0BAA0BA,EAAc;AAAA,kBACtE,OAAOhC,IAAW,KAAK;AAAA,kBACvB,QAAQA,IAAW,KAAK;AAAA,kBACxB,YAAU;AAAA,kBACV,KAAI;AAAA,gBAAA;AAAA,cACN;AAAA,cACA,gBAAAkB,EAACE,GAAS,EAAA,OAAO,GACf,UAAA,gBAAAJ,EAACc,GAAK,EAAA,WAAU,aAAY,QAAQ9B,IAAW,YAAY,WACxD,UAAA;AAAA,gBAAA,CAACA,KAAY;AAAA,gBACd,gBAAAkB;AAAA,kBAACe;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,mBAAkB;AAAA,oBAClB,QAAQjC,IAAW,YAAY;AAAA,oBAE9B,UAAAK;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA,EAAA,CACF,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCL,KAAY,gBAAAkB,EAACW,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IArHL,gBAAAX,EAACgB,KAAU,aAAA9B,EAA0B,CAAA;AAwH1E,CAAC;AAEDP,EAAkB,cAAc;AAEhC,MAAAsC,IAAetC;"}

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

@@ -1,37 +1,14 @@
-import r from "styled-components";
-import i from "../../../ui/image/image.js";
+import o from "styled-components";
 import t from "../../../ui/layout/flex-view.js";
-import e from "../../../ui/text/text.js";
-const a = r.div`
+const i = o.div`
   height: 100%;
   width: 100%;
   overflow: auto;
-`, c = r(t)`
+`, n = o(t)`
   margin: auto;
-`, d = r(t)(
-  ({ theme: o }) => `
-   border-top: 1px solid ${o.colors.BLACK_1};
-   border-bottom: 1px solid ${o.colors.BLACK_1};
-`
-), m = r(t)(
-  ({ theme: o }) => `
-  & > div:not(:last-child) {
-    border-right: 1px solid ${o.colors.BLACK_1};
-  }
-`
-), x = r(e)`
-  display: inline;
-`, f = r(i)(
-  ({ $active: o }) => `
-  ${o ? "" : "filter: grayscale(100%);"}
-`
-);
+`;
 export {
-  a as Container,
-  c as ContentWrapper,
-  x as InlineText,
-  m as ReportWrapper,
-  f as TopicImage,
-  d as TopicWrapper
+  i as Container,
+  n as ContentWrapper
 };
 //# sourceMappingURL=session-report-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-report-styled.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report-styled.tsx"],"sourcesContent":["import type { IImageProps } from '../../../ui/image/image-types';\n\nimport styled from 'styled-components';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst TopicWrapper = styled(FlexView)(\n  ({ theme }) => `\n   border-top: 1px solid ${theme.colors.BLACK_1};\n   border-bottom: 1px solid ${theme.colors.BLACK_1};\n`,\n);\n\nconst ReportWrapper = styled(FlexView)(\n  ({ theme }) => `\n  & > div:not(:last-child) {\n    border-right: 1px solid ${theme.colors.BLACK_1};\n  }\n`,\n);\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\ninterface ITopicImage extends IImageProps {\n  $active: boolean;\n}\n\nconst TopicImage = styled(Image)<ITopicImage>(\n  ({ $active }) => `\n  ${$active ? '' : 'filter: grayscale(100%);'}\n`,\n);\n\nexport { TopicWrapper, Container, ContentWrapper, InlineText, ReportWrapper, TopicImage };\n"],"names":["Container","styled","ContentWrapper","FlexView","TopicWrapper","theme","ReportWrapper","InlineText","Text","TopicImage","Image","$active"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,GAIhCC,IAAeH,EAAOE,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA,2BACUA,EAAM,OAAO,OAAO;AAAA,8BACjBA,EAAM,OAAO,OAAO;AAAA;AAElD,GAEMC,IAAgBL,EAAOE,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA,8BAEaA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGlD,GAEME,IAAaN,EAAOO,CAAI;AAAA;AAAA,GAQxBC,IAAaR,EAAOS,CAAK;AAAA,EAC7B,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,KAAK,0BAA0B;AAAA;AAE7C;"}
+{"version":3,"file":"session-report-styled.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nexport { Container, ContentWrapper };\n"],"names":["Container","styled","ContentWrapper","FlexView"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;"}