@cuemath/leap 3.5.59 → 3.5.60-link0

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;"}

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

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

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

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

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

@@ -1,52 +1,54 @@
 import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import { memo as E, useMemo as R, useCallback as S, useEffect as P } from "react";
-import { COURSE_STREAMS as T, PREFERENCE_CATEGORY as x } from "../../../milestone/constants.js";
-import { getPreferencesFromConfig as A } from "../../../milestone/create/milestone-create-helpers.js";
-import L from "../../../ui/error/error.js";
-import _ from "../../../ui/loader/app-loader/app-loader.js";
-import F from "../../../ui/separator/separator.js";
-import { useGetSessionReports as b } from "../../api/trial-home.js";
-import { useTrialSessionContext as v } from "../../context/use-trial-session-context.js";
-import { getFormattedStudentPersonalizedPreference as y } from "../../helper.js";
-import I from "../slide-header/index.js";
-import { studentLevels as M } from "../student-feedback/student-feedback-constants.js";
-import N from "./report-information/report-information.js";
-import { Container as j, ContentWrapper as w } from "./session-report-styled.js";
-const D = E(() => {
-  const { formData: u, milestoneConfig: o } = v(), { name: s = "", grade: f, attemptId: n = "shg", personalizedLevel: e = [] } = u || {}, {
+import { memo as R, useMemo as S, useCallback as T, useEffect as P } from "react";
+import { COURSE_STREAMS as _, PREFERENCE_CATEGORY as A } from "../../../milestone/constants.js";
+import { getPreferencesFromConfig as L } from "../../../milestone/create/milestone-create-helpers.js";
+import N from "../../../ui/error/error.js";
+import x from "../../../ui/loader/app-loader/app-loader.js";
+import I from "../../../ui/separator/separator.js";
+import { useGetSessionReports as F } from "../../api/trial-session-report.js";
+import { useTrialSessionContext as H } from "../../context/use-trial-session-context.js";
+import { getFormattedStudentPersonalizedPreference as b } from "../../helper.js";
+import v from "../slide-header/index.js";
+import { studentLevels as y } from "../student-feedback/student-feedback-constants.js";
+import D from "./report-information/report-information.js";
+import { Container as G, ContentWrapper as M } from "./session-report-styled.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as O } from "../../trial-session-constants.js";
+const j = R(() => {
+  const { formData: l, milestoneConfig: o } = H(), { name: s = "", grade: f, attemptId: n = "", personalizedLevel: e = [] } = l || {}, {
     data: p,
     get: d,
+    isProcessed: c,
     isProcessing: g,
-    isProcessingFailed: l
-  } = b(), i = R(() => {
-    var r, c;
-    const a = ((c = (r = A(o, {
+    isProcessingFailed: E
+  } = F(), i = S(() => {
+    var r, u;
+    const a = ((u = (r = L(o, {
       grade: f ?? "",
-      courseStream: T.MATH,
-      preferenceCategory: x.LEVEL
-    })) == null ? void 0 : r.find((h) => h.id === (e == null ? void 0 : e[0]))) == null ? void 0 : c.label) ?? "";
-    return M[a.toLowerCase()];
-  }, [f, o, e]), m = S(() => {
+      courseStream: _.MATH,
+      preferenceCategory: A.LEVEL
+    })) == null ? void 0 : r.find((h) => h.id === (e == null ? void 0 : e[0]))) == null ? void 0 : u.label) ?? "";
+    return y[a.toLowerCase()];
+  }, [f, o, e]), m = T(() => {
     var r;
-    const a = y(
+    const a = b(
       o,
       e
     );
-    n && d(n, {
+    n && !c && d(n, {
       student_level: ((r = a[0]) == null ? void 0 : r.preference_name) ?? "",
       student_name: s ?? ""
     });
-  }, [n, d, o, s, e]);
+  }, [n, d, c, o, s, e]);
   return P(() => {
     m();
-  }, [m]), l ? /* @__PURE__ */ t(L, { height: "70vh", onTryAgain: m }) : g || !p ? /* @__PURE__ */ t(_, { height: "100vh" }) : /* @__PURE__ */ C(j, { children: [
-    /* @__PURE__ */ t(F, { height: 60 }),
-    /* @__PURE__ */ t(I, { textToInsert: (i == null ? void 0 : i.title) ?? "" }),
-    /* @__PURE__ */ t(w, { $width: 750, children: /* @__PURE__ */ t(N, { sessionReports: p, studentName: s }) })
+  }, [m]), E ? /* @__PURE__ */ t(N, { height: "70vh", onTryAgain: m }) : g || !p ? /* @__PURE__ */ t(x, { height: "100vh" }) : /* @__PURE__ */ C(G, { children: [
+    /* @__PURE__ */ t(I, { height: 60 }),
+    /* @__PURE__ */ t(v, { textToInsert: (i == null ? void 0 : i.title) ?? "" }),
+    /* @__PURE__ */ t(M, { $width: O, children: /* @__PURE__ */ t(D, { sessionReports: p, studentName: s }) })
   ] });
 });
-D.displayName = "SessionReport";
+j.displayName = "SessionReport";
 export {
-  D as default
+  j as default
 };
 //# sourceMappingURL=session-report.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-report.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport { useGetSessionReports } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from '../student-feedback/student-feedback-constants';\nimport ReportInformation from './report-information/report-information';\nimport * as Styled from './session-report-styled';\n\nconst SessionReport = memo(() => {\n  const { formData, milestoneConfig } = useTrialSessionContext();\n  const { name = '', grade, attemptId = 'shg', personalizedLevel = [] } = formData || {};\n\n  const {\n    data: sessionReports,\n    get: getSessionReports,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionReports();\n\n  const selectedSessionLevel = 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 studentLevels[selectedLabel.toLowerCase()];\n  }, [grade, milestoneConfig, personalizedLevel]);\n\n  const fetchData = useCallback(() => {\n    const studentLevel = getFormattedStudentPersonalizedPreference(\n      milestoneConfig,\n      personalizedLevel,\n    );\n\n    if (attemptId) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel[0]?.preference_name ?? '',\n        student_name: name ?? '',\n      });\n    }\n  }, [attemptId, getSessionReports, milestoneConfig, name, personalizedLevel]);\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    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={selectedSessionLevel?.title ?? ''} />\n      <Styled.ContentWrapper $width={750}>\n        <ReportInformation sessionReports={sessionReports} studentName={name} />\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nSessionReport.displayName = 'SessionReport';\n\nexport default SessionReport;\n"],"names":["SessionReport","memo","formData","milestoneConfig","useTrialSessionContext","name","grade","attemptId","personalizedLevel","sessionReports","getSessionReports","isProcessing","isProcessingFailed","useGetSessionReports","selectedSessionLevel","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","studentLevels","fetchData","useCallback","studentLevel","getFormattedStudentPersonalizedPreference","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","ReportInformation"],"mappings":";;;;;;;;;;;;;;AAeM,MAAAA,IAAgBC,EAAK,MAAM;AAC/B,QAAM,EAAE,UAAAC,GAAU,iBAAAC,EAAgB,IAAIC,EAAuB,GACvD,EAAE,MAAAC,IAAO,IAAI,OAAAC,GAAO,WAAAC,IAAY,OAAO,mBAAAC,IAAoB,CAAC,EAAA,IAAMN,KAAY,IAE9E;AAAA,IACJ,MAAMO;AAAA,IACN,KAAKC;AAAA,IACL,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAuBC,EAAQ,MAAM;;AACnC,UAAAC,MACJC,KAAAC,IAAAC,EAAyBhB,GAAiB;AAAA,MACxC,OAAOG,KAAS;AAAA,MAChB,cAAcc,EAAe;AAAA,MAC7B,oBAAoBC,EAAoB;AAAA,IACzC,CAAA,MAJD,gBAAAH,EAII,KAAK,CAAgBI,MAAAA,EAAa,QAAOd,KAAA,gBAAAA,EAAoB,SAJjE,gBAAAS,EAIsE,UAAS;AAE1E,WAAAM,EAAcP,EAAc,YAAA,CAAa;AAAA,EAC/C,GAAA,CAACV,GAAOH,GAAiBK,CAAiB,CAAC,GAExCgB,IAAYC,EAAY,MAAM;;AAClC,UAAMC,IAAeC;AAAA,MACnBxB;AAAA,MACAK;AAAA,IAAA;AAGF,IAAID,KACFG,EAAkBH,GAAW;AAAA,MAC3B,iBAAeW,IAAAQ,EAAa,CAAC,MAAd,gBAAAR,EAAiB,oBAAmB;AAAA,MACnD,cAAcb,KAAQ;AAAA,IAAA,CACvB;AAAA,EACH,GACC,CAACE,GAAWG,GAAmBP,GAAiBE,GAAMG,CAAiB,CAAC;AAM3E,SAJAoB,EAAU,MAAM;AACJ,IAAAJ;EAAA,GACT,CAACA,CAAS,CAAC,GAEVZ,IACM,gBAAAiB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYN,EAAW,CAAA,IAGjDb,KAAgB,CAACF,IACZ,gBAAAoB,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACtB,gBAAAL,EAAAM,GAAA,EAAY,eAAcrB,KAAA,gBAAAA,EAAsB,UAAS,IAAI;AAAA,IAC9D,gBAAAe,EAACO,GAAA,EAAsB,QAAQ,KAC7B,UAAA,gBAAAP,EAACQ,GAAkB,EAAA,gBAAA5B,GAAgC,aAAaJ,EAAA,CAAM,EACxE,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;AAEDL,EAAc,cAAc;"}
+{"version":3,"file":"session-report.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport { useGetSessionReports } from '../../api/trial-session-report';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from '../student-feedback/student-feedback-constants';\nimport ReportInformation from './report-information/report-information';\nimport * as Styled from './session-report-styled';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst SessionReport = memo(() => {\n  const { formData, milestoneConfig } = useTrialSessionContext();\n  const { name = '', grade, attemptId = '', personalizedLevel = [] } = formData || {};\n\n  const {\n    data: sessionReports,\n    get: getSessionReports,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionReports();\n\n  const selectedSessionLevel = 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 studentLevels[selectedLabel.toLowerCase()];\n  }, [grade, milestoneConfig, personalizedLevel]);\n\n  const fetchData = useCallback(() => {\n    const studentLevel = getFormattedStudentPersonalizedPreference(\n      milestoneConfig,\n      personalizedLevel,\n    );\n\n    if (attemptId && !isProcessed) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel[0]?.preference_name ?? '',\n        student_name: name ?? '',\n      });\n    }\n  }, [attemptId, getSessionReports, isProcessed, milestoneConfig, name, personalizedLevel]);\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    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={selectedSessionLevel?.title ?? ''} />\n      <Styled.ContentWrapper $width={RIGHT_PANEL_CONTENT_WIDTH}>\n        <ReportInformation sessionReports={sessionReports} studentName={name} />\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nSessionReport.displayName = 'SessionReport';\n\nexport default SessionReport;\n"],"names":["SessionReport","memo","formData","milestoneConfig","useTrialSessionContext","name","grade","attemptId","personalizedLevel","sessionReports","getSessionReports","isProcessed","isProcessing","isProcessingFailed","useGetSessionReports","selectedSessionLevel","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","studentLevels","fetchData","useCallback","studentLevel","getFormattedStudentPersonalizedPreference","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","RIGHT_PANEL_CONTENT_WIDTH","ReportInformation"],"mappings":";;;;;;;;;;;;;;;AAgBM,MAAAA,IAAgBC,EAAK,MAAM;AAC/B,QAAM,EAAE,UAAAC,GAAU,iBAAAC,EAAgB,IAAIC,EAAuB,GACvD,EAAE,MAAAC,IAAO,IAAI,OAAAC,GAAO,WAAAC,IAAY,IAAI,mBAAAC,IAAoB,CAAC,EAAA,IAAMN,KAAY,IAE3E;AAAA,IACJ,MAAMO;AAAA,IACN,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAuBC,EAAQ,MAAM;;AACnC,UAAAC,MACJC,KAAAC,IAAAC,EAAyBjB,GAAiB;AAAA,MACxC,OAAOG,KAAS;AAAA,MAChB,cAAce,EAAe;AAAA,MAC7B,oBAAoBC,EAAoB;AAAA,IACzC,CAAA,MAJD,gBAAAH,EAII,KAAK,CAAgBI,MAAAA,EAAa,QAAOf,KAAA,gBAAAA,EAAoB,SAJjE,gBAAAU,EAIsE,UAAS;AAE1E,WAAAM,EAAcP,EAAc,YAAA,CAAa;AAAA,EAC/C,GAAA,CAACX,GAAOH,GAAiBK,CAAiB,CAAC,GAExCiB,IAAYC,EAAY,MAAM;;AAClC,UAAMC,IAAeC;AAAA,MACnBzB;AAAA,MACAK;AAAA,IAAA;AAGE,IAAAD,KAAa,CAACI,KAChBD,EAAkBH,GAAW;AAAA,MAC3B,iBAAeY,IAAAQ,EAAa,CAAC,MAAd,gBAAAR,EAAiB,oBAAmB;AAAA,MACnD,cAAcd,KAAQ;AAAA,IAAA,CACvB;AAAA,EACH,GACC,CAACE,GAAWG,GAAmBC,GAAaR,GAAiBE,GAAMG,CAAiB,CAAC;AAMxF,SAJAqB,EAAU,MAAM;AACJ,IAAAJ;EAAA,GACT,CAACA,CAAS,CAAC,GAEVZ,IACM,gBAAAiB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYN,EAAW,CAAA,IAGjDb,KAAgB,CAACH,IACZ,gBAAAqB,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACtB,gBAAAL,EAAAM,GAAA,EAAY,eAAcrB,KAAA,gBAAAA,EAAsB,UAAS,IAAI;AAAA,IAC9D,gBAAAe,EAACO,GAAA,EAAsB,QAAQC,GAC7B,UAAA,gBAAAR,EAACS,GAAkB,EAAA,gBAAA9B,GAAgC,aAAaJ,EAAA,CAAM,EACxE,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;AAEDL,EAAc,cAAc;"}

package/dist/features/trial-session/comps/student-enrichment/student-enrichment-styled.js

@@ -1,16 +1,11 @@
 import t from "styled-components";
-import e from "../../../ui/layout/flex-view.js";
-import { getTheme as n } from "../../../ui/theme/get-theme.js";
-const r = n(), { gutter: o } = r.layout, { BLACK_1: i, ORANGE_1: p } = r.colors, l = t.div`
-  width: 100%;
-  height: 100%;
-`, m = t(e)`
-  margin: auto;
-`, g = t.div`
+import i from "../../../ui/layout/flex-view.js";
+import { getTheme as p } from "../../../ui/theme/get-theme.js";
+const e = p(), { gutter: o } = e.layout, { BLACK_1: r, ORANGE_1: n } = e.colors, m = t.div`
   position: relative;
   width: ${o * 18.75}px;
   height: ${o * 25}px;
-  border: 1px solid ${i};
+  border: 1px solid ${r};
   overflow: hidden;
   .image {
     position: absolute;
@@ -19,17 +14,15 @@ const r = n(), { gutter: o } = r.layout, { BLACK_1: i, ORANGE_1: p } = r.colors,
     right: 0;
     bottom: 0;
   }
-`, c = t(e)`
+`, x = t(i)`
   flex-grow: 1;
-  border: 1px solid ${i};
+  border: 1px solid ${r};
   border-left: none;
-  background-color: ${p};
+  background-color: ${n};
   padding: ${o * 2.5}px;
 `;
 export {
-  l as Container,
-  m as ContentWrapper,
-  g as ImageWrapper,
-  c as InputContainer
+  m as ImageWrapper,
+  x as InputContainer
 };
 //# sourceMappingURL=student-enrichment-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-enrichment-styled.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { getTheme } from '../../../ui/theme/get-theme';\n\nconst theme = getTheme();\nconst { gutter } = theme.layout;\nconst { BLACK_1, ORANGE_1 } = theme.colors;\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst ImageWrapper = styled.div`\n  position: relative;\n  width: ${gutter * 18.75}px;\n  height: ${gutter * 25}px;\n  border: 1px solid ${BLACK_1};\n  overflow: hidden;\n  .image {\n    position: absolute;\n    top: -${gutter * 0.15625}px;\n    left: -${gutter * 0.125}px;\n    right: 0;\n    bottom: 0;\n  }\n`;\n\nconst InputContainer = styled(FlexView)`\n  flex-grow: 1;\n  border: 1px solid ${BLACK_1};\n  border-left: none;\n  background-color: ${ORANGE_1};\n  padding: ${gutter * 2.5}px;\n`;\n\nexport { Container, ContentWrapper, ImageWrapper, InputContainer };\n"],"names":["theme","getTheme","gutter","BLACK_1","ORANGE_1","Container","styled","ContentWrapper","FlexView","ImageWrapper","InputContainer"],"mappings":";;;AAKA,MAAMA,IAAQC,EAAS,GACjB,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,SAAAG,GAAS,UAAAC,MAAaJ,EAAM,QAE9BK,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,GAIhCC,IAAeH,EAAO;AAAA;AAAA,WAEjBJ,IAAS,KAAK;AAAA,YACbA,IAAS,EAAE;AAAA,sBACDC,CAAO;AAAA;AAAA;AAAA;AAAA,YAIjBD,IAAS,OAAO;AAAA,aACfA,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,GAMrBQ,IAAiBJ,EAAOE,CAAQ;AAAA;AAAA,sBAEhBL,CAAO;AAAA;AAAA,sBAEPC,CAAQ;AAAA,aACjBF,IAAS,GAAG;AAAA;"}
+{"version":3,"file":"student-enrichment-styled.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { getTheme } from '../../../ui/theme/get-theme';\n\nconst theme = getTheme();\nconst { gutter } = theme.layout;\nconst { BLACK_1, ORANGE_1 } = theme.colors;\n\nconst ImageWrapper = styled.div`\n  position: relative;\n  width: ${gutter * 18.75}px;\n  height: ${gutter * 25}px;\n  border: 1px solid ${BLACK_1};\n  overflow: hidden;\n  .image {\n    position: absolute;\n    top: -${gutter * 0.15625}px;\n    left: -${gutter * 0.125}px;\n    right: 0;\n    bottom: 0;\n  }\n`;\n\nconst InputContainer = styled(FlexView)`\n  flex-grow: 1;\n  border: 1px solid ${BLACK_1};\n  border-left: none;\n  background-color: ${ORANGE_1};\n  padding: ${gutter * 2.5}px;\n`;\n\nexport { ImageWrapper, InputContainer };\n"],"names":["theme","getTheme","gutter","BLACK_1","ORANGE_1","ImageWrapper","styled","InputContainer","FlexView"],"mappings":";;;AAKA,MAAMA,IAAQC,EAAS,GACjB,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,SAAAG,GAAS,UAAAC,MAAaJ,EAAM,QAE9BK,IAAeC,EAAO;AAAA;AAAA,WAEjBJ,IAAS,KAAK;AAAA,YACbA,IAAS,EAAE;AAAA,sBACDC,CAAO;AAAA;AAAA;AAAA;AAAA,YAIjBD,IAAS,OAAO;AAAA,aACfA,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,GAMrBK,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,sBAEhBL,CAAO;AAAA;AAAA,sBAEPC,CAAQ;AAAA,aACjBF,IAAS,GAAG;AAAA;"}

package/dist/features/trial-session/comps/student-enrichment/student-enrichment.js

@@ -1,49 +1,51 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { memo as G, useMemo as u, useCallback as N } from "react";
-import { GIF as A } from "../../../../assets/gif/gif.js";
+import { memo as b, useMemo as f, useCallback as A } from "react";
+import { GIF as L } from "../../../../assets/gif/gif.js";
 import { GOAL_CATEGORY as n } from "../../../milestone/constants.js";
-import { getGoalsFromConfig as L } from "../../../milestone/create/milestone-create-helpers.js";
-import x from "../../../ui/image/image.js";
-import H from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
-import f from "../../../ui/separator/separator.js";
-import R from "../../../ui/text/text.js";
-import { epochTimestampAfterOneYear as D } from "../../../utils/utils.js";
-import { useTrialSessionContext as M } from "../../context/use-trial-session-context.js";
-import { isPLASource as j, updateGoalInFormData as k } from "../../helper.js";
-import w from "../slide-header/index.js";
-import { Container as P, ContentWrapper as F, ImageWrapper as O, InputContainer as X } from "./student-enrichment-styled.js";
-const re = G(function() {
-  const { formData: g, milestoneConfig: a, updateSlideConfig: i, trialHomeData: h } = M(), { grade: s, goals: o } = g || {}, { demo_info: C, intel_student: t, student: _ } = h, { enrollment_type: m } = _ || {}, { stream: l, region_data: E } = C || {}, { opportunity_country: c = "US" } = E || {}, p = j(t == null ? void 0 : t.source), I = u(
-    () => L(a, {
+import { getGoalsFromConfig as x } from "../../../milestone/create/milestone-create-helpers.js";
+import H from "../../../ui/image/image.js";
+import R from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import u from "../../../ui/separator/separator.js";
+import D from "../../../ui/text/text.js";
+import { epochTimestampAfterOneYear as j } from "../../../utils/utils.js";
+import { useTrialSessionContext as w } from "../../context/use-trial-session-context.js";
+import { isPLASource as M, updateGoalInFormData as P } from "../../helper.js";
+import k from "../slide-header/index.js";
+import { ImageWrapper as F, InputContainer as O } from "./student-enrichment-styled.js";
+import g from "../../../ui/layout/flex-view.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as X } from "../../trial-session-constants.js";
+const ae = b(function() {
+  const { formData: h, milestoneConfig: a, updateSlideConfig: i, trialHomeData: C } = w(), { grade: m, goals: o } = h || {}, { demo_info: _, intel_student: t, student: T } = C, { enrollment_type: s } = T || {}, { stream: l, region_data: E } = _ || {}, { opportunity_country: c = "US" } = E || {}, p = M(t == null ? void 0 : t.source), I = f(
+    () => x(a, {
       countryCode: c,
-      grade: s ?? "",
+      grade: m ?? "",
       goalCategory: n.ENRICHMENT,
       courseStream: l,
-      enrollmentType: m
+      enrollmentType: s
     }),
-    [a, c, s, l, m]
-  ), { goal_code: S } = u(
+    [a, c, m, l, s]
+  ), { goal_code: $ } = f(
     () => (o == null ? void 0 : o.find((r) => r.goal_category === n.ENRICHMENT)) ?? {},
     [o]
-  ), T = N(
-    (r, $) => {
-      const { label: b } = $, y = k(o, n.ENRICHMENT, {
+  ), N = A(
+    (r, y) => {
+      const { label: G } = y, S = P(o, n.ENRICHMENT, {
         goal_code: r,
-        milestone_name: b,
-        milestone_date_ts: D(),
+        milestone_name: G,
+        milestone_date_ts: j(),
         publish: p
       });
-      i({ goals: y });
+      i({ goals: S });
     },
     [o, p, i]
   );
-  return /* @__PURE__ */ d(P, { children: [
-    /* @__PURE__ */ e(f, { height: 60 }),
-    /* @__PURE__ */ e(w, {}),
-    /* @__PURE__ */ d(F, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: [
-      /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(x, { withLoader: !0, height: 402, width: 302, src: A.ENRICHMENT, className: "image" }) }),
+  return /* @__PURE__ */ d(g, { $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ e(u, { height: 60 }),
+    /* @__PURE__ */ e(k, {}),
+    /* @__PURE__ */ d(g, { $width: X, $flexDirection: "row", $justifyContent: "center", children: [
+      /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(H, { withLoader: !0, height: 402, width: 302, src: L.ENRICHMENT, className: "image" }) }),
       /* @__PURE__ */ e(
-        X,
+        O,
         {
           $flexGap: 24,
           $justifyContent: "center",
@@ -52,26 +54,26 @@ const re = G(function() {
           $gapX: 2.5,
           $gutterX: 2.5,
           children: /* @__PURE__ */ e(
-            H,
+            R,
             {
               renderAs: "primary",
               label: "Select a Goal",
-              value: S,
+              value: $,
               options: I,
               shape: "borderLess",
               theme: "dark",
-              onChange: T,
+              onChange: N,
               isTransparent: !0
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ e(f, { heightX: 1 }),
-    /* @__PURE__ */ e(R, { $renderAs: "ub3", $align: "center", children: "This is optional and can be skipped." })
+    /* @__PURE__ */ e(u, { heightX: 1 }),
+    /* @__PURE__ */ e(D, { $renderAs: "ub3", $align: "center", children: "This is optional and can be skipped." })
   ] });
 });
 export {
-  re as default
+  ae as default
 };
 //# sourceMappingURL=student-enrichment.js.map