@cuemath/leap 2.8.25 → 2.8.27

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 FlexView from '../../../../ui/layout/flex-view';\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 fiveMinClockLottie = () => import('../../../../../assets/lotties/trial-v3/5min-clock.json');\nconst fifteenMinClockLottie = () =>\n  import('../../../../../assets/lotties/trial-v3/15min-clock.json');\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 module = await (type === EClassTimeAlertLevel.FIVE_MIN\n          ? fiveMinClockLottie()\n          : fifteenMinClockLottie());\n        const animationData = module.default;\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":["fiveMinClockLottie","fifteenMinClockLottie","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","animationData","EClassTimeAlertLevel","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 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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"}

package/dist/features/trial-session/comps/parent-app/parent-app.js

@@ -1,27 +1,32 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { IMAGES as i } from "../../../../assets/images/images.js";
-import o from "../../../ui/image/image.js";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { IMAGES as o } from "../../../../assets/images/images.js";
+import { LOTTIE as e } from "../../../../assets/lottie/lottie.js";
+import h from "../../../ui/image/image.js";
 import n from "../../../ui/layout/flex-view.js";
-import r from "../../../ui/separator/separator.js";
-import a from "../../../ui/text/text.js";
-import m from "../render-lottie/index.js";
-import d from "../slide-header/index.js";
-import { Container as c, Wrapper as s } from "./parent-app-styled.js";
-const f = () => import("../../../../assets/lotties/trial-v3/parent-app/stay-connected-lottie.json.js"), l = () => import("../../../../assets/lotties/trial-v3/parent-app/track-progress-lottie.json.js"), g = () => import("../../../../assets/lotties/trial-v3/parent-app/easy-rescheduling-lottie.json.js"), $ = [f, l, g], j = () => /* @__PURE__ */ e(c, { children: [
-  /* @__PURE__ */ t(r, { height: 60 }),
-  /* @__PURE__ */ t(d, {}),
-  /* @__PURE__ */ t(n, { $justifyContent: "center", $flexDirection: "row", $flexGap: 50, children: $.map((h, p) => /* @__PURE__ */ t(m, { width: 200, height: 300, lottiePromise: h }, p)) }),
-  /* @__PURE__ */ t(r, { height: 51 }),
-  /* @__PURE__ */ e(s, { $width: 448, $height: 99, $background: "WHITE", $gapX: 0.75, children: [
-    /* @__PURE__ */ e(n, { $width: 450, $justifyContent: "center", $flexDirection: "row", children: [
-      /* @__PURE__ */ t(o, { withLoader: !0, src: i.PLAYSTORE, width: 150, height: 50 }),
-      /* @__PURE__ */ t(o, { withLoader: !0, src: i.APPSTORE, width: 150, height: 50 })
+import a from "../../../ui/lottie-animation/lottie-animation.js";
+import i from "../../../ui/separator/separator.js";
+import d from "../../../ui/text/text.js";
+import c from "../slide-header/index.js";
+import { Container as f, Wrapper as T } from "./parent-app-styled.js";
+const l = [
+  e.STAY_CONNECTED_LOTTIE,
+  e.TRACK_PROGRESS_LOTTIE,
+  e.EASY_RESCHEDULING_LOTTIE
+], x = () => /* @__PURE__ */ t(f, { children: [
+  /* @__PURE__ */ r(i, { height: 60 }),
+  /* @__PURE__ */ r(c, {}),
+  /* @__PURE__ */ r(n, { $justifyContent: "center", $flexDirection: "row", $flexGap: 50, children: l.map((m, p) => /* @__PURE__ */ r(a, { width: 200, height: 300, src: m }, p)) }),
+  /* @__PURE__ */ r(i, { height: 51 }),
+  /* @__PURE__ */ t(T, { $width: 448, $height: 99, $background: "WHITE", $gapX: 0.75, children: [
+    /* @__PURE__ */ t(n, { $width: 450, $justifyContent: "center", $flexDirection: "row", children: [
+      /* @__PURE__ */ r(h, { withLoader: !0, src: o.PLAYSTORE, width: 150, height: 50 }),
+      /* @__PURE__ */ r(h, { withLoader: !0, src: o.APPSTORE, width: 150, height: 50 })
     ] }),
-    /* @__PURE__ */ t(r, { height: 6 }),
-    /* @__PURE__ */ t(a, { $align: "center", $renderAs: "ub3", children: "The Cuemath App is available on iOS & Android" })
+    /* @__PURE__ */ r(i, { height: 6 }),
+    /* @__PURE__ */ r(d, { $align: "center", $renderAs: "ub3", children: "The Cuemath App is available on iOS & Android" })
   ] })
 ] });
 export {
-  j as default
+  x as default
 };
 //# sourceMappingURL=parent-app.js.map

package/dist/features/trial-session/comps/parent-app/parent-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"parent-app.js","sources":["../../../../../src/features/trial-session/comps/parent-app/parent-app.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\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 RenderLottie from '../render-lottie';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './parent-app-styled';\n\nconst stayConnected = () =>\n  import('../../../../assets/lotties/trial-v3/parent-app/stay-connected-lottie.json');\nconst trackProgress = () =>\n  import('../../../../assets/lotties/trial-v3/parent-app/track-progress-lottie.json');\nconst easyRescheduling = () =>\n  import('../../../../assets/lotties/trial-v3/parent-app/easy-rescheduling-lottie.json');\n\nconst parentAppLottie = [stayConnected, trackProgress, easyRescheduling];\n\nconst ParentApp: React.FC = () => {\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $justifyContent=\"center\" $flexDirection=\"row\" $flexGap={50}>\n        {parentAppLottie.map((lottiePromise, index) => (\n          <RenderLottie key={index} width={200} height={300} lottiePromise={lottiePromise} />\n        ))}\n      </FlexView>\n      <Separator height={51} />\n      <Styled.Wrapper $width={448} $height={99} $background=\"WHITE\" $gapX={0.75}>\n        <FlexView $width={450} $justifyContent=\"center\" $flexDirection=\"row\">\n          <Image withLoader src={IMAGES.PLAYSTORE} width={150} height={50} />\n          <Image withLoader src={IMAGES.APPSTORE} width={150} height={50} />\n        </FlexView>\n        <Separator height={6} />\n        <Text $align=\"center\" $renderAs=\"ub3\">\n          The Cuemath App is available on iOS & Android\n        </Text>\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default ParentApp;\n"],"names":["stayConnected","trackProgress","easyRescheduling","parentAppLottie","ParentApp","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","lottiePromise","index","RenderLottie","Styled.Wrapper","Image","IMAGES","Text"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAgB,MACpB,OAAO,8EAA2E,GAC9EC,IAAgB,MACpB,OAAO,8EAA2E,GAC9EC,IAAmB,MACvB,OAAO,iFAA8E,GAEjFC,IAAkB,CAACH,GAAeC,GAAeC,CAAgB,GAEjEE,IAAsB,MAExB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,EACb,gBAAAF,EAACG,KAAS,iBAAgB,UAAS,gBAAe,OAAM,UAAU,IAC/D,UAAAP,EAAgB,IAAI,CAACQ,GAAeC,MACnC,gBAAAL,EAACM,KAAyB,OAAO,KAAK,QAAQ,KAAK,eAAAF,EAAA,GAAhCC,CAA8D,CAClF,EACH,CAAA;AAAA,EACA,gBAAAL,EAACC,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,EACvB,gBAAAH,EAACS,GAAA,EAAe,QAAQ,KAAK,SAAS,IAAI,aAAY,SAAQ,OAAO,MACnE,UAAA;AAAA,IAAA,gBAAAT,EAACK,KAAS,QAAQ,KAAK,iBAAgB,UAAS,gBAAe,OAC7D,UAAA;AAAA,MAAC,gBAAAH,EAAAQ,GAAA,EAAM,YAAU,IAAC,KAAKC,EAAO,WAAW,OAAO,KAAK,QAAQ,GAAI,CAAA;AAAA,MACjE,gBAAAT,EAACQ,GAAM,EAAA,YAAU,IAAC,KAAKC,EAAO,UAAU,OAAO,KAAK,QAAQ,GAAI,CAAA;AAAA,IAAA,GAClE;AAAA,IACA,gBAAAT,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,sBACrBS,GAAK,EAAA,QAAO,UAAS,WAAU,OAAM,UAEtC,iDAAA;AAAA,EAAA,GACF;AACF,EAAA,CAAA;"}
+{"version":3,"file":"parent-app.js","sources":["../../../../../src/features/trial-session/comps/parent-app/parent-app.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './parent-app-styled';\n\nconst parentAppLottie = [\n  LOTTIE.STAY_CONNECTED_LOTTIE,\n  LOTTIE.TRACK_PROGRESS_LOTTIE,\n  LOTTIE.EASY_RESCHEDULING_LOTTIE,\n];\n\nconst ParentApp: React.FC = () => {\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $justifyContent=\"center\" $flexDirection=\"row\" $flexGap={50}>\n        {parentAppLottie.map((lottiePath, index) => (\n          <LottieAnimation key={index} width={200} height={300} src={lottiePath} />\n        ))}\n      </FlexView>\n      <Separator height={51} />\n      <Styled.Wrapper $width={448} $height={99} $background=\"WHITE\" $gapX={0.75}>\n        <FlexView $width={450} $justifyContent=\"center\" $flexDirection=\"row\">\n          <Image withLoader src={IMAGES.PLAYSTORE} width={150} height={50} />\n          <Image withLoader src={IMAGES.APPSTORE} width={150} height={50} />\n        </FlexView>\n        <Separator height={6} />\n        <Text $align=\"center\" $renderAs=\"ub3\">\n          The Cuemath App is available on iOS & Android\n        </Text>\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default ParentApp;\n"],"names":["parentAppLottie","LOTTIE","ParentApp","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","lottiePath","index","LottieAnimation","Styled.Wrapper","Image","IMAGES","Text"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAkB;AAAA,EACtBC,EAAO;AAAA,EACPA,EAAO;AAAA,EACPA,EAAO;AACT,GAEMC,IAAsB,MAExB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,EACb,gBAAAF,EAACG,KAAS,iBAAgB,UAAS,gBAAe,OAAM,UAAU,IAC/D,UAAAR,EAAgB,IAAI,CAACS,GAAYC,MAChC,gBAAAL,EAACM,GAA4B,EAAA,OAAO,KAAK,QAAQ,KAAK,KAAKF,EAAA,GAArCC,CAAiD,CACxE,EACH,CAAA;AAAA,EACA,gBAAAL,EAACC,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,EACvB,gBAAAH,EAACS,GAAA,EAAe,QAAQ,KAAK,SAAS,IAAI,aAAY,SAAQ,OAAO,MACnE,UAAA;AAAA,IAAA,gBAAAT,EAACK,KAAS,QAAQ,KAAK,iBAAgB,UAAS,gBAAe,OAC7D,UAAA;AAAA,MAAC,gBAAAH,EAAAQ,GAAA,EAAM,YAAU,IAAC,KAAKC,EAAO,WAAW,OAAO,KAAK,QAAQ,GAAI,CAAA;AAAA,MACjE,gBAAAT,EAACQ,GAAM,EAAA,YAAU,IAAC,KAAKC,EAAO,UAAU,OAAO,KAAK,QAAQ,GAAI,CAAA;AAAA,IAAA,GAClE;AAAA,IACA,gBAAAT,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,sBACrBS,GAAK,EAAA,QAAO,UAAS,WAAU,OAAM,UAEtC,iDAAA;AAAA,EAAA,GACF;AACF,EAAA,CAAA;"}

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

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { GIF as c } from "../../../../assets/gif/gif.js";
 import f from "../../../ui/image/image.js";
-import o from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
-import C from "../../../ui/inputs/select-input/select-input.js";
+import C from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import o from "../../../ui/inputs/select-input/select-input.js";
 import b from "../../../ui/inputs/text-input/text-input.js";
 import S from "../../../ui/layout/flex-view.js";
 import g from "../../../ui/separator/separator.js";
@@ -66,7 +66,7 @@ const D = ({
             )
           ] }),
           /* @__PURE__ */ e(
-            C,
+            o,
             {
               renderAs: "primary",
               label: "Curriculum",
@@ -81,7 +81,7 @@ const D = ({
             }
           ),
           /* @__PURE__ */ e(
-            o,
+            C,
             {
               renderAs: "primary",
               label: "Goal",

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

@@ -1 +1 @@
-{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './school-goals-styled';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  onNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = ({\n  name,\n  onNameChange,\n  grade,\n  grades,\n  onGradeChange,\n  curriculum,\n  curriculumStandards,\n  onCurriculumChange,\n  selectedGoal,\n  goalsList,\n  onGoalChange,\n}: ISchoolGoals) => {\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n            />\n            <SearchableSelectInput\n              renderAs=\"primary\"\n              label=\"Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","name","onNameChange","grade","grades","onGradeChange","curriculum","curriculumStandards","onCurriculumChange","selectedGoal","goalsList","onGoalChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SearchableSelectInput","SelectInput"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,oBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,IACA,gBAAAR;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAY;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASC;AAAA,gBACT,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,UAAA,GACF;AAAA,UACA,gBAAAS;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOnB;AAAA,cACP,SAASC;AAAA,cACT,UAAU,CAACJ;AAAA,cACX,OAAM;AAAA,cACN,iBAAgB;AAAA,cAChB,OAAM;AAAA,cACN,UAAUK;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,UACA,gBAAAM;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOf;AAAA,cACP,SAASC;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUC;AAAA,cACV,eAAa;AAAA,cACb,UAAU,CAACR,KAAS,CAACG;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GACF;AACF,EAAA,CAAA;"}
+{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './school-goals-styled';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  onNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = ({\n  name,\n  onNameChange,\n  grade,\n  grades,\n  onGradeChange,\n  curriculum,\n  curriculumStandards,\n  onCurriculumChange,\n  selectedGoal,\n  goalsList,\n  onGoalChange,\n}: ISchoolGoals) => {\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n            />\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","name","onNameChange","grade","grades","onGradeChange","curriculum","curriculumStandards","onCurriculumChange","selectedGoal","goalsList","onGoalChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,oBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,IACA,gBAAAR;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAY;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASC;AAAA,gBACT,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,UAAA,GACF;AAAA,UACA,gBAAAS;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOlB;AAAA,cACP,SAASC;AAAA,cACT,UAAU,CAACJ;AAAA,cACX,OAAM;AAAA,cACN,iBAAgB;AAAA,cAChB,OAAM;AAAA,cACN,UAAUK;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,UACA,gBAAAM;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOhB;AAAA,cACP,SAASC;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUC;AAAA,cACV,eAAa;AAAA,cACb,UAAU,CAACR,KAAS,CAACG;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GACF;AACF,EAAA,CAAA;"}

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

@@ -1,37 +1,38 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { memo as I, useCallback as u, useEffect as L } from "react";
-import { ILLUSTRATIONS as l } from "../../../../assets/illustrations/illustrations.js";
-import C from "../../../ui/error/error.js";
+import { memo as L, useCallback as u, useEffect as C } from "react";
+import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
+import { LOTTIE as h } from "../../../../assets/lottie/lottie.js";
+import E from "../../../ui/error/error.js";
 import d from "../../../ui/layout/flex-view.js";
 import S from "../../../ui/loader/app-loader/app-loader.js";
-import h from "../../../ui/separator/separator.js";
+import R from "../../../ui/lottie-animation/lottie-animation.js";
+import g from "../../../ui/separator/separator.js";
 import o from "../../../ui/text/text.js";
-import { useGetSessionInsights as E } from "../../api/trial-home.js";
-import { useTrialSessionContext as b } from "../../context/use-trial-session-context.js";
-import R from "../render-lottie/index.js";
+import { useGetSessionInsights as b } from "../../api/trial-home.js";
+import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
 import w from "../slide-header/index.js";
-import { Container as D, ContentWrapper as x, TopicWrapper as B, TopicName as N, LottieWrapper as F, RatingBlock as K } from "./session-insights-styled.js";
-const j = {
-  BEGINNER: () => import("../../../../assets/lotties/trial-v3/insight/beginner1x.json.js"),
-  FAMILIAR: () => import("../../../../assets/lotties/trial-v3/insight/familiar1x.json.js"),
-  PROFICIENT: () => import("../../../../assets/lotties/trial-v3/insight/proficient1x.json.js")
-}, k = {
-  1: l.ONE_STAR_FILLED,
-  2: l.TWO_STARS_FILLED,
-  3: l.THREE_STARS_FILLED
-}, J = I(() => {
-  const { formData: $ } = b(), { attemptId: n = "kdbkb" } = $ || {}, {
-    data: g,
-    get: m,
-    isProcessing: f,
-    isProcessingFailed: _
-  } = E(), { topic_aggregation: A = [], depth_aggregation: T = [] } = g || {}, c = u(() => {
-    n && m(n);
-  }, [n, m]);
-  return L(() => {
+import { Container as D, ContentWrapper as x, TopicWrapper as B, TopicName as F, LottieWrapper as K, RatingBlock as O } from "./session-insights-styled.js";
+const X = {
+  BEGINNER: h.BEGINNER1X,
+  FAMILIAR: h.FAMILIAR1X,
+  PROFICIENT: h.PROFICIENT1X
+}, j = {
+  1: p.ONE_STAR_FILLED,
+  2: p.TWO_STARS_FILLED,
+  3: p.THREE_STARS_FILLED
+}, Y = L(() => {
+  const { formData: f } = N(), { attemptId: n = "kdbkb" } = f || {}, {
+    data: m,
+    get: $,
+    isProcessing: _,
+    isProcessingFailed: I
+  } = b(), { topic_aggregation: A = [], depth_aggregation: T = [] } = m || {}, c = u(() => {
+    n && $(n);
+  }, [n, $]);
+  return C(() => {
     c();
-  }, [c]), _ ? /* @__PURE__ */ e(C, { height: "70vh", onTryAgain: c }) : f || !g ? /* @__PURE__ */ e(S, { height: "100vh" }) : /* @__PURE__ */ t(D, { children: [
-    /* @__PURE__ */ e(h, { height: 60 }),
+  }, [c]), I ? /* @__PURE__ */ e(E, { height: "70vh", onTryAgain: c }) : _ || !m ? /* @__PURE__ */ e(S, { height: "100vh" }) : /* @__PURE__ */ t(D, { children: [
+    /* @__PURE__ */ e(g, { height: 60 }),
     /* @__PURE__ */ e(w, {}),
     /* @__PURE__ */ t(x, { $alignItems: "center", $width: 650, $alignSelf: "center", children: [
       /* @__PURE__ */ e(
@@ -45,7 +46,7 @@ const j = {
             const {
               level: r,
               topic_name: i,
-              level_description: p
+              level_description: l
             } = s;
             return /* @__PURE__ */ t(
               B,
@@ -57,11 +58,11 @@ const j = {
                 $flexDirection: "column",
                 $justifyContent: "space-between",
                 children: [
-                  /* @__PURE__ */ e(N, { title: i, $renderAs: "ab2-bold", $color: "BLACK_T_87", children: i }),
-                  /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(R, { height: 272, lottiePromise: j[r] }) }),
+                  /* @__PURE__ */ e(F, { title: i, $renderAs: "ab2-bold", $color: "BLACK_T_87", children: i }),
+                  /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(R, { height: 272, src: X[r] }) }),
                   /* @__PURE__ */ t("div", { children: [
                     /* @__PURE__ */ e(o, { $renderAs: "ac4", $color: "BLACK_T_87", children: r }),
-                    /* @__PURE__ */ e(o, { $renderAs: "ub2", $color: "BLACK_T_60", children: p })
+                    /* @__PURE__ */ e(o, { $renderAs: "ub2", $color: "BLACK_T_60", children: l })
                   ] })
                 ]
               },
@@ -71,7 +72,7 @@ const j = {
         }
       ),
       /* @__PURE__ */ e(
-        K,
+        O,
         {
           $width: "100%",
           $borderColor: "BLACK_T_87",
@@ -85,11 +86,11 @@ const j = {
             const {
               star: r,
               depth_description: i,
-              star_description: p
+              star_description: l
             } = s;
             return /* @__PURE__ */ t(d, { $width: 88, children: [
-              /* @__PURE__ */ e("img", { src: k[r], height: 24, width: 88 }),
-              /* @__PURE__ */ e(h, { height: 4 }),
+              /* @__PURE__ */ e("img", { src: j[r], height: 24, width: 88 }),
+              /* @__PURE__ */ e(g, { height: 4 }),
               /* @__PURE__ */ e(
                 d,
                 {
@@ -100,10 +101,10 @@ const j = {
                   $alignItems: "center",
                   $width: "fit-content",
                   $alignSelf: "center",
-                  children: /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_87", children: p })
+                  children: /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_87", children: l })
                 }
               ),
-              /* @__PURE__ */ e(h, { heightX: 1 }),
+              /* @__PURE__ */ e(g, { heightX: 1 }),
               /* @__PURE__ */ e(o, { $renderAs: "ac4", $color: "BLACK_T_87", $align: "center", children: i })
             ] }, a);
           })
@@ -113,6 +114,6 @@ const j = {
   ] });
 });
 export {
-  J as default
+  Y as default
 };
 //# sourceMappingURL=session-insights.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-insights.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights.tsx"],"sourcesContent":["import type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Error from '../../../ui/error/error';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionInsights } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport RenderLottie from '../render-lottie';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\n\nconst proficiencyLottieMap: TProficiencyLottieMap = {\n  BEGINNER: () => import('../../../../assets/lotties/trial-v3/insight/beginner1x.json'),\n  FAMILIAR: () => import('../../../../assets/lotties/trial-v3/insight/familiar1x.json'),\n  PROFICIENT: () => import('../../../../assets/lotties/trial-v3/insight/proficient1x.json'),\n};\n\nconst STAR_RATING_ICONS: Record<TDepthAggregation['star'], string> = {\n  1: ILLUSTRATIONS.ONE_STAR_FILLED,\n  2: ILLUSTRATIONS.TWO_STARS_FILLED,\n  3: ILLUSTRATIONS.THREE_STARS_FILLED,\n};\n\nconst SessionInsights = memo(() => {\n  const { formData } = useTrialSessionContext();\n  const { attemptId = 'kdbkb' } = formData || {};\n\n  const {\n    data: sessionInsights,\n    get: getSessionInsights,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionInsights();\n\n  const { topic_aggregation: topicAggregation = [], depth_aggregation: depthAggregation = [] } =\n    sessionInsights || {};\n\n  const fetchData = useCallback(() => {\n    if (attemptId) {\n      getSessionInsights(attemptId);\n    }\n  }, [attemptId, getSessionInsights]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionInsights) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $alignItems=\"center\" $width={650} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map((aggregation, index) => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={index}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={250}\n                $flexDirection=\"column\"\n                $justifyContent=\"space-between\"\n              >\n                <Styled.TopicName title={topicName} $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n                  {topicName}\n                </Styled.TopicName>\n                <Styled.LottieWrapper>\n                  <RenderLottie height={272} lottiePromise={proficiencyLottieMap[level]} />\n                </Styled.LottieWrapper>\n                <div>\n                  <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\">\n                    {level}\n                  </Text>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n                    {levelDescription}\n                  </Text>\n                </div>\n              </Styled.TopicWrapper>\n            );\n          })}\n        </FlexView>\n        <Styled.RatingBlock\n          $width=\"100%\"\n          $borderColor=\"BLACK_T_87\"\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $flexGap={80}\n          $background=\"WHITE\"\n          $gap={25.5}\n        >\n          {depthAggregation.map((aggregation, index) => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={index} $width={88}>\n                <img src={STAR_RATING_ICONS[star]} height={24} width={88} />\n                <Separator height={4} />\n                <FlexView\n                  $background=\"WHITE_4\"\n                  $gutterX={0.25}\n                  $gap={2}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $width=\"fit-content\"\n                  $alignSelf=\"center\"\n                >\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_87\">\n                    {starDescription}\n                  </Text>\n                </FlexView>\n                <Separator heightX={1} />\n                <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\" $align=\"center\">\n                  {depthDescription}\n                </Text>\n              </FlexView>\n            );\n          })}\n        </Styled.RatingBlock>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionInsights;\n"],"names":["proficiencyLottieMap","STAR_RATING_ICONS","ILLUSTRATIONS","SessionInsights","memo","formData","useTrialSessionContext","attemptId","sessionInsights","getSessionInsights","isProcessing","isProcessingFailed","useGetSessionInsights","topicAggregation","depthAggregation","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","FlexView","aggregation","index","level","topicName","levelDescription","Styled.TopicWrapper","Styled.TopicName","Styled.LottieWrapper","RenderLottie","Text","Styled.RatingBlock","star","depthDescription","starDescription"],"mappings":"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"}
+{"version":3,"file":"session-insights.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights.tsx"],"sourcesContent":["import type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Error from '../../../ui/error/error';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionInsights } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\n\nconst proficiencyLottieMap: TProficiencyLottieMap = {\n  BEGINNER: LOTTIE.BEGINNER1X,\n  FAMILIAR: LOTTIE.FAMILIAR1X,\n  PROFICIENT: LOTTIE.PROFICIENT1X,\n};\n\nconst STAR_RATING_ICONS: Record<TDepthAggregation['star'], string> = {\n  1: ILLUSTRATIONS.ONE_STAR_FILLED,\n  2: ILLUSTRATIONS.TWO_STARS_FILLED,\n  3: ILLUSTRATIONS.THREE_STARS_FILLED,\n};\n\nconst SessionInsights = memo(() => {\n  const { formData } = useTrialSessionContext();\n  const { attemptId = 'kdbkb' } = formData || {};\n\n  const {\n    data: sessionInsights,\n    get: getSessionInsights,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionInsights();\n\n  const { topic_aggregation: topicAggregation = [], depth_aggregation: depthAggregation = [] } =\n    sessionInsights || {};\n\n  const fetchData = useCallback(() => {\n    if (attemptId) {\n      getSessionInsights(attemptId);\n    }\n  }, [attemptId, getSessionInsights]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionInsights) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $alignItems=\"center\" $width={650} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map((aggregation, index) => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={index}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={250}\n                $flexDirection=\"column\"\n                $justifyContent=\"space-between\"\n              >\n                <Styled.TopicName title={topicName} $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n                  {topicName}\n                </Styled.TopicName>\n                <Styled.LottieWrapper>\n                  <LottieAnimation height={272} src={proficiencyLottieMap[level]} />\n                </Styled.LottieWrapper>\n                <div>\n                  <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\">\n                    {level}\n                  </Text>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n                    {levelDescription}\n                  </Text>\n                </div>\n              </Styled.TopicWrapper>\n            );\n          })}\n        </FlexView>\n        <Styled.RatingBlock\n          $width=\"100%\"\n          $borderColor=\"BLACK_T_87\"\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $flexGap={80}\n          $background=\"WHITE\"\n          $gap={25.5}\n        >\n          {depthAggregation.map((aggregation, index) => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={index} $width={88}>\n                <img src={STAR_RATING_ICONS[star]} height={24} width={88} />\n                <Separator height={4} />\n                <FlexView\n                  $background=\"WHITE_4\"\n                  $gutterX={0.25}\n                  $gap={2}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $width=\"fit-content\"\n                  $alignSelf=\"center\"\n                >\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_87\">\n                    {starDescription}\n                  </Text>\n                </FlexView>\n                <Separator heightX={1} />\n                <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\" $align=\"center\">\n                  {depthDescription}\n                </Text>\n              </FlexView>\n            );\n          })}\n        </Styled.RatingBlock>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionInsights;\n"],"names":["proficiencyLottieMap","LOTTIE","STAR_RATING_ICONS","ILLUSTRATIONS","SessionInsights","memo","formData","useTrialSessionContext","attemptId","sessionInsights","getSessionInsights","isProcessing","isProcessingFailed","useGetSessionInsights","topicAggregation","depthAggregation","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","FlexView","aggregation","index","level","topicName","levelDescription","Styled.TopicWrapper","Styled.TopicName","Styled.LottieWrapper","LottieAnimation","Text","Styled.RatingBlock","star","depthDescription","starDescription"],"mappings":"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"}

package/dist/features/trial-session/trial-session-view.js

@@ -1,122 +1,138 @@
-import { jsx as h, jsxs as U } from "react/jsx-runtime";
-import { memo as z, useState as J, useMemo as p, useCallback as K, useEffect as C } from "react";
-import Q from "../ui/layout/flex-view.js";
-import W from "./context/trial-session-context.js";
-import { useButtonStateForLeftPanel as X } from "./hooks/use-left-panel-button-state.js";
-import Y from "./left-panel/index.js";
-import Z from "./right-panel/index.js";
-const ie = z((B) => {
+import { jsx as D, jsxs as z } from "react/jsx-runtime";
+import { memo as J, useState as K, useMemo as m, useCallback as Q, useEffect as I } from "react";
+import { getGradesFromConfig as W } from "../milestone/create/milestone-create-helpers.js";
+import X from "../ui/layout/flex-view.js";
+import Y from "./context/trial-session-context.js";
+import { useButtonStateForLeftPanel as Z } from "./hooks/use-left-panel-button-state.js";
+import ee from "./left-panel/index.js";
+import te from "./right-panel/index.js";
+const de = J((H) => {
   const {
     userType: o,
-    teacherPanel: D,
-    studentPanel: S,
-    trialGameUrl: _,
+    teacherPanel: S,
+    studentPanel: _,
+    trialGameUrl: T,
     formData: i,
-    height: H = "100vh",
-    trialHomeData: e,
-    milestoneConfig: I,
-    onFormDataChange: c,
-    worksheet: T,
+    height: L = "100vh",
+    trialHomeData: t,
+    milestoneConfig: l,
+    onFormDataChange: u,
+    worksheet: x,
     studentId: r,
     teacherId: s,
     classStartedOn: P,
     worksheetNavigationPanel: v,
-    questionsRatingPanel: x,
-    studentAbsentInClass: y,
+    questionsRatingPanel: y,
+    studentAbsentInClass: E,
     openEndClassModal: $,
     onTrialInformationUpdate: w,
-    onStudentTimezoneUpdate: d,
-    handleInfoMessage: E,
-    onRemoveOptionalSlides: k,
-    classDuration: F,
-    studentTimezone: m,
-    classTimeAlertConfig: M
-  } = B, t = o === "TEACHER", { pages: u = [], student: L } = e, { name: R, grade: b } = L || {}, [n, O] = J(i), f = t ? n : i, g = f == null ? void 0 : f.id, j = p(
-    () => u.find((a) => a.id === g) ?? u[0],
-    [g, u]
-  ), A = p(() => {
-    const a = {
-      circleConfig: e.circle_trial_game_config,
+    onStudentTimezoneUpdate: f,
+    handleInfoMessage: F,
+    onRemoveOptionalSlides: G,
+    classDuration: M,
+    studentTimezone: g,
+    classTimeAlertConfig: k
+  } = H, a = o === "TEACHER", { pages: h = [], student: O } = t, { name: R, grade: c } = O || {}, [n, q] = K(i), p = a ? n : i, C = p == null ? void 0 : p.id, b = m(
+    () => h.find((e) => e.id === C) ?? h[0],
+    [C, h]
+  ), j = m(() => {
+    const e = {
+      circleConfig: t.circle_trial_game_config,
       playerDetails: {
         matchMakingId: `${s}_${r}_trial_v3`,
-        userId: t ? s : r,
-        circle_username: e[t ? "teacher" : "student"].circle_username,
-        user_avatar: e[t ? "teacher" : "student"].user_avatar,
+        userId: a ? s : r,
+        circle_username: t[a ? "teacher" : "student"].circle_username,
+        user_avatar: t[a ? "teacher" : "student"].user_avatar,
         playerType: o
       }
     };
-    return o === "STUDENT" && (a.playerDetails.grade = e.student.grade), a;
-  }, [t, r, s, e, o]), l = K((a) => {
-    O((V) => V ? { ...V, ...a } : a);
-  }, []), { buttonState: G, updateButtonState: N } = X(), q = p(
+    return o === "STUDENT" && (e.playerDetails.grade = t.student.grade), e;
+  }, [a, r, s, t, o]), d = Q((e) => {
+    q((B) => B ? { ...B, ...e } : e);
+  }, []), { buttonState: A, updateButtonState: N } = Z(), U = m(
     () => ({
-      teacherPanel: D,
-      studentPanel: S,
-      isTeacher: t,
-      slideConfig: j,
-      milestoneConfig: I,
-      formData: t ? n : i,
-      updateSlideConfig: l,
-      worksheet: T,
-      buttonState: G,
+      teacherPanel: S,
+      studentPanel: _,
+      isTeacher: a,
+      slideConfig: b,
+      milestoneConfig: l,
+      formData: a ? n : i,
+      updateSlideConfig: d,
+      worksheet: x,
+      buttonState: A,
       updateButtonState: N,
       studentId: r,
       teacherId: s,
       classStartedOn: P,
-      trialHomeData: e,
+      trialHomeData: t,
       worksheetNavigationPanel: v,
-      questionsRatingPanel: x,
+      questionsRatingPanel: y,
       onTrialInformationUpdate: w,
       openEndClassModal: $,
-      studentAbsentInClass: y,
-      circleGames: A,
-      trialGameUrl: _,
-      handleInfoMessage: E,
-      onRemoveOptionalSlides: k,
-      classDuration: F,
-      classTimeAlertConfig: M
+      studentAbsentInClass: E,
+      circleGames: j,
+      trialGameUrl: T,
+      handleInfoMessage: F,
+      onRemoveOptionalSlides: G,
+      classDuration: M,
+      classTimeAlertConfig: k
     }),
     [
-      D,
       S,
-      t,
-      j,
-      I,
+      _,
+      a,
+      b,
+      l,
       n,
       i,
-      l,
-      T,
-      G,
+      d,
+      x,
+      A,
       N,
       r,
       s,
       P,
-      e,
+      t,
       v,
-      x,
+      y,
       w,
       $,
-      y,
-      A,
-      _,
       E,
-      k,
+      j,
+      T,
       F,
-      M
+      G,
+      M,
+      k
     ]
   );
-  return C(() => {
-    n && c && c(n);
-  }, [c, n]), C(() => {
-    m || d == null || d();
-  }, [g]), C(() => {
-    l({ name: R, grade: b, studentTimezone: m });
-  }, [R, b, l, m]), /* @__PURE__ */ h(W.Provider, { value: q, children: /* @__PURE__ */ U(Q, { $height: H, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ h(Y, {}),
-    /* @__PURE__ */ h(Z, {})
+  I(() => {
+    n && u && u(n);
+  }, [u, n]), I(() => {
+    g || f == null || f();
+  }, [C]);
+  const V = m(
+    () => !!W(l).find((e) => e.id === c),
+    [l, c]
+  );
+  return I(() => {
+    d({
+      studentTimezone: g,
+      name: R,
+      grade: V ? c : ""
+    });
+  }, [
+    R,
+    c,
+    d,
+    g,
+    V
+  ]), /* @__PURE__ */ D(Y.Provider, { value: U, children: /* @__PURE__ */ z(X, { $height: L, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ D(ee, {}),
+    /* @__PURE__ */ D(te, {})
   ] }) });
 });
 export {
-  ie as default
+  de as default
 };
 //# sourceMappingURL=trial-session-view.js.map