@cuemath/leap 3.3.37 → 3.4.0

package/dist/features/talk-meter/talk-meter-view/talk-meter-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"talk-meter-view.js","sources":["../../../../src/features/talk-meter/talk-meter-view/talk-meter-view.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport 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 Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { getMeterColor } from '../helper';\nimport * as Styled from './talk-meter-view-styled';\n\nconst GENDER = {\n  MALE: 'MALE',\n  FEMALE: 'FEMALE',\n  OTHER: 'OTHER',\n};\n\ninterface ITalkMeterView {\n  stdName?: string;\n  tchName?: string;\n  stdRatio: number;\n  tchRatio: number;\n  tchGender: keyof typeof GENDER;\n  userType: TUserTypes;\n}\n\nconst TalkMeterView: FC<ITalkMeterView> = memo(props => {\n  const {\n    stdName = 'Student',\n    tchName = 'Teacher',\n    stdRatio,\n    tchRatio,\n    tchGender,\n    userType,\n  } = props;\n  const colors = getMeterColor(stdRatio);\n  const diff = Math.abs(tchRatio - stdRatio);\n  const isValid = tchRatio > 0 && stdRatio > 0 && diff < 95;\n  const isTeacher = userType === 'TEACHER';\n\n  if (!isValid) {\n    return (\n      <Styled.MeterWrapper\n        $gap={12}\n        $gutter={12}\n        $borderRadius={12}\n        $background=\"WHITE\"\n        $borderColor=\"GREY_2\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n      >\n        <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n          Oops! There was insufficient data to calculate your Talk Ratio.\n        </Text>\n      </Styled.MeterWrapper>\n    );\n  }\n\n  return (\n    <Styled.MeterWrapper\n      $gap={12}\n      $gutter={12}\n      $background=\"WHITE\"\n      $borderColor=\"GREY_2\"\n      $borderRadius={12}\n    >\n      <Text $renderAs=\"ub3-bold\" $align=\"center\">\n        50:50 TALK METER\n      </Text>\n\n      <Separator height={8} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Image src={ILLUSTRATIONS.ALIEN_4} width={20} height={20} withLoader />\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n            {isTeacher ? stdName : 'You'}\n          </Text>\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n            {isTeacher ? 'You' : tchName}\n          </Text>\n          <Image\n            src={\n              tchGender === GENDER.MALE ? ILLUSTRATIONS.MALE_AVATAR : ILLUSTRATIONS.FEMALE_AVATAR\n            }\n            width={20}\n            height={20}\n            withLoader\n          />\n        </FlexView>\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $gap={4}>\n        <FlexView\n          $height={8}\n          $width={`${stdRatio}%`}\n          $borderRadius={4}\n          $background={colors.STUDENT}\n        />\n        <FlexView\n          $height={8}\n          $width={`${tchRatio}%`}\n          $borderRadius={4}\n          $background={colors.TEACHER}\n        />\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"ab2-black\" $color={colors.STUDENT}>\n          {stdRatio} %\n        </Text>\n        <Text $renderAs=\"ab2-black\" $color={colors.TEACHER}>\n          {tchRatio} %\n        </Text>\n      </FlexView>\n    </Styled.MeterWrapper>\n  );\n});\n\nexport default TalkMeterView;\n"],"names":["GENDER","TalkMeterView","memo","props","stdName","tchName","stdRatio","tchRatio","tchGender","userType","colors","getMeterColor","diff","isValid","isTeacher","jsxs","Styled.MeterWrapper","jsx","Text","Separator","FlexView","Image","ILLUSTRATIONS"],"mappings":"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"}
+{"version":3,"file":"talk-meter-view.js","sources":["../../../../src/features/talk-meter/talk-meter-view/talk-meter-view.tsx"],"sourcesContent":["import type { FC } from 'react';\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 Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport type { TUserTypes } from '../../ui/types';\nimport { getMeterColor } from '../helper';\nimport * as Styled from './talk-meter-view-styled';\n\nconst GENDER = {\n  MALE: 'MALE',\n  FEMALE: 'FEMALE',\n  OTHER: 'OTHER',\n};\n\ninterface ITalkMeterView {\n  stdName?: string;\n  tchName?: string;\n  stdRatio: number;\n  tchRatio: number;\n  tchGender: keyof typeof GENDER;\n  userType: TUserTypes;\n}\n\nconst TalkMeterView: FC<ITalkMeterView> = memo(props => {\n  const {\n    stdName = 'Student',\n    tchName = 'Teacher',\n    stdRatio,\n    tchRatio,\n    tchGender,\n    userType,\n  } = props;\n  const colors = getMeterColor(stdRatio);\n  const diff = Math.abs(tchRatio - stdRatio);\n  const isValid = tchRatio > 0 && stdRatio > 0 && diff < 95;\n  const isTeacher = userType === 'TEACHER';\n\n  if (!isValid) {\n    return (\n      <Styled.MeterWrapper\n        $gap={12}\n        $gutter={12}\n        $borderRadius={12}\n        $background=\"WHITE\"\n        $borderColor=\"GREY_2\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n      >\n        <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n          Oops! There was insufficient data to calculate your Talk Ratio.\n        </Text>\n      </Styled.MeterWrapper>\n    );\n  }\n\n  return (\n    <Styled.MeterWrapper\n      $gap={12}\n      $gutter={12}\n      $background=\"WHITE\"\n      $borderColor=\"GREY_2\"\n      $borderRadius={12}\n    >\n      <Text $renderAs=\"ub3-bold\" $align=\"center\">\n        50:50 TALK METER\n      </Text>\n\n      <Separator height={8} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Image src={ILLUSTRATIONS.ALIEN_4} width={20} height={20} withLoader />\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n            {isTeacher ? stdName : 'You'}\n          </Text>\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n            {isTeacher ? 'You' : tchName}\n          </Text>\n          <Image\n            src={\n              tchGender === GENDER.MALE ? ILLUSTRATIONS.MALE_AVATAR : ILLUSTRATIONS.FEMALE_AVATAR\n            }\n            width={20}\n            height={20}\n            withLoader\n          />\n        </FlexView>\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $gap={4}>\n        <FlexView\n          $height={8}\n          $width={`${stdRatio}%`}\n          $borderRadius={4}\n          $background={colors.STUDENT}\n        />\n        <FlexView\n          $height={8}\n          $width={`${tchRatio}%`}\n          $borderRadius={4}\n          $background={colors.TEACHER}\n        />\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"ab2-black\" $color={colors.STUDENT}>\n          {stdRatio} %\n        </Text>\n        <Text $renderAs=\"ab2-black\" $color={colors.TEACHER}>\n          {tchRatio} %\n        </Text>\n      </FlexView>\n    </Styled.MeterWrapper>\n  );\n});\n\nexport default TalkMeterView;\n"],"names":["GENDER","TalkMeterView","memo","props","stdName","tchName","stdRatio","tchRatio","tchGender","userType","colors","getMeterColor","diff","isValid","isTeacher","jsxs","Styled.MeterWrapper","jsx","Text","Separator","FlexView","Image","ILLUSTRATIONS"],"mappings":"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"}

package/dist/features/talk-meter/talk-meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"talk-meter.js","sources":["../../../src/features/talk-meter/talk-meter.tsx"],"sourcesContent":["import type { ITalkMeterProps } from './talk-meter-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { getMeterColor } from './helper';\nimport { useTalkMeter } from './hooks/use-talk-meter';\nimport Ripple from './ripple';\nimport * as Styled from './talk-meter-styled';\nimport TalkMeterView from './talk-meter-view/talk-meter-view';\n\nconst TalkMeter: FC<ITalkMeterProps> = memo(props => {\n  const {\n    animated = true,\n    userType,\n    teacherId,\n    studentId,\n    studentName,\n    teacherName,\n    teacherGender,\n    classDuration,\n    classStartTime,\n    canDisplayBatch,\n    teacherTalkTime,\n    studentTalkTime,\n    avPackageEnabled,\n    teacherClassroomId,\n    lastBatchReceivedNo,\n    onDismissMeter,\n    onMessageReceive,\n  } = props;\n\n  const { canAnimateOut, canAnimateIn, stdRatio, tchRatio, handleDismiss } = useTalkMeter({\n    userType,\n    studentId,\n    teacherId,\n    classStartTime,\n    avPackageEnabled,\n    teacherClassroomId,\n    teacherTalkTime,\n    studentTalkTime,\n    lastBatchReceivedNo,\n    canDisplayBatch,\n    classDuration,\n    onMessageReceive,\n    onDismissMeter,\n  });\n\n  const colors = getMeterColor(stdRatio);\n  const isTeacher = userType === 'TEACHER';\n\n  return (\n    <Styled.Wrapper\n      $gutter={12}\n      $gap={12}\n      $isTeacher={isTeacher}\n      $animated={animated}\n      $canAnimateIn={canAnimateIn}\n      $canAnimateOut={canAnimateOut}\n    >\n      {animated && canAnimateIn && (\n        <>\n          <Ripple delay={800} withAudio color={colors.STUDENT} />\n          <Ripple delay={1050} withAudio={false} color={colors.STUDENT} />\n        </>\n      )}\n      <TalkMeterView\n        userType={userType}\n        tchName={teacherName}\n        stdName={studentName}\n        tchRatio={tchRatio}\n        stdRatio={stdRatio}\n        tchGender={teacherGender}\n      />\n      {animated && !isTeacher && <Styled.CloseIcon onClick={handleDismiss} />}\n    </Styled.Wrapper>\n  );\n});\n\nexport default TalkMeter;\n"],"names":["TalkMeter","memo","props","animated","userType","teacherId","studentId","studentName","teacherName","teacherGender","classDuration","classStartTime","canDisplayBatch","teacherTalkTime","studentTalkTime","avPackageEnabled","teacherClassroomId","lastBatchReceivedNo","onDismissMeter","onMessageReceive","canAnimateOut","canAnimateIn","stdRatio","tchRatio","handleDismiss","useTalkMeter","colors","getMeterColor","isTeacher","jsxs","Styled.Wrapper","Fragment","jsx","Ripple","TalkMeterView","Styled.CloseIcon","TalkMeter$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAiCC,EAAK,CAASC,MAAA;AAC7C,QAAA;AAAA,IACJ,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,EACE,IAAAjB,GAEE,EAAE,eAAAkB,GAAe,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,eAAAC,MAAkBC,EAAa;AAAA,IACtF,UAAArB;AAAA,IACA,WAAAE;AAAA,IACA,WAAAD;AAAA,IACA,gBAAAM;AAAA,IACA,kBAAAI;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAH;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAG;AAAA,IACA,iBAAAL;AAAA,IACA,eAAAF;AAAA,IACA,kBAAAS;AAAA,IACA,gBAAAD;AAAA,EAAA,CACD,GAEKQ,IAASC,EAAcL,CAAQ,GAC/BM,IAAYxB,MAAa;AAG7B,SAAA,gBAAAyB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAYF;AAAA,MACZ,WAAWzB;AAAA,MACX,eAAekB;AAAA,MACf,gBAAgBD;AAAA,MAEf,UAAA;AAAA,QAAAjB,KAAYkB,KAET,gBAAAQ,EAAAE,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACC,KAAO,OAAO,KAAK,WAAS,IAAC,OAAOP,EAAO,SAAS;AAAA,UACrD,gBAAAM,EAACC,KAAO,OAAO,MAAM,WAAW,IAAO,OAAOP,EAAO,SAAS;AAAA,QAAA,GAChE;AAAA,QAEF,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAA9B;AAAA,YACA,SAASI;AAAA,YACT,SAASD;AAAA,YACT,UAAAgB;AAAA,YACA,UAAAD;AAAA,YACA,WAAWb;AAAA,UAAA;AAAA,QACb;AAAA,QACCN,KAAY,CAACyB,KAAa,gBAAAI,EAACG,GAAA,EAAiB,SAASX,GAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3E,CAAC,GAEDY,IAAepC;"}
+{"version":3,"file":"talk-meter.js","sources":["../../../src/features/talk-meter/talk-meter.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo } from 'react';\n\nimport { getMeterColor } from './helper';\nimport { useTalkMeter } from './hooks/use-talk-meter';\nimport Ripple from './ripple';\nimport * as Styled from './talk-meter-styled';\nimport type { ITalkMeterProps } from './talk-meter-types';\nimport TalkMeterView from './talk-meter-view/talk-meter-view';\n\nconst TalkMeter: FC<ITalkMeterProps> = memo(props => {\n  const {\n    animated = true,\n    userType,\n    teacherId,\n    studentId,\n    studentName,\n    teacherName,\n    teacherGender,\n    classDuration,\n    classStartTime,\n    canDisplayBatch,\n    teacherTalkTime,\n    studentTalkTime,\n    avPackageEnabled,\n    teacherClassroomId,\n    lastBatchReceivedNo,\n    onDismissMeter,\n    onMessageReceive,\n  } = props;\n\n  const { canAnimateOut, canAnimateIn, stdRatio, tchRatio, handleDismiss } = useTalkMeter({\n    userType,\n    studentId,\n    teacherId,\n    classStartTime,\n    avPackageEnabled,\n    teacherClassroomId,\n    teacherTalkTime,\n    studentTalkTime,\n    lastBatchReceivedNo,\n    canDisplayBatch,\n    classDuration,\n    onMessageReceive,\n    onDismissMeter,\n  });\n\n  const colors = getMeterColor(stdRatio);\n  const isTeacher = userType === 'TEACHER';\n\n  return (\n    <Styled.Wrapper\n      $gutter={12}\n      $gap={12}\n      $isTeacher={isTeacher}\n      $animated={animated}\n      $canAnimateIn={canAnimateIn}\n      $canAnimateOut={canAnimateOut}\n    >\n      {animated && canAnimateIn && (\n        <>\n          <Ripple delay={800} withAudio color={colors.STUDENT} />\n          <Ripple delay={1050} withAudio={false} color={colors.STUDENT} />\n        </>\n      )}\n      <TalkMeterView\n        userType={userType}\n        tchName={teacherName}\n        stdName={studentName}\n        tchRatio={tchRatio}\n        stdRatio={stdRatio}\n        tchGender={teacherGender}\n      />\n      {animated && !isTeacher && <Styled.CloseIcon onClick={handleDismiss} />}\n    </Styled.Wrapper>\n  );\n});\n\nexport default TalkMeter;\n"],"names":["TalkMeter","memo","props","animated","userType","teacherId","studentId","studentName","teacherName","teacherGender","classDuration","classStartTime","canDisplayBatch","teacherTalkTime","studentTalkTime","avPackageEnabled","teacherClassroomId","lastBatchReceivedNo","onDismissMeter","onMessageReceive","canAnimateOut","canAnimateIn","stdRatio","tchRatio","handleDismiss","useTalkMeter","colors","getMeterColor","isTeacher","jsxs","Styled.Wrapper","Fragment","jsx","Ripple","TalkMeterView","Styled.CloseIcon","TalkMeter$1"],"mappings":";;;;;;;AAUA,MAAMA,IAAiCC,EAAK,CAASC,MAAA;AAC7C,QAAA;AAAA,IACJ,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,EACE,IAAAjB,GAEE,EAAE,eAAAkB,GAAe,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,eAAAC,MAAkBC,EAAa;AAAA,IACtF,UAAArB;AAAA,IACA,WAAAE;AAAA,IACA,WAAAD;AAAA,IACA,gBAAAM;AAAA,IACA,kBAAAI;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAH;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAG;AAAA,IACA,iBAAAL;AAAA,IACA,eAAAF;AAAA,IACA,kBAAAS;AAAA,IACA,gBAAAD;AAAA,EAAA,CACD,GAEKQ,IAASC,EAAcL,CAAQ,GAC/BM,IAAYxB,MAAa;AAG7B,SAAA,gBAAAyB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAYF;AAAA,MACZ,WAAWzB;AAAA,MACX,eAAekB;AAAA,MACf,gBAAgBD;AAAA,MAEf,UAAA;AAAA,QAAAjB,KAAYkB,KAET,gBAAAQ,EAAAE,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACC,KAAO,OAAO,KAAK,WAAS,IAAC,OAAOP,EAAO,SAAS;AAAA,UACrD,gBAAAM,EAACC,KAAO,OAAO,MAAM,WAAW,IAAO,OAAOP,EAAO,SAAS;AAAA,QAAA,GAChE;AAAA,QAEF,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAA9B;AAAA,YACA,SAASI;AAAA,YACT,SAASD;AAAA,YACT,UAAAgB;AAAA,YACA,UAAAD;AAAA,YACA,WAAWb;AAAA,UAAA;AAAA,QACb;AAAA,QACCN,KAAY,CAACyB,KAAa,gBAAAI,EAACG,GAAA,EAAiB,SAASX,GAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3E,CAAC,GAEDY,IAAepC;"}

