@cuemath/leap 3.5.65 → 3.5.66-link0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-progress-summary-styled.js","sources":["../../../../../src/features/trial-session/comps/session-progress-summary/session-progress-summary-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Bulb2Icon from '../../../../assets/line-icons/icons/bulb2';\nimport Cross2Icon from '../../../../assets/line-icons/icons/cross';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst SummaryWrapper = styled(FlexView)`\n  padding: 26px 14px 26px 44px;\n  border-right: 1px solid ${({ theme }) => theme.colors.BLACK};\n  &:not(:last-child) {\n    border-bottom: 1px solid ${({ theme }) => theme.colors.BLACK};\n  }\n`;\n\nconst HorizontalDottedLine = styled.div(\n  ({ theme }) => `\n  height: 1px;\n  margin: 24px 0px;\n  margin-left: 88px;\n  background-image: repeating-linear-gradient(\n    to right,\n    ${theme.colors.WHITE_5} 0px,\n    ${theme.colors.WHITE_5} 15px,\n    transparent 15px,\n    transparent 20px\n  );\n  &:last-child {\n    display: none;\n  }\n`,\n);\n\nconst AbsoluteWrapper = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nconst CheckIcon = styled(Check2Icon)(\n  ({ theme }) => `\n  border-radius: 14px;\n  background-color: ${theme.colors.GREEN_5};\n`,\n);\n\nconst BulbIcon = styled(Bulb2Icon)(\n  ({ theme }) => `\n  border-radius: 14px;\n  background-color: ${theme.colors.YELLOW_5};\n`,\n);\n\nconst CrossIcon = styled(Cross2Icon)(\n  ({ theme }) => `\n  border-radius: 14px;\n  background-color: ${theme.colors.RED_4};\n`,\n);\n\nexport {\n  Container,\n  SummaryWrapper,\n  HorizontalDottedLine,\n  CheckIcon,\n  BulbIcon,\n  CrossIcon,\n  AbsoluteWrapper,\n};\n"],"names":["Container","styled","SummaryWrapper","FlexView","theme","HorizontalDottedLine","AbsoluteWrapper","CheckIcon","Check2Icon","BulbIcon","Bulb2Icon","CrossIcon","Cross2Icon"],"mappings":";;;;;AAOA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,4BAEV,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,+BAE9B,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAI1DC,IAAuBJ,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAG,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMXA,EAAM,OAAO,OAAO;AAAA,MACpBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ1B,GAEME,IAAkBL,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMjCI,IAAYN,EAAOO,CAAU;AAAA,EACjC,CAAC,EAAE,OAAAJ,EAAA,MAAY;AAAA;AAAA,sBAEKA,EAAM,OAAO,OAAO;AAAA;AAE1C,GAEMK,IAAWR,EAAOS,CAAS;AAAA,EAC/B,CAAC,EAAE,OAAAN,EAAA,MAAY;AAAA;AAAA,sBAEKA,EAAM,OAAO,QAAQ;AAAA;AAE3C,GAEMO,IAAYV,EAAOW,CAAU;AAAA,EACjC,CAAC,EAAE,OAAAR,EAAA,MAAY;AAAA;AAAA,sBAEKA,EAAM,OAAO,KAAK;AAAA;AAExC;"}

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

