@cuemath/leap 3.5.59 → 3.5.60-link0

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 { memo, useCallback, useEffect, useMemo, type InputHTMLAttributes } from 'react';\n\nimport { ENROLLMENT_TYPES, 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 type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\nimport { HIGH_ENROLLMENT_PROGRAMS_MAP } from '../../trial-session-constants';\n\nconst SchoolGoals = memo(function SchoolGoals() {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n    buttonState,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n  const isPLA = isPLASource(intelStudent?.source);\n  const highEnrollmentPrograms = Object.keys(HIGH_ENROLLMENT_PROGRAMS_MAP);\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: enrollmentType,\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, enrollmentType],\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: enrollmentType,\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum, enrollmentType],\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 handleNameChange = useCallback<\n    NonNullable<InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({\n        name: event.target.value,\n        numberInNameError: false,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label, programCode } = 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        publish: isPLA,\n        program_code: programCode as string,\n      });\n\n      const enrollmentToUpdate = highEnrollmentPrograms.includes(programCode as string)\n        ? ENROLLMENT_TYPES.HIGH\n        : undefined;\n\n      updateSlideConfig({\n        goals: updatedGoals,\n        enrollmentType: enrollmentToUpdate,\n      });\n    },\n    [goals, isPLA, updateSlideConfig, highEnrollmentPrograms],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) =>\n      updateSlideConfig({ curriculum: value, goals: [], enrollmentType: undefined }),\n    [updateSlideConfig],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateSlideConfig({ grade: value, curriculum: '', goals: [], enrollmentType: undefined });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade, selectedGoal);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade, selectedGoal]);\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 && defaultGoal.id) {\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        publish: isPLA,\n        program_code: defaultGoal.programCode,\n      });\n\n      const enrollmentToUpdate = highEnrollmentPrograms.includes(defaultGoal?.programCode ?? '')\n        ? ENROLLMENT_TYPES.HIGH\n        : undefined;\n\n      updateSlideConfig({\n        goals: goalToUpdate,\n        enrollmentType: enrollmentToUpdate,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList, isPLA]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      buttonState={buttonState}\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","buttonState","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grades","getGradesFromConfig","isPLA","isPLASource","highEnrollmentPrograms","HIGH_ENROLLMENT_PROGRAMS_MAP","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","handleNameChange","useCallback","event","handleGoalChange","value","option","label","programCode","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","enrollmentToUpdate","ENROLLMENT_TYPES","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":";;;;;;;;;;AAeM,MAAAA,KAAcC,EAAK,WAAuB;AACxC,QAAA;AAAA,IACJ,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,MACEC,EAAuB,GACrB,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,mBAAAC,EAAkB,IAAIX,KAAY,IAEpE,EAAE,WAAWY,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAV,GAChE,EAAE,iBAAiBW,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5DE,IAASC,EAAoBrB,CAAe,GAC5CsB,IAAQC,EAAYT,KAAA,gBAAAA,EAAc,MAAM,GACxCU,IAAyB,OAAO,KAAKC,CAA4B,GAEjEC,IAAsBC;AAAA,IAC1B,MACEC,EAAkC5B,GAAiB;AAAA,MACjD,aAAAmB;AAAA,MACA,OAAOV,KAAS;AAAA,MAChB,cAAcoB,EAAc;AAAA,MAC5B,cAAcZ;AAAA,MACd,gBAAAD;AAAA,MACA,MAAM;AAAA,IAAA,CACP;AAAA,IACH,CAAChB,GAAiBmB,GAAaV,GAAOQ,GAAQD,CAAc;AAAA,EAAA,GAGxDc,IAAYH;AAAA,IAChB,MACEI,EAAmB/B,GAAiB;AAAA,MAClC,aAAAmB;AAAA,MACA,OAAOV,KAAS;AAAA,MAChB,cAAcoB,EAAc;AAAA,MAC5B,cAAcZ;AAAA,MACd,oBAAoBN;AAAA,MACpB,gBAAAK;AAAA,IAAA,CACD;AAAA,IACH,CAAChB,GAAiBmB,GAAaV,GAAOQ,GAAQN,GAAYK,CAAc;AAAA,EAAA,GAGpE,EAAE,WAAWgB,EAAA,IAAiBL;AAAA,IAClC,OAAMjB,KAAA,gBAAAA,EAAO,KAAK,CAAAuB,MAAQA,EAAK,kBAAkBJ,EAAc,oBAAmB,CAAC;AAAA,IACnF,CAACnB,CAAK;AAAA,EAAA,GAGFwB,IAAoB,GAAQ1B,KAAQC,KAASE,KAAcqB,IAE3DG,IAAmBC;AAAA,IAGvB,CAASC,MAAA;AACW,MAAAnC,EAAA;AAAA,QAChB,MAAMmC,EAAM,OAAO;AAAA,QACnB,mBAAmB;AAAA,MAAA,CACpB;AAAA,IACH;AAAA,IACA,CAACnC,CAAiB;AAAA,EAAA,GAGdoC,IAAmBF;AAAA,IACvB,CAACG,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,GAAO,aAAAC,EAAgB,IAAAF,GAEzBG,IAAeC,EAAqBlC,GAAOmB,EAAc,gBAAgB;AAAA,QAC7E,WAAWU;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBI,EAA2B;AAAA,QAC9C,SAASvB;AAAA,QACT,cAAcoB;AAAA,MAAA,CACf,GAEKI,IAAqBtB,EAAuB,SAASkB,CAAqB,IAC5EK,EAAiB,OACjB;AAEc,MAAA7C,EAAA;AAAA,QAChB,OAAOyC;AAAA,QACP,gBAAgBG;AAAA,MAAA,CACjB;AAAA,IACH;AAAA,IACA,CAACpC,GAAOY,GAAOpB,GAAmBsB,CAAsB;AAAA,EAAA,GAGpDwB,IAAyBZ;AAAA,IAC7B,CAACG,MACCrC,EAAkB,EAAE,YAAYqC,GAAO,OAAO,IAAI,gBAAgB,QAAW;AAAA,IAC/E,CAACrC,CAAiB;AAAA,EAAA,GAGd+C,IAAoBb;AAAA,IACxB,CAACG,MAAkB;AACC,MAAArC,EAAA,EAAE,OAAOqC,GAAO,YAAY,IAAI,OAAO,IAAI,gBAAgB,OAAW,CAAA;AAAA,IAC1F;AAAA,IACA,CAACrC,CAAiB;AAAA,EAAA;AAGpB,SAAAgD,EAAU,MAAM;AACd,IAAA/C,EAAkB,SAAS,EAAE,YAAY,CAAC+B,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmB/B,CAAiB,CAAC,GAEzC+C,EAAU,MAAM;AACd,IAAIzC,MACFL,KAAA,QAAAA,EAAyBK,GAAOuB;AAAA,EAClC,GAEC,CAACvB,GAAOuB,CAAY,CAAC,GAExBkB,EAAU,MAAM;AAGd,UAAMC,IAAcrB,EAAU,WAAW,IAAIA,EAAU,CAAC,IAAI;AAExD,QAAAqB,KAAeA,EAAY,IAAI;AACjC,YAAMC,IAAeR,EAAqBlC,GAAOmB,EAAc,gBAAgB;AAAA,QAC7E,WAAWsB,EAAY;AAAA,QACvB,gBAAgBA,EAAY;AAAA,QAC5B,mBAAmBN,EAA2B;AAAA,QAC9C,SAASvB;AAAA,QACT,cAAc6B,EAAY;AAAA,MAAA,CAC3B,GAEKL,IAAqBtB,EAAuB,UAAS2B,KAAA,gBAAAA,EAAa,gBAAe,EAAE,IACrFJ,EAAiB,OACjB;AAEc,MAAA7C,EAAA;AAAA,QAChB,OAAOkD;AAAA,QACP,gBAAgBN;AAAA,MAAA,CACjB;AAAA,IACH;AAAA,EAAA,GAEC,CAAChB,GAAWR,CAAK,CAAC,GAGnB,gBAAA+B;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAA9C;AAAA,MACA,OAAAC;AAAA,MACA,QAAAW;AAAA,MACA,aAAAd;AAAA,MACA,WAAAwB;AAAA,MACA,YAAAnB;AAAA,MACA,cAAAqB;AAAA,MACA,mBAAApB;AAAA,MACA,qBAAAc;AAAA,MACA,cAAcS;AAAA,MACd,cAAcG;AAAA,MACd,eAAeW;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 { memo, useCallback, useEffect, useMemo, type InputHTMLAttributes } from 'react';\n\nimport { ENROLLMENT_TYPES, 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 type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\nimport { HIGH_ENROLLMENT_PROGRAMS_MAP } from '../../trial-session-constants';\n\nconst SchoolGoals = memo(function SchoolGoals() {\n  const {\n    demoType,\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n    buttonState,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n  const isPLA = isPLASource(intelStudent?.source);\n  const highEnrollmentPrograms = Object.keys(HIGH_ENROLLMENT_PROGRAMS_MAP);\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: enrollmentType,\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, enrollmentType],\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: enrollmentType,\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum, enrollmentType],\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 handleNameChange = useCallback<\n    NonNullable<InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({\n        name: event.target.value,\n        numberInNameError: false,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label, programCode } = 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        publish: isPLA,\n        program_code: programCode as string,\n      });\n\n      const enrollmentToUpdate = highEnrollmentPrograms.includes(programCode as string)\n        ? ENROLLMENT_TYPES.HIGH\n        : undefined;\n\n      updateSlideConfig({\n        goals: updatedGoals,\n        enrollmentType: enrollmentToUpdate,\n      });\n    },\n    [goals, isPLA, updateSlideConfig, highEnrollmentPrograms],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) =>\n      updateSlideConfig({ curriculum: value, goals: [], enrollmentType: undefined }),\n    [updateSlideConfig],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateSlideConfig({ grade: value, curriculum: '', goals: [], enrollmentType: undefined });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade, selectedGoal);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade, selectedGoal]);\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 && defaultGoal.id) {\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        publish: isPLA,\n        program_code: defaultGoal.programCode,\n      });\n\n      const enrollmentToUpdate = highEnrollmentPrograms.includes(defaultGoal?.programCode ?? '')\n        ? ENROLLMENT_TYPES.HIGH\n        : undefined;\n\n      updateSlideConfig({\n        goals: goalToUpdate,\n        enrollmentType: enrollmentToUpdate,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList, isPLA]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      demoType={demoType}\n      buttonState={buttonState}\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","demoType","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","buttonState","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grades","getGradesFromConfig","isPLA","isPLASource","highEnrollmentPrograms","HIGH_ENROLLMENT_PROGRAMS_MAP","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","handleNameChange","useCallback","event","handleGoalChange","value","option","label","programCode","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","enrollmentToUpdate","ENROLLMENT_TYPES","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}

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