package/dist/features/trial-session/api/course-stream.js.map

@@ -1 +1 @@
-{"version":3,"file":"course-stream.js","sources":["../../../../src/features/trial-session/api/course-stream.ts"],"sourcesContent":["import type { TPreferenceSchema } from '../trial-session-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\ntype TPreferencesBody = {\n  preferences: TPreferenceSchema[];\n};\n\ntype TPreferencesMeta = {\n  stream: string;\n  studentId: string;\n};\n\nconst { usePost: usePostStudentPreferences } = createPostAPI<\n  { id: string },\n  TPreferencesBody,\n  TPreferencesMeta\n>({\n  getURL: (_, { studentId, stream }) =>\n    `${BASE_URL_V1}/students/${studentId}/course-streams/${stream}/preferences/`,\n});\n\nexport { usePostStudentPreferences };\n"],"names":["usePostStudentPreferences","createPostAPI","_","studentId","stream","BASE_URL_V1"],"mappings":";;AAeA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAI7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,GAAW,QAAAC,EAAA,MACvB,GAAGC,CAAW,aAAaF,CAAS,mBAAmBC,CAAM;AACjE,CAAC;"}
+{"version":3,"file":"course-stream.js","sources":["../../../../src/features/trial-session/api/course-stream.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport type { TPreferenceSchema } from '../trial-session-types';\n\ntype TPreferencesBody = {\n  preferences: TPreferenceSchema[];\n};\n\ntype TPreferencesMeta = {\n  stream: string;\n  studentId: string;\n};\n\nconst { usePost: usePostStudentPreferences } = createPostAPI<\n  { id: string },\n  TPreferencesBody,\n  TPreferencesMeta\n>({\n  getURL: (_, { studentId, stream }) =>\n    `${BASE_URL_V1}/students/${studentId}/course-streams/${stream}/preferences/`,\n});\n\nexport { usePostStudentPreferences };\n"],"names":["usePostStudentPreferences","createPostAPI","_","studentId","stream","BASE_URL_V1"],"mappings":";;AAcA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAI7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,GAAW,QAAAC,EAAA,MACvB,GAAGC,CAAW,aAAaF,CAAS,mBAAmBC,CAAM;AACjE,CAAC;"}

package/dist/features/trial-session/api/trial-home.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-home.js","sources":["../../../../src/features/trial-session/api/trial-home.ts"],"sourcesContent":["import type { TSessionInsightsData } from '../comps/session-insights/session-insights-types';\nimport type { TSessionReportData } from '../comps/session-report/session-report-types';\nimport type { ITrialHomeData } from '../trial-session-types';\n\nimport { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1, BASE_URL_V2 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\n\ninterface IGetTrailHomeQuery {\n  teacher_id: string;\n  student_id: string;\n  viewer: string;\n}\n\ninterface ISessionInsightsQuery {\n  student_level: string;\n  student_name: string;\n}\n\nconst { useGet: useGetTrialHome, invalidate: invalidateTrialHome } = createGetAPI<\n  ITrialHomeData,\n  IGetTrailHomeQuery\n>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/home/v2/?${stringify(query)}`,\n});\n\nconst { usePatch: usePatchTrialHome } = createPatchAPI({\n  getURL: () => `${BASE_URL_V1}/trial/home/v2/`,\n});\n\nconst { useGet: useGetSessionInsights } = createGetAPI<TSessionInsightsData>({\n  getURL: userAttemptId => `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report`,\n});\n\nconst { useGet: useGetSessionReports } = createGetAPI<TSessionReportData, ISessionInsightsQuery>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v2/?${stringify(query)}`,\n});\n\nexport {\n  useGetTrialHome,\n  usePatchTrialHome,\n  invalidateTrialHome,\n  useGetSessionReports,\n  useGetSessionInsights,\n};\n"],"names":["useGetTrialHome","invalidateTrialHome","createGetAPI","_","query","BASE_URL_V1","stringify","usePatchTrialHome","createPatchAPI","useGetSessionInsights","userAttemptId","BASE_URL_V2","useGetSessionReports"],"mappings":";;;AAoBA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAGnE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC,GAEK,EAAE,UAAUG,EAAkB,IAAIC,EAAe;AAAA,EACrD,QAAQ,MAAM,GAAGH,CAAW;AAC9B,CAAC,GAEK,EAAE,QAAQI,EAAsB,IAAIP,EAAmC;AAAA,EAC3E,QAAQ,CAAAQ,MAAiB,GAAGC,CAAW,kBAAkBD,CAAa;AACxE,CAAC,GAEK,EAAE,QAAQE,EAAqB,IAAIV,EAAwD;AAAA,EAC/F,QAAQ,CAACQ,GAAeN,MACtB,GAAGO,CAAW,kBAAkBD,CAAa,gCAAgCJ,EAAUF,CAAK,CAAC;AACjG,CAAC;"}
+{"version":3,"file":"trial-home.js","sources":["../../../../src/features/trial-session/api/trial-home.ts"],"sourcesContent":["import { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1, BASE_URL_V2 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\nimport type { TSessionInsightsData } from '../comps/session-insights/session-insights-types';\nimport type { TSessionReportData } from '../comps/session-report/session-report-types';\nimport type { ITrialHomeData } from '../trial-session-types';\n\ninterface IGetTrailHomeQuery {\n  teacher_id: string;\n  student_id: string;\n  viewer: string;\n}\n\ninterface ISessionInsightsQuery {\n  student_level: string;\n  student_name: string;\n}\n\nconst { useGet: useGetTrialHome, invalidate: invalidateTrialHome } = createGetAPI<\n  ITrialHomeData,\n  IGetTrailHomeQuery\n>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/home/v2/?${stringify(query)}`,\n});\n\nconst { usePatch: usePatchTrialHome } = createPatchAPI({\n  getURL: () => `${BASE_URL_V1}/trial/home/v2/`,\n});\n\nconst { useGet: useGetSessionInsights } = createGetAPI<TSessionInsightsData>({\n  getURL: userAttemptId => `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report`,\n});\n\nconst { useGet: useGetSessionReports } = createGetAPI<TSessionReportData, ISessionInsightsQuery>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v2/?${stringify(query)}`,\n});\n\nexport {\n  useGetTrialHome,\n  usePatchTrialHome,\n  invalidateTrialHome,\n  useGetSessionReports,\n  useGetSessionInsights,\n};\n"],"names":["useGetTrialHome","invalidateTrialHome","createGetAPI","_","query","BASE_URL_V1","stringify","usePatchTrialHome","createPatchAPI","useGetSessionInsights","userAttemptId","BASE_URL_V2","useGetSessionReports"],"mappings":";;;AAmBA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAGnE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC,GAEK,EAAE,UAAUG,EAAkB,IAAIC,EAAe;AAAA,EACrD,QAAQ,MAAM,GAAGH,CAAW;AAC9B,CAAC,GAEK,EAAE,QAAQI,EAAsB,IAAIP,EAAmC;AAAA,EAC3E,QAAQ,CAAAQ,MAAiB,GAAGC,CAAW,kBAAkBD,CAAa;AACxE,CAAC,GAEK,EAAE,QAAQE,EAAqB,IAAIV,EAAwD;AAAA,EAC/F,QAAQ,CAACQ,GAAeN,MACtB,GAAGO,CAAW,kBAAkBD,CAAa,gCAAgCJ,EAAUF,CAAK,CAAC;AACjG,CAAC;"}

package/dist/features/trial-session/api/trial-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-nodes.js","sources":["../../../../src/features/trial-session/api/trial-nodes.ts"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../types/models/worksheet';\n\nimport { createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../constants/api';\n\nconst { usePatch: useResumeTrialWorksheet } = createPatchAPI<\n  IResumeWorksheetModel,\n  Record<string, unknown>\n>({\n  getURL: studentId => `${BASE_URL_V2}/students/${studentId}/nodes/trial/resume/`,\n});\n\nexport { useResumeTrialWorksheet };\n"],"names":["useResumeTrialWorksheet","createPatchAPI","studentId","BASE_URL_V2"],"mappings":";;AAMA,MAAM,EAAE,UAAUA,EAAwB,IAAIC,EAG5C;AAAA,EACA,QAAQ,CAAAC,MAAa,GAAGC,CAAW,aAAaD,CAAS;AAC3D,CAAC;"}
+{"version":3,"file":"trial-nodes.js","sources":["../../../../src/features/trial-session/api/trial-nodes.ts"],"sourcesContent":["import { createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../constants/api';\nimport type { IResumeWorksheetModel } from '../../../types/models/worksheet';\n\nconst { usePatch: useResumeTrialWorksheet } = createPatchAPI<\n  IResumeWorksheetModel,\n  Record<string, unknown>\n>({\n  getURL: studentId => `${BASE_URL_V2}/students/${studentId}/nodes/trial/resume/`,\n});\n\nexport { useResumeTrialWorksheet };\n"],"names":["useResumeTrialWorksheet","createPatchAPI","studentId","BASE_URL_V2"],"mappings":";;AAKA,MAAM,EAAE,UAAUA,EAAwB,IAAIC,EAG5C;AAAA,EACA,QAAQ,CAAAC,MAAa,GAAGC,CAAW,aAAaD,CAAS;AAC3D,CAAC;"}

