@cuemath/leap 3.3.1 → 3.3.2-link.0

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

@@ -0,0 +1,107 @@
+import { jsxs as i, Fragment as f, jsx as e } from "react/jsx-runtime";
+import { memo as w, useMemo as T } from "react";
+import { ILLUSTRATIONS as R } from "../../../../../assets/illustrations/illustrations.js";
+import { useUIContext as N } from "../../../../ui/context/context.js";
+import C from "../../../../ui/image/image.js";
+import a from "../../../../ui/layout/flex-view.js";
+import $ from "../../../../ui/separator/separator.js";
+import m from "../../../../ui/text/text.js";
+import k from "../report-404/report-404.js";
+import t from "./report-card.js";
+import { ReportWrapper as E, TopicWrapper as M, TopicImage as O, InlineText as S } from "./report-information-styled.js";
+const g = w((I) => {
+  const { sessionReports: _, studentName: b } = I, {
+    next_steps: v,
+    topic_data: p,
+    solved_with_help: o,
+    problems_attempted: r,
+    new_concepts_learnt: l,
+    solved_independently: n,
+    default_topic_image_url: x
+  } = _ || {}, { onEvent: A } = N(), d = T(() => r ? r === n || !o && n ? /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ e(t, { title: "Problems Attempted", value: r }),
+    /* @__PURE__ */ e(t, { title: "Solved without help", value: n }),
+    /* @__PURE__ */ e(
+      t,
+      {
+        title: "Performance",
+        value: `${Math.round(n / r * 100)}%`
+      }
+    )
+  ] }) : !o && !n ? /* @__PURE__ */ e(t, { title: "Problems Attempted", value: r }) : o && l ? /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ e(t, { title: "Problems Attempted", value: r }),
+    /* @__PURE__ */ e(t, { title: "Needed help in", value: l }),
+    /* @__PURE__ */ e(t, { title: "Improvement shown in", value: o }),
+    /* @__PURE__ */ e(
+      t,
+      {
+        title: "Improvement",
+        value: `${Math.round(o / l * 100)}%`
+      }
+    )
+  ] }) : null : null, [l, r, n, o]);
+  return d ? /* @__PURE__ */ i(a, { $borderColor: "BLACK_1", children: [
+    /* @__PURE__ */ e(E, { $flexDirection: "row", $height: 100, $background: "YELLOW_1", children: d }),
+    /* @__PURE__ */ e(M, { $flexDirection: "row", $background: "WHITE_1", children: p && p.length > 0 && p.map((c) => {
+      const {
+        topic_name: s,
+        topic_image: u,
+        summary: L,
+        is_attempted: h
+      } = c;
+      return u || A("TOPIC_THUMBNAIL_NOT_AVAILABLE", c), /* @__PURE__ */ i(
+        a,
+        {
+          $gap: 35,
+          $gutter: 29,
+          $flex: 1,
+          $alignItems: "center",
+          $opacity: h ? 1 : 0.4,
+          children: [
+            /* @__PURE__ */ e(
+              O,
+              {
+                $active: !!h,
+                src: u || x,
+                borderRadius: 96,
+                height: 96,
+                width: 96,
+                alt: "topic",
+                withLoader: !0
+              }
+            ),
+            /* @__PURE__ */ e($, { height: 12 }),
+            /* @__PURE__ */ e(m, { $renderAs: "ab3-black", $align: "center", children: s }),
+            /* @__PURE__ */ e($, { height: 2 }),
+            /* @__PURE__ */ e(m, { $renderAs: "ub3", $align: "center", children: L })
+          ]
+        },
+        s
+      );
+    }) }),
+    /* @__PURE__ */ i(
+      a,
+      {
+        $flexDirection: "row",
+        $background: "YELLOW_3",
+        $flexGap: 4,
+        $alignItems: "center",
+        $gap: 9,
+        $gutter: 8,
+        children: [
+          /* @__PURE__ */ e(C, { src: R.COMMUNITY_BULB, width: 80, height: 80, withLoader: !0, alt: "bulb" }),
+          /* @__PURE__ */ e(a, { $flex: 1, children: /* @__PURE__ */ i(m, { $renderAs: "ab2-black", children: [
+            "Next Steps: ",
+            /* @__PURE__ */ e(S, { $renderAs: "ab2", children: v })
+          ] }) })
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ e(k, { studentName: b });
+});
+g.displayName = "ReportInformation";
+const G = g;
+export {
+  G as default
+};
+//# sourceMappingURL=report-information.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"report-information.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information.tsx"],"sourcesContent":["import type { TSessionReportData } from '../session-report-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { useUIContext } from '../../../../ui/context/context';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport Report404 from '../report-404/report-404';\nimport ReportCard from './report-card';\nimport * as Styled from './report-information-styled';\n\ninterface IReportInformationProps {\n  sessionReports: TSessionReportData;\n  studentName: string;\n}\n\nconst ReportInformation: FC<IReportInformationProps> = memo(props => {\n  const { sessionReports, studentName } = props;\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (!renderReportsInfoCard) return <Report404 studentName={studentName} />;\n\n  return (\n    <FlexView $borderColor=\"BLACK_1\">\n      <Styled.ReportWrapper $flexDirection=\"row\" $height={100} $background=\"YELLOW_1\">\n        {renderReportsInfoCard}\n      </Styled.ReportWrapper>\n      <Styled.TopicWrapper $flexDirection=\"row\" $background=\"WHITE_1\">\n        {topicData &&\n          topicData.length > 0 &&\n          topicData.map(topic => {\n            const {\n              topic_name: topicName,\n              topic_image: topicImage,\n              summary,\n              is_attempted: isAttempted,\n            } = topic;\n\n            if (!topicImage) {\n              trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n            }\n\n            return (\n              <FlexView\n                key={topicName}\n                $gap={35}\n                $gutter={29}\n                $flex={1}\n                $alignItems=\"center\"\n                $opacity={isAttempted ? 1 : 0.4}\n              >\n                <Styled.TopicImage\n                  $active={!!isAttempted}\n                  src={topicImage || defaultTopicImage}\n                  borderRadius={96}\n                  height={96}\n                  width={96}\n                  alt=\"topic\"\n                  withLoader\n                />\n                <Separator height={12} />\n                <Text $renderAs=\"ab3-black\" $align=\"center\">\n                  {topicName}\n                </Text>\n                <Separator height={2} />\n                <Text $renderAs=\"ub3\" $align=\"center\">\n                  {summary}\n                </Text>\n              </FlexView>\n            );\n          })}\n      </Styled.TopicWrapper>\n      <FlexView\n        $flexDirection=\"row\"\n        $background=\"YELLOW_3\"\n        $flexGap={4}\n        $alignItems=\"center\"\n        $gap={9}\n        $gutter={8}\n      >\n        <Image src={ILLUSTRATIONS.COMMUNITY_BULB} width={80} height={80} withLoader alt=\"bulb\" />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-black\">\n            Next Steps: <Styled.InlineText $renderAs=\"ab2\">{nextSteps}</Styled.InlineText>\n          </Text>\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n});\n\nReportInformation.displayName = 'ReportInformation';\n\nexport default ReportInformation;\n"],"names":["ReportInformation","memo","props","sessionReports","studentName","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","trackEvent","useUIContext","renderReportsInfoCard","useMemo","jsxs","Fragment","jsx","ReportCard","FlexView","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","Styled.TopicImage","Separator","Text","Image","ILLUSTRATIONS","Styled.InlineText","Report404","ReportInformation$1"],"mappings":"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"}

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

@@ -1,37 +1,14 @@
-import r from "styled-components";
-import i from "../../../ui/image/image.js";
+import o from "styled-components";
 import t from "../../../ui/layout/flex-view.js";
-import e from "../../../ui/text/text.js";
-const a = r.div`
+const i = o.div`
   height: 100%;
   width: 100%;
   overflow: auto;
-`, c = r(t)`
+`, n = o(t)`
   margin: auto;
-`, d = r(t)(
-  ({ theme: o }) => `
-   border-top: 1px solid ${o.colors.BLACK_1};
-   border-bottom: 1px solid ${o.colors.BLACK_1};
-`
-), m = r(t)(
-  ({ theme: o }) => `
-  & > div:not(:last-child) {
-    border-right: 1px solid ${o.colors.BLACK_1};
-  }
-`
-), x = r(e)`
-  display: inline;
-`, f = r(i)(
-  ({ $active: o }) => `
-  ${o ? "" : "filter: grayscale(100%);"}
-`
-);
+`;
 export {
-  a as Container,
-  c as ContentWrapper,
-  x as InlineText,
-  m as ReportWrapper,
-  f as TopicImage,
-  d as TopicWrapper
+  i as Container,
+  n as ContentWrapper
 };
 //# sourceMappingURL=session-report-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"session-report-styled.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report-styled.tsx"],"sourcesContent":["import type { IImageProps } from '../../../ui/image/image-types';\n\nimport styled from 'styled-components';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst TopicWrapper = styled(FlexView)(\n  ({ theme }) => `\n   border-top: 1px solid ${theme.colors.BLACK_1};\n   border-bottom: 1px solid ${theme.colors.BLACK_1};\n`,\n);\n\nconst ReportWrapper = styled(FlexView)(\n  ({ theme }) => `\n  & > div:not(:last-child) {\n    border-right: 1px solid ${theme.colors.BLACK_1};\n  }\n`,\n);\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\ninterface ITopicImage extends IImageProps {\n  $active: boolean;\n}\n\nconst TopicImage = styled(Image)<ITopicImage>(\n  ({ $active }) => `\n  ${$active ? '' : 'filter: grayscale(100%);'}\n`,\n);\n\nexport { TopicWrapper, Container, ContentWrapper, InlineText, ReportWrapper, TopicImage };\n"],"names":["Container","styled","ContentWrapper","FlexView","TopicWrapper","theme","ReportWrapper","InlineText","Text","TopicImage","Image","$active"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,GAIhCC,IAAeH,EAAOE,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA,2BACUA,EAAM,OAAO,OAAO;AAAA,8BACjBA,EAAM,OAAO,OAAO;AAAA;AAElD,GAEMC,IAAgBL,EAAOE,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA,8BAEaA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGlD,GAEME,IAAaN,EAAOO,CAAI;AAAA;AAAA,GAQxBC,IAAaR,EAAOS,CAAK;AAAA,EAC7B,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,KAAK,0BAA0B;AAAA;AAE7C;"}
+{"version":3,"file":"session-report-styled.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nexport { Container, ContentWrapper };\n"],"names":["Container","styled","ContentWrapper","FlexView"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;"}

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

@@ -1,182 +1,52 @@
-import { jsxs as t, Fragment as E, jsx as e } from "react/jsx-runtime";
-import { memo as W, useMemo as w, useCallback as B, useEffect as D } from "react";
-import { ILLUSTRATIONS as x } from "../../../../assets/illustrations/illustrations.js";
-import { COURSE_STREAMS as F, PREFERENCE_CATEGORY as H } from "../../../milestone/constants.js";
-import { getPreferencesFromConfig as U } from "../../../milestone/create/milestone-create-helpers.js";
-import { useUIContext as Y } from "../../../ui/context/context.js";
-import j from "../../../ui/error/error.js";
-import R from "../../../ui/image/image.js";
-import b from "../../../ui/layout/flex-view.js";
-import G from "../../../ui/loader/app-loader/app-loader.js";
-import A from "../../../ui/separator/separator.js";
-import h from "../../../ui/text/text.js";
-import { useGetSessionReports as K } from "../../api/trial-home.js";
-import { useTrialSessionContext as V } from "../../context/use-trial-session-context.js";
-import { getFormattedStudentPersonalizedPreference as q } from "../../helper.js";
-import z from "../slide-header/index.js";
-import { studentLevels as J } from "../student-feedback/student-feedback-constants.js";
-import o from "./report-card.js";
-import { Container as Q, ContentWrapper as S, ReportWrapper as X, TopicWrapper as Z, TopicImage as ee, InlineText as te } from "./session-report-styled.js";
-const Ce = W(() => {
-  const { onEvent: P } = Y(), { formData: O, milestoneConfig: d } = V(), { name: p, grade: C, attemptId: u = "shg", personalizedLevel: a = [] } = O || {}, {
-    data: I,
-    get: L,
-    isProcessing: k,
-    isProcessingFailed: y
-  } = K(), f = w(() => {
-    var r, m;
-    const i = ((m = (r = U(d, {
-      grade: C ?? "",
-      courseStream: F.MATH,
-      preferenceCategory: H.LEVEL
-    })) == null ? void 0 : r.find((_) => _.id === (a == null ? void 0 : a[0]))) == null ? void 0 : m.label) ?? "";
-    return J[i.toLowerCase()];
-  }, [C, d, a]), {
-    next_steps: M,
-    topic_data: g,
-    solved_with_help: l,
-    problems_attempted: n,
-    new_concepts_learnt: c,
-    solved_independently: s,
-    default_topic_image_url: N
-  } = I || {}, $ = B(() => {
+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: g, milestoneConfig: o } = v(), { name: s = "", grade: f, attemptId: i = "shg", personalizedLevel: e = [] } = g || {}, {
+    data: p,
+    get: d,
+    isProcessing: l,
+    isProcessingFailed: u
+  } = b(), m = R(() => {
+    var r, c;
+    const n = ((c = (r = A(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[n.toLowerCase()];
+  }, [f, o, e]), a = S(() => {
     var r;
-    const i = q(
-      d,
-      a
+    const n = y(
+      o,
+      e
     );
-    u && p && i.length > 0 && L(u, {
-      student_level: ((r = i[0]) == null ? void 0 : r.preference_name) ?? "",
-      student_name: p
+    i && s && n.length > 0 && d(i, {
+      student_level: ((r = n[0]) == null ? void 0 : r.preference_name) ?? "",
+      student_name: s
     });
-  }, [u, L, d, p, a]);
-  D(() => {
-    $();
-  }, [$]);
-  const v = w(() => n ? n === s || !l && s ? /* @__PURE__ */ t(E, { children: [
-    /* @__PURE__ */ e(o, { title: "Problems Attempted", value: n }),
-    /* @__PURE__ */ e(o, { title: "Solved without help", value: s }),
-    /* @__PURE__ */ e(
-      o,
-      {
-        title: "Performance",
-        value: `${Math.round(s / n * 100)}%`
-      }
-    )
-  ] }) : !l && !s ? /* @__PURE__ */ e(o, { title: "Problems Attempted", value: n }) : l && c ? /* @__PURE__ */ t(E, { children: [
-    /* @__PURE__ */ e(o, { title: "Problems Attempted", value: n }),
-    /* @__PURE__ */ e(o, { title: "Needed help in", value: c }),
-    /* @__PURE__ */ e(o, { title: "Improvement shown in", value: l }),
-    /* @__PURE__ */ e(
-      o,
-      {
-        title: "Improvement",
-        value: `${Math.round(l / c * 100)}%`
-      }
-    )
-  ] }) : null : null, [c, n, s, l]);
-  return y ? /* @__PURE__ */ e(j, { height: "70vh", onTryAgain: $ }) : k || !I ? /* @__PURE__ */ e(G, { height: "100vh" }) : /* @__PURE__ */ t(Q, { children: [
-    /* @__PURE__ */ e(A, { height: 60 }),
-    /* @__PURE__ */ e(z, { textToInsert: (f == null ? void 0 : f.title) ?? "" }),
-    v ? /* @__PURE__ */ t(S, { $width: 750, $borderColor: "BLACK_1", children: [
-      /* @__PURE__ */ e(X, { $flexDirection: "row", $height: 100, $background: "YELLOW_1", children: v }),
-      /* @__PURE__ */ e(Z, { $flexDirection: "row", $background: "WHITE_1", children: g && g.length > 0 && g.map((i) => {
-        const {
-          topic_name: r,
-          topic_image: m,
-          summary: _,
-          is_attempted: T
-        } = i;
-        return m || P("TOPIC_THUMBNAIL_NOT_AVAILABLE", i), /* @__PURE__ */ t(
-          b,
-          {
-            $gap: 35,
-            $gutter: 29,
-            $flex: 1,
-            $alignItems: "center",
-            $opacity: T ? 1 : 0.4,
-            children: [
-              /* @__PURE__ */ e(
-                ee,
-                {
-                  $active: !!T,
-                  src: m || N,
-                  borderRadius: 96,
-                  height: 96,
-                  width: 96,
-                  alt: "topic",
-                  withLoader: !0
-                }
-              ),
-              /* @__PURE__ */ e(A, { height: 12 }),
-              /* @__PURE__ */ e(h, { $renderAs: "ab3-black", $align: "center", children: r }),
-              /* @__PURE__ */ e(A, { height: 2 }),
-              /* @__PURE__ */ e(h, { $renderAs: "ub3", $align: "center", children: _ })
-            ]
-          },
-          r
-        );
-      }) }),
-      /* @__PURE__ */ t(
-        b,
-        {
-          $flexDirection: "row",
-          $background: "YELLOW_3",
-          $flexGap: 4,
-          $alignItems: "center",
-          $gap: 9,
-          $gutter: 8,
-          children: [
-            /* @__PURE__ */ e(
-              R,
-              {
-                src: x.COMMUNITY_BULB,
-                width: 80,
-                height: 80,
-                withLoader: !0,
-                alt: "bulb"
-              }
-            ),
-            /* @__PURE__ */ e(b, { $flex: 1, children: /* @__PURE__ */ t(h, { $renderAs: "ab2-black", children: [
-              "Next Steps: ",
-              /* @__PURE__ */ e(te, { $renderAs: "ab2", children: M })
-            ] }) })
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ t(
-      S,
-      {
-        $width: 750,
-        $height: 400,
-        $borderColor: "BLACK_1",
-        $justifyContent: "center",
-        $alignItems: "center",
-        $background: "WHITE_1",
-        children: [
-          /* @__PURE__ */ e(
-            R,
-            {
-              src: x.REPORT_404,
-              height: 152,
-              width: 152,
-              withLoader: !0,
-              alt: "report-404"
-            }
-          ),
-          /* @__PURE__ */ t(h, { $renderAs: "ab1-bold", $color: "BLACK_T_60", $align: "center", children: [
-            "Oops! ",
-            p,
-            " didn’t attempt",
-            /* @__PURE__ */ e("br", {}),
-            "any problems."
-          ] })
-        ]
-      }
-    )
+  }, [i, d, o, s, e]);
+  return P(() => {
+    a();
+  }, [a]), u ? /* @__PURE__ */ t(L, { height: "70vh", onTryAgain: a }) : l || !p ? /* @__PURE__ */ t(_, { height: "100vh" }) : /* @__PURE__ */ C(j, { children: [
+    /* @__PURE__ */ t(F, { height: 60 }),
+    /* @__PURE__ */ t(I, { textToInsert: (m == null ? void 0 : m.title) ?? "" }),
+    /* @__PURE__ */ t(w, { $width: 750, children: /* @__PURE__ */ t(N, { sessionReports: p, studentName: s }) })
   ] });
 });
+D.displayName = "SessionReport";
 export {
-  Ce as default
+  D 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 { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { useUIContext } from '../../../ui/context/context';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { 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 ReportCard from './report-card';\nimport * as Styled from './session-report-styled';\n\nconst SessionReport = memo(() => {\n  const { onEvent: trackEvent } = useUIContext();\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 {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const fetchData = useCallback(() => {\n    const studentLevel = getFormattedStudentPersonalizedPreference(\n      milestoneConfig,\n      personalizedLevel,\n    );\n\n    if (attemptId && name && studentLevel.length > 0) {\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  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\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      {renderReportsInfoCard ? (\n        <Styled.ContentWrapper $width={750} $borderColor=\"BLACK_1\">\n          <Styled.ReportWrapper $flexDirection=\"row\" $height={100} $background=\"YELLOW_1\">\n            {renderReportsInfoCard}\n          </Styled.ReportWrapper>\n          <Styled.TopicWrapper $flexDirection=\"row\" $background=\"WHITE_1\">\n            {topicData &&\n              topicData.length > 0 &&\n              topicData.map(topic => {\n                const {\n                  topic_name: topicName,\n                  topic_image: topicImage,\n                  summary,\n                  is_attempted: isAttempted,\n                } = topic;\n\n                if (!topicImage) {\n                  trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n                }\n\n                return (\n                  <FlexView\n                    key={topicName}\n                    $gap={35}\n                    $gutter={29}\n                    $flex={1}\n                    $alignItems=\"center\"\n                    $opacity={isAttempted ? 1 : 0.4}\n                  >\n                    <Styled.TopicImage\n                      $active={!!isAttempted}\n                      src={topicImage || defaultTopicImage}\n                      borderRadius={96}\n                      height={96}\n                      width={96}\n                      alt=\"topic\"\n                      withLoader\n                    />\n                    <Separator height={12} />\n                    <Text $renderAs=\"ab3-black\" $align=\"center\">\n                      {topicName}\n                    </Text>\n                    <Separator height={2} />\n                    <Text $renderAs=\"ub3\" $align=\"center\">\n                      {summary}\n                    </Text>\n                  </FlexView>\n                );\n              })}\n          </Styled.TopicWrapper>\n          <FlexView\n            $flexDirection=\"row\"\n            $background=\"YELLOW_3\"\n            $flexGap={4}\n            $alignItems=\"center\"\n            $gap={9}\n            $gutter={8}\n          >\n            <Image\n              src={ILLUSTRATIONS.COMMUNITY_BULB}\n              width={80}\n              height={80}\n              withLoader\n              alt=\"bulb\"\n            />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-black\">\n                Next Steps: <Styled.InlineText $renderAs=\"ab2\">{nextSteps}</Styled.InlineText>\n              </Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper\n          $width={750}\n          $height={400}\n          $borderColor=\"BLACK_1\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $background=\"WHITE_1\"\n        >\n          <Image\n            src={ILLUSTRATIONS.REPORT_404}\n            height={152}\n            width={152}\n            withLoader\n            alt=\"report-404\"\n          />\n          <Text $renderAs=\"ab1-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n            Oops! {name} didn’t attempt\n            <br />\n            any problems.\n          </Text>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default SessionReport;\n"],"names":["SessionReport","memo","trackEvent","useUIContext","formData","milestoneConfig","useTrialSessionContext","name","grade","attemptId","personalizedLevel","sessionReports","getSessionReports","isProcessing","isProcessingFailed","useGetSessionReports","selectedSessionLevel","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","studentLevels","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","fetchData","useCallback","studentLevel","getFormattedStudentPersonalizedPreference","useEffect","renderReportsInfoCard","jsxs","Fragment","jsx","ReportCard","Error","AppLoader","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","FlexView","Styled.TopicImage","Text","Image","ILLUSTRATIONS","Styled.InlineText"],"mappings":"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"}
+{"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 && name && studentLevel.length > 0) {\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,KAAaF,KAAQqB,EAAa,SAAS,KAC7ChB,EAAkBH,GAAW;AAAA,MAC3B,iBAAeW,IAAAQ,EAAa,CAAC,MAAd,gBAAAR,EAAiB,oBAAmB;AAAA,MACnD,cAAcb;AAAA,IAAA,CACf;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;"}

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

@@ -1,14 +1,29 @@
 import o from "styled-components";
-import t from "../../../ui/layout/flex-view.js";
-const i = o.div`
+import r from "../../../ui/layout/flex-view.js";
+const a = o.div`
   width: 100%;
   height: 100%;
   overflow: auto;
-`, n = o(t)`
+`, e = o.div(
+  ({ theme: t }) => `
+  position: relative;
+  width: ${t.layout.gutter * 18.75}px;
+  height: ${t.layout.gutter * 25}px;
+  border: 1px solid ${t.colors.BLACK_1};
+  .image {
+    position: absolute;
+    top: -${t.layout.gutter * 0.15625}px;
+    left: -${t.layout.gutter * 0.125}px;
+    right: 0;
+    bottom: 0;
+  }
+`
+), l = o(r)`
   margin: auto;
 `;
 export {
-  i as Container,
-  n as ContentWrapper
+  a as Container,
+  l as ContentWrapper,
+  e as ImageWrapper
 };
 //# sourceMappingURL=student-personalization-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-personalization-styled.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nexport { Container, ContentWrapper };\n"],"names":["Container","styled","ContentWrapper","FlexView"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;"}
+{"version":3,"file":"student-personalization-styled.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst ImageWrapper = styled.div(\n  ({ theme }) => `\n  position: relative;\n  width: ${theme.layout.gutter * 18.75}px;\n  height: ${theme.layout.gutter * 25}px;\n  border: 1px solid ${theme.colors.BLACK_1};\n  .image {\n    position: absolute;\n    top: -${theme.layout.gutter * 0.15625}px;\n    left: -${theme.layout.gutter * 0.125}px;\n    right: 0;\n    bottom: 0;\n  }\n`,\n);\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nexport { Container, ContentWrapper, ImageWrapper };\n"],"names":["Container","styled","ImageWrapper","theme","ContentWrapper","FlexView"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAeD,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA,WAENA,EAAM,OAAO,SAAS,KAAK;AAAA,YAC1BA,EAAM,OAAO,SAAS,EAAE;AAAA,sBACdA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAG9BA,EAAM,OAAO,SAAS,OAAO;AAAA,aAC5BA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAKxC,GAEMC,IAAiBH,EAAOI,CAAQ;AAAA;AAAA;"}