@@ -1,17 +1,11 @@
-import t from "styled-components";
-import i from "../../../ui/layout/flex-view.js";
-import o from "../../../ui/text/text.js";
-const n = t.div`
-  height: 100%;
-  width: 100%;
-`, l = t(i)`
-  margin: auto;
-`;
-t.img`
+import i from "styled-components";
+import o from "../../../ui/layout/flex-view.js";
+import t from "../../../ui/text/text.js";
+i.img`
   width: 100%;
   max-width: 171px;
 `;
-const d = t(o)`
+const l = i(t)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
@@ -19,15 +13,15 @@ const d = t(o)`
   overflow: hidden;
   height: 44px;
   z-index: 1;
-`, x = t(i)`
+`, n = i(o)`
   border-top: none;
-`, a = t(i)`
+`, x = i(o)`
   position: relative;
   overflow: hidden;
   :first-child {
     right: -23px;
   }
-`, s = t.div`
+`, d = i.div`
   position: absolute;
   top: -15px;
   left: -1px;
@@ -35,11 +29,9 @@ const d = t(o)`
   z-index: -1;
 `;
 export {
-  n as Container,
-  l as ContentWrapper,
-  s as LottieWrapper,
-  x as RatingBlock,
-  d as TopicName,
-  a as TopicWrapper
+  d as LottieWrapper,
+  n as RatingBlock,
+  l as TopicName,
+  x as TopicWrapper
 };
 //# sourceMappingURL=session-insights-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-insights-styled.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights-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  height: 100%;\n  width: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst ProficiencyGraph = styled.img`\n  width: 100%;\n  max-width: 171px;\n`;\n\nconst TopicName = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 44px;\n  z-index: 1;\n`;\n\nconst RatingBlock = styled(FlexView)`\n  border-top: none;\n`;\n\nconst TopicWrapper = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n  :first-child {\n    right: -23px;\n  }\n`;\n\nconst LottieWrapper = styled.div`\n  position: absolute;\n  top: -15px;\n  left: -1px;\n  right: -1px;\n  z-index: -1;\n`;\n\nexport {\n  ProficiencyGraph,\n  TopicName,\n  TopicWrapper,\n  Container,\n  RatingBlock,\n  ContentWrapper,\n  LottieWrapper,\n};\n"],"names":["Container","styled","ContentWrapper","FlexView","TopicName","Text","RatingBlock","TopicWrapper","LottieWrapper"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAIbF,EAAO;AAAA;AAAA;AAAA;AAK1B,MAAAG,IAAYH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBC,IAAcL,EAAOE,CAAQ;AAAA;AAAA,GAI7BI,IAAeN,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ9BK,IAAgBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"session-insights-styled.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst ProficiencyGraph = styled.img`\n  width: 100%;\n  max-width: 171px;\n`;\n\nconst TopicName = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 44px;\n  z-index: 1;\n`;\n\nconst RatingBlock = styled(FlexView)`\n  border-top: none;\n`;\n\nconst TopicWrapper = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n  :first-child {\n    right: -23px;\n  }\n`;\n\nconst LottieWrapper = styled.div`\n  position: absolute;\n  top: -15px;\n  left: -1px;\n  right: -1px;\n  z-index: -1;\n`;\n\nexport { ProficiencyGraph, TopicName, TopicWrapper, RatingBlock, LottieWrapper };\n"],"names":["styled","TopicName","Text","RatingBlock","FlexView","TopicWrapper","LottieWrapper"],"mappings":";;;AAKyBA,EAAO;AAAA;AAAA;AAAA;AAK1B,MAAAC,IAAYD,EAAOE,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBC,IAAcH,EAAOI,CAAQ;AAAA;AAAA,GAI7BC,IAAeL,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ9BE,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/trial-session/comps/session-insights/session-insights.js

@@ -1,78 +1,79 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { memo as u, useCallback as L, useEffect as C } from "react";
-import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
-import { LOTTIE as h } from "../../../../assets/lottie/lottie.js";
-import S from "../../../ui/error/error.js";
-import d from "../../../ui/layout/flex-view.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { memo as A, useCallback as u, useEffect as L } from "react";
+import { ILLUSTRATIONS as h } from "../../../../assets/illustrations/illustrations.js";
+import { LOTTIE as p } from "../../../../assets/lottie/lottie.js";
+import C from "../../../ui/error/error.js";
+import i from "../../../ui/layout/flex-view.js";
 import E from "../../../ui/loader/app-loader/app-loader.js";
-import R from "../../../ui/lottie-animation/lottie-animation.js";
-import g from "../../../ui/separator/separator.js";
-import o from "../../../ui/text/text.js";
-import { useGetSessionInsights as b } from "../../api/trial-home.js";
-import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
-import w from "../slide-header/index.js";
-import { Container as D, ContentWrapper as x, TopicWrapper as B, TopicName as F, LottieWrapper as K, RatingBlock as O } from "./session-insights-styled.js";
-const X = {
-  BEGINNER: h.BEGINNER1X,
-  FAMILIAR: h.FAMILIAR1X,
-  PROFICIENT: h.PROFICIENT1X
+import S from "../../../ui/lottie-animation/lottie-animation.js";
+import d from "../../../ui/separator/separator.js";
+import n from "../../../ui/text/text.js";
+import { useGetSessionInsights as N } from "../../api/trial-session-report.js";
+import { useTrialSessionContext as R } from "../../context/use-trial-session-context.js";
+import b from "../slide-header/index.js";
+import { TopicWrapper as D, TopicName as w, LottieWrapper as x, RatingBlock as B } from "./session-insights-styled.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as F } from "../../trial-session-constants.js";
+const O = {
+  BEGINNER: p.BEGINNER1X,
+  FAMILIAR: p.FAMILIAR1X,
+  PROFICIENT: p.PROFICIENT1X
 }, j = {
-  1: p.ONE_STAR_FILLED,
-  2: p.TWO_STARS_FILLED,
-  3: p.THREE_STARS_FILLED
-}, Z = u(function() {
-  const { formData: f } = N(), { attemptId: n = "kdbkb" } = f || {}, {
-    data: m,
-    get: $,
-    isProcessing: I,
-    isProcessingFailed: _
-  } = b(), { topic_aggregation: A = [], depth_aggregation: T = [] } = m || {}, c = L(() => {
-    n && $(n);
-  }, [n, $]);
-  return C(() => {
-    c();
-  }, [c]), _ ? /* @__PURE__ */ e(S, { height: "70vh", onTryAgain: c }) : I || !m ? /* @__PURE__ */ e(E, { height: "100vh" }) : /* @__PURE__ */ t(D, { children: [
-    /* @__PURE__ */ e(g, { height: 60 }),
-    /* @__PURE__ */ e(w, {}),
-    /* @__PURE__ */ t(x, { $alignItems: "center", $width: 650, $alignSelf: "center", children: [
+  1: h.ONE_STAR_FILLED,
+  2: h.TWO_STARS_FILLED,
+  3: h.THREE_STARS_FILLED
+}, Y = A(function() {
+  const { formData: $ } = R(), { attemptId: c = "kdbkb" } = $ || {}, {
+    data: g,
+    get: m,
+    isProcessing: f,
+    isProcessingFailed: I
+  } = N(), { topic_aggregation: _ = [], depth_aggregation: T = [] } = g || {}, s = u(() => {
+    c && m(c);
+  }, [c, m]);
+  return L(() => {
+    s();
+  }, [s]), I ? /* @__PURE__ */ e(C, { height: "70vh", onTryAgain: s }) : f || !g ? /* @__PURE__ */ e(E, { height: "100vh" }) : /* @__PURE__ */ r(i, { $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ e(d, { height: 60 }),
+    /* @__PURE__ */ e(b, {}),
+    /* @__PURE__ */ r(i, { $alignItems: "center", $width: F - 100, $alignSelf: "center", children: [
       /* @__PURE__ */ e(
-        d,
+        i,
         {
           $flexDirection: "row",
           $justifyContent: "center",
           $borderColor: "BLACK_T_87",
           $width: "100%",
-          children: A.map((s, a) => {
+          children: _.map((a) => {
             const {
-              level: r,
-              topic_name: i,
+              level: o,
+              topic_name: t,
               level_description: l
-            } = s;
-            return /* @__PURE__ */ t(
-              B,
+            } = a;
+            return /* @__PURE__ */ r(
+              D,
               {
                 $gapX: 1,
                 $gutterX: 1,
                 $width: "100%",
-                $height: 250,
+                $height: 240,
                 $flexDirection: "column",
                 $justifyContent: "space-between",
                 children: [
-                  /* @__PURE__ */ e(F, { title: i, $renderAs: "ab2-bold", $color: "BLACK_T_87", children: i }),
-                  /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(R, { height: 272, src: X[r] }) }),
-                  /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(o, { $renderAs: "ac4", $color: "BLACK_T_87", children: r }),
-                    /* @__PURE__ */ e(o, { $renderAs: "ub2", $color: "BLACK_T_60", children: l })
+                  /* @__PURE__ */ e(w, { title: t, $renderAs: "ab2-bold", $color: "BLACK_T_87", children: t }),
+                  /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(S, { height: 272, src: O[o] }) }),
+                  /* @__PURE__ */ r("div", { children: [
+                    /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "BLACK_T_87", children: o }),
+                    /* @__PURE__ */ e(n, { $renderAs: "ub2", $color: "BLACK_T_60", children: l })
                   ] })
                 ]
               },
-              a
+              t
             );
           })
         }
       ),
       /* @__PURE__ */ e(
-        O,
+        B,
         {
           $width: "100%",
           $borderColor: "BLACK_T_87",
@@ -82,17 +83,17 @@ const X = {
           $flexGap: 80,
           $background: "WHITE",
           $gap: 25.5,
-          children: T.map((s, a) => {
+          children: T.map((a) => {
             const {
-              star: r,
-              depth_description: i,
+              star: o,
+              depth_description: t,
               star_description: l
-            } = s;
-            return /* @__PURE__ */ t(d, { $width: 88, children: [
-              /* @__PURE__ */ e("img", { src: j[r], height: 24, width: 88 }),
-              /* @__PURE__ */ e(g, { height: 4 }),
+            } = a;
+            return /* @__PURE__ */ r(i, { $width: 88, children: [
+              /* @__PURE__ */ e("img", { src: j[o], height: 24, width: 88 }),
+              /* @__PURE__ */ e(d, { height: 4 }),
               /* @__PURE__ */ e(
-                d,
+                i,
                 {
                   $background: "WHITE_4",
                   $gutterX: 0.25,
@@ -101,12 +102,12 @@ const X = {
                   $alignItems: "center",
                   $width: "fit-content",
                   $alignSelf: "center",
-                  children: /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_87", children: l })
+                  children: /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "BLACK_T_87", children: l })
                 }
               ),
-              /* @__PURE__ */ e(g, { heightX: 1 }),
-              /* @__PURE__ */ e(o, { $renderAs: "ac4", $color: "BLACK_T_87", $align: "center", children: i })
-            ] }, a);
+              /* @__PURE__ */ e(d, { heightX: 1 }),
+              /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "BLACK_T_87", $align: "center", children: t })
+            ] }, t);
           })
         }
       )
@@ -114,6 +115,6 @@ const X = {
   ] });
 });
 export {
-  Z as default
+  Y as default
 };
 //# sourceMappingURL=session-insights.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-insights.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Error from '../../../ui/error/error';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionInsights } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\nimport type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\n\nconst proficiencyLottieMap: TProficiencyLottieMap = {\n  BEGINNER: LOTTIE.BEGINNER1X,\n  FAMILIAR: LOTTIE.FAMILIAR1X,\n  PROFICIENT: LOTTIE.PROFICIENT1X,\n};\n\nconst STAR_RATING_ICONS: Record<TDepthAggregation['star'], string> = {\n  1: ILLUSTRATIONS.ONE_STAR_FILLED,\n  2: ILLUSTRATIONS.TWO_STARS_FILLED,\n  3: ILLUSTRATIONS.THREE_STARS_FILLED,\n};\n\nconst SessionInsights = memo(function SessionInsights() {\n  const { formData } = useTrialSessionContext();\n  const { attemptId = 'kdbkb' } = formData || {};\n\n  const {\n    data: sessionInsights,\n    get: getSessionInsights,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionInsights();\n\n  const { topic_aggregation: topicAggregation = [], depth_aggregation: depthAggregation = [] } =\n    sessionInsights || {};\n\n  const fetchData = useCallback(() => {\n    if (attemptId) {\n      getSessionInsights(attemptId);\n    }\n  }, [attemptId, getSessionInsights]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionInsights) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $alignItems=\"center\" $width={650} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map((aggregation, index) => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={index}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={250}\n                $flexDirection=\"column\"\n                $justifyContent=\"space-between\"\n              >\n                <Styled.TopicName title={topicName} $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n                  {topicName}\n                </Styled.TopicName>\n                <Styled.LottieWrapper>\n                  <LottieAnimation height={272} src={proficiencyLottieMap[level]} />\n                </Styled.LottieWrapper>\n                <div>\n                  <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\">\n                    {level}\n                  </Text>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n                    {levelDescription}\n                  </Text>\n                </div>\n              </Styled.TopicWrapper>\n            );\n          })}\n        </FlexView>\n        <Styled.RatingBlock\n          $width=\"100%\"\n          $borderColor=\"BLACK_T_87\"\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $flexGap={80}\n          $background=\"WHITE\"\n          $gap={25.5}\n        >\n          {depthAggregation.map((aggregation, index) => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={index} $width={88}>\n                <img src={STAR_RATING_ICONS[star]} height={24} width={88} />\n                <Separator height={4} />\n                <FlexView\n                  $background=\"WHITE_4\"\n                  $gutterX={0.25}\n                  $gap={2}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $width=\"fit-content\"\n                  $alignSelf=\"center\"\n                >\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_87\">\n                    {starDescription}\n                  </Text>\n                </FlexView>\n                <Separator heightX={1} />\n                <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\" $align=\"center\">\n                  {depthDescription}\n                </Text>\n              </FlexView>\n            );\n          })}\n        </Styled.RatingBlock>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionInsights;\n"],"names":["proficiencyLottieMap","LOTTIE","STAR_RATING_ICONS","ILLUSTRATIONS","SessionInsights","memo","formData","useTrialSessionContext","attemptId","sessionInsights","getSessionInsights","isProcessing","isProcessingFailed","useGetSessionInsights","topicAggregation","depthAggregation","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","FlexView","aggregation","index","level","topicName","levelDescription","Styled.TopicWrapper","Styled.TopicName","Styled.LottieWrapper","LottieAnimation","Text","Styled.RatingBlock","star","depthDescription","starDescription"],"mappings":"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"}
+{"version":3,"file":"session-insights.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Error from '../../../ui/error/error';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionInsights } from '../../api/trial-session-report';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\nimport type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst proficiencyLottieMap: TProficiencyLottieMap = {\n  BEGINNER: LOTTIE.BEGINNER1X,\n  FAMILIAR: LOTTIE.FAMILIAR1X,\n  PROFICIENT: LOTTIE.PROFICIENT1X,\n};\n\nconst STAR_RATING_ICONS: Record<TDepthAggregation['star'], string> = {\n  1: ILLUSTRATIONS.ONE_STAR_FILLED,\n  2: ILLUSTRATIONS.TWO_STARS_FILLED,\n  3: ILLUSTRATIONS.THREE_STARS_FILLED,\n};\n\nconst SessionInsights = memo(function SessionInsights() {\n  const { formData } = useTrialSessionContext();\n  const { attemptId = 'kdbkb' } = formData || {};\n\n  const {\n    data: sessionInsights,\n    get: getSessionInsights,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionInsights();\n\n  const { topic_aggregation: topicAggregation = [], depth_aggregation: depthAggregation = [] } =\n    sessionInsights || {};\n\n  const fetchData = useCallback(() => {\n    if (attemptId) {\n      getSessionInsights(attemptId);\n    }\n  }, [attemptId, getSessionInsights]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionInsights) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $alignItems=\"center\" $width={RIGHT_PANEL_CONTENT_WIDTH - 100} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map(aggregation => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={topicName}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={240}\n                $flexDirection=\"column\"\n                $justifyContent=\"space-between\"\n              >\n                <Styled.TopicName title={topicName} $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n                  {topicName}\n                </Styled.TopicName>\n                <Styled.LottieWrapper>\n                  <LottieAnimation height={272} src={proficiencyLottieMap[level]} />\n                </Styled.LottieWrapper>\n                <div>\n                  <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\">\n                    {level}\n                  </Text>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n                    {levelDescription}\n                  </Text>\n                </div>\n              </Styled.TopicWrapper>\n            );\n          })}\n        </FlexView>\n        <Styled.RatingBlock\n          $width=\"100%\"\n          $borderColor=\"BLACK_T_87\"\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $flexGap={80}\n          $background=\"WHITE\"\n          $gap={25.5}\n        >\n          {depthAggregation.map(aggregation => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={depthDescription} $width={88}>\n                <img src={STAR_RATING_ICONS[star]} height={24} width={88} />\n                <Separator height={4} />\n                <FlexView\n                  $background=\"WHITE_4\"\n                  $gutterX={0.25}\n                  $gap={2}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $width=\"fit-content\"\n                  $alignSelf=\"center\"\n                >\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_87\">\n                    {starDescription}\n                  </Text>\n                </FlexView>\n                <Separator heightX={1} />\n                <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\" $align=\"center\">\n                  {depthDescription}\n                </Text>\n              </FlexView>\n            );\n          })}\n        </Styled.RatingBlock>\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default SessionInsights;\n"],"names":["proficiencyLottieMap","LOTTIE","STAR_RATING_ICONS","ILLUSTRATIONS","SessionInsights","memo","formData","useTrialSessionContext","attemptId","sessionInsights","getSessionInsights","isProcessing","isProcessingFailed","useGetSessionInsights","topicAggregation","depthAggregation","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","FlexView","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","aggregation","level","topicName","levelDescription","Styled.TopicWrapper","Styled.TopicName","Styled.LottieWrapper","LottieAnimation","Text","Styled.RatingBlock","star","depthDescription","starDescription"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAMA,IAA8C;AAAA,EAClD,UAAUC,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,YAAYA,EAAO;AACrB,GAEMC,IAA+D;AAAA,EACnE,GAAGC,EAAc;AAAA,EACjB,GAAGA,EAAc;AAAA,EACjB,GAAGA,EAAc;AACnB,GAEMC,IAAkBC,EAAK,WAA2B;AAChD,QAAA,EAAE,UAAAC,MAAaC,KACf,EAAE,WAAAC,IAAY,YAAYF,KAAY,CAAA,GAEtC;AAAA,IACJ,MAAMG;AAAA,IACN,KAAKC;AAAA,IACL,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAsB,GAEpB,EAAE,mBAAmBC,IAAmB,IAAI,mBAAmBC,IAAmB,CAAC,EAAA,IACvFN,KAAmB,IAEfO,IAAYC,EAAY,MAAM;AAClC,IAAIT,KACFE,EAAmBF,CAAS;AAAA,EAC9B,GACC,CAACA,GAAWE,CAAkB,CAAC;AAMlC,SAJAQ,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVJ,IACM,gBAAAO,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDL,KAAgB,CAACF,IACZ,gBAAAU,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIhC,gBAAAC,EAAAC,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAH,EAACC,KAAS,aAAY,UAAS,QAAQG,IAA4B,KAAK,YAAW,UACjF,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,cAAa;AAAA,UACb,QAAO;AAAA,UAEN,UAAAT,EAAiB,IAAI,CAAea,MAAA;AAC7B,kBAAA;AAAA,cACJ,OAAAC;AAAA,cACA,YAAYC;AAAA,cACZ,mBAAmBC;AAAA,YACjB,IAAAH;AAGF,mBAAA,gBAAAL;AAAA,cAACS;AAAAA,cAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,UAAU;AAAA,gBACV,QAAO;AAAA,gBACP,SAAS;AAAA,gBACT,gBAAe;AAAA,gBACf,iBAAgB;AAAA,gBAEhB,UAAA;AAAA,kBAAC,gBAAAZ,EAAAa,GAAA,EAAiB,OAAOH,GAAW,WAAU,YAAW,QAAO,cAC7D,UACHA,EAAA,CAAA;AAAA,kBACC,gBAAAV,EAAAc,GAAA,EACC,UAAC,gBAAAd,EAAAe,GAAA,EAAgB,QAAQ,KAAK,KAAKlC,EAAqB4B,CAAK,EAAA,CAAG,EAClE,CAAA;AAAA,oCACC,OACC,EAAA,UAAA;AAAA,oBAAA,gBAAAT,EAACgB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHP,GAAA;AAAA,sCACCO,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHL,GAAA;AAAA,kBAAA,GACF;AAAA,gBAAA;AAAA,cAAA;AAAA,cArBKD;AAAA,YAAA;AAAA,UAsBP,CAEH;AAAA,QAAA;AAAA,MACH;AAAA,MACA,gBAAAV;AAAA,QAACiB;AAAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,cAAa;AAAA,UACb,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,MAAM;AAAA,UAEL,UAAArB,EAAiB,IAAI,CAAeY,MAAA;AAC7B,kBAAA;AAAA,cACJ,MAAAU;AAAA,cACA,mBAAmBC;AAAA,cACnB,kBAAkBC;AAAA,YAChB,IAAAZ;AAGF,mBAAA,gBAAAL,EAACC,GAAgC,EAAA,QAAQ,IACvC,UAAA;AAAA,cAAC,gBAAAJ,EAAA,OAAA,EAAI,KAAKjB,EAAkBmC,CAAI,GAAG,QAAQ,IAAI,OAAO,IAAI;AAAA,cAC1D,gBAAAlB,EAACK,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,cACtB,gBAAAL;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,aAAY;AAAA,kBACZ,UAAU;AAAA,kBACV,MAAM;AAAA,kBACN,iBAAgB;AAAA,kBAChB,aAAY;AAAA,kBACZ,QAAO;AAAA,kBACP,YAAW;AAAA,kBAEX,4BAACY,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHI,GAAA;AAAA,gBAAA;AAAA,cACF;AAAA,cACA,gBAAApB,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,cACvB,gBAAAL,EAACgB,KAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAC9C,UACHG,EAAA,CAAA;AAAA,YAAA,EAAA,GAnBaA,CAoBf;AAAA,UAAA,CAEH;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,35 +1,36 @@
 import r from "styled-components";
-const n = r.div`
+import { RIGHT_PANEL_CONTENT_WIDTH as i } from "../../trial-session-constants.js";
+const a = r.div`
   width: 100%;
   height: 100%;
-`, d = r.div(({ theme: o }) => {
-  const { BLACK_T_87: t } = o.colors;
+`, p = r.div(({ theme: t }) => {
+  const { BLACK_T_87: o } = t.colors;
   return `
-    width: 550px;
+    width: ${i - 100}px;
     margin: auto;
-    border: 1px solid ${t};
+    border: 1px solid ${o};
     & > *:not(:last-child) {
-      border-bottom: 1px solid ${t};
+      border-bottom: 1px solid ${o};
     }
     .period-text {
       margin-left: 23px;
     }
   `;
-}), a = r.div(({ theme: o, $bgImage: t }) => {
-  const { gutter: e } = o.layout;
+}), c = r.div(({ theme: t, $bgImage: o }) => {
+  const { gutter: e } = t.layout;
   return `
     width: 100%;
     height: ${350 / 3}px;
     padding: ${e * 2.5}px ${e}px;
-    background-image: url(${t});
+    background-image: url(${o});
     background-repeat: no-repeat;
     background-position: right, center;
     background-size: cover;
   `;
 });
 export {
-  n as Container,
-  a as Goal,
-  d as GoalsWrapper
+  a as Container,
+  c as Goal,
+  p as GoalsWrapper
 };
 //# sourceMappingURL=session-overview-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-overview-styled.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype TSessionGoal = {\n  $bgImage: string;\n};\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst GoalsWrapper = styled.div(({ theme }) => {\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n    width: 550px;\n    margin: auto;\n    border: 1px solid ${BLACK_T_87};\n    & > *:not(:last-child) {\n      border-bottom: 1px solid ${BLACK_T_87};\n    }\n    .period-text {\n      margin-left: 23px;\n    }\n  `;\n});\n\nconst Goal = styled.div<TSessionGoal>(({ theme, $bgImage }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    height: ${350 / 3}px;\n    padding: ${gutter * 2.5}px ${gutter}px;\n    background-image: url(${$bgImage});\n    background-repeat: no-repeat;\n    background-position: right, center;\n    background-size: cover;\n  `;\n});\n\nexport { Container, GoalsWrapper, Goal };\n"],"names":["Container","styled","GoalsWrapper","theme","BLACK_T_87","Goal","$bgImage","gutter"],"mappings":";AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAeD,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACvC,QAAA,EAAE,YAAAC,EAAW,IAAID,EAAM;AAEtB,SAAA;AAAA;AAAA;AAAA,wBAGeC,CAAU;AAAA;AAAA,iCAEDA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM3C,CAAC,GAEKC,IAAOJ,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,UAAAG,QAAe;AACvD,QAAA,EAAE,QAAAC,EAAO,IAAIJ,EAAM;AAElB,SAAA;AAAA;AAAA,cAEK,MAAM,CAAC;AAAA,eACNI,IAAS,GAAG,MAAMA,CAAM;AAAA,4BACXD,CAAQ;AAAA;AAAA;AAAA;AAAA;AAKpC,CAAC;"}
+{"version":3,"file":"session-overview-styled.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\ntype TSessionGoal = {\n  $bgImage: string;\n};\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst GoalsWrapper = styled.div(({ theme }) => {\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n    width: ${RIGHT_PANEL_CONTENT_WIDTH - 100}px;\n    margin: auto;\n    border: 1px solid ${BLACK_T_87};\n    & > *:not(:last-child) {\n      border-bottom: 1px solid ${BLACK_T_87};\n    }\n    .period-text {\n      margin-left: 23px;\n    }\n  `;\n});\n\nconst Goal = styled.div<TSessionGoal>(({ theme, $bgImage }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    height: ${350 / 3}px;\n    padding: ${gutter * 2.5}px ${gutter}px;\n    background-image: url(${$bgImage});\n    background-repeat: no-repeat;\n    background-position: right, center;\n    background-size: cover;\n  `;\n});\n\nexport { Container, GoalsWrapper, Goal };\n"],"names":["Container","styled","GoalsWrapper","theme","BLACK_T_87","RIGHT_PANEL_CONTENT_WIDTH","Goal","$bgImage","gutter"],"mappings":";;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAeD,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACvC,QAAA,EAAE,YAAAC,EAAW,IAAID,EAAM;AAEtB,SAAA;AAAA,aACIE,IAA4B,GAAG;AAAA;AAAA,wBAEpBD,CAAU;AAAA;AAAA,iCAEDA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM3C,CAAC,GAEKE,IAAOL,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,UAAAI,QAAe;AACvD,QAAA,EAAE,QAAAC,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA;AAAA,cAEK,MAAM,CAAC;AAAA,eACNK,IAAS,GAAG,MAAMA,CAAM;AAAA,4BACXD,CAAQ;AAAA;AAAA;AAAA;AAAA;AAKpC,CAAC;"}

package/dist/features/trial-session/comps/session-overview/session-overview-utils.js

@@ -1,6 +1,6 @@
 import { GIF as e } from "../../../../assets/gif/gif.js";
 import { TrialPageId as r } from "../../trial-session-constants.js";
-const s = [
+const t = [
   {
     title: "Your goals",
     period: "10 min",
@@ -17,6 +17,22 @@ const s = [
     image: e.WAY_FORWARD
   }
 ], o = [
+  {
+    title: "Personalize the session",
+    period: "5 min",
+    image: e.YOUR_GOALS
+  },
+  {
+    title: "Interactive Learning",
+    period: "40 min",
+    image: e.LEARNING_SESSION
+  },
+  {
+    title: "way forward",
+    period: "15 min",
+    image: e.WAY_FORWARD
+  }
+], n = [
   {
     title: "Your goals",
     image: e.YOUR_GOALS,
@@ -32,11 +48,11 @@ const s = [
     image: e.WAY_FORWARD,
     archived: !0
   }
-], S = (i) => i ? {
-  [r.SESSION_OVERVIEW]: s,
-  [r.SESSION_SUMMARY]: o
+], O = (i, s) => i ? {
+  [r.SESSION_OVERVIEW]: s === "TRIAL_V3" ? t : o,
+  [r.SESSION_SUMMARY]: n
 }[i] : void 0;
 export {
-  S as getSessionConfig
+  O as getSessionConfig
 };
 //# sourceMappingURL=session-overview-utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-overview-utils.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-utils.tsx"],"sourcesContent":["import { GIF } from '../../../../assets/gif/gif';\nimport { TrialPageId } from '../../trial-session-constants';\n\ntype TSessionItem = {\n  title: string;\n  image: string;\n  period?: string;\n  archived?: boolean;\n};\n\nconst sessionOverview = [\n  {\n    title: 'Your goals',\n    period: '10 min',\n    image: GIF.YOUR_GOALS,\n  },\n  {\n    title: 'learning session',\n    period: '30 min',\n    image: GIF.LEARNING_SESSION,\n  },\n  {\n    title: 'way forward',\n    period: '15 min',\n    image: GIF.WAY_FORWARD,\n  },\n];\n\nconst sessionSummary = [\n  {\n    title: 'Your goals',\n    image: GIF.YOUR_GOALS,\n    archived: true,\n  },\n  {\n    title: 'learning session',\n    image: GIF.LEARNING_SESSION,\n    archived: true,\n  },\n  {\n    title: 'way forward',\n    image: GIF.WAY_FORWARD,\n    archived: true,\n  },\n];\n\nexport const getSessionConfig = (pageId: TrialPageId) => {\n  if (!pageId) return;\n\n  const sessions: Partial<Record<TrialPageId, TSessionItem[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: sessionOverview,\n    [TrialPageId.SESSION_SUMMARY]: sessionSummary,\n  };\n\n  return sessions[pageId];\n};\n"],"names":["sessionOverview","GIF","sessionSummary","getSessionConfig","pageId","TrialPageId"],"mappings":";;AAUA,MAAMA,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOC,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AACF,GAEMC,IAAiB;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAOD,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AACF,GAEaE,IAAmB,CAACC,MAC1BA,IAE0D;AAAA,EAC7D,CAACC,EAAY,gBAAgB,GAAGL;AAAA,EAChC,CAACK,EAAY,eAAe,GAAGH;AAAA,EAGjBE,CAAM,IAPT;"}
+{"version":3,"file":"session-overview-utils.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-utils.tsx"],"sourcesContent":["import { GIF } from '../../../../assets/gif/gif';\nimport { TrialPageId } from '../../trial-session-constants';\n\ntype TSessionItem = {\n  title: string;\n  image: string;\n  period?: string;\n  archived?: boolean;\n};\n\nconst sessionOverview = [\n  {\n    title: 'Your goals',\n    period: '10 min',\n    image: GIF.YOUR_GOALS,\n  },\n  {\n    title: 'learning session',\n    period: '30 min',\n    image: GIF.LEARNING_SESSION,\n  },\n  {\n    title: 'way forward',\n    period: '15 min',\n    image: GIF.WAY_FORWARD,\n  },\n];\n\nconst sessionOverviewV3 = [\n  {\n    title: 'Personalize the session',\n    period: '5 min',\n    image: GIF.YOUR_GOALS,\n  },\n  {\n    title: 'Interactive Learning',\n    period: '40 min',\n    image: GIF.LEARNING_SESSION,\n  },\n  {\n    title: 'way forward',\n    period: '15 min',\n    image: GIF.WAY_FORWARD,\n  },\n];\n\nconst sessionSummary = [\n  {\n    title: 'Your goals',\n    image: GIF.YOUR_GOALS,\n    archived: true,\n  },\n  {\n    title: 'learning session',\n    image: GIF.LEARNING_SESSION,\n    archived: true,\n  },\n  {\n    title: 'way forward',\n    image: GIF.WAY_FORWARD,\n    archived: true,\n  },\n];\n\nexport const getSessionConfig = (pageId: TrialPageId, demoType: string) => {\n  if (!pageId) return;\n\n  const sessions: Partial<Record<TrialPageId, TSessionItem[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: demoType === 'TRIAL_V3' ? sessionOverview : sessionOverviewV3,\n    [TrialPageId.SESSION_SUMMARY]: sessionSummary,\n  };\n\n  return sessions[pageId];\n};\n"],"names":["sessionOverview","GIF","sessionOverviewV3","sessionSummary","getSessionConfig","pageId","demoType","TrialPageId"],"mappings":";;AAUA,MAAMA,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOC,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AACF,GAEMC,IAAoB;AAAA,EACxB;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOD,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AACF,GAEME,IAAiB;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAOF,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AACF,GAEaG,IAAmB,CAACC,GAAqBC,MAC/CD,IAE0D;AAAA,EAC7D,CAACE,EAAY,gBAAgB,GAAGD,MAAa,aAAaN,IAAkBE;AAAA,EAC5E,CAACK,EAAY,eAAe,GAAGJ;AAAA,EAGjBE,CAAM,IAPT;"}

package/dist/features/trial-session/comps/session-overview/session-overview.js

@@ -1,31 +1,31 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { memo as d } from "react";
-import p from "../../../../assets/line-icons/icons/tick.js";
-import h from "../../../ui/layout/flex-view.js";
-import g from "../../../ui/separator/separator.js";
+import { memo as p } from "react";
+import h from "../../../../assets/line-icons/icons/tick.js";
+import g from "../../../ui/layout/flex-view.js";
+import x from "../../../ui/separator/separator.js";
 import o from "../../../ui/text/text.js";
-import { useTrialSessionContext as x } from "../../context/use-trial-session-context.js";
-import $ from "../slide-header/index.js";
-import { Container as u, GoalsWrapper as C, Goal as S } from "./session-overview-styled.js";
-import { getSessionConfig as v } from "./session-overview-utils.js";
-const y = d(function() {
-  const { slideConfig: s } = x(), { id: m } = s || {}, i = v(m);
-  return /* @__PURE__ */ r(u, { children: [
-    /* @__PURE__ */ e(g, { height: 60 }),
-    /* @__PURE__ */ e($, {}),
-    /* @__PURE__ */ e(C, { children: i && i.map((a, t) => {
-      const { title: c, period: n, image: l, archived: f } = a;
-      return /* @__PURE__ */ r(S, { $bgImage: l, children: [
+import { useTrialSessionContext as $ } from "../../context/use-trial-session-context.js";
+import u from "../slide-header/index.js";
+import { Container as C, GoalsWrapper as S, Goal as v } from "./session-overview-styled.js";
+import { getSessionConfig as w } from "./session-overview-utils.js";
+const D = p(function() {
+  const { slideConfig: s, demoType: m } = $(), { id: a } = s || {}, i = w(a, m);
+  return /* @__PURE__ */ r(C, { children: [
+    /* @__PURE__ */ e(x, { height: 60 }),
+    /* @__PURE__ */ e(u, {}),
+    /* @__PURE__ */ e(S, { children: i && i.map((c, l) => {
+      const { title: t, period: n, image: d, archived: f } = c;
+      return /* @__PURE__ */ r(v, { $bgImage: d, children: [
         /* @__PURE__ */ r(
-          h,
+          g,
           {
             $flexDirection: "row",
             $justifyContent: "flex-start",
             $alignItems: "center",
             $flexGap: 12,
             children: [
-              f ? /* @__PURE__ */ e(p, { height: 24, width: 20, color: "WHITE" }) : /* @__PURE__ */ e(o, { $renderAs: "ac2", children: t + 1 + ". " }),
-              /* @__PURE__ */ e(o, { $renderAs: "ac2", children: c })
+              f ? /* @__PURE__ */ e(h, { height: 24, width: 20, color: "WHITE" }) : /* @__PURE__ */ e(o, { $renderAs: "ac2", children: l + 1 + ". " }),
+              /* @__PURE__ */ e(o, { $renderAs: "ac2", children: t })
             ]
           }
         ),
@@ -35,6 +35,6 @@ const y = d(function() {
   ] });
 });
 export {
-  y as default
+  D as default
 };
 //# sourceMappingURL=session-overview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-overview.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\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 * as Styled from './session-overview-styled';\nimport { getSessionConfig } from './session-overview-utils';\n\nconst SessionOverview = memo(function SessionOverview() {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n\n  const sessionConfigs = getSessionConfig(id);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.GoalsWrapper>\n        {sessionConfigs &&\n          sessionConfigs.map((goal, index: number) => {\n            const { title, period, image, archived } = goal;\n\n            return (\n              <Styled.Goal key={`goal-${index}`} $bgImage={image}>\n                <FlexView\n                  $flexDirection=\"row\"\n                  $justifyContent=\"flex-start\"\n                  $alignItems=\"center\"\n                  $flexGap={12}\n                >\n                  {archived ? (\n                    <TickIcon height={24} width={20} color=\"WHITE\" />\n                  ) : (\n                    <Text $renderAs=\"ac2\">{index + 1 + '. '}</Text>\n                  )}\n                  <Text $renderAs=\"ac2\">{title}</Text>\n                </FlexView>\n                {period && (\n                  <Text $renderAs=\"ub2\" className=\"period-text\">\n                    {period}\n                  </Text>\n                )}\n              </Styled.Goal>\n            );\n          })}\n      </Styled.GoalsWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionOverview;\n"],"names":["SessionOverview","memo","slideConfig","useTrialSessionContext","id","sessionConfigs","getSessionConfig","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.GoalsWrapper","goal","index","title","period","image","archived","Styled.Goal","FlexView","TickIcon","Text"],"mappings":";;;;;;;;;;AAWM,MAAAA,IAAkBC,EAAK,WAA2B;AAChD,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,IAAAC,EAAA,IAAOF,KAAe,IAExBG,IAAiBC,EAAiBF,CAAE;AAGxC,SAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAF,EAACG,GAAA,EACE,eACCP,EAAe,IAAI,CAACQ,GAAMC,MAAkB;AAC1C,YAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,MAAaL;AAE3C,aACG,gBAAAN,EAAAY,GAAA,EAAkC,UAAUF,GAC3C,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,UAAU;AAAA,YAET,UAAA;AAAA,cAAAF,IACE,gBAAAT,EAAAY,GAAA,EAAS,QAAQ,IAAI,OAAO,IAAI,OAAM,QAAQ,CAAA,sBAE9CC,GAAK,EAAA,WAAU,OAAO,UAAAR,IAAQ,IAAI,MAAK;AAAA,cAEzC,gBAAAL,EAAAa,GAAA,EAAK,WAAU,OAAO,UAAMP,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/B;AAAA,QACCC,KACE,gBAAAP,EAAAa,GAAA,EAAK,WAAU,OAAM,WAAU,eAC7B,UACHN,GAAA;AAAA,MAjBc,EAAA,GAAA,QAAQF,CAAK,EAmB/B;AAAA,IAEH,CAAA,GACL;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"session-overview.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\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 * as Styled from './session-overview-styled';\nimport { getSessionConfig } from './session-overview-utils';\n\nconst SessionOverview = memo(function SessionOverview() {\n  const { slideConfig, demoType } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n\n  const sessionConfigs = getSessionConfig(id, demoType);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.GoalsWrapper>\n        {sessionConfigs &&\n          sessionConfigs.map((goal, index) => {\n            const { title, period, image, archived } = goal;\n\n            return (\n              <Styled.Goal key={`goal-${title}`} $bgImage={image}>\n                <FlexView\n                  $flexDirection=\"row\"\n                  $justifyContent=\"flex-start\"\n                  $alignItems=\"center\"\n                  $flexGap={12}\n                >\n                  {archived ? (\n                    <TickIcon height={24} width={20} color=\"WHITE\" />\n                  ) : (\n                    <Text $renderAs=\"ac2\">{index + 1 + '. '}</Text>\n                  )}\n                  <Text $renderAs=\"ac2\">{title}</Text>\n                </FlexView>\n                {period && (\n                  <Text $renderAs=\"ub2\" className=\"period-text\">\n                    {period}\n                  </Text>\n                )}\n              </Styled.Goal>\n            );\n          })}\n      </Styled.GoalsWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionOverview;\n"],"names":["SessionOverview","memo","slideConfig","demoType","useTrialSessionContext","id","sessionConfigs","getSessionConfig","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.GoalsWrapper","goal","index","title","period","image","archived","Styled.Goal","FlexView","TickIcon","Text"],"mappings":";;;;;;;;;;AAWM,MAAAA,IAAkBC,EAAK,WAA2B;AACtD,QAAM,EAAE,aAAAC,GAAa,UAAAC,EAAS,IAAIC,EAAuB,GACnD,EAAE,IAAAC,EAAA,IAAOH,KAAe,IAExBI,IAAiBC,EAAiBF,GAAIF,CAAQ;AAGlD,SAAA,gBAAAK,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAF,EAACG,GAAA,EACE,eACCP,EAAe,IAAI,CAACQ,GAAMC,MAAU;AAClC,YAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,MAAaL;AAE3C,aACG,gBAAAN,EAAAY,GAAA,EAAkC,UAAUF,GAC3C,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,UAAU;AAAA,YAET,UAAA;AAAA,cAAAF,IACE,gBAAAT,EAAAY,GAAA,EAAS,QAAQ,IAAI,OAAO,IAAI,OAAM,QAAQ,CAAA,sBAE9CC,GAAK,EAAA,WAAU,OAAO,UAAAR,IAAQ,IAAI,MAAK;AAAA,cAEzC,gBAAAL,EAAAa,GAAA,EAAK,WAAU,OAAO,UAAMP,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/B;AAAA,QACCC,KACE,gBAAAP,EAAAa,GAAA,EAAK,WAAU,OAAM,WAAU,eAC7B,UACHN,GAAA;AAAA,MAjBc,EAAA,GAAA,QAAQD,CAAK,EAmB/B;AAAA,IAEH,CAAA,GACL;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/session-progress-summary/session-progress-summary-styled.js

@@ -0,0 +1,61 @@
+import r from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+import n from "../../../../assets/line-icons/icons/check2.js";
+import p from "../../../../assets/line-icons/icons/bulb2.js";
+import i from "../../../../assets/line-icons/icons/cross.js";
+const d = r.div`
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+`, x = r(t)`
+  padding: 26px 14px 26px 44px;
+  border-right: 1px solid ${({ theme: o }) => o.colors.BLACK};
+  &:not(:last-child) {
+    border-bottom: 1px solid ${({ theme: o }) => o.colors.BLACK};
+  }
+`, m = r.div(
+  ({ theme: o }) => `
+  height: 1px;
+  margin: 24px 0px;
+  margin-left: 88px;
+  background-image: repeating-linear-gradient(
+    to right,
+    ${o.colors.WHITE_5} 0px,
+    ${o.colors.WHITE_5} 15px,
+    transparent 15px,
+    transparent 20px
+  );
+  &:last-child {
+    display: none;
+  }
+`
+), b = r(t)`
+  position: absolute;
+  top: 0;
+  left: 0;
+`, g = r(n)(
+  ({ theme: o }) => `
+  border-radius: 14px;
+  background-color: ${o.colors.GREEN_5};
+`
+), u = r(p)(
+  ({ theme: o }) => `
+  border-radius: 14px;
+  background-color: ${o.colors.YELLOW_5};
+`
+), h = r(i)(
+  ({ theme: o }) => `
+  border-radius: 14px;
+  background-color: ${o.colors.RED_4};
+`
+);
+export {
+  b as AbsoluteWrapper,
+  u as BulbIcon,
+  g as CheckIcon,
+  d as Container,
+  h as CrossIcon,
+  m as HorizontalDottedLine,
+  x as SummaryWrapper
+};
+//# sourceMappingURL=session-progress-summary-styled.js.map