package/dist/features/trial-session/api/trial-pricing.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-pricing.js","sources":["../../../../src/features/trial-session/api/trial-pricing.ts"],"sourcesContent":["import type { ITrialPricingPlan } from '../comps/pricing/pricing-typed';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\n\ninterface IGetPricingQuery {\n  student_id: string;\n}\n\nconst { useGet: useGetTrialPricing } = createGetAPI<ITrialPricingPlan, IGetPricingQuery>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/pricing/v2/?${stringify(query)}`,\n});\n\nexport { useGetTrialPricing };\n"],"names":["useGetTrialPricing","createGetAPI","_","query","BASE_URL_V1","stringify"],"mappings":";;;AAWA,MAAM,EAAE,QAAQA,EAAmB,IAAIC,EAAkD;AAAA,EACvF,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,sBAAsBC,EAAUF,CAAK,CAAC;AAC5E,CAAC;"}
+{"version":3,"file":"trial-pricing.js","sources":["../../../../src/features/trial-session/api/trial-pricing.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\nimport type { ITrialPricingPlan } from '../comps/pricing/pricing-typed';\n\ninterface IGetPricingQuery {\n  student_id: string;\n}\n\nconst { useGet: useGetTrialPricing } = createGetAPI<ITrialPricingPlan, IGetPricingQuery>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/pricing/v2/?${stringify(query)}`,\n});\n\nexport { useGetTrialPricing };\n"],"names":["useGetTrialPricing","createGetAPI","_","query","BASE_URL_V1","stringify"],"mappings":";;;AAUA,MAAM,EAAE,QAAQA,EAAmB,IAAIC,EAAkD;AAAA,EACvF,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,sBAAsBC,EAAUF,CAAK,CAAC;AAC5E,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/about-cuemath/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Image from '../../../ui/image/image';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { aboutCuemathData } from './about-cuemath-constants';\nimport * as Styled from './about-cuemath-styled';\n\nconst AboutCuemath: React.FC = () => (\n  <Styled.Container $flexDirection=\"row\">\n    {aboutCuemathData.map(({ id, title, subtitle, icon }) => {\n      return (\n        <Styled.Feature key={id} $alignItems=\"center\">\n          <Image withLoader={false} src={icon} width={40} height={40} />\n          <Separator height={4} />\n          <Text $renderAs=\"ab3-black\">{title}</Text>\n          <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n            {subtitle}\n          </Text>\n        </Styled.Feature>\n      );\n    })}\n  </Styled.Container>\n);\n\nexport default AboutCuemath;\n"],"names":["AboutCuemath","jsx","Styled.Container","aboutCuemathData","id","title","subtitle","icon","jsxs","Styled.Feature","Image","Separator","Text"],"mappings":";;;;;;AAQA,MAAMA,IAAyB,MAC7B,gBAAAC,EAACC,GAAA,EAAiB,gBAAe,OAC9B,UAAiBC,EAAA,IAAI,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,MAAAC,QAEzC,gBAAAC,EAAAC,GAAA,EAAwB,aAAY,UACnC,UAAA;AAAA,EAAC,gBAAAR,EAAAS,GAAA,EAAM,YAAY,IAAO,KAAKH,GAAM,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,EAC5D,gBAAAN,EAACU,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACrB,gBAAAV,EAAAW,GAAA,EAAK,WAAU,aAAa,UAAMP,GAAA;AAAA,oBAClCO,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHN,GAAA;AAAA,EAAA,GANmBF,CAOrB,CAEH,EACH,CAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/about-cuemath/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport Image from '../../../ui/image/image';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { aboutCuemathData } from './about-cuemath-constants';\nimport * as Styled from './about-cuemath-styled';\n\nconst AboutCuemath: FC = () => (\n  <Styled.Container $flexDirection=\"row\">\n    {aboutCuemathData.map(({ id, title, subtitle, icon }) => {\n      return (\n        <Styled.Feature key={id} $alignItems=\"center\">\n          <Image withLoader={false} src={icon} width={40} height={40} />\n          <Separator height={4} />\n          <Text $renderAs=\"ab3-black\">{title}</Text>\n          <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n            {subtitle}\n          </Text>\n        </Styled.Feature>\n      );\n    })}\n  </Styled.Container>\n);\n\nexport default AboutCuemath;\n"],"names":["AboutCuemath","jsx","Styled.Container","aboutCuemathData","id","title","subtitle","icon","jsxs","Styled.Feature","Image","Separator","Text"],"mappings":";;;;;;AAQA,MAAMA,IAAmB,MACvB,gBAAAC,EAACC,GAAA,EAAiB,gBAAe,OAC9B,UAAiBC,EAAA,IAAI,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,MAAAC,QAEzC,gBAAAC,EAAAC,GAAA,EAAwB,aAAY,UACnC,UAAA;AAAA,EAAC,gBAAAR,EAAAS,GAAA,EAAM,YAAY,IAAO,KAAKH,GAAM,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,EAC5D,gBAAAN,EAACU,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACrB,gBAAAV,EAAAW,GAAA,EAAK,WAAU,aAAa,UAAMP,GAAA;AAAA,oBAClCO,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHN,GAAA;AAAA,EAAA,GANmBF,CAOrB,CAEH,EACH,CAAA;"}

package/dist/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.tsx"],"sourcesContent":["import type { IStudentAVPanelProps } from './student-av-panel-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport User2Icon from '../../../../../assets/line-icons/icons/user2';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport * as Styled from './student-av-panel-styled';\n\nconst StudentAVPanel: FC<IStudentAVPanelProps> = memo(({ insideLeftPanel }) => {\n  const { studentPanel, trialHomeData, isTeacher } = useTrialSessionContext();\n  const { student, parent } = trialHomeData;\n  const { name: studentName, grade } = student;\n  const { name: parentName } = parent;\n\n  return (\n    <Styled.Container $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {studentPanel}\n      {isTeacher && (\n        <Styled.AbsoluteWrapper $gapX={0.75} $gutterX={0.75} $flexRowGap={0.125}>\n          <Text $renderAs={insideLeftPanel ? 'ac4-black' : 'ac3-black'} $color=\"WHITE\">\n            {studentName || ''} / G{grade || ''}\n          </Text>\n          <Styled.ParentInfoWrapper\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.125}\n            $alignItems=\"center\"\n            $insideLeftPanel={insideLeftPanel}\n          >\n            <User2Icon\n              width={insideLeftPanel ? 16 : 24}\n              height={insideLeftPanel ? 16 : 24}\n              color=\"WHITE\"\n            />\n            <Text $renderAs={insideLeftPanel ? 'ub3' : 'ac3-black'} $color=\"WHITE\">\n              {parentName || ''}\n            </Text>\n          </Styled.ParentInfoWrapper>\n        </Styled.AbsoluteWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentAVPanel;\n"],"names":["StudentAVPanel","memo","insideLeftPanel","studentPanel","trialHomeData","isTeacher","useTrialSessionContext","student","parent","studentName","grade","parentName","jsxs","Styled.Container","Styled.AbsoluteWrapper","Text","Styled.ParentInfoWrapper","jsx","User2Icon"],"mappings":";;;;;;AAUA,MAAMA,IAA2CC,EAAK,CAAC,EAAE,iBAAAC,QAAsB;AAC7E,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,WAAAC,MAAcC,EAAuB,GACpE,EAAE,SAAAC,GAAS,QAAAC,EAAW,IAAAJ,GACtB,EAAE,MAAMK,GAAa,OAAAC,EAAA,IAAUH,GAC/B,EAAE,MAAMI,EAAe,IAAAH;AAG3B,SAAA,gBAAAI,EAACC,GAAA,EAAiB,WAAU,YAAW,QAAO,QAAO,SAAQ,QAC1D,UAAA;AAAA,IAAAV;AAAA,IACAE,KACE,gBAAAO,EAAAE,GAAA,EAAuB,OAAO,MAAM,UAAU,MAAM,aAAa,OAChE,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAK,WAAWb,IAAkB,cAAc,aAAa,QAAO,SAClE,UAAA;AAAA,QAAeO,KAAA;AAAA,QAAG;AAAA,QAAKC,KAAS;AAAA,MAAA,GACnC;AAAA,MACA,gBAAAE;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,aAAY;AAAA,UACZ,kBAAkBd;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAe;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAOhB,IAAkB,KAAK;AAAA,gBAC9B,QAAQA,IAAkB,KAAK;AAAA,gBAC/B,OAAM;AAAA,cAAA;AAAA,YACR;AAAA,YACA,gBAAAe,EAACF,KAAK,WAAWb,IAAkB,QAAQ,aAAa,QAAO,SAC5D,UAAAS,KAAc,GACjB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo } from 'react';\n\nimport User2Icon from '../../../../../assets/line-icons/icons/user2';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport * as Styled from './student-av-panel-styled';\nimport type { IStudentAVPanelProps } from './student-av-panel-types';\n\nconst StudentAVPanel: FC<IStudentAVPanelProps> = memo(({ insideLeftPanel }) => {\n  const { studentPanel, trialHomeData, isTeacher } = useTrialSessionContext();\n  const { student, parent } = trialHomeData;\n  const { name: studentName, grade } = student;\n  const { name: parentName } = parent;\n\n  return (\n    <Styled.Container $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {studentPanel}\n      {isTeacher && (\n        <Styled.AbsoluteWrapper $gapX={0.75} $gutterX={0.75} $flexRowGap={0.125}>\n          <Text $renderAs={insideLeftPanel ? 'ac4-black' : 'ac3-black'} $color=\"WHITE\">\n            {studentName || ''} / G{grade || ''}\n          </Text>\n          <Styled.ParentInfoWrapper\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.125}\n            $alignItems=\"center\"\n            $insideLeftPanel={insideLeftPanel}\n          >\n            <User2Icon\n              width={insideLeftPanel ? 16 : 24}\n              height={insideLeftPanel ? 16 : 24}\n              color=\"WHITE\"\n            />\n            <Text $renderAs={insideLeftPanel ? 'ub3' : 'ac3-black'} $color=\"WHITE\">\n              {parentName || ''}\n            </Text>\n          </Styled.ParentInfoWrapper>\n        </Styled.AbsoluteWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentAVPanel;\n"],"names":["StudentAVPanel","memo","insideLeftPanel","studentPanel","trialHomeData","isTeacher","useTrialSessionContext","student","parent","studentName","grade","parentName","jsxs","Styled.Container","Styled.AbsoluteWrapper","Text","Styled.ParentInfoWrapper","jsx","User2Icon"],"mappings":";;;;;;AASA,MAAMA,IAA2CC,EAAK,CAAC,EAAE,iBAAAC,QAAsB;AAC7E,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,WAAAC,MAAcC,EAAuB,GACpE,EAAE,SAAAC,GAAS,QAAAC,EAAW,IAAAJ,GACtB,EAAE,MAAMK,GAAa,OAAAC,EAAA,IAAUH,GAC/B,EAAE,MAAMI,EAAe,IAAAH;AAG3B,SAAA,gBAAAI,EAACC,GAAA,EAAiB,WAAU,YAAW,QAAO,QAAO,SAAQ,QAC1D,UAAA;AAAA,IAAAV;AAAA,IACAE,KACE,gBAAAO,EAAAE,GAAA,EAAuB,OAAO,MAAM,UAAU,MAAM,aAAa,OAChE,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAK,WAAWb,IAAkB,cAAc,aAAa,QAAO,SAClE,UAAA;AAAA,QAAeO,KAAA;AAAA,QAAG;AAAA,QAAKC,KAAS;AAAA,MAAA,GACnC;AAAA,MACA,gBAAAE;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,aAAY;AAAA,UACZ,kBAAkBd;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAe;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAOhB,IAAkB,KAAK;AAAA,gBAC9B,QAAQA,IAAkB,KAAK;AAAA,gBAC/B,OAAM;AAAA,cAAA;AAAA,YACR;AAAA,YACA,gBAAAe,EAACF,KAAK,WAAWb,IAAkB,QAAQ,aAAa,QAAO,SAC5D,UAAAS,KAAc,GACjB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/av-panels/teacher-av-panel/teacher-av-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/teacher-av-panel/teacher-av-panel.tsx"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { fetchLottie } from '../../../../ui/lottie-animation/helper';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { EClassTimeAlertLevel } from '../../../trial-session-types';\nimport Clock from '../../clock/clock';\nimport CountdownProgressBar from '../../countdown-progress-bar/countdown-progress-bar';\nimport * as Styled from './teacher-av-panel-styled';\n\nconst TeacherAVPanel: FC = memo(() => {\n  const {\n    teacherPanel,\n    classStartedOn,\n    isTeacher,\n    trialHomeData,\n    classTimeAlertConfig,\n    classDuration,\n  } = useTrialSessionContext();\n  const {\n    alertLevel: classTimeAlertLevel,\n    isVisible: showClassTimeAlert,\n    onComplete: onClassTimeAlertComplete,\n  } = classTimeAlertConfig ?? {};\n  const lottieContainer = useRef<HTMLDivElement>(null);\n  const lottieInstance = useRef<AnimationItem | null>(null);\n  const [showText, setShowText] = useState(false);\n  const [showOverlay, setShowOverlay] = useState(false);\n  const [timeLeft, setTimeLeft] = useState(0);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n\n  const { teacher } = trialHomeData;\n  const { name } = teacher;\n\n  const playClassTimeAlertAnimation = useCallback(\n    async (type: string) => {\n      if (!lottieContainer.current || !type) return;\n\n      try {\n        const clockLottiePath =\n          type === EClassTimeAlertLevel.FIVE_MIN ? LOTTIE.FIVE_MIN_CLOCK : LOTTIE.FIFTEEN_MIN_CLOCK;\n        const animationData = await fetchLottie(clockLottiePath);\n\n        setShowOverlay(true);\n\n        const instance = Lottie.loadAnimation({\n          container: lottieContainer.current,\n          renderer: 'svg',\n          loop: false,\n          autoplay: false,\n          animationData,\n        });\n\n        lottieInstance.current = instance;\n        lottieInstance.current.play();\n\n        if (audioRef.current) {\n          audioRef.current.currentTime = 0;\n          audioRef.current.play();\n        }\n\n        setTimeout(() => setShowText(true), 233);\n\n        lottieInstance.current.addEventListener('complete', () => {\n          lottieInstance.current?.destroy();\n          lottieInstance.current = null;\n          setShowText(false);\n          setShowOverlay(false);\n          onClassTimeAlertComplete?.();\n        });\n      } catch (error) {\n        return null;\n      }\n    },\n    [onClassTimeAlertComplete],\n  );\n\n  const getRemainingTime = useCallback(() => {\n    if (!classStartedOn || !classDuration) return 0;\n\n    const currentTime = Date.now();\n    const startTime = new Date(classStartedOn).getTime();\n    const timeRemaining = classDuration - (currentTime - startTime) / 1000;\n\n    return timeRemaining;\n  }, [classDuration, classStartedOn]);\n\n  const updateTimeLeft = useCallback(() => {\n    const remainingTime = getRemainingTime();\n\n    setTimeLeft(remainingTime);\n  }, [getRemainingTime]);\n\n  const startCountdownPolling = useCallback(() => {\n    if (timerRef.current) {\n      clearInterval(timerRef.current);\n      timerRef.current = null;\n    }\n    updateTimeLeft();\n    timerRef.current = setInterval(() => {\n      updateTimeLeft();\n    }, 5000);\n  }, [updateTimeLeft]);\n\n  useEffect(() => {\n    if (classTimeAlertLevel && showClassTimeAlert) {\n      playClassTimeAlertAnimation(classTimeAlertLevel);\n    }\n  }, [classTimeAlertLevel, playClassTimeAlertAnimation, showClassTimeAlert]);\n\n  useEffect(() => {\n    if (classTimeAlertLevel && classTimeAlertLevel === EClassTimeAlertLevel.FIVE_MIN) {\n      startCountdownPolling();\n    }\n\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [classTimeAlertLevel, startCountdownPolling]);\n\n  useEffect(() => {\n    const loadAudio = async (alertLevel: EClassTimeAlertLevel) => {\n      const audio = new Audio(\n        `https://static.qumath.in/static/intel-student/cmpress/${\n          alertLevel === EClassTimeAlertLevel.FIFTEEN_MIN ? '15-min-reminder' : '5-min-reminder'\n        }.mp3`,\n      );\n\n      audioRef.current = audio;\n    };\n\n    if (classTimeAlertLevel) {\n      loadAudio(classTimeAlertLevel);\n    }\n\n    return () => {\n      audioRef.current = null;\n    };\n  }, [classTimeAlertLevel]);\n\n  const showCountdownProgressBar =\n    classTimeAlertLevel === EClassTimeAlertLevel.FIVE_MIN && timeLeft > 0 && isTeacher;\n\n  return (\n    <FlexView $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {teacherPanel}\n      {isTeacher && (\n        <Styled.AnimationContainer\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"BLACK_T_60\"\n          $visible={showOverlay}\n        >\n          <FlexView ref={lottieContainer} $width={80} $height={80} />\n          {classTimeAlertLevel && (\n            <Styled.TextFadeIn\n              $visible={showText}\n              $renderAs=\"ac3\"\n              $color=\"WHITE\"\n              className=\"fade-in\"\n            >\n              {classTimeAlertLevel === '15min' ? `15 MIN REMAINING` : `5 MIN REMAINING`}\n            </Styled.TextFadeIn>\n          )}\n        </Styled.AnimationContainer>\n      )}\n      {showCountdownProgressBar && (\n        <Styled.ProgressWrapper $width={'100%'}>\n          <CountdownProgressBar value={timeLeft} maxValue={300} />\n        </Styled.ProgressWrapper>\n      )}\n      {classStartedOn && isTeacher && (\n        <Styled.TimerWrapper\n          $background={\n            classTimeAlertLevel === '15min'\n              ? 'YELLOW_4'\n              : classTimeAlertLevel === '5min'\n                ? 'ORANGE_4'\n                : 'GREEN_4'\n          }\n          $gapX={0.25}\n          $gutterX={0.5}\n          $justifyContent=\"center\"\n        >\n          <Clock startTime={classStartedOn} textRenderAs=\"ac3\" textColor=\"BLACK_T_87\" />\n        </Styled.TimerWrapper>\n      )}\n      {name && !isTeacher && (\n        <Styled.TeacherNameWrapper $gapX={0.75} $gutterX={0.75} $width=\"100%\">\n          <Text $renderAs=\"ac3-black\" $color=\"WHITE\">\n            {name}\n          </Text>\n        </Styled.TeacherNameWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default TeacherAVPanel;\n"],"names":["TeacherAVPanel","memo","teacherPanel","classStartedOn","isTeacher","trialHomeData","classTimeAlertConfig","classDuration","useTrialSessionContext","classTimeAlertLevel","showClassTimeAlert","onClassTimeAlertComplete","lottieContainer","useRef","lottieInstance","showText","setShowText","useState","showOverlay","setShowOverlay","timeLeft","setTimeLeft","timerRef","audioRef","teacher","name","playClassTimeAlertAnimation","useCallback","type","clockLottiePath","EClassTimeAlertLevel","LOTTIE","animationData","fetchLottie","instance","Lottie","_a","getRemainingTime","currentTime","startTime","updateTimeLeft","remainingTime","startCountdownPolling","useEffect","alertLevel","audio","showCountdownProgressBar","FlexView","jsxs","Styled.AnimationContainer","jsx","Styled.TextFadeIn","Styled.ProgressWrapper","CountdownProgressBar","Styled.TimerWrapper","Clock","Styled.TeacherNameWrapper","Text"],"mappings":"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"}
+{"version":3,"file":"teacher-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/teacher-av-panel/teacher-av-panel.tsx"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\nimport Lottie from 'lottie-web';\nimport type { FC } from 'react';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { fetchLottie } from '../../../../ui/lottie-animation/helper';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { EClassTimeAlertLevel } from '../../../trial-session-types';\nimport Clock from '../../clock/clock';\nimport CountdownProgressBar from '../../countdown-progress-bar/countdown-progress-bar';\nimport * as Styled from './teacher-av-panel-styled';\n\nconst TeacherAVPanel: FC = memo(() => {\n  const {\n    teacherPanel,\n    classStartedOn,\n    isTeacher,\n    trialHomeData,\n    classTimeAlertConfig,\n    classDuration,\n  } = useTrialSessionContext();\n  const {\n    alertLevel: classTimeAlertLevel,\n    isVisible: showClassTimeAlert,\n    onComplete: onClassTimeAlertComplete,\n  } = classTimeAlertConfig ?? {};\n  const lottieContainer = useRef<HTMLDivElement>(null);\n  const lottieInstance = useRef<AnimationItem | null>(null);\n  const [showText, setShowText] = useState(false);\n  const [showOverlay, setShowOverlay] = useState(false);\n  const [timeLeft, setTimeLeft] = useState(0);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n\n  const { teacher } = trialHomeData;\n  const { name } = teacher;\n\n  const playClassTimeAlertAnimation = useCallback(\n    async (type: string) => {\n      if (!lottieContainer.current || !type) return;\n\n      try {\n        const clockLottiePath =\n          type === EClassTimeAlertLevel.FIVE_MIN ? LOTTIE.FIVE_MIN_CLOCK : LOTTIE.FIFTEEN_MIN_CLOCK;\n        const animationData = await fetchLottie(clockLottiePath);\n\n        setShowOverlay(true);\n\n        const instance = Lottie.loadAnimation({\n          container: lottieContainer.current,\n          renderer: 'svg',\n          loop: false,\n          autoplay: false,\n          animationData,\n        });\n\n        lottieInstance.current = instance;\n        lottieInstance.current.play();\n\n        if (audioRef.current) {\n          audioRef.current.currentTime = 0;\n          audioRef.current.play();\n        }\n\n        setTimeout(() => setShowText(true), 233);\n\n        lottieInstance.current.addEventListener('complete', () => {\n          lottieInstance.current?.destroy();\n          lottieInstance.current = null;\n          setShowText(false);\n          setShowOverlay(false);\n          onClassTimeAlertComplete?.();\n        });\n      } catch (error) {\n        return null;\n      }\n    },\n    [onClassTimeAlertComplete],\n  );\n\n  const getRemainingTime = useCallback(() => {\n    if (!classStartedOn || !classDuration) return 0;\n\n    const currentTime = Date.now();\n    const startTime = new Date(classStartedOn).getTime();\n    const timeRemaining = classDuration - (currentTime - startTime) / 1000;\n\n    return timeRemaining;\n  }, [classDuration, classStartedOn]);\n\n  const updateTimeLeft = useCallback(() => {\n    const remainingTime = getRemainingTime();\n\n    setTimeLeft(remainingTime);\n  }, [getRemainingTime]);\n\n  const startCountdownPolling = useCallback(() => {\n    if (timerRef.current) {\n      clearInterval(timerRef.current);\n      timerRef.current = null;\n    }\n    updateTimeLeft();\n    timerRef.current = setInterval(() => {\n      updateTimeLeft();\n    }, 5000);\n  }, [updateTimeLeft]);\n\n  useEffect(() => {\n    if (classTimeAlertLevel && showClassTimeAlert) {\n      playClassTimeAlertAnimation(classTimeAlertLevel);\n    }\n  }, [classTimeAlertLevel, playClassTimeAlertAnimation, showClassTimeAlert]);\n\n  useEffect(() => {\n    if (classTimeAlertLevel && classTimeAlertLevel === EClassTimeAlertLevel.FIVE_MIN) {\n      startCountdownPolling();\n    }\n\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [classTimeAlertLevel, startCountdownPolling]);\n\n  useEffect(() => {\n    const loadAudio = async (alertLevel: EClassTimeAlertLevel) => {\n      const audio = new Audio(\n        `https://static.qumath.in/static/intel-student/cmpress/${\n          alertLevel === EClassTimeAlertLevel.FIFTEEN_MIN ? '15-min-reminder' : '5-min-reminder'\n        }.mp3`,\n      );\n\n      audioRef.current = audio;\n    };\n\n    if (classTimeAlertLevel) {\n      loadAudio(classTimeAlertLevel);\n    }\n\n    return () => {\n      audioRef.current = null;\n    };\n  }, [classTimeAlertLevel]);\n\n  const showCountdownProgressBar =\n    classTimeAlertLevel === EClassTimeAlertLevel.FIVE_MIN && timeLeft > 0 && isTeacher;\n\n  return (\n    <FlexView $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {teacherPanel}\n      {isTeacher && (\n        <Styled.AnimationContainer\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"BLACK_T_60\"\n          $visible={showOverlay}\n        >\n          <FlexView ref={lottieContainer} $width={80} $height={80} />\n          {classTimeAlertLevel && (\n            <Styled.TextFadeIn\n              $visible={showText}\n              $renderAs=\"ac3\"\n              $color=\"WHITE\"\n              className=\"fade-in\"\n            >\n              {classTimeAlertLevel === '15min' ? `15 MIN REMAINING` : `5 MIN REMAINING`}\n            </Styled.TextFadeIn>\n          )}\n        </Styled.AnimationContainer>\n      )}\n      {showCountdownProgressBar && (\n        <Styled.ProgressWrapper $width={'100%'}>\n          <CountdownProgressBar value={timeLeft} maxValue={300} />\n        </Styled.ProgressWrapper>\n      )}\n      {classStartedOn && isTeacher && (\n        <Styled.TimerWrapper\n          $background={\n            classTimeAlertLevel === '15min'\n              ? 'YELLOW_4'\n              : classTimeAlertLevel === '5min'\n                ? 'ORANGE_4'\n                : 'GREEN_4'\n          }\n          $gapX={0.25}\n          $gutterX={0.5}\n          $justifyContent=\"center\"\n        >\n          <Clock startTime={classStartedOn} textRenderAs=\"ac3\" textColor=\"BLACK_T_87\" />\n        </Styled.TimerWrapper>\n      )}\n      {name && !isTeacher && (\n        <Styled.TeacherNameWrapper $gapX={0.75} $gutterX={0.75} $width=\"100%\">\n          <Text $renderAs=\"ac3-black\" $color=\"WHITE\">\n            {name}\n          </Text>\n        </Styled.TeacherNameWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default TeacherAVPanel;\n"],"names":["TeacherAVPanel","memo","teacherPanel","classStartedOn","isTeacher","trialHomeData","classTimeAlertConfig","classDuration","useTrialSessionContext","classTimeAlertLevel","showClassTimeAlert","onClassTimeAlertComplete","lottieContainer","useRef","lottieInstance","showText","setShowText","useState","showOverlay","setShowOverlay","timeLeft","setTimeLeft","timerRef","audioRef","teacher","name","playClassTimeAlertAnimation","useCallback","type","clockLottiePath","EClassTimeAlertLevel","LOTTIE","animationData","fetchLottie","instance","Lottie","_a","getRemainingTime","currentTime","startTime","updateTimeLeft","remainingTime","startCountdownPolling","useEffect","alertLevel","audio","showCountdownProgressBar","FlexView","jsxs","Styled.AnimationContainer","jsx","Styled.TextFadeIn","Styled.ProgressWrapper","CountdownProgressBar","Styled.TimerWrapper","Clock","Styled.TeacherNameWrapper","Text"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"background-grid-styled.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-styled.tsx"],"sourcesContent":["import type { TColoredBox } from './background-grid-types';\n\nimport styled from 'styled-components';\n\nconst Container = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_4 } = theme.colors;\n\n  return `\n    margin: 0;\n    padding: 0;\n\n    width: 100%;\n    height: 100%;\n\n    background-image: linear-gradient(${WHITE_4} 1px, transparent 1px),\n      linear-gradient(90deg, ${WHITE_4} 1px, transparent 1px);\n    background-size: ${gutter * 3.125}px ${gutter * 3.125}px;\n    position: relative;\n  `;\n});\n\nconst ColoredBox = styled.div<{ $cssProps: TColoredBox }>(({ theme, $cssProps }) => {\n  const { xAxis, yAxis, bgColor } = $cssProps;\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: calc(${gutter * (yAxis * 3.125)}px + 1px);\n    left: calc(${gutter * (xAxis * 3.125)}px + 1px);\n    width: calc(${gutter * 3.125}px - 1px);\n    height: calc(${gutter * 3.125}px - 1px);\n    background-color: ${bgColor};\n  `;\n});\n\nexport { ColoredBox, Container };\n"],"names":["Container","styled","theme","gutter","WHITE_4","ColoredBox","$cssProps","xAxis","yAxis","bgColor"],"mappings":";AAIA,MAAMA,IAAYC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACpC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,SAAAE,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAO+BE,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfD,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC,GAEKE,IAAaJ,EAAO,IAAgC,CAAC,EAAE,OAAAC,GAAO,WAAAI,QAAgB;AAClF,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,EAAA,IAAYH,GAC5B,EAAE,QAAAH,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,gBAEOC,KAAUK,IAAQ,MAAM;AAAA,iBACvBL,KAAUI,IAAQ,MAAM;AAAA,kBACvBJ,IAAS,KAAK;AAAA,mBACbA,IAAS,KAAK;AAAA,wBACTM,CAAO;AAAA;AAE/B,CAAC;"}
+{"version":3,"file":"background-grid-styled.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TColoredBox } from './background-grid-types';\n\nconst Container = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_4 } = theme.colors;\n\n  return `\n    margin: 0;\n    padding: 0;\n\n    width: 100%;\n    height: 100%;\n\n    background-image: linear-gradient(${WHITE_4} 1px, transparent 1px),\n      linear-gradient(90deg, ${WHITE_4} 1px, transparent 1px);\n    background-size: ${gutter * 3.125}px ${gutter * 3.125}px;\n    position: relative;\n  `;\n});\n\nconst ColoredBox = styled.div<{ $cssProps: TColoredBox }>(({ theme, $cssProps }) => {\n  const { xAxis, yAxis, bgColor } = $cssProps;\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: calc(${gutter * (yAxis * 3.125)}px + 1px);\n    left: calc(${gutter * (xAxis * 3.125)}px + 1px);\n    width: calc(${gutter * 3.125}px - 1px);\n    height: calc(${gutter * 3.125}px - 1px);\n    background-color: ${bgColor};\n  `;\n});\n\nexport { ColoredBox, Container };\n"],"names":["Container","styled","theme","gutter","WHITE_4","ColoredBox","$cssProps","xAxis","yAxis","bgColor"],"mappings":";AAIA,MAAMA,IAAYC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACpC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,SAAAE,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAO+BE,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfD,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC,GAEKE,IAAaJ,EAAO,IAAgC,CAAC,EAAE,OAAAC,GAAO,WAAAI,QAAgB;AAClF,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,EAAA,IAAYH,GAC5B,EAAE,QAAAH,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,gBAEOC,KAAUK,IAAQ,MAAM;AAAA,iBACvBL,KAAUI,IAAQ,MAAM;AAAA,kBACvBJ,IAAS,KAAK;AAAA,mBACbA,IAAS,KAAK;AAAA,wBACTM,CAAO;AAAA;AAE/B,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"background-grid-utils.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-utils.ts"],"sourcesContent":["import type { TColoredBox } from './background-grid-types';\n\nimport { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\n\nconst theme = getTheme();\nconst {\n  BLACK_T_08,\n  WHITE_3,\n  WHITE_4,\n  WHITE_5,\n  GREEN_1,\n  GREEN_2,\n  ORANGE_1,\n  ORANGE_2,\n  BLUE_1,\n  BLUE_2,\n  BLUE_3,\n  PURPLE_1,\n  PURPLE_2,\n  YELLOW_1,\n  YELLOW_2,\n} = theme.colors;\n\nexport const getColoredBoxPosition = (slideId?: TrialPageId): TColoredBox[] | undefined => {\n  if (!slideId) return;\n\n  const positions: Partial<Record<TrialPageId, TColoredBox[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 3, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 6, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_INFORMATION]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 17, yAxis: 3, bgColor: BLUE_1 },\n      { xAxis: 1, yAxis: 9, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 8, bgColor: BLUE_2 },\n    ],\n    [TrialPageId.LEARNING_LEVEL]: [\n      { xAxis: 3, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.STUDENT_LEVEL]: [\n      { xAxis: 2, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.SCHOOL_GOALS]: [\n      { xAxis: 2, yAxis: 1, bgColor: PURPLE_2 },\n      { xAxis: 16, yAxis: 0, bgColor: PURPLE_1 },\n      { xAxis: 1, yAxis: 8, bgColor: PURPLE_1 },\n      { xAxis: 17, yAxis: 10, bgColor: PURPLE_2 },\n    ],\n    [TrialPageId.TEST_PREP]: [\n      { xAxis: 3, yAxis: 0, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 0, yAxis: 9, bgColor: BLUE_2 },\n      { xAxis: 18, yAxis: 8, bgColor: BLUE_1 },\n    ],\n    [TrialPageId.STUDENT_ENRICHMENT]: [\n      { xAxis: 0, yAxis: 1, bgColor: ORANGE_1 },\n      { xAxis: 14, yAxis: 1, bgColor: ORANGE_2 },\n      { xAxis: 3, yAxis: 11, bgColor: ORANGE_2 },\n      { xAxis: 12, yAxis: 12, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_PERSONALIZATION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 14, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.ADDITIONAL_INFO]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 0, bgColor: WHITE_3 },\n      { xAxis: 2, yAxis: 12, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 11, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.STUDENT_PROFILE]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.PARENT_APP]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 14, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 1, yAxis: 10, bgColor: BLUE_3 },\n      { xAxis: 17, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_SUMMARY]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 8, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.PRICING]: [\n      { xAxis: 2, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 2, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 8, bgColor: GREEN_2 },\n    ],\n    [TrialPageId.SESSION_INSIGHTS]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.SESSION_REPORT]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.CLASS_PREFERENCE]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 2, yAxis: 9, bgColor: YELLOW_1 },\n      { xAxis: 17, yAxis: 8, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.WELCOME_CUEMATH]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.TEACHER_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.STUDENT_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.COMPLETED_WORKSHEET]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.WELCOME_BACK]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.THANK_YOU]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n  };\n\n  return positions[slideId];\n};\n"],"names":["theme","getTheme","BLACK_T_08","WHITE_3","WHITE_4","WHITE_5","GREEN_1","GREEN_2","ORANGE_1","ORANGE_2","BLUE_1","BLUE_2","BLUE_3","PURPLE_1","PURPLE_2","YELLOW_1","YELLOW_2","getColoredBoxPosition","slideId","TrialPageId"],"mappings":";;AAKA,MAAMA,IAAQC,EAAS,GACjB;AAAA,EACJ,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,IAAIhB,EAAM,QAEGiB,IAAwB,CAACC,MAC/BA,IAE0D;AAAA,EAC7D,CAACC,EAAY,gBAAgB,GAAG;AAAA,IAC9B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASH,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASV,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASA,EAAQ;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASE,EAAS;AAAA,EAC3C;AAAA,EACA,CAACW,EAAY,mBAAmB,GAAG;AAAA,IACjC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASR,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAO;AAAA,IACvC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAO;AAAA,EACzC;AAAA,EACA,CAACQ,EAAY,cAAc,GAAG;AAAA,IAC5B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASZ,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASD,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAQ;AAAA,EAC1C;AAAA,EACA,CAACa,EAAY,aAAa,GAAG;AAAA,IAC3B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASZ,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASD,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAQ;AAAA,EAC1C;AAAA,EACA,CAACa,EAAY,YAAY,GAAG;AAAA,IAC1B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASL,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASC,EAAS;AAAA,EAC5C;AAAA,EACA,CAACK,EAAY,SAAS,GAAG;AAAA,IACvB,EAAE,OAAO,GAAG,OAAO,GAAG,SAAST,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAO;AAAA,IACvC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAO;AAAA,EACzC;AAAA,EACA,CAACS,EAAY,kBAAkB,GAAG;AAAA,IAChC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASX,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASA,EAAS;AAAA,IACzC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAS;AAAA,EAC5C;AAAA,EACA,CAACW,EAAY,uBAAuB,GAAG;AAAA,IACrC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASb,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASD,EAAQ;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASA,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACa,EAAY,eAAe,GAAG;AAAA,IAC7B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASjB,EAAW;AAAA,IAC1C,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASD,EAAW;AAAA,IAC3C,EAAE,OAAO,IAAI,OAAO,IAAI,SAASC,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACgB,EAAY,eAAe,GAAG;AAAA,IAC7B,EAAE,OAAO,GAAG,OAAO,GAAG,SAAShB,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAW;AAAA,IAC3C,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAW;AAAA,IAC1C,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,EAC1C;AAAA,EACA,CAACgB,EAAY,UAAU,GAAG;AAAA,IACxB,EAAE,OAAO,GAAG,OAAO,GAAG,SAASZ,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASI,EAAO;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASG,EAAS;AAAA,EAC3C;AAAA,EACA,CAACI,EAAY,eAAe,GAAG;AAAA,IAC7B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASH,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASV,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,IAAI,SAASA,EAAQ;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASE,EAAS;AAAA,EAC3C;AAAA,EACA,CAACW,EAAY,OAAO,GAAG;AAAA,IACrB,EAAE,OAAO,GAAG,OAAO,GAAG,SAASZ,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASD,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,EAC1C;AAAA,EACA,CAACY,EAAY,gBAAgB,GAAG;AAAA,IAC9B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASR,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASI,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASP,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASK,EAAS;AAAA,EAC3C;AAAA,EACA,CAACM,EAAY,cAAc,GAAG;AAAA,IAC5B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASR,EAAO;AAAA,IACtC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASI,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASP,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASK,EAAS;AAAA,EAC3C;AAAA,EACA,CAACM,EAAY,gBAAgB,GAAG;AAAA,IAC9B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASJ,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAS;AAAA,IACzC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASD,EAAS;AAAA,IACxC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASA,EAAS;AAAA,EAC3C;AAAA,EACA,CAACI,EAAY,eAAe,GAAG;AAAA,IAC7B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,aAAa,GAAG;AAAA,IAC3B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,aAAa,GAAG;AAAA,IAC3B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,mBAAmB,GAAG;AAAA,IACjC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,YAAY,GAAG;AAAA,IAC1B,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EACA,CAACe,EAAY,SAAS,GAAG;AAAA,IACvB,EAAE,OAAO,GAAG,OAAO,GAAG,SAASf,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,GAAG,SAASC,EAAQ;AAAA,IACxC,EAAE,OAAO,GAAG,OAAO,GAAG,SAASA,EAAQ;AAAA,IACvC,EAAE,OAAO,IAAI,OAAO,IAAI,SAASD,EAAQ;AAAA,EAC3C;AAAA,EAGec,CAAO,IAzIV;"}
+{"version":3,"file":"background-grid-utils.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-utils.ts"],"sourcesContent":["import { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\nimport type { TColoredBox } from './background-grid-types';\n\nconst theme = getTheme();\nconst {\n  BLACK_T_08,\n  WHITE_3,\n  WHITE_4,\n  WHITE_5,\n  GREEN_1,\n  GREEN_2,\n  ORANGE_1,\n  ORANGE_2,\n  BLUE_1,\n  BLUE_2,\n  BLUE_3,\n  PURPLE_1,\n  PURPLE_2,\n  YELLOW_1,\n  YELLOW_2,\n} = theme.colors;\n\nexport const getColoredBoxPosition = (slideId?: TrialPageId): TColoredBox[] | undefined => {\n  if (!slideId) return;\n\n  const positions: Partial<Record<TrialPageId, TColoredBox[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 3, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 6, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_INFORMATION]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 17, yAxis: 3, bgColor: BLUE_1 },\n      { xAxis: 1, yAxis: 9, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 8, bgColor: BLUE_2 },\n    ],\n    [TrialPageId.LEARNING_LEVEL]: [\n      { xAxis: 3, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.STUDENT_LEVEL]: [\n      { xAxis: 2, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.SCHOOL_GOALS]: [\n      { xAxis: 2, yAxis: 1, bgColor: PURPLE_2 },\n      { xAxis: 16, yAxis: 0, bgColor: PURPLE_1 },\n      { xAxis: 1, yAxis: 8, bgColor: PURPLE_1 },\n      { xAxis: 17, yAxis: 10, bgColor: PURPLE_2 },\n    ],\n    [TrialPageId.TEST_PREP]: [\n      { xAxis: 3, yAxis: 0, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 0, yAxis: 9, bgColor: BLUE_2 },\n      { xAxis: 18, yAxis: 8, bgColor: BLUE_1 },\n    ],\n    [TrialPageId.STUDENT_ENRICHMENT]: [\n      { xAxis: 0, yAxis: 1, bgColor: ORANGE_1 },\n      { xAxis: 14, yAxis: 1, bgColor: ORANGE_2 },\n      { xAxis: 3, yAxis: 11, bgColor: ORANGE_2 },\n      { xAxis: 12, yAxis: 12, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_PERSONALIZATION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 14, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.ADDITIONAL_INFO]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 0, bgColor: WHITE_3 },\n      { xAxis: 2, yAxis: 12, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 11, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.STUDENT_PROFILE]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.PARENT_APP]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 14, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 1, yAxis: 10, bgColor: BLUE_3 },\n      { xAxis: 17, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_SUMMARY]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 8, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.PRICING]: [\n      { xAxis: 2, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 2, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 8, bgColor: GREEN_2 },\n    ],\n    [TrialPageId.SESSION_INSIGHTS]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.SESSION_REPORT]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.CLASS_PREFERENCE]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 2, yAxis: 9, bgColor: YELLOW_1 },\n      { xAxis: 17, yAxis: 8, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.WELCOME_CUEMATH]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.TEACHER_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.STUDENT_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.COMPLETED_WORKSHEET]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.WELCOME_BACK]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.THANK_YOU]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n  };\n\n  return positions[slideId];\n};\n"],"names":["theme","getTheme","BLACK_T_08","WHITE_3","WHITE_4","WHITE_5","GREEN_1","GREEN_2","ORANGE_1","ORANGE_2","BLUE_1","BLUE_2","BLUE_3","PURPLE_1","PURPLE_2","YELLOW_1","YELLOW_2","getColoredBoxPosition","slideId","TrialPageId"],"mappings":"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"}

package/dist/features/trial-session/comps/background-grid/background-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-grid.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid.tsx"],"sourcesContent":["import type { IBackgroundGrid } from './background-grid-types';\n\nimport React from 'react';\n\nimport * as Styled from './background-grid-styled';\nimport { getColoredBoxPosition } from './background-grid-utils';\n\nconst BackgroundGrid: React.FC<IBackgroundGrid> = ({ slideId }) => {\n  const positions = getColoredBoxPosition(slideId);\n\n  return (\n    <Styled.Container>\n      {positions &&\n        positions.length > 0 &&\n        positions.map((position, index) => {\n          return <Styled.ColoredBox key={index} $cssProps={position} />;\n        })}\n    </Styled.Container>\n  );\n};\n\nexport default BackgroundGrid;\n"],"names":["BackgroundGrid","slideId","positions","getColoredBoxPosition","jsx","Styled.Container","position","index","Styled.ColoredBox"],"mappings":";;;AAOA,MAAMA,IAA4C,CAAC,EAAE,SAAAC,QAAc;AAC3D,QAAAC,IAAYC,EAAsBF,CAAO;AAE/C,SACG,gBAAAG,EAAAC,GAAA,EACE,UACCH,KAAAA,EAAU,SAAS,KACnBA,EAAU,IAAI,CAACI,GAAUC,wBACfC,GAAA,EAA8B,WAAWF,KAAlBC,CAA4B,CAC5D,EACL,CAAA;AAEJ;"}
+{"version":3,"file":"background-grid.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport * as Styled from './background-grid-styled';\nimport type { IBackgroundGrid } from './background-grid-types';\nimport { getColoredBoxPosition } from './background-grid-utils';\n\nconst BackgroundGrid: FC<IBackgroundGrid> = ({ slideId }) => {\n  const positions = getColoredBoxPosition(slideId);\n\n  return (\n    <Styled.Container>\n      {positions &&\n        positions.length > 0 &&\n        positions.map((position, index) => {\n          return <Styled.ColoredBox key={index} $cssProps={position} />;\n        })}\n    </Styled.Container>\n  );\n};\n\nexport default BackgroundGrid;\n"],"names":["BackgroundGrid","slideId","positions","getColoredBoxPosition","jsx","Styled.Container","position","index","Styled.ColoredBox"],"mappings":";;;AAMA,MAAMA,IAAsC,CAAC,EAAE,SAAAC,QAAc;AACrD,QAAAC,IAAYC,EAAsBF,CAAO;AAE/C,SACG,gBAAAG,EAAAC,GAAA,EACE,UACCH,KAAAA,EAAU,SAAS,KACnBA,EAAU,IAAI,CAACI,GAAUC,wBACfC,GAAA,EAA8B,WAAWF,KAAlBC,CAA4B,CAC5D,EACL,CAAA;AAEJ;"}

package/dist/features/trial-session/comps/class-preference/class-preference.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\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 { isPLASource } from '../../helper';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\nimport { extractDayAndTimeFromEpoch } from './helpers';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, trialHomeData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData || {};\n  const { scheduled_start_time: scheduledStartTime } = demoInfo || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const preSelectedDateTimeFromEpoch = useMemo(\n    () =>\n      isTeacher && studentTimezone\n        ? extractDayAndTimeFromEpoch(scheduledStartTime, studentTimezone)\n        : undefined,\n    [isTeacher, scheduledStartTime, studentTimezone],\n  );\n\n  const isPLA = isPLASource(intelStudent?.source);\n  const hasRequiredFields = Boolean(\n    isPLA\n      ? preferences &&\n          preferences.length > 0 &&\n          preferences.every(preference => preference.selectedDay && preference.selectedTime)\n      : true,\n  );\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    // Only set preferences if teacher and preferences are not set\n    if (isTeacher && (!preferences || !Array.isArray(preferences) || preferences.length === 0)) {\n      let newPreferences = defaultPreferences;\n\n      if (preSelectedDateTimeFromEpoch) {\n        newPreferences = defaultPreferences.map((preference: TPreference) =>\n          preference.id === 1\n            ? {\n                ...preference,\n                selectedDay: preSelectedDateTimeFromEpoch.day,\n                selectedTime: preSelectedDateTimeFromEpoch.time,\n              }\n            : preference,\n        );\n      }\n      updateSlideConfig({ preferences: newPreferences });\n    }\n  }, [isTeacher, preferences, preSelectedDateTimeFromEpoch, updateSlideConfig]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","trialHomeData","updateSlideConfig","updateButtonState","useTrialSessionContext","preferences","studentTimezone","demoInfo","intelStudent","scheduledStartTime","daySlots","DAYS","day","timezone","teacherTimezone","preSelectedDateTimeFromEpoch","useMemo","extractDayAndTimeFromEpoch","hasRequiredFields","isPLASource","preference","handlePreferenceChange","id","field","value","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","newPreferences","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}
+{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\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 { isPLASource } from '../../helper';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\nimport type { IClassPreference, TPreference } from './class-preference-types';\nimport { extractDayAndTimeFromEpoch } from './helpers';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, trialHomeData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData || {};\n  const { scheduled_start_time: scheduledStartTime } = demoInfo || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const preSelectedDateTimeFromEpoch = useMemo(\n    () =>\n      isTeacher && studentTimezone\n        ? extractDayAndTimeFromEpoch(scheduledStartTime, studentTimezone)\n        : undefined,\n    [isTeacher, scheduledStartTime, studentTimezone],\n  );\n\n  const isPLA = isPLASource(intelStudent?.source);\n  const hasRequiredFields = Boolean(\n    isPLA\n      ? preferences &&\n          preferences.length > 0 &&\n          preferences.every(preference => preference.selectedDay && preference.selectedTime)\n      : true,\n  );\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    // Only set preferences if teacher and preferences are not set\n    if (isTeacher && (!preferences || !Array.isArray(preferences) || preferences.length === 0)) {\n      let newPreferences = defaultPreferences;\n\n      if (preSelectedDateTimeFromEpoch) {\n        newPreferences = defaultPreferences.map((preference: TPreference) =>\n          preference.id === 1\n            ? {\n                ...preference,\n                selectedDay: preSelectedDateTimeFromEpoch.day,\n                selectedTime: preSelectedDateTimeFromEpoch.time,\n              }\n            : preference,\n        );\n      }\n      updateSlideConfig({ preferences: newPreferences });\n    }\n  }, [isTeacher, preferences, preSelectedDateTimeFromEpoch, updateSlideConfig]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","trialHomeData","updateSlideConfig","updateButtonState","useTrialSessionContext","preferences","studentTimezone","demoInfo","intelStudent","scheduledStartTime","daySlots","DAYS","day","timezone","teacherTimezone","preSelectedDateTimeFromEpoch","useMemo","extractDayAndTimeFromEpoch","hasRequiredFields","isPLASource","preference","handlePreferenceChange","id","field","value","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","newPreferences","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"clock.js","sources":["../../../../../src/features/trial-session/comps/clock/clock.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../../../ui/types';\n\nimport { useEffect, useState, type FC } from 'react';\n\nimport Text from '../../../ui/text/text';\nimport { formatTimeInHHMMSS } from '../../../utils/utils';\n\ninterface IClock {\n  startTime: Date;\n  textRenderAs: TTextVariants;\n  textColor: TColorNames;\n}\n\nconst Clock: FC<IClock> = ({ startTime, textRenderAs = 'eyebrow1', textColor = 'BLACK' }) => {\n  const [time, setTime] = useState<number>(\n    Math.floor(Date.now() / 1000) - Math.floor(+new Date(startTime) / 1000),\n  );\n\n  useEffect(() => {\n    const clockId = setInterval(() => {\n      setTime(Math.floor(Date.now() / 1000) - Math.floor(+new Date(startTime) / 1000));\n    }, 1000);\n\n    return () => clearInterval(clockId);\n  }, [startTime]);\n\n  const formattedTime = formatTimeInHHMMSS(time);\n\n  return (\n    <Text\n      $alignSelf=\"center\"\n      $width={formattedTime.length > 5 ? 68 : 46}\n      $renderAs={textRenderAs}\n      $color={textColor}\n    >\n      {formattedTime}\n    </Text>\n  );\n};\n\nexport default Clock;\n"],"names":["Clock","startTime","textRenderAs","textColor","time","setTime","useState","useEffect","clockId","formattedTime","formatTimeInHHMMSS","jsx","Text"],"mappings":";;;;AAaM,MAAAA,IAAoB,CAAC,EAAE,WAAAC,GAAW,cAAAC,IAAe,YAAY,WAAAC,IAAY,cAAc;AACrF,QAAA,CAACC,GAAMC,CAAO,IAAIC;AAAA,IACtB,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAKL,CAAS,IAAI,GAAI;AAAA,EAAA;AAGxE,EAAAM,EAAU,MAAM;AACR,UAAAC,IAAU,YAAY,MAAM;AAChC,MAAAH,EAAQ,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAKJ,CAAS,IAAI,GAAI,CAAC;AAAA,OAC9E,GAAI;AAEA,WAAA,MAAM,cAAcO,CAAO;AAAA,EAAA,GACjC,CAACP,CAAS,CAAC;AAER,QAAAQ,IAAgBC,EAAmBN,CAAI;AAG3C,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAQH,EAAc,SAAS,IAAI,KAAK;AAAA,MACxC,WAAWP;AAAA,MACX,QAAQC;AAAA,MAEP,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"clock.js","sources":["../../../../../src/features/trial-session/comps/clock/clock.tsx"],"sourcesContent":["import { useEffect, useState, type FC } from 'react';\n\nimport Text from '../../../ui/text/text';\nimport type { TColorNames, TTextVariants } from '../../../ui/types';\nimport { formatTimeInHHMMSS } from '../../../utils/utils';\n\ninterface IClock {\n  startTime: Date;\n  textRenderAs: TTextVariants;\n  textColor: TColorNames;\n}\n\nconst Clock: FC<IClock> = ({ startTime, textRenderAs = 'eyebrow1', textColor = 'BLACK' }) => {\n  const [time, setTime] = useState<number>(\n    Math.floor(Date.now() / 1000) - Math.floor(+new Date(startTime) / 1000),\n  );\n\n  useEffect(() => {\n    const clockId = setInterval(() => {\n      setTime(Math.floor(Date.now() / 1000) - Math.floor(+new Date(startTime) / 1000));\n    }, 1000);\n\n    return () => clearInterval(clockId);\n  }, [startTime]);\n\n  const formattedTime = formatTimeInHHMMSS(time);\n\n  return (\n    <Text\n      $alignSelf=\"center\"\n      $width={formattedTime.length > 5 ? 68 : 46}\n      $renderAs={textRenderAs}\n      $color={textColor}\n    >\n      {formattedTime}\n    </Text>\n  );\n};\n\nexport default Clock;\n"],"names":["Clock","startTime","textRenderAs","textColor","time","setTime","useState","useEffect","clockId","formattedTime","formatTimeInHHMMSS","jsx","Text"],"mappings":";;;;AAYM,MAAAA,IAAoB,CAAC,EAAE,WAAAC,GAAW,cAAAC,IAAe,YAAY,WAAAC,IAAY,cAAc;AACrF,QAAA,CAACC,GAAMC,CAAO,IAAIC;AAAA,IACtB,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAKL,CAAS,IAAI,GAAI;AAAA,EAAA;AAGxE,EAAAM,EAAU,MAAM;AACR,UAAAC,IAAU,YAAY,MAAM;AAChC,MAAAH,EAAQ,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAKJ,CAAS,IAAI,GAAI,CAAC;AAAA,OAC9E,GAAI;AAEA,WAAA,MAAM,cAAcO,CAAO;AAAA,EAAA,GACjC,CAACP,CAAS,CAAC;AAER,QAAAQ,IAAgBC,EAAmBN,CAAI;AAG3C,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAQH,EAAc,SAAS,IAAI,KAAK;AAAA,MACxC,WAAWP;AAAA,MACX,QAAQC;AAAA,MAEP,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/features/trial-session/comps/countdown-progress-bar/countdown-progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown-progress-bar.js","sources":["../../../../../src/features/trial-session/comps/countdown-progress-bar/countdown-progress-bar.tsx"],"sourcesContent":["import type { ICountdownProgressBar } from './countdown-progress-bar-types';\n\nimport { memo } from 'react';\n\nimport * as Styled from './countdown-progress-bar-styled';\n\nconst CountdownProgressBar = ({\n  maxValue,\n  fillColor = 'ORANGE_4',\n  value,\n}: ICountdownProgressBar) => {\n  const progressWidth = (value / maxValue) * 100;\n\n  return (\n    <Styled.ProgressBarContainer $height={4} $background=\"BLACK_T_38\">\n      <Styled.Progress $background={fillColor} style={{ width: `${progressWidth}%` }} />\n    </Styled.ProgressBarContainer>\n  );\n};\n\nexport default memo(CountdownProgressBar);\n"],"names":["CountdownProgressBar","maxValue","fillColor","value","progressWidth","jsx","Styled.ProgressBarContainer","Styled.Progress","CountdownProgressBar$1","memo"],"mappings":";;;AAMA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,MAA6B;AACrB,QAAAC,IAAiBD,IAAQF,IAAY;AAGzC,SAAA,gBAAAI,EAACC,GAAA,EAA4B,SAAS,GAAG,aAAY,cACnD,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,aAAaL,GAAW,OAAO,EAAE,OAAO,GAAGE,CAAa,IAAI,GAAG,EAClF,CAAA;AAEJ,GAEeI,IAAAC,EAAKT,CAAoB;"}
+{"version":3,"file":"countdown-progress-bar.js","sources":["../../../../../src/features/trial-session/comps/countdown-progress-bar/countdown-progress-bar.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport * as Styled from './countdown-progress-bar-styled';\nimport type { ICountdownProgressBar } from './countdown-progress-bar-types';\n\nconst CountdownProgressBar = ({\n  maxValue,\n  fillColor = 'ORANGE_4',\n  value,\n}: ICountdownProgressBar) => {\n  const progressWidth = (value / maxValue) * 100;\n\n  return (\n    <Styled.ProgressBarContainer $height={4} $background=\"BLACK_T_38\">\n      <Styled.Progress $background={fillColor} style={{ width: `${progressWidth}%` }} />\n    </Styled.ProgressBarContainer>\n  );\n};\n\nexport default memo(CountdownProgressBar);\n"],"names":["CountdownProgressBar","maxValue","fillColor","value","progressWidth","jsx","Styled.ProgressBarContainer","Styled.Progress","CountdownProgressBar$1","memo"],"mappings":";;;AAKA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,MAA6B;AACrB,QAAAC,IAAiBD,IAAQF,IAAY;AAGzC,SAAA,gBAAAI,EAACC,GAAA,EAA4B,SAAS,GAAG,aAAY,cACnD,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,aAAaL,GAAW,OAAO,EAAE,OAAO,GAAGE,CAAa,IAAI,GAAG,EAClF,CAAA;AAEJ,GAEeI,IAAAC,EAAKT,CAAoB;"}

package/dist/features/trial-session/comps/cue-tips/cues/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/cues/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './cues-styled';\n\nconst Cues: React.FC<{ cues: string[] }> = ({ cues }) => {\n  return cues && cues.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        CUES\n      </Text>\n      <Separator height={8} />\n      <Styled.CueContainer $flexDirection=\"column\" $flexGap={8}>\n        {cues.map((cue: string) => {\n          return (\n            <FlexView\n              key={cue}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <Styled.CueText $renderAs=\"body2\">{cue}</Styled.CueText>\n            </FlexView>\n          );\n        })}\n      </Styled.CueContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Cues;\n"],"names":["Cues","cues","FlexView","jsx","Text","Separator","Styled.CueContainer","cue","jsxs","Styled.ChatIcon","Styled.CueText"],"mappings":";;;;;AAOA,MAAMA,IAAqC,CAAC,EAAE,MAAAC,QACrCA,KAAQA,EAAK,SAAS,sBAC1BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAAL,EAAK,IAAI,CAACM,MAEP,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAM,GAAA,EAAgB;AAAA,0BAChBC,GAAA,EAAe,WAAU,SAAS,UAAIH,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAPlCA;AAAA,EAAA,CAUV,GACH;AAAA,EACF,CAAA,IACE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/cues/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './cues-styled';\n\nconst Cues: FC<{ cues: string[] }> = ({ cues }) => {\n  return cues && cues.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        CUES\n      </Text>\n      <Separator height={8} />\n      <Styled.CueContainer $flexDirection=\"column\" $flexGap={8}>\n        {cues.map((cue: string) => {\n          return (\n            <FlexView\n              key={cue}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <Styled.CueText $renderAs=\"body2\">{cue}</Styled.CueText>\n            </FlexView>\n          );\n        })}\n      </Styled.CueContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Cues;\n"],"names":["Cues","cues","FlexView","jsx","Text","Separator","Styled.CueContainer","cue","jsxs","Styled.ChatIcon","Styled.CueText"],"mappings":";;;;;AAOA,MAAMA,IAA+B,CAAC,EAAE,MAAAC,QAC/BA,KAAQA,EAAK,SAAS,sBAC1BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAAL,EAAK,IAAI,CAACM,MAEP,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAM,GAAA,EAAgB;AAAA,0BAChBC,GAAA,EAAe,WAAU,SAAS,UAAIH,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAPlCA;AAAA,EAAA,CAUV,GACH;AAAA,EACF,CAAA,IACE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: React.FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"body2\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"body2\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon"],"mappings":";;;;;AAOA,MAAMA,IAAqD,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAE9DC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,SAAS,UAAOH,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAAA,CAUV;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,SAAS,UAASC,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPvCA;AAAA,IAAA,CAUV;AAAA,EAAA,GACH;AACF,EAAA,CAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"body2\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"body2\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon"],"mappings":";;;;;AAOA,MAAMA,IAA+C,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAExDC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,SAAS,UAAOH,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAAA,CAUV;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,SAAS,UAASC,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPvCA;AAAA,IAAA,CAUV;AAAA,EAAA,GACH;AACF,EAAA,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport ChapterDetails from '../../../chapters-v2/chapter-details/chapter-details';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n    intel_student: intelStudent,\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      const scrollElement = containerRef.current;\n\n      scrollElement?.scrollTo({\n        top: 0,\n        behavior: 'smooth',\n      });\n    }\n  }, [studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if (isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId ? (\n          <>\n            <Styled.ChapterWrapper>\n              <ChapterDetails\n                userChapterId={chapterId}\n                studentId={studentId}\n                userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n                onExit={handleOnBackIconClick}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType={isPLA ? 'ACTIVE' : 'DRAFT'}\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n            isTrialSession\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","intelStudent","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","isPLA","isPLASource","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","Styled.Container","jsx","Styled.Wrapper","Fragment","Styled.ChapterWrapper","ChapterDetails","MilestoneList"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useCallback, useEffect, useMemo, useRef, type FC } from 'react';\n\nimport ChapterDetails from '../../../chapters-v2/chapter-details/chapter-details';\nimport type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: FC = () => {\n  const { trialHomeData, studentId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n    intel_student: intelStudent,\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      const scrollElement = containerRef.current;\n\n      scrollElement?.scrollTo({\n        top: 0,\n        behavior: 'smooth',\n      });\n    }\n  }, [studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if (isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId ? (\n          <>\n            <Styled.ChapterWrapper>\n              <ChapterDetails\n                userChapterId={chapterId}\n                studentId={studentId}\n                userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n                onExit={handleOnBackIconClick}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType={isPLA ? 'ACTIVE' : 'DRAFT'}\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n            isTrialSession\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","intelStudent","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","isPLA","isPLASource","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","Styled.Container","jsx","Styled.Wrapper","Fragment","Styled.ChapterWrapper","ChapterDetails","MilestoneList"],"mappings":"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"}

package/dist/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-learning-plan-scroll-sync.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.ts"],"sourcesContent":["import type { IChannelMessage } from '@cuemath/cue-message-broker';\n\nimport { useMessageBrokerChannel } from '@cuemath/cue-message-broker';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    scrollPoints: number[];\n  };\n}\n\nconst useLearningPlanScrollSync = (studentClassroomId: string) => {\n  const [scrollPoints, setScrollPoints] = useState<number[]>();\n  const channelId = `trial-session-goal-plan-${studentClassroomId}`;\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      /**\n       * * 1 -> Message expires after 1 min\n       * * 0 -> Message never expires\n       */\n      ttl: 1,\n    }),\n    [channelId],\n  );\n\n  const handleOnMessageReceive = useCallback((messages: Array<IChannelMessage>) => {\n    messages.forEach(message => {\n      const { payload } = message.message;\n      const { eventPayload } = payload as IMessage;\n      const { scrollPoints: updatedScrollPoint } = eventPayload || {};\n\n      setScrollPoints(updatedScrollPoint);\n    });\n  }, []);\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions: channelOptions,\n    consumerFn: handleOnMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) channel.destroyChannel();\n  }, [channel]);\n\n  useEffect(() => {\n    if (!channelStatus && channel) {\n      channel.init();\n    }\n  }, [channel, channelStatus]);\n\n  return {\n    publishScrollEvents: publish,\n    channelStatus,\n    closeChannel,\n    scrollPoints,\n  };\n};\n\nexport { useLearningPlanScrollSync };\n"],"names":["useLearningPlanScrollSync","studentClassroomId","scrollPoints","setScrollPoints","useState","channelId","channelOptions","useMemo","handleOnMessageReceive","useCallback","messages","message","payload","eventPayload","updatedScrollPoint","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useEffect"],"mappings":";;AAYM,MAAAA,IAA4B,CAACC,MAA+B;AAChE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAmB,GACrDC,IAAY,2BAA2BJ,CAAkB,IAEzDK,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAF;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA,KAAK;AAAA,IAAA;AAAA,IAEP,CAACA,CAAS;AAAA,EAAA,GAGNG,IAAyBC,EAAY,CAACC,MAAqC;AAC/E,IAAAA,EAAS,QAAQ,CAAWC,MAAA;AACpB,YAAA,EAAE,SAAAC,EAAQ,IAAID,EAAQ,SACtB,EAAE,cAAAE,EAAiB,IAAAD,GACnB,EAAE,cAAcE,MAAuBD,KAAgB,CAAA;AAE7D,MAAAV,EAAgBW,CAAkB;AAAA,IAAA,CACnC;AAAA,EACH,GAAG,CAAE,CAAA,GAEC,EAAE,SAAAC,GAAS,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAwB;AAAA,IAClE,gBAAAZ;AAAA,IACA,YAAYE;AAAA,EAAA,CACb,GAEKW,IAAeV,EAAY,MAAM;AACjC,IAAAQ,OAAiB;EAAe,GACnC,CAACA,CAAO,CAAC;AAEZ,SAAAG,EAAU,MAAM;AACV,IAAA,CAACJ,KAAiBC,KACpBA,EAAQ,KAAK;AAAA,EACf,GACC,CAACA,GAASD,CAAa,CAAC,GAEpB;AAAA,IACL,qBAAqBD;AAAA,IACrB,eAAAC;AAAA,IACA,cAAAG;AAAA,IACA,cAAAjB;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-learning-plan-scroll-sync.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.ts"],"sourcesContent":["import type { IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMessageBrokerChannel } from '@cuemath/cue-message-broker';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    scrollPoints: number[];\n  };\n}\n\nconst useLearningPlanScrollSync = (studentClassroomId: string) => {\n  const [scrollPoints, setScrollPoints] = useState<number[]>();\n  const channelId = `trial-session-goal-plan-${studentClassroomId}`;\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      /**\n       * * 1 -> Message expires after 1 min\n       * * 0 -> Message never expires\n       */\n      ttl: 1,\n    }),\n    [channelId],\n  );\n\n  const handleOnMessageReceive = useCallback((messages: Array<IChannelMessage>) => {\n    messages.forEach(message => {\n      const { payload } = message.message;\n      const { eventPayload } = payload as IMessage;\n      const { scrollPoints: updatedScrollPoint } = eventPayload || {};\n\n      setScrollPoints(updatedScrollPoint);\n    });\n  }, []);\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions: channelOptions,\n    consumerFn: handleOnMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) channel.destroyChannel();\n  }, [channel]);\n\n  useEffect(() => {\n    if (!channelStatus && channel) {\n      channel.init();\n    }\n  }, [channel, channelStatus]);\n\n  return {\n    publishScrollEvents: publish,\n    channelStatus,\n    closeChannel,\n    scrollPoints,\n  };\n};\n\nexport { useLearningPlanScrollSync };\n"],"names":["useLearningPlanScrollSync","studentClassroomId","scrollPoints","setScrollPoints","useState","channelId","channelOptions","useMemo","handleOnMessageReceive","useCallback","messages","message","payload","eventPayload","updatedScrollPoint","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useEffect"],"mappings":";;AAWM,MAAAA,IAA4B,CAACC,MAA+B;AAChE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAmB,GACrDC,IAAY,2BAA2BJ,CAAkB,IAEzDK,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAF;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA,KAAK;AAAA,IAAA;AAAA,IAEP,CAACA,CAAS;AAAA,EAAA,GAGNG,IAAyBC,EAAY,CAACC,MAAqC;AAC/E,IAAAA,EAAS,QAAQ,CAAWC,MAAA;AACpB,YAAA,EAAE,SAAAC,EAAQ,IAAID,EAAQ,SACtB,EAAE,cAAAE,EAAiB,IAAAD,GACnB,EAAE,cAAcE,MAAuBD,KAAgB,CAAA;AAE7D,MAAAV,EAAgBW,CAAkB;AAAA,IAAA,CACnC;AAAA,EACH,GAAG,CAAE,CAAA,GAEC,EAAE,SAAAC,GAAS,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAwB;AAAA,IAClE,gBAAAZ;AAAA,IACA,YAAYE;AAAA,EAAA,CACb,GAEKW,IAAeV,EAAY,MAAM;AACjC,IAAAQ,OAAiB;EAAe,GACnC,CAACA,CAAO,CAAC;AAEZ,SAAAG,EAAU,MAAM;AACV,IAAA,CAACJ,KAAiBC,KACpBA,EAAQ,KAAK;AAAA,EACf,GACC,CAACA,GAASD,CAAa,CAAC,GAEpB;AAAA,IACL,qBAAqBD;AAAA,IACrB,eAAAC;AAAA,IACA,cAAAG;AAAA,IACA,cAAAjB;AAAA,EAAA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"learning-session-constants.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-constants.ts"],"sourcesContent":["import type { TSessionPerks } from './learning-session-types';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const learningSessionImages = [\n  ILLUSTRATIONS.CHAPTER_1,\n  ILLUSTRATIONS.CHAPTER_2,\n  ILLUSTRATIONS.CHAPTER_3,\n  ILLUSTRATIONS.CHAPTER_4,\n  ILLUSTRATIONS.CHAPTER_5,\n  ILLUSTRATIONS.CHAPTER_6,\n  ILLUSTRATIONS.CHAPTER_7,\n  ILLUSTRATIONS.CHAPTER_8,\n  ILLUSTRATIONS.CHAPTER_9,\n  ILLUSTRATIONS.CHAPTER_10,\n  ILLUSTRATIONS.CHAPTER_1,\n];\n\nexport const sessionPerks: TSessionPerks = [\n  {\n    title: 'Strategy\\nGames',\n    image: ILLUSTRATIONS.GAME_PLAY,\n    backgroundColor: 'PURPLE_1',\n    position: {\n      top: 5,\n      left: 250,\n    },\n  },\n  {\n    title: 'Logic\\nPuzzles',\n    image: ILLUSTRATIONS.PUZZLE,\n    backgroundColor: 'YELLOW_1',\n    position: {\n      top: 230,\n      left: 5,\n    },\n  },\n  {\n    title: 'MentaL\\nMath',\n    image: ILLUSTRATIONS.MENTAL_MATH,\n    backgroundColor: 'ORANGE_1',\n    position: {\n      top: 335,\n      left: 405,\n    },\n  },\n];\n"],"names":["learningSessionImages","ILLUSTRATIONS","sessionPerks"],"mappings":";AAIO,MAAMA,IAAwB;AAAA,EACnCC,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAChB,GAEaC,IAA8B;AAAA,EACzC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOD,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}
+{"version":3,"file":"learning-session-constants.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport type { TSessionPerks } from './learning-session-types';\n\nexport const learningSessionImages = [\n  ILLUSTRATIONS.CHAPTER_1,\n  ILLUSTRATIONS.CHAPTER_2,\n  ILLUSTRATIONS.CHAPTER_3,\n  ILLUSTRATIONS.CHAPTER_4,\n  ILLUSTRATIONS.CHAPTER_5,\n  ILLUSTRATIONS.CHAPTER_6,\n  ILLUSTRATIONS.CHAPTER_7,\n  ILLUSTRATIONS.CHAPTER_8,\n  ILLUSTRATIONS.CHAPTER_9,\n  ILLUSTRATIONS.CHAPTER_10,\n  ILLUSTRATIONS.CHAPTER_1,\n];\n\nexport const sessionPerks: TSessionPerks = [\n  {\n    title: 'Strategy\\nGames',\n    image: ILLUSTRATIONS.GAME_PLAY,\n    backgroundColor: 'PURPLE_1',\n    position: {\n      top: 5,\n      left: 250,\n    },\n  },\n  {\n    title: 'Logic\\nPuzzles',\n    image: ILLUSTRATIONS.PUZZLE,\n    backgroundColor: 'YELLOW_1',\n    position: {\n      top: 230,\n      left: 5,\n    },\n  },\n  {\n    title: 'MentaL\\nMath',\n    image: ILLUSTRATIONS.MENTAL_MATH,\n    backgroundColor: 'ORANGE_1',\n    position: {\n      top: 335,\n      left: 405,\n    },\n  },\n];\n"],"names":["learningSessionImages","ILLUSTRATIONS","sessionPerks"],"mappings":";AAGO,MAAMA,IAAwB;AAAA,EACnCC,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAChB,GAEaC,IAA8B;AAAA,EACzC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOD,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"learning-session-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-styled.tsx"],"sourcesContent":["import type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\n\nimport styled from 'styled-components';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FlexRelative = styled(FlexView)`\n  position: relative;\n`;\n\nconst MathText = styled(Text)`\n  position: absolute;\n  bottom: 20px;\n`;\n\nconst Slider = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst SliderContent = styled.div<TSliderContent>(\n  ({ $offset, $transitionEnabled }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: auto;\n  transition: ${$transitionEnabled ? 'transform 0.5s ease-in-out' : 'none'};\n  transform: translateX(${$offset * 100}%);\n`,\n);\n\nconst GreenTick = styled(TickIcon)<TGreenTick>(\n  ({ $top, $right }) => `\n    position: absolute;\n    top: ${$top || 0}px;\n    right: ${$right || 0}px;\n    z-index: 1;\n  `,\n);\n\nconst FloatingElement = styled(FlexView)<TFloatingElement>(({ $position }) => {\n  const { top, bottom, left, right } = $position || {};\n\n  return `\n    position: absolute;\n    z-index: 2;\n    top: ${top || 0}px;\n    bottom: ${bottom || 0}px;\n    left: ${left || 0}px;\n    right: ${right || 0}px;\n  `;\n});\n\nconst ImageWrapper = styled.div`\n  position: relative;\n`;\n\nconst TextElement = styled(Text)(\n  ({ theme }) => `\n  white-space: pre-wrap;\n  margin-top: -${theme.layout.gutter * 0.25}px;\n`,\n);\n\nexport {\n  Container,\n  FlexRelative,\n  MathText,\n  Slider,\n  SliderContent,\n  GreenTick,\n  FloatingElement,\n  ImageWrapper,\n  TextElement,\n};\n"],"names":["Container","styled","FlexRelative","FlexView","MathText","Text","Slider","SliderContent","$offset","$transitionEnabled","GreenTick","TickIcon","$top","$right","FloatingElement","$position","top","bottom","left","right","ImageWrapper","TextElement","theme"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAWH,EAAOI,CAAI;AAAA;AAAA;AAAA,GAKtBC,IAASL,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKxBI,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,SAAAO,GAAS,oBAAAC,EAAA,MAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMvBA,IAAqB,+BAA+B,MAAM;AAAA,0BAChDD,IAAU,GAAG;AAAA;AAEvC,GAEME,IAAYT,EAAOU,CAAQ;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,QAAAC,EAAA,MAAa;AAAA;AAAA,WAEbD,KAAQ,CAAC;AAAA,aACPC,KAAU,CAAC;AAAA;AAAA;AAGxB,GAEMC,IAAkBb,EAAOE,CAAQ,EAAoB,CAAC,EAAE,WAAAY,QAAgB;AAC5E,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,EAAM,IAAIJ,KAAa;AAE3C,SAAA;AAAA;AAAA;AAAA,WAGEC,KAAO,CAAC;AAAA,cACLC,KAAU,CAAC;AAAA,YACbC,KAAQ,CAAC;AAAA,aACRC,KAAS,CAAC;AAAA;AAEvB,CAAC,GAEKC,IAAenB,EAAO;AAAA;AAAA,GAItBoB,IAAcpB,EAAOI,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAiB,EAAA,MAAY;AAAA;AAAA,iBAEAA,EAAM,OAAO,SAAS,IAAI;AAAA;AAE3C;"}
+{"version":3,"file":"learning-session-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FlexRelative = styled(FlexView)`\n  position: relative;\n`;\n\nconst MathText = styled(Text)`\n  position: absolute;\n  bottom: 20px;\n`;\n\nconst Slider = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst SliderContent = styled.div<TSliderContent>(\n  ({ $offset, $transitionEnabled }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: auto;\n  transition: ${$transitionEnabled ? 'transform 0.5s ease-in-out' : 'none'};\n  transform: translateX(${$offset * 100}%);\n`,\n);\n\nconst GreenTick = styled(TickIcon)<TGreenTick>(\n  ({ $top, $right }) => `\n    position: absolute;\n    top: ${$top || 0}px;\n    right: ${$right || 0}px;\n    z-index: 1;\n  `,\n);\n\nconst FloatingElement = styled(FlexView)<TFloatingElement>(({ $position }) => {\n  const { top, bottom, left, right } = $position || {};\n\n  return `\n    position: absolute;\n    z-index: 2;\n    top: ${top || 0}px;\n    bottom: ${bottom || 0}px;\n    left: ${left || 0}px;\n    right: ${right || 0}px;\n  `;\n});\n\nconst ImageWrapper = styled.div`\n  position: relative;\n`;\n\nconst TextElement = styled(Text)(\n  ({ theme }) => `\n  white-space: pre-wrap;\n  margin-top: -${theme.layout.gutter * 0.25}px;\n`,\n);\n\nexport {\n  Container,\n  FlexRelative,\n  MathText,\n  Slider,\n  SliderContent,\n  GreenTick,\n  FloatingElement,\n  ImageWrapper,\n  TextElement,\n};\n"],"names":["Container","styled","FlexRelative","FlexView","MathText","Text","Slider","SliderContent","$offset","$transitionEnabled","GreenTick","TickIcon","$top","$right","FloatingElement","$position","top","bottom","left","right","ImageWrapper","TextElement","theme"],"mappings":";;;;AAOA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAWH,EAAOI,CAAI;AAAA;AAAA;AAAA,GAKtBC,IAASL,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKxBI,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,SAAAO,GAAS,oBAAAC,EAAA,MAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMvBA,IAAqB,+BAA+B,MAAM;AAAA,0BAChDD,IAAU,GAAG;AAAA;AAEvC,GAEME,IAAYT,EAAOU,CAAQ;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,QAAAC,EAAA,MAAa;AAAA;AAAA,WAEbD,KAAQ,CAAC;AAAA,aACPC,KAAU,CAAC;AAAA;AAAA;AAGxB,GAEMC,IAAkBb,EAAOE,CAAQ,EAAoB,CAAC,EAAE,WAAAY,QAAgB;AAC5E,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,EAAM,IAAIJ,KAAa;AAE3C,SAAA;AAAA;AAAA;AAAA,WAGEC,KAAO,CAAC;AAAA,cACLC,KAAU,CAAC;AAAA,YACbC,KAAQ,CAAC;AAAA,aACRC,KAAS,CAAC;AAAA;AAEvB,CAAC,GAEKC,IAAenB,EAAO;AAAA;AAAA,GAItBoB,IAAcpB,EAAOI,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAiB,EAAA,MAAY;AAAA;AAAA,iBAEAA,EAAM,OAAO,SAAS,IAAI;AAAA;AAE3C;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: React.FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass, trialHomeData } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const { intel_student: intelStudent } = trialHomeData;\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label={isPLA ? 'End the session' : 'End the class'}\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","trialHomeData","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","intelStudent","isPLA","isPLASource","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAA0B,MAAM;AACpC,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,GAAsB,eAAAC,EAAA,IACzEC,KACI;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpER,KAAe,CAAA,GACb,EAAE,UAAAS,GAAU,UAAAC,MAAaX,KAAe,CAAA,GACxC,EAAE,aAAaY,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,kBAAAK,MAAqBC,KACvBC,IAAaL,KAAc,CAACE,GAE5B,EAAE,eAAeI,EAAiB,IAAAf,GAClCgB,IAAQC,EAAYF,KAAA,gBAAAA,EAAc,MAAM,GAExCG,IAAaC,EAAY,MAAM;AACnC,IAAAP,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BS,IAAaD,EAAY,MAAM;AACnC,IAAAP,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCR,KAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOR,IAAQ,oBAAoB;AAAA,YACnC,OAAM;AAAA,YACN,SAASlB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDa,KAAcD,KACb,gBAAAW,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHhB,GAAA;AAAA,UACA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAAC5B;AAAA,cACT,UACE,gBAAAwB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBnB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASQ;AAAA,kBACT,UAAUd,KAAsBL;AAAA,kBAChC,MAAMM;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAa,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBtB;AAAA,cAChB,MAAK;AAAA,cACL,SAASY;AAAA,cACT,UAAUlB;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCuB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHlB,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import { useCallback, type FC } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass, trialHomeData } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const { intel_student: intelStudent } = trialHomeData;\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label={isPLA ? 'End the session' : 'End the class'}\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","trialHomeData","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","intelStudent","isPLA","isPLASource","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAoB,MAAM;AAC9B,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,GAAsB,eAAAC,EAAA,IACzEC,KACI;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpER,KAAe,CAAA,GACb,EAAE,UAAAS,GAAU,UAAAC,MAAaX,KAAe,CAAA,GACxC,EAAE,aAAaY,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,kBAAAK,MAAqBC,KACvBC,IAAaL,KAAc,CAACE,GAE5B,EAAE,eAAeI,EAAiB,IAAAf,GAClCgB,IAAQC,EAAYF,KAAA,gBAAAA,EAAc,MAAM,GAExCG,IAAaC,EAAY,MAAM;AACnC,IAAAP,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BS,IAAaD,EAAY,MAAM;AACnC,IAAAP,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCR,KAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOR,IAAQ,oBAAoB;AAAA,YACnC,OAAM;AAAA,YACN,SAASlB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDa,KAAcD,KACb,gBAAAW,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHhB,GAAA;AAAA,UACA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAAC5B;AAAA,cACT,UACE,gBAAAwB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBnB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASQ;AAAA,kBACT,UAAUd,KAAsBL;AAAA,kBAChC,MAAMM;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAa,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBtB;AAAA,cAChB,MAAK;AAAA,cACL,SAASY;AAAA,cACT,UAAUlB;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCuB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHlB,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}