@cuemath/leap 3.5.58 → 3.5.59-link1

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

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

@@ -1 +1 @@
-{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(function StudentEnrichment() {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [milestoneConfig, countryCode, grade, stream, enrollmentType],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\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 withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,KAAoBC,EAAK,WAA6B;AAC1D,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAN,GAEhE,EAAE,iBAAiBO,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5DE,IAAQC,EAAYP,KAAA,gBAAAA,EAAc,MAAM,GAExCQ,IAAYC;AAAA,IAChB,MACEC,EAAmBjB,GAAiB;AAAA,MAClC,aAAAY;AAAA,MACA,OAAOR,KAAS;AAAA,MAChB,cAAcc,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACT,GAAiBY,GAAaR,GAAOM,GAAQD,CAAc;AAAA,EAAA,GAGxD,EAAE,WAAWU,EAAA,IAAiBH;AAAA,IAClC,OAAMX,KAAA,gBAAAA,EAAO,KAAK,CAAAe,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACb,CAAK;AAAA,EAAA,GAGFgB,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqBtB,GAAOa,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAASf;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAOyB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACrB,GAAOQ,GAAOZ,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA4B,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,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOpB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst StudentEnrichment = memo(function StudentEnrichment() {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [milestoneConfig, countryCode, grade, stream, enrollmentType],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $width={RIGHT_PANEL_CONTENT_WIDTH} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </FlexView>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </FlexView>\n  );\n});\n\nexport default StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","FlexView","jsx","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;;;AAkBM,MAAAA,KAAoBC,EAAK,WAA6B;AAC1D,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAN,GAEhE,EAAE,iBAAiBO,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5DE,IAAQC,EAAYP,KAAA,gBAAAA,EAAc,MAAM,GAExCQ,IAAYC;AAAA,IAChB,MACEC,EAAmBjB,GAAiB;AAAA,MAClC,aAAAY;AAAA,MACA,OAAOR,KAAS;AAAA,MAChB,cAAcc,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACT,GAAiBY,GAAaR,GAAOM,GAAQD,CAAc;AAAA,EAAA,GAGxD,EAAE,WAAWU,EAAA,IAAiBH;AAAA,IAClC,OAAMX,KAAA,gBAAAA,EAAO,KAAK,CAAAe,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACb,CAAK;AAAA,EAAA,GAGFgB,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqBtB,GAAOa,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAASf;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAOyB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACrB,GAAOQ,GAAOZ,CAAiB;AAAA,EAAA;AAGlC,SACG,gBAAA4B,EAAAC,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZH,GAAS,EAAA,QAAQI,GAA2B,gBAAe,OAAM,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOpB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,20 +1,21 @@
 import r from "styled-components";
 import e from "../../../ui/layout/flex-view.js";
 import n from "../../../ui/text/text.js";
-const a = r.div`
+import { RIGHT_PANEL_CONTENT_WIDTH as l } from "../../trial-session-constants.js";
+const d = r.div`
   width: 100%;
   height: 100%;
   overflow: auto;
-`, p = r(e)(({ theme: o }) => {
+`, u = r(e)(({ theme: o }) => {
   const { GREEN_1: t, GREEN_4: i } = o.colors;
   return `
-  width: 550px;
+  width: ${l - 100}px;
   margin: auto;
   background-color: ${t};
   border: 1px solid ${i};
   position: relative;
 `;
-}), d = r(e)(({ theme: o }) => `
+}), T = r(e)(({ theme: o }) => `
     cursor: pointer;
     transition: all 0.2s ease-in-out;
     &:hover {
@@ -27,7 +28,7 @@ const a = r.div`
         color: ${o.colors.WHITE_T_60};
       }
     }
-  `), u = r(e)(({ theme: o }) => {
+  `), _ = r(e)(({ theme: o }) => {
   const { gutter: t } = o.layout;
   return `
     width: 100%;
@@ -39,10 +40,10 @@ const a = r.div`
   display: inline;
 `;
 export {
-  u as BalloonWrapper,
-  a as Container,
-  d as Feedback,
-  p as FeedbackWrapper,
+  _ as BalloonWrapper,
+  d as Container,
+  T as Feedback,
+  u as FeedbackWrapper,
   b as InlineText
 };
 //# sourceMappingURL=student-feedback-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-feedback-styled.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FeedbackWrapper = styled(FlexView)(({ theme }) => {\n  const { GREEN_1, GREEN_4 } = theme.colors;\n\n  return `\n  width: 550px;\n  margin: auto;\n  background-color: ${GREEN_1};\n  border: 1px solid ${GREEN_4};\n  position: relative;\n`;\n});\n\nconst Feedback = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    &:hover {\n      background-color: ${theme.colors.BLACK_T_87};\n      \n      .feedback-title {\n        color: ${theme.colors.WHITE_T_87};\n      }\n      .feedback-desc {\n        color: ${theme.colors.WHITE_T_60};\n      }\n    }\n  `;\n});\n\nconst BalloonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -${gutter * 0.75}px;\n  `;\n});\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\nexport { Container, FeedbackWrapper, Feedback, BalloonWrapper, InlineText };\n"],"names":["Container","styled","FeedbackWrapper","FlexView","theme","GREEN_1","GREEN_4","Feedback","BalloonWrapper","gutter","InlineText","Text"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAkBD,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA,sBAGaC,CAAO;AAAA,sBACPC,CAAO;AAAA;AAAA;AAG7B,CAAC,GAEKC,IAAWN,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC5B;AAAA;AAAA;AAAA;AAAA,0BAIiBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGhCA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGvBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,GAIvC,GAEKI,IAAiBP,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,QAAAK,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,YAIGK,IAAS,IAAI;AAAA;AAEzB,CAAC,GAEKC,IAAaT,EAAOU,CAAI;AAAA;AAAA;"}
+{"version":3,"file":"student-feedback-styled.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FeedbackWrapper = styled(FlexView)(({ theme }) => {\n  const { GREEN_1, GREEN_4 } = theme.colors;\n\n  return `\n  width: ${RIGHT_PANEL_CONTENT_WIDTH - 100}px;\n  margin: auto;\n  background-color: ${GREEN_1};\n  border: 1px solid ${GREEN_4};\n  position: relative;\n`;\n});\n\nconst Feedback = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    &:hover {\n      background-color: ${theme.colors.BLACK_T_87};\n      \n      .feedback-title {\n        color: ${theme.colors.WHITE_T_87};\n      }\n      .feedback-desc {\n        color: ${theme.colors.WHITE_T_60};\n      }\n    }\n  `;\n});\n\nconst BalloonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -${gutter * 0.75}px;\n  `;\n});\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\nexport { Container, FeedbackWrapper, Feedback, BalloonWrapper, InlineText };\n"],"names":["Container","styled","FeedbackWrapper","FlexView","theme","GREEN_1","GREEN_4","RIGHT_PANEL_CONTENT_WIDTH","Feedback","BalloonWrapper","gutter","InlineText","Text"],"mappings":";;;;AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAkBD,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA,WACEG,IAA4B,GAAG;AAAA;AAAA,sBAEpBF,CAAO;AAAA,sBACPC,CAAO;AAAA;AAAA;AAG7B,CAAC,GAEKE,IAAWP,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC5B;AAAA;AAAA;AAAA;AAAA,0BAIiBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGhCA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGvBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,GAIvC,GAEKK,IAAiBR,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,YAIGM,IAAS,IAAI;AAAA;AAEzB,CAAC,GAEKC,IAAaV,EAAOW,CAAI;AAAA;AAAA;"}

package/dist/features/trial-session/comps/student-info/student-info-constants.js

@@ -0,0 +1,35 @@
+const A = {
+  ALGEBRA_I: "Algebra I",
+  GEOMETRY: "Geometry",
+  ALGEBRA_II: "Algebra II",
+  PRECALCULUS: "Precalculus",
+  CALCULUS: "Calculus",
+  GRADE_7_MATH: "Grade 7 Math",
+  GRADE_8_MATH: "Grade 8 Math"
+}, E = {
+  7: [A.GRADE_7_MATH, A.ALGEBRA_I, A.GEOMETRY],
+  8: [
+    A.GRADE_8_MATH,
+    A.ALGEBRA_I,
+    A.GEOMETRY,
+    A.ALGEBRA_II
+  ],
+  9: [
+    A.ALGEBRA_I,
+    A.GEOMETRY,
+    A.ALGEBRA_II,
+    A.PRECALCULUS
+  ],
+  10: [
+    A.GEOMETRY,
+    A.ALGEBRA_II,
+    A.PRECALCULUS,
+    A.CALCULUS
+  ],
+  11: [A.ALGEBRA_II, A.PRECALCULUS, A.CALCULUS],
+  12: [A.ALGEBRA_II, A.PRECALCULUS, A.CALCULUS]
+};
+export {
+  E as GRADE_TO_COURSES_MAP
+};
+//# sourceMappingURL=student-info-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-info-constants.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info-constants.ts"],"sourcesContent":["const COURSE_NAMES = {\n  ALGEBRA_I: 'Algebra I',\n  GEOMETRY: 'Geometry',\n  ALGEBRA_II: 'Algebra II',\n  PRECALCULUS: 'Precalculus',\n  CALCULUS: 'Calculus',\n  GRADE_7_MATH: 'Grade 7 Math',\n  GRADE_8_MATH: 'Grade 8 Math',\n};\n\nexport const GRADE_TO_COURSES_MAP = {\n  7: [COURSE_NAMES.GRADE_7_MATH, COURSE_NAMES.ALGEBRA_I, COURSE_NAMES.GEOMETRY],\n  8: [\n    COURSE_NAMES.GRADE_8_MATH,\n    COURSE_NAMES.ALGEBRA_I,\n    COURSE_NAMES.GEOMETRY,\n    COURSE_NAMES.ALGEBRA_II,\n  ],\n  9: [\n    COURSE_NAMES.ALGEBRA_I,\n    COURSE_NAMES.GEOMETRY,\n    COURSE_NAMES.ALGEBRA_II,\n    COURSE_NAMES.PRECALCULUS,\n  ],\n  10: [\n    COURSE_NAMES.GEOMETRY,\n    COURSE_NAMES.ALGEBRA_II,\n    COURSE_NAMES.PRECALCULUS,\n    COURSE_NAMES.CALCULUS,\n  ],\n  11: [COURSE_NAMES.ALGEBRA_II, COURSE_NAMES.PRECALCULUS, COURSE_NAMES.CALCULUS],\n  12: [COURSE_NAMES.ALGEBRA_II, COURSE_NAMES.PRECALCULUS, COURSE_NAMES.CALCULUS],\n};\n"],"names":["COURSE_NAMES","GRADE_TO_COURSES_MAP"],"mappings":"AAAA,MAAMA,IAAe;AAAA,EACnB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAChB,GAEaC,IAAuB;AAAA,EAClC,GAAG,CAACD,EAAa,cAAcA,EAAa,WAAWA,EAAa,QAAQ;AAAA,EAC5E,GAAG;AAAA,IACDA,EAAa;AAAA,IACbA,EAAa;AAAA,IACbA,EAAa;AAAA,IACbA,EAAa;AAAA,EACf;AAAA,EACA,GAAG;AAAA,IACDA,EAAa;AAAA,IACbA,EAAa;AAAA,IACbA,EAAa;AAAA,IACbA,EAAa;AAAA,EACf;AAAA,EACA,IAAI;AAAA,IACFA,EAAa;AAAA,IACbA,EAAa;AAAA,IACbA,EAAa;AAAA,IACbA,EAAa;AAAA,EACf;AAAA,EACA,IAAI,CAACA,EAAa,YAAYA,EAAa,aAAaA,EAAa,QAAQ;AAAA,EAC7E,IAAI,CAACA,EAAa,YAAYA,EAAa,aAAaA,EAAa,QAAQ;AAC/E;"}

package/dist/features/trial-session/comps/student-info/student-info-helpers.js

@@ -0,0 +1,12 @@
+import { GRADE_TO_COURSES_MAP as n } from "./student-info-constants.js";
+function s(o) {
+  const t = o && o >= 7 ? n[o] : [];
+  return t.length > 0 ? t.map((e) => ({
+    id: e.toLocaleLowerCase().split(" ").join("_"),
+    label: e
+  })) : [];
+}
+export {
+  s as getCourseOptions
+};
+//# sourceMappingURL=student-info-helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-info-helpers.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info-helpers.ts"],"sourcesContent":["import { GRADE_TO_COURSES_MAP } from './student-info-constants';\n\nexport function getCourseOptions(grade: number): Array<{ id: string; label: string }> {\n  const courses =\n    grade && grade >= 7 ? GRADE_TO_COURSES_MAP[grade as 7 | 8 | 9 | 10 | 11 | 12] : [];\n\n  return courses.length > 0\n    ? courses.map(course => ({\n        id: course.toLocaleLowerCase().split(' ').join('_'),\n        label: course,\n      }))\n    : [];\n}\n"],"names":["getCourseOptions","grade","courses","GRADE_TO_COURSES_MAP","course"],"mappings":";AAEO,SAASA,EAAiBC,GAAqD;AACpF,QAAMC,IACJD,KAASA,KAAS,IAAIE,EAAqBF,CAAiC,IAAI;AAElF,SAAOC,EAAQ,SAAS,IACpBA,EAAQ,IAAI,CAAWE,OAAA;AAAA,IACrB,IAAIA,EAAO,kBAAkB,EAAE,MAAM,GAAG,EAAE,KAAK,GAAG;AAAA,IAClD,OAAOA;AAAA,EAAA,EACP,IACF,CAAA;AACN;"}

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

@@ -1,20 +1,21 @@
 import r from "styled-components";
 import e from "../../../ui/layout/flex-view.js";
-const i = r(e)`
-  width: 100%;
-  height: 100%;
-`, a = r(e)(({ theme: o }) => {
+import { RIGHT_PANEL_CONTENT_WIDTH as p } from "../../trial-session-constants.js";
+import { ILLUSTRATIONS as i } from "../../../../assets/illustrations/illustrations.js";
+import n from "../../../ui/text/text.js";
+r(e)(({ theme: o }) => {
   const { gutter: t } = o.layout;
   return `
     margin: auto;
     flex-grow: 1;
     position: relative;
-    width: 650px;
+    width: ${p - 100}px;
     height: 1px; // without height InformationWrapper scroll behavior not working
     padding: ${t * 3.125}px ${t * 3.125}px 0px;
     border-bottom: none;
   `;
-}), l = r(e)(({ theme: o }) => {
+});
+r(e)(({ theme: o }) => {
   const { gutter: t } = o.layout;
   return `
     flex-grow: 1;
@@ -22,7 +23,8 @@ const i = r(e)`
     padding: ${t * 3.5}px ${t * 6.875}px 0px;
     overflow-y: scroll;
   `;
-}), x = r.div(({ theme: o }) => {
+});
+r.div(({ theme: o }) => {
   const { gutter: t } = o.layout;
   return `
     position: absolute;
@@ -30,10 +32,23 @@ const i = r(e)`
     left: ${t * 10.625}px;
   `;
 });
+const m = r.div(
+  ({ theme: { layout: o } }) => `
+  position: absolute;
+  top: -${o.gutter * 3.125}px;
+  width: 100%;
+  height: 100%;
+  background-image: url(${i.PROFILE_BOARD});
+  background-position: top center;
+  background-repeat: no-repeat;
+`
+), s = r(n)`
+  position: absolute;
+  top: calc(100% + 11px);
+  right: 0;
+`;
 export {
-  i as Container,
-  x as ImageWrapper,
-  l as InformationWrapper,
-  a as StudentInfoWrapper
+  m as AbsoluteImage,
+  s as MetaTextWrapper
 };
 //# sourceMappingURL=student-info-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-info-styled.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  width: 100%;\n  height: 100%;\n`;\n\nconst StudentInfoWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    margin: auto;\n    flex-grow: 1;\n    position: relative;\n    width: 650px;\n    height: 1px; // without height InformationWrapper scroll behavior not working\n    padding: ${gutter * 3.125}px ${gutter * 3.125}px 0px;\n    border-bottom: none;\n  `;\n});\n\nconst InformationWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    flex-grow: 1;\n    border-bottom: none;\n    padding: ${gutter * 3.5}px ${gutter * 6.875}px 0px;\n    overflow-y: scroll;\n  `;\n});\n\nconst ImageWrapper = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: -${gutter * 0.3125}px;\n    left: ${gutter * 10.625}px;\n  `;\n});\n\nexport { Container, StudentInfoWrapper, InformationWrapper, ImageWrapper };\n"],"names":["Container","styled","FlexView","StudentInfoWrapper","theme","gutter","InformationWrapper","ImageWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK3BC,IAAqBF,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AACnD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMMC,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGjD,CAAC,GAEKC,IAAqBL,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AACnD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA,eAGMC,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA;AAG/C,CAAC,GAEKE,IAAeN,EAAO,IAAI,CAAC,EAAE,OAAAG,QAAY;AACvC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,YAEGC,IAAS,MAAM;AAAA,YACfA,IAAS,MAAM;AAAA;AAE3B,CAAC;"}
+{"version":3,"file":"student-info-styled.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Text from '../../../ui/text/text';\n\nconst StudentInfoWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    margin: auto;\n    flex-grow: 1;\n    position: relative;\n    width: ${RIGHT_PANEL_CONTENT_WIDTH - 100}px;\n    height: 1px; // without height InformationWrapper scroll behavior not working\n    padding: ${gutter * 3.125}px ${gutter * 3.125}px 0px;\n    border-bottom: none;\n  `;\n});\n\nconst InformationWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    flex-grow: 1;\n    border-bottom: none;\n    padding: ${gutter * 3.5}px ${gutter * 6.875}px 0px;\n    overflow-y: scroll;\n  `;\n});\n\nconst ImageWrapper = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: -${gutter * 0.3125}px;\n    left: ${gutter * 10.625}px;\n  `;\n});\n\nconst AbsoluteImage = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  top: -${layout.gutter * 3.125}px;\n  width: 100%;\n  height: 100%;\n  background-image: url(${ILLUSTRATIONS.PROFILE_BOARD});\n  background-position: top center;\n  background-repeat: no-repeat;\n`,\n);\n\nconst MetaTextWrapper = styled(Text)`\n  position: absolute;\n  top: calc(100% + 11px);\n  right: 0;\n`;\n\nexport { StudentInfoWrapper, InformationWrapper, ImageWrapper, AbsoluteImage, MetaTextWrapper };\n"],"names":["styled","FlexView","theme","gutter","RIGHT_PANEL_CONTENT_WIDTH","AbsoluteImage","layout","ILLUSTRATIONS","MetaTextWrapper","Text"],"mappings":";;;;;AAO2BA,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACnD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,aAIIE,IAA4B,GAAG;AAAA;AAAA,eAE7BD,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGjD,CAAC;AAE0BH,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACnD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA,eAGMC,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA;AAG/C,CAAC;AAEoBH,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACvC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,YAEGC,IAAS,MAAM;AAAA,YACfA,IAAS,MAAM;AAAA;AAE3B,CAAC;AAED,MAAME,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,QAAAM,EAAA,EAAe,MAAA;AAAA;AAAA,UAEnBA,EAAO,SAAS,KAAK;AAAA;AAAA;AAAA,0BAGLC,EAAc,aAAa;AAAA;AAAA;AAAA;AAIrD,GAEMC,IAAkBR,EAAOS,CAAI;AAAA;AAAA;AAAA;AAAA;"}