@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

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

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

@@ -1,141 +1,74 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as T, useMemo as a, useCallback as d, useEffect as K } from "react";
-import { COURSE_STREAMS as c, PREFERENCE_CATEGORY as u } from "../../../milestone/constants.js";
-import { getPreferencesFromConfig as m } from "../../../milestone/create/milestone-create-helpers.js";
-import h from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
-import s from "../../../ui/separator/separator.js";
-import o from "../../../ui/text/text.js";
-import { useTrialSessionContext as R } from "../../context/use-trial-session-context.js";
-import y from "../slide-header/index.js";
-import { Container as F, ContentWrapper as k } from "./student-personalization-styled.js";
-const U = T(() => {
-  const { formData: g, milestoneConfig: l, updateSlideConfig: t, updateButtonState: p } = R(), {
-    name: A,
-    grade: i,
-    personalizedLevel: C = [],
-    personalizedFocus: b = [],
-    personalizedBehaviors: $ = []
-  } = g || {}, f = C.length > 0, S = a(
-    () => m(l, {
-      grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.LEVEL
-    }).map(({ id: r, label: x, description: z }) => ({
-      id: r,
-      label: /* @__PURE__ */ n(o, { $renderAs: "ub3", children: [
-        /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $color: "BLACK_1", $inline: !0, children: x }),
-        " ",
-        "- ",
-        z
-      ] })
-    })),
-    [i, l]
-  ), L = a(
-    () => m(l, {
-      grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.FOCUS
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { memo as p, useMemo as f, useCallback as u, useEffect as h } from "react";
+import { ILLUSTRATIONS as C } from "../../../../assets/illustrations/illustrations.js";
+import { COURSE_STREAMS as g, PREFERENCE_CATEGORY as S } from "../../../milestone/constants.js";
+import { getPreferencesFromConfig as E } from "../../../milestone/create/milestone-create-helpers.js";
+import b from "../../../ui/image/image.js";
+import x from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
+import A from "../../../ui/layout/flex-view.js";
+import $ from "../../../ui/separator/separator.js";
+import L from "../../../ui/text/text.js";
+import { useTrialSessionContext as O } from "../../context/use-trial-session-context.js";
+import R from "../slide-header/index.js";
+import { Container as T, ContentWrapper as j, ImageWrapper as I } from "./student-personalization-styled.js";
+const W = p(() => {
+  const { formData: m, milestoneConfig: r, updateSlideConfig: t, updateButtonState: i } = O(), { grade: n, personalizedObjectives: a = [] } = m || {}, s = a.length > 0, l = f(
+    () => E(r, {
+      grade: n ?? "",
+      courseStream: g.MATH,
+      preferenceCategory: S.OBJECTIVES
     }),
-    [i, l]
-  ), v = a(
-    () => m(l, {
-      grade: i ?? "",
-      courseStream: c.MATH,
-      preferenceCategory: u.BEHAVIOR
-    }),
-    [i, l]
-  ), B = d(
-    (r) => {
-      t({ personalizedLevel: r });
-    },
-    [t]
-  ), _ = d(
-    (r) => {
-      t({ personalizedFocus: r });
-    },
-    [t]
-  ), E = d(
-    (r) => {
-      t({ personalizedBehaviors: r });
+    [n, r]
+  ), d = u(
+    (c) => {
+      t({ personalizedObjectives: c });
     },
     [t]
   );
-  return K(() => {
-    p("right", { isDisabled: !f, isLoading: !1 });
-  }, [f, p]), /* @__PURE__ */ n(F, { children: [
-    /* @__PURE__ */ e(s, { height: 60 }),
-    /* @__PURE__ */ e(y, {}),
-    /* @__PURE__ */ n(
-      k,
-      {
-        $width: 750,
-        $flexDirection: "column",
-        $justifyContent: "center",
-        $flexGap: 24,
-        $borderColor: "BLACK_1",
-        $background: "GREEN_1",
-        $gapX: 1.5,
-        $gutterX: 2.5,
-        children: [
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ n(o, { $renderAs: "ab2-bold", $color: "BLACK_1", children: [
-              "How would you describe ",
-              A,
-              "’s current level?"
-            ] }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_60", children: "(Select one)" }),
-            /* @__PURE__ */ e(s, { height: 12 }),
-            /* @__PURE__ */ e(
-              h,
-              {
-                size: "small",
-                renderAs: "black",
-                options: S,
-                value: C,
-                onChange: B,
-                maximumSelection: 1
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ e(o, { $renderAs: "ab2-bold", $color: "BLACK_1", children: "What should we focus on?" }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_60", children: "(Select all that apply)" }),
-            /* @__PURE__ */ e(s, { height: 12 }),
-            /* @__PURE__ */ e(
-              h,
-              {
-                size: "small",
-                renderAs: "black",
-                numColumns: 4,
-                options: L,
-                value: b,
-                onChange: _
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ e(o, { $renderAs: "ab2-bold", $color: "BLACK_1", children: "Should we focus on any learning behaviors?" }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub3", $color: "BLACK_T_60", children: "(Select upto 2)" }),
-            /* @__PURE__ */ e(s, { height: 12 }),
+  return h(() => {
+    i("right", { isDisabled: !s, isLoading: !1 });
+  }, [s, i]), /* @__PURE__ */ o(T, { children: [
+    /* @__PURE__ */ e($, { height: 60 }),
+    /* @__PURE__ */ e(R, {}),
+    /* @__PURE__ */ o(j, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: [
+      /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
+        b,
+        {
+          withLoader: !0,
+          height: 402,
+          width: 302,
+          className: "image",
+          src: C.PERSONALIZATION
+        }
+      ) }),
+      /* @__PURE__ */ o(
+        A,
+        {
+          $flexGap: 24,
+          $borderColor: "BLACK_1",
+          $background: "GREEN_1",
+          $gutterX: 1.5,
+          $justifyContent: "center",
+          children: [
+            /* @__PURE__ */ e(L, { $renderAs: "ab2-bold", $color: "BLACK_1", children: "What would you like your child to work on?" }),
             /* @__PURE__ */ e(
-              h,
+              x,
               {
                 size: "small",
                 renderAs: "black",
-                numColumns: 3,
-                options: v,
-                value: $,
-                onChange: E,
-                maximumSelection: 2
+                options: l,
+                value: a,
+                onChange: d,
+                optionFlexGap: 16
               }
             )
-          ] })
-        ]
-      }
-    )
+          ]
+        }
+      )
+    ] })
   ] });
 });
 export {
-  U as default
+  W as default
 };
 //# sourceMappingURL=student-personalization.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-personalization.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization.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 CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-personalization-styled';\n\nconst StudentPersonalization = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const {\n    name,\n    grade,\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n  } = formData || {};\n\n  const hasRequiredFields = Boolean(personalizedLevel.length > 0);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }).map(({ id, label, description }) => ({\n        id,\n        label: (\n          <Text $renderAs=\"ub3\">\n            <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\" $inline>\n              {label}\n            </Text>{' '}\n            - {description}\n          </Text>\n        ),\n      })),\n    [grade, milestoneConfig],\n  );\n\n  const focusList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.FOCUS,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const behaviorsList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.BEHAVIOR,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleChangeLevel = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedLevel: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeFocus = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedFocus: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeBehaviors = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedBehaviors: value });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $width={750}\n        $flexDirection=\"column\"\n        $justifyContent=\"center\"\n        $flexGap={24}\n        $borderColor=\"BLACK_1\"\n        $background=\"GREEN_1\"\n        $gapX={1.5}\n        $gutterX={2.5}\n      >\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            How would you describe {name}’s current level?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select one)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            options={levelList}\n            value={personalizedLevel}\n            onChange={handleChangeLevel}\n            maximumSelection={1}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            What should we focus on?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select all that apply)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={4}\n            options={focusList}\n            value={personalizedFocus}\n            onChange={handleChangeFocus}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            Should we focus on any learning behaviors?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select upto 2)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={3}\n            options={behaviorsList}\n            value={personalizedBehaviors}\n            onChange={handleChangeBehaviors}\n            maximumSelection={2}\n          />\n        </div>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentPersonalization;\n"],"names":["StudentPersonalization","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","name","grade","personalizedLevel","personalizedFocus","personalizedBehaviors","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","id","label","description","jsxs","Text","jsx","focusList","behaviorsList","handleChangeLevel","useCallback","value","handleChangeFocus","handleChangeBehaviors","useEffect","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","CheckboxInputList"],"mappings":"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"}
+{"version":3,"file":"student-personalization.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization.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 Image from '../../../ui/image/image';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-personalization-styled';\n\nconst StudentPersonalization = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { grade, personalizedObjectives = [] } = formData || {};\n\n  const hasRequiredFields = Boolean(personalizedObjectives.length > 0);\n\n  const objectivesList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.OBJECTIVES,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleChangeObjectives = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedObjectives: value });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image\n            withLoader\n            height={402}\n            width={302}\n            className=\"image\"\n            src={ILLUSTRATIONS.PERSONALIZATION}\n          />\n        </Styled.ImageWrapper>\n        <FlexView\n          $flexGap={24}\n          $borderColor=\"BLACK_1\"\n          $background=\"GREEN_1\"\n          $gutterX={1.5}\n          $justifyContent=\"center\"\n        >\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            What would you like your child to work on?\n          </Text>\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            options={objectivesList}\n            value={personalizedObjectives}\n            onChange={handleChangeObjectives}\n            optionFlexGap={16}\n          />\n        </FlexView>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentPersonalization;\n"],"names":["StudentPersonalization","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","grade","personalizedObjectives","hasRequiredFields","objectivesList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","handleChangeObjectives","useCallback","value","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","ILLUSTRATIONS","FlexView","Text","CheckboxInputList"],"mappings":";;;;;;;;;;;;;AAcM,MAAAA,IAAyBC,EAAK,MAAM;AACxC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,mBAAAC,EAAA,IACpDC,KAEI,EAAE,OAAAC,GAAO,wBAAAC,IAAyB,CAAG,EAAA,IAAIN,KAAY,CAAA,GAErDO,IAA4BD,EAAuB,SAAS,GAE5DE,IAAiBC;AAAA,IACrB,MACEC,EAAyBT,GAAiB;AAAA,MACxC,OAAOI,KAAS;AAAA,MAChB,cAAcM,EAAe;AAAA,MAC7B,oBAAoBC,EAAoB;AAAA,IAAA,CACzC;AAAA,IACH,CAACP,GAAOJ,CAAe;AAAA,EAAA,GAGnBY,IAAyBC;AAAA,IAC7B,CAACC,MAAoB;AACD,MAAAb,EAAA,EAAE,wBAAwBa,EAAA,CAAO;AAAA,IACrD;AAAA,IACA,CAACb,CAAiB;AAAA,EAAA;AAGpB,SAAAc,EAAU,MAAM;AACd,IAAAb,EAAkB,SAAS,EAAE,YAAY,CAACI,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmBJ,CAAiB,CAAC,GAGvC,gBAAAc,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UACvE,UAAA;AAAA,MAAC,gBAAAH,EAAAI,GAAA,EACC,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,WAAU;AAAA,UACV,KAAKC,EAAc;AAAA,QAAA;AAAA,MAAA,GAEvB;AAAA,MACA,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,cAAa;AAAA,UACb,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAP,EAACQ,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,YACA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,SAASpB;AAAA,gBACT,OAAOF;AAAA,gBACP,UAAUO;AAAA,gBACV,eAAe;AAAA,cAAA;AAAA,YACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/student-profile/constant.js

@@ -0,0 +1,10 @@
+import { GOAL_CATEGORY as E } from "../../../milestone/constants.js";
+const S = {
+  [E.SCHOOL_SUCCESS]: "School",
+  [E.TEST_PREP]: "Test Prep",
+  [E.ENRICHMENT]: "Enrichment"
+};
+export {
+  S as GOAL_MAPPING
+};
+//# sourceMappingURL=constant.js.map

package/dist/features/trial-session/comps/student-profile/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../src/features/trial-session/comps/student-profile/constant.ts"],"sourcesContent":["import { GOAL_CATEGORY } from '../../../milestone/constants';\n\nexport const GOAL_MAPPING = {\n  [GOAL_CATEGORY.SCHOOL_SUCCESS]: 'School',\n  [GOAL_CATEGORY.TEST_PREP]: 'Test Prep',\n  [GOAL_CATEGORY.ENRICHMENT]: 'Enrichment',\n};\n"],"names":["GOAL_MAPPING","GOAL_CATEGORY"],"mappings":";AAEO,MAAMA,IAAe;AAAA,EAC1B,CAACC,EAAc,cAAc,GAAG;AAAA,EAChC,CAACA,EAAc,SAAS,GAAG;AAAA,EAC3B,CAACA,EAAc,UAAU,GAAG;AAC9B;"}