@@ -0,0 +1,5 @@
+var L = /* @__PURE__ */ ((E) => (E.SOLVED_INDEPENDENTLY = "SOLVED_INDEPENDENTLY", E.SOLVED_WITH_HELP = "SOLVED_WITH_HELP", E.COULD_NOT_SOLVE = "COULD_NOT_SOLVE", E))(L || {});
+export {
+  L as ETopicStatus
+};
+//# sourceMappingURL=session-progress-summary-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-progress-summary-types.js","sources":["../../../../../src/features/trial-session/comps/session-progress-summary/session-progress-summary-types.ts"],"sourcesContent":["export enum ETopicStatus {\n  SOLVED_INDEPENDENTLY = 'SOLVED_INDEPENDENTLY',\n  SOLVED_WITH_HELP = 'SOLVED_WITH_HELP',\n  COULD_NOT_SOLVE = 'COULD_NOT_SOLVE',\n}\nexport interface ISessionProgressSummary {\n  overview: string;\n  independent_performance: string;\n  intervention_success: string;\n  overall_assessment: string;\n  default_topic_image_url: string;\n  total_problems: number;\n  topic_performance: {\n    topic_name: string;\n    image_url: string;\n    subtopics: { subtopic_name: string; status: ETopicStatus; status_text: string }[];\n  }[];\n}\n\nexport interface ISessionProgressSummaryProps extends ISessionProgressSummary {\n  studentName: string;\n  reportSubHeader: string;\n}\n"],"names":["ETopicStatus"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,uBAAuB,wBACvBA,EAAA,mBAAmB,oBACnBA,EAAA,kBAAkB,mBAHRA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,135 @@
+import { jsxs as r, jsx as e, Fragment as C } from "react/jsx-runtime";
+import { memo as H, Fragment as L } from "react";
+import n from "../../../ui/layout/flex-view.js";
+import t from "../../../ui/text/text.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as S } from "../../trial-session-constants.js";
+import W from "../../../ui/separator/separator.js";
+import k from "../slide-header/index.js";
+import { CheckIcon as D, BulbIcon as N, CrossIcon as v, Container as y, SummaryWrapper as c, AbsoluteWrapper as l, HorizontalDottedLine as j } from "./session-progress-summary-styled.js";
+import { ETopicStatus as a } from "./session-progress-summary-types.js";
+import P from "../../../ui/image/image.js";
+import O from "../../../../assets/line-icons/icons/hint-fill.js";
+import B from "../session-report/report-404/report-404.js";
+const h = {
+  [a.SOLVED_INDEPENDENTLY]: D,
+  [a.SOLVED_WITH_HELP]: N,
+  [a.COULD_NOT_SOLVE]: v
+}, G = H(($) => {
+  const {
+    studentName: p,
+    reportSubHeader: u,
+    overview: f,
+    independent_performance: g,
+    intervention_success: s,
+    overall_assessment: _,
+    topic_performance: I = [],
+    default_topic_image_url: b,
+    total_problems: T
+  } = $;
+  return /* @__PURE__ */ r(y, { children: [
+    /* @__PURE__ */ e(W, { height: 60 }),
+    /* @__PURE__ */ e(k, { textToInsert: u }),
+    /* @__PURE__ */ e(n, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(n, { $width: S, children: T ? /* @__PURE__ */ r(L, { children: [
+      /* @__PURE__ */ r(n, { $borderColor: "BLACK", $background: "WHITE", $flexDirection: "row", children: [
+        /* @__PURE__ */ r(n, { $width: 300, children: [
+          /* @__PURE__ */ r(c, { $position: "relative", $background: "WHITE_2", children: [
+            /* @__PURE__ */ e(
+              l,
+              {
+                $width: 20,
+                $height: 20,
+                $justifyContent: "center",
+                $alignItems: "center",
+                $background: "WHITE_4",
+                children: /* @__PURE__ */ e(t, { $renderAs: "ac4-black", color: "BLACK_T_60", children: "1" })
+              }
+            ),
+            /* @__PURE__ */ e(t, { $renderAs: "ub2", children: f })
+          ] }),
+          /* @__PURE__ */ r(c, { $position: "relative", $background: "WHITE_2", children: [
+            /* @__PURE__ */ e(
+              l,
+              {
+                $width: 20,
+                $height: 20,
+                $justifyContent: "center",
+                $alignItems: "center",
+                $background: "WHITE_4",
+                children: /* @__PURE__ */ e(t, { $renderAs: "ac4-black", color: "BLACK_T_60", children: "2" })
+              }
+            ),
+            /* @__PURE__ */ e(t, { $renderAs: "ub2", children: g })
+          ] }),
+          s ? /* @__PURE__ */ r(c, { $position: "relative", $background: "WHITE_2", children: [
+            /* @__PURE__ */ e(
+              l,
+              {
+                $width: 20,
+                $height: 20,
+                $justifyContent: "center",
+                $alignItems: "center",
+                $background: "WHITE_4",
+                children: /* @__PURE__ */ e(t, { $renderAs: "ac4-black", color: "BLACK_T_60", children: "3" })
+              }
+            ),
+            /* @__PURE__ */ e(t, { $renderAs: "ub2", children: s })
+          ] }) : null,
+          /* @__PURE__ */ r(c, { $position: "relative", $background: "WHITE_4", $flex: 1, children: [
+            /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(O, { height: 28, width: 28 }) }),
+            /* @__PURE__ */ e(t, { $renderAs: "ub2", children: _ })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(n, { $flex: 1, $gap: 40, $gutter: 24, children: I.map((i) => {
+          const { topic_name: d, image_url: o, subtopics: E } = i;
+          return /* @__PURE__ */ r(C, { children: [
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ r(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: [
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                P,
+                {
+                  src: o || b,
+                  borderRadius: 88,
+                  height: 88,
+                  width: 88,
+                  alt: "topic",
+                  withLoader: !0
+                }
+              ) }),
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ r(n, { $flexGap: 8, children: [
+                /* @__PURE__ */ e(t, { $renderAs: "ab2-bold", children: d }),
+                E.map((w) => {
+                  const { status: A, subtopic_name: m } = w, x = h[A];
+                  return /* @__PURE__ */ r(
+                    n,
+                    {
+                      $flexDirection: "row",
+                      $alignItems: "center",
+                      $flexGapX: 0.5,
+                      children: [
+                        /* @__PURE__ */ e(x, { color: "WHITE", height: 14, width: 14 }),
+                        /* @__PURE__ */ e(t, { $renderAs: "ub3", children: m })
+                      ]
+                    },
+                    m
+                  );
+                })
+              ] }) })
+            ] }) }, i.topic_name),
+            /* @__PURE__ */ e(j, {})
+          ] });
+        }) })
+      ] }),
+      /* @__PURE__ */ e(n, { $flexDirection: "row", $justifyContent: "end", $flexGapX: 1, $gap: 10, children: Object.keys(a).map((i) => {
+        const d = h[i];
+        return /* @__PURE__ */ r(n, { $flexDirection: "row", $flexGap: 4, $alignItems: "center", children: [
+          /* @__PURE__ */ e(d, { color: "WHITE", height: 14, width: 14 }),
+          /* @__PURE__ */ e(t, { $renderAs: "ub3", $color: "BLACK_T_60", children: i.toLocaleLowerCase().split("_").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ") })
+        ] }, i);
+      }) })
+    ] }) : /* @__PURE__ */ e(B, { studentName: p }) }) })
+  ] });
+});
+G.displayName = "SessionProgressSummaryView";
+export {
+  G as default
+};
+//# sourceMappingURL=session-progress-summary-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-progress-summary-view.js","sources":["../../../../../src/features/trial-session/comps/session-progress-summary/session-progress-summary-view.tsx"],"sourcesContent":["import { type FC, Fragment, memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-progress-summary-styled';\nimport { ETopicStatus, type ISessionProgressSummaryProps } from './session-progress-summary-types';\nimport Image from '../../../ui/image/image';\nimport HintFillIcon from '../../../../assets/line-icons/icons/hint-fill';\nimport Report404 from '../session-report/report-404/report-404';\n\nconst StatusIconMap = {\n  [ETopicStatus.SOLVED_INDEPENDENTLY]: Styled.CheckIcon,\n  [ETopicStatus.SOLVED_WITH_HELP]: Styled.BulbIcon,\n  [ETopicStatus.COULD_NOT_SOLVE]: Styled.CrossIcon,\n};\n\nconst SessionProgressSummaryView: FC<ISessionProgressSummaryProps> = memo(props => {\n  const {\n    studentName,\n    reportSubHeader,\n    overview,\n    independent_performance: independentPerformance,\n    intervention_success: interventionSuccess,\n    overall_assessment: overallAssessment,\n    topic_performance: topicPerformance = [],\n    default_topic_image_url: defaultTopicImage,\n    total_problems: totalProblems,\n  } = props;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={reportSubHeader} />\n      <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n        <FlexView $width={RIGHT_PANEL_CONTENT_WIDTH}>\n          {totalProblems ? (\n            <Fragment>\n              <FlexView $borderColor=\"BLACK\" $background=\"WHITE\" $flexDirection=\"row\">\n                <FlexView $width={300}>\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                    <Styled.AbsoluteWrapper\n                      $width={20}\n                      $height={20}\n                      $justifyContent=\"center\"\n                      $alignItems=\"center\"\n                      $background=\"WHITE_4\"\n                    >\n                      <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                        1\n                      </Text>\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub2\">{overview}</Text>\n                  </Styled.SummaryWrapper>\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                    <Styled.AbsoluteWrapper\n                      $width={20}\n                      $height={20}\n                      $justifyContent=\"center\"\n                      $alignItems=\"center\"\n                      $background=\"WHITE_4\"\n                    >\n                      <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                        2\n                      </Text>\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub2\">{independentPerformance}</Text>\n                  </Styled.SummaryWrapper>\n                  {interventionSuccess ? (\n                    <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                      <Styled.AbsoluteWrapper\n                        $width={20}\n                        $height={20}\n                        $justifyContent=\"center\"\n                        $alignItems=\"center\"\n                        $background=\"WHITE_4\"\n                      >\n                        <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                          3\n                        </Text>\n                      </Styled.AbsoluteWrapper>\n                      <Text $renderAs=\"ub2\">{interventionSuccess}</Text>\n                    </Styled.SummaryWrapper>\n                  ) : null}\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_4\" $flex={1}>\n                    <Styled.AbsoluteWrapper>\n                      <HintFillIcon height={28} width={28} />\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub2\">{overallAssessment}</Text>\n                  </Styled.SummaryWrapper>\n                </FlexView>\n                <FlexView $flex={1} $gap={40} $gutter={24}>\n                  {topicPerformance.map(topic => {\n                    const { topic_name: topicName, image_url: topicImage, subtopics } = topic;\n\n                    return (\n                      <>\n                        <FlexView key={topic.topic_name}>\n                          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n                            <FlexView>\n                              <Image\n                                src={topicImage || defaultTopicImage}\n                                borderRadius={88}\n                                height={88}\n                                width={88}\n                                alt=\"topic\"\n                                withLoader\n                              />\n                            </FlexView>\n                            <FlexView>\n                              <FlexView $flexGap={8}>\n                                <Text $renderAs=\"ab2-bold\">{topicName}</Text>\n                                {subtopics.map(subtopic => {\n                                  const { status, subtopic_name: subtopicName } = subtopic;\n\n                                  const IconToRender = StatusIconMap[status as ETopicStatus];\n\n                                  return (\n                                    <FlexView\n                                      key={subtopicName}\n                                      $flexDirection=\"row\"\n                                      $alignItems=\"center\"\n                                      $flexGapX={0.5}\n                                    >\n                                      <IconToRender color=\"WHITE\" height={14} width={14} />\n                                      <Text $renderAs=\"ub3\">{subtopicName}</Text>\n                                    </FlexView>\n                                  );\n                                })}\n                              </FlexView>\n                            </FlexView>\n                          </FlexView>\n                        </FlexView>\n                        <Styled.HorizontalDottedLine />\n                      </>\n                    );\n                  })}\n                </FlexView>\n              </FlexView>\n              <FlexView $flexDirection=\"row\" $justifyContent=\"end\" $flexGapX={1} $gap={10}>\n                {Object.keys(ETopicStatus).map(status => {\n                  const IconToRender = StatusIconMap[status as ETopicStatus];\n\n                  return (\n                    <FlexView key={status} $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n                      <IconToRender color=\"WHITE\" height={14} width={14} />\n                      <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                        {status\n                          .toLocaleLowerCase()\n                          .split('_')\n                          .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n                          .join(' ')}\n                      </Text>\n                    </FlexView>\n                  );\n                })}\n              </FlexView>\n            </Fragment>\n          ) : (\n            <Report404 studentName={studentName} />\n          )}\n        </FlexView>\n      </FlexView>\n    </Styled.Container>\n  );\n});\n\nSessionProgressSummaryView.displayName = 'SessionProgressSummaryView';\n\nexport default SessionProgressSummaryView;\n"],"names":["StatusIconMap","ETopicStatus","Styled.CheckIcon","Styled.BulbIcon","Styled.CrossIcon","SessionProgressSummaryView","memo","props","studentName","reportSubHeader","overview","independentPerformance","interventionSuccess","overallAssessment","topicPerformance","defaultTopicImage","totalProblems","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","RIGHT_PANEL_CONTENT_WIDTH","Fragment","Styled.SummaryWrapper","Styled.AbsoluteWrapper","Text","HintFillIcon","topic","topicName","topicImage","subtopics","Image","subtopic","status","subtopicName","IconToRender","Styled.HorizontalDottedLine","word","Report404"],"mappings":"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"}

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

@@ -0,0 +1,53 @@
+import { jsx as n } from "react/jsx-runtime";
+import { memo as R, useMemo as h, useCallback as y, useEffect as T } from "react";
+import { useGetSessionProgressReports as A } from "../../api/trial-session-report.js";
+import { useTrialSessionContext as L } from "../../context/use-trial-session-context.js";
+import b from "../../../ui/loader/app-loader/app-loader.js";
+import _ from "../../../ui/error/error.js";
+import $ from "./session-progress-summary-view.js";
+import { getPreferencesFromConfig as v } from "../../../milestone/create/milestone-create-helpers.js";
+import { COURSE_STREAMS as x, PREFERENCE_CATEGORY as F } from "../../../milestone/constants.js";
+import { studentLevels as G } from "../student-feedback/student-feedback-constants.js";
+import { convertToTitleCase as M } from "../../../../helpers/label-text.js";
+const N = R(() => {
+  const { formData: S, milestoneConfig: a } = L(), {
+    grade: r,
+    name: o = "",
+    course: s = "geometry",
+    attemptId: t = "",
+    personalizedLevel: e
+  } = S || {}, l = h(() => {
+    var u, g, d;
+    const P = ((g = (u = v(a, {
+      grade: r ?? "",
+      courseStream: x.MATH,
+      preferenceCategory: F.LEVEL
+    })) == null ? void 0 : u.find((i) => i.id === (e == null ? void 0 : e[0]))) == null ? void 0 : g.label) ?? "";
+    return `Grade ${r}  ${s ? ` • ${s.split("_").map((i) => M(i)).join(" ")}` : ""}  •  ${((d = G[P.toLowerCase()]) == null ? void 0 : d.title) ?? ""}`;
+  }, [s, r, a, e]), {
+    data: f,
+    get: p,
+    isProcessed: c,
+    isProcessing: E,
+    isProcessingFailed: C
+  } = A(), m = y(() => {
+    t && !c && p(t, {
+      student_name: o ?? ""
+    });
+  }, [t, p, c, o]);
+  return T(() => {
+    m();
+  }, [m]), C ? /* @__PURE__ */ n(_, { height: "70vh", onTryAgain: m }) : E || !f ? /* @__PURE__ */ n(b, { height: "100vh" }) : /* @__PURE__ */ n(
+    $,
+    {
+      studentName: o,
+      reportSubHeader: l,
+      ...f
+    }
+  );
+});
+N.displayName = "SessionProgressSummary";
+export {
+  N as default
+};
+//# sourceMappingURL=session-progress-summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-progress-summary.js","sources":["../../../../../src/features/trial-session/comps/session-progress-summary/session-progress-summary.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { useGetSessionProgressReports } from '../../api/trial-session-report';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Error from '../../../ui/error/error';\nimport SessionProgressSummaryView from './session-progress-summary-view';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { studentLevels } from '../student-feedback/student-feedback-constants';\nimport { convertToTitleCase } from '../../../../helpers/label-text';\n\nconst SessionProgressSummary = memo(() => {\n  const { formData, milestoneConfig } = useTrialSessionContext();\n  const {\n    grade,\n    name = '',\n    course = 'geometry',\n    attemptId = '',\n    personalizedLevel,\n  } = formData || {};\n\n  const reportSubHeader = useMemo(() => {\n    const selectedLabel =\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      })?.find(sessionLevel => sessionLevel.id === personalizedLevel?.[0])?.label ?? '';\n\n    return `Grade ${grade}  ${\n      course\n        ? ` • ${course\n            .split('_')\n            .map(txt => convertToTitleCase(txt))\n            .join(' ')}`\n        : ''\n    }  •  ${studentLevels[selectedLabel.toLowerCase()]?.title ?? ''}`;\n  }, [course, grade, milestoneConfig, personalizedLevel]);\n\n  const {\n    data: sessionReports,\n    get: getSessionReports,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionProgressReports();\n\n  const fetchData = useCallback(() => {\n    if (attemptId && !isProcessed) {\n      getSessionReports(attemptId, {\n        student_name: name ?? '',\n      });\n    }\n  }, [attemptId, getSessionReports, isProcessed, name]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <SessionProgressSummaryView\n      studentName={name}\n      reportSubHeader={reportSubHeader}\n      {...sessionReports}\n    />\n  );\n});\n\nSessionProgressSummary.displayName = 'SessionProgressSummary';\n\nexport default SessionProgressSummary;\n"],"names":["SessionProgressSummary","memo","formData","milestoneConfig","useTrialSessionContext","grade","name","course","attemptId","personalizedLevel","reportSubHeader","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","txt","convertToTitleCase","_c","studentLevels","sessionReports","getSessionReports","isProcessed","isProcessing","isProcessingFailed","useGetSessionProgressReports","fetchData","useCallback","useEffect","jsx","Error","AppLoader","SessionProgressSummaryView"],"mappings":";;;;;;;;;;;AAYM,MAAAA,IAAyBC,EAAK,MAAM;AACxC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,EAAgB,IAAIC,EAAuB,GACvD;AAAA,IACJ,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,mBAAAC;AAAA,EAAA,IACEP,KAAY,CAAA,GAEVQ,IAAkBC,EAAQ,MAAM;;AAC9B,UAAAC,MACJC,KAAAC,IAAAC,EAAyBZ,GAAiB;AAAA,MACxC,OAAOE,KAAS;AAAA,MAChB,cAAcW,EAAe;AAAA,MAC7B,oBAAoBC,EAAoB;AAAA,IACzC,CAAA,MAJD,gBAAAH,EAII,KAAK,CAAgBI,MAAAA,EAAa,QAAOT,KAAA,gBAAAA,EAAoB,SAJjE,gBAAAI,EAIsE,UAAS;AAE1E,WAAA,SAASR,CAAK,KACnBE,IACI,MAAMA,EACH,MAAM,GAAG,EACT,IAAI,CAAAY,MAAOC,EAAmBD,CAAG,CAAC,EAClC,KAAK,GAAG,CAAC,KACZ,EACN,UAAQE,IAAAC,EAAcV,EAAc,YAAa,CAAA,MAAzC,gBAAAS,EAA4C,UAAS,EAAE;AAAA,KAC9D,CAACd,GAAQF,GAAOF,GAAiBM,CAAiB,CAAC,GAEhD;AAAA,IACJ,MAAMc;AAAA,IACN,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAA6B,GAE3BC,IAAYC,EAAY,MAAM;AAC9B,IAAAtB,KAAa,CAACiB,KAChBD,EAAkBhB,GAAW;AAAA,MAC3B,cAAcF,KAAQ;AAAA,IAAA,CACvB;AAAA,KAEF,CAACE,GAAWgB,GAAmBC,GAAanB,CAAI,CAAC;AAMpD,SAJAyB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVF,IACM,gBAAAK,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDH,KAAgB,CAACH,IACZ,gBAAAS,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,aAAa7B;AAAA,MACb,iBAAAI;AAAA,MACC,GAAGa;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAEDvB,EAAuB,cAAc;"}