@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/trial-session/comps/solutions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/solutions/index.tsx"],"sourcesContent":["import type { ISolution } from '../../trial-session-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './solutions.styled';\n\nconst Solutions: React.FC<{ solutions: ISolution[] }> = ({ solutions }) => {\n  return solutions && solutions.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        SOLUTIONS\n      </Text>\n      <Separator height={8} />\n      <Styled.SolutionContainer $flexDirection=\"column\" $flexGap={8}>\n        {solutions.map((solution: ISolution) => {\n          const { media, text, media_type } = solution;\n\n          return (\n            <FlexView\n              key={media || text}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <FlexView>\n                {text && (\n                  <>\n                    <Styled.SolutionText $renderAs=\"body2\">{text}</Styled.SolutionText>\n                    {media && <Separator />}\n                  </>\n                )}\n                {media_type === 'image' && media && <Styled.SolutionImage src={media} />}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.SolutionContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Solutions;\n"],"names":["Solutions","solutions","FlexView","jsx","Text","Separator","Styled.SolutionContainer","solution","media","text","media_type","jsxs","Styled.ChatIcon","Fragment","Styled.SolutionText","Styled.SolutionImage"],"mappings":";;;;;AASA,MAAMA,IAAkD,CAAC,EAAE,WAAAC,QAClDA,KAAaA,EAAU,SAAS,sBACpCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,aAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAyB,gBAAe,UAAS,UAAU,GACzD,UAAAL,EAAU,IAAI,CAACM,MAAwB;AACtC,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAA,IAAeH;AAGlC,WAAA,gBAAAI;AAAA,MAACT;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAgB;AAAA,4BAChBV,GACE,EAAA,UAAA;AAAA,YAAAO,KAEG,gBAAAE,EAAAE,GAAA,EAAA,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAoB,WAAU,SAAS,UAAKL,GAAA;AAAA,cAC5CD,uBAAUH,GAAU,EAAA;AAAA,YAAA,GACvB;AAAA,YAEDK,MAAe,WAAWF,KAAS,gBAAAL,EAACY,GAAA,EAAqB,KAAKP,GAAO;AAAA,UAAA,GACxE;AAAA,QAAA;AAAA,MAAA;AAAA,MAfKA,KAASC;AAAA,IAAA;AAAA,EAkBnB,CAAA,GACH;AAAA,EACF,CAAA,IACE;"}

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

@@ -0,0 +1,24 @@
+import o from "styled-components";
+import i from "../../../../assets/line-icons/icons/chat.js";
+import n from "../../../ui/layout/flex-view.js";
+import e from "../../../ui/text/text.js";
+import { getTheme as m } from "../../../ui/theme/get-theme.js";
+const r = m(), { gutter: t } = r.layout, { WHITE: p } = r.colors, l = o(n)`
+  background-color: ${p};
+  padding: ${t}px ${t * 0.75}px;
+`, g = o(i)`
+  flex-shrink: 0;
+`, u = o(e)`
+  margin-top: ${t * 0.125}px;
+`, d = o.img`
+  height: auto;
+  width: 100%;
+  max-width: 200px;
+`;
+export {
+  g as ChatIcon,
+  l as SolutionContainer,
+  d as SolutionImage,
+  u as SolutionText
+};
+//# sourceMappingURL=solutions.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"solutions.styled.js","sources":["../../../../../src/features/trial-session/comps/solutions/solutions.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Chat from '../../../../assets/line-icons/icons/chat';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { getTheme } from '../../../ui/theme/get-theme';\n\nconst theme = getTheme();\nconst { gutter } = theme.layout;\nconst { WHITE } = theme.colors;\n\nconst SolutionContainer = styled(FlexView)`\n  background-color: ${WHITE};\n  padding: ${gutter}px ${gutter * 0.75}px;\n`;\n\nconst ChatIcon = styled(Chat)`\n  flex-shrink: 0;\n`;\n\nconst SolutionText = styled(Text)`\n  margin-top: ${gutter * 0.125}px;\n`;\n\nconst SolutionImage = styled.img`\n  height: auto;\n  width: 100%;\n  max-width: 200px;\n`;\n\nexport { SolutionContainer, ChatIcon, SolutionText, SolutionImage };\n"],"names":["theme","getTheme","gutter","WHITE","SolutionContainer","styled","FlexView","ChatIcon","Chat","SolutionText","Text","SolutionImage"],"mappings":";;;;;AAOA,MAAMA,IAAQC,EAAS,GACjB,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,OAAAG,EAAM,IAAIH,EAAM,QAElBI,IAAoBC,EAAOC,CAAQ;AAAA,sBACnBH,CAAK;AAAA,aACdD,CAAM,MAAMA,IAAS,IAAI;AAAA,GAGhCK,IAAWF,EAAOG,CAAI;AAAA;AAAA,GAItBC,IAAeJ,EAAOK,CAAI;AAAA,gBAChBR,IAAS,KAAK;AAAA,GAGxBS,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,35 @@
+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`
+  position: relative;
+  width: ${o * 18.75}px;
+  height: ${o * 25}px;
+  border: 1px solid ${i};
+  overflow: hidden;
+  .image {
+    position: absolute;
+    top: -${o * 0.15625}px;
+    left: -${o * 0.125}px;
+    right: 0;
+    bottom: 0;
+  }
+`, c = t(e)`
+  flex-grow: 1;
+  border: 1px solid ${i};
+  border-left: none;
+  background-color: ${p};
+  padding: ${o * 2.5}px;
+`;
+export {
+  l as Container,
+  m as ContentWrapper,
+  g as ImageWrapper,
+  c as InputContainer
+};
+//# sourceMappingURL=student-enrichment-styled.js.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { 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 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 { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\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      if (!value) {\n        const goalsWithoutEnrichment = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.ENRICHMENT,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutEnrichment });\n\n        return;\n      }\n\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      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, 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","stream","regionData","countryCode","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutEnrichment","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,EAAa,IAAAJ,GAC1B,EAAE,QAAAK,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAYC;AAAA,IAChB,MACEC,EAAmBZ,GAAiB;AAAA,MAClC,aAAAS;AAAA,MACA,OAAOL,KAAS;AAAA,MAChB,cAAcS,EAAc;AAAA,MAC5B,cAAcN;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACP,GAAiBS,GAAaL,GAAOG,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWO,EAAA,IAAiBH;AAAA,IAClC,OAAMN,KAAA,gBAAAA,EAAO,KAAK,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACR,CAAK;AAAA,EAAA,GAGFW,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAyBf,KAAA,gBAAAA,EAAO;AAAA,UACpC,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,EAAA,CAAwB;AAEnD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBlB,GAAOQ,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACjB,GAAOJ,CAAiB;AAAA,EAAA;AAIzB,SAAA,gBAAAwB,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,OAAOrB;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,gBAAAW,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-constants.js

@@ -0,0 +1,22 @@
+import { ILLUSTRATIONS as e } from "../../../../assets/illustrations/illustrations.js";
+const n = {
+  beginner: {
+    title: "Basic",
+    description: "Student needs to focus on foundational concepts and skills",
+    icon: e.ORANGE_FACE
+  },
+  intermediate: {
+    title: "Intermediate",
+    description: "Student is comfortable with the basics, and is ready to apply them in problems",
+    icon: e.YELLOW_FACE
+  },
+  advanced: {
+    title: "Advanced",
+    description: "Student is ready to tackle challenging concepts and problems.",
+    icon: e.GREEN_FACE
+  }
+};
+export {
+  n as studentLevels
+};
+//# sourceMappingURL=student-feedback-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-feedback-constants.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const studentLevels: Record<string, { title: string; description: string; icon: string }> = {\n  beginner: {\n    title: 'Basic',\n    description: 'Student needs to focus on foundational concepts and skills',\n    icon: ILLUSTRATIONS.ORANGE_FACE,\n  },\n  intermediate: {\n    title: 'Intermediate',\n    description: 'Student is comfortable with the basics, and is ready to apply them in problems',\n    icon: ILLUSTRATIONS.YELLOW_FACE,\n  },\n  advanced: {\n    title: 'Advanced',\n    description: 'Student is ready to tackle challenging concepts and problems.',\n    icon: ILLUSTRATIONS.GREEN_FACE,\n  },\n};\n"],"names":["studentLevels","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAsF;AAAA,EACjG,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF;"}

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

@@ -0,0 +1,48 @@
+import r from "styled-components";
+import e from "../../../ui/layout/flex-view.js";
+import n from "../../../ui/text/text.js";
+const a = r.div`
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+`, p = r(e)(({ theme: o }) => {
+  const { GREEN_1: t, GREEN_4: i } = o.colors;
+  return `
+  width: 550px;
+  margin: auto;
+  background-color: ${t};
+  border: 1px solid ${i};
+  position: relative;
+`;
+}), d = r(e)(({ theme: o }) => `
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+    &:hover {
+      background-color: ${o.colors.BLACK_T_87};
+      
+      .feedback-title {
+        color: ${o.colors.WHITE_T_87};
+      }
+      .feedback-desc {
+        color: ${o.colors.WHITE_T_60};
+      }
+    }
+  `), u = r(e)(({ theme: o }) => {
+  const { gutter: t } = o.layout;
+  return `
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: -${t * 0.75}px;
+  `;
+}), b = r(n)`
+  display: inline;
+`;
+export {
+  u as BalloonWrapper,
+  a as Container,
+  d as Feedback,
+  p as FeedbackWrapper,
+  b as InlineText
+};
+//# sourceMappingURL=student-feedback-styled.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,114 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { memo as E, useMemo as T, useCallback as _, useEffect as b } from "react";
+import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
+import { COURSE_STREAMS as x, PREFERENCE_CATEGORY as S } from "../../../milestone/constants.js";
+import { getPreferencesFromConfig as A } from "../../../milestone/create/milestone-create-helpers.js";
+import l from "../../../ui/image/image.js";
+import w from "../../../ui/layout/flex-view.js";
+import k from "../../../ui/separator/separator.js";
+import B from "../../../ui/text/text.js";
+import { useTrialSessionContext as I } from "../../context/use-trial-session-context.js";
+import R from "../slide-header/index.js";
+import { studentLevels as N } from "./student-feedback-constants.js";
+import { Container as F, FeedbackWrapper as O, BalloonWrapper as X, Feedback as G, InlineText as H } from "./student-feedback-styled.js";
+const J = E(() => {
+  const { formData: h, milestoneConfig: s, updateSlideConfig: c, updateButtonState: d } = I(), { grade: m, personalizedLevel: r = [] } = h || {}, f = r.length > 0, o = T(
+    () => A(s, {
+      grade: m ?? "",
+      courseStream: x.MATH,
+      preferenceCategory: S.LEVEL
+    }),
+    [m, s]
+  ), g = _(
+    (i) => {
+      c({ personalizedLevel: [i] });
+    },
+    [c]
+  );
+  return b(() => {
+    d("right", { isDisabled: !f, isLoading: !1 });
+  }, [f, d]), /* @__PURE__ */ t(F, { children: [
+    /* @__PURE__ */ e(k, { height: 60 }),
+    /* @__PURE__ */ e(R, {}),
+    /* @__PURE__ */ t(O, { $flexGapX: 1, $gapX: 2.25, $gutterX: 3.125, children: [
+      /* @__PURE__ */ t(
+        X,
+        {
+          $flexDirection: "row",
+          $justifyContent: "space-between",
+          $alignItems: "center",
+          $gutterX: 0.75,
+          children: [
+            /* @__PURE__ */ e(
+              l,
+              {
+                withLoader: !0,
+                src: p.GREEN_BALLOON,
+                width: 28,
+                height: 34,
+                alt: "balloon"
+              }
+            ),
+            /* @__PURE__ */ e(
+              l,
+              {
+                withLoader: !0,
+                src: p.GREEN_BALLOON,
+                width: 28,
+                height: 34,
+                alt: "balloon"
+              }
+            )
+          ]
+        }
+      ),
+      o && o.length > 0 && o.map((i) => {
+        const { id: a, label: u } = i, { title: C, description: $, icon: L } = N[u.toLowerCase()] || {}, n = r == null ? void 0 : r.includes(a);
+        return /* @__PURE__ */ t(
+          G,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $justifyContent: "flex-start",
+            $flexGapX: 1.25,
+            onClick: () => g(a),
+            $gutterX: 0.75,
+            $gapX: 1,
+            $background: n ? "BLACK_T_87" : "WHITE_1",
+            $borderColor: "BLACK_T_87",
+            children: [
+              /* @__PURE__ */ e(l, { withLoader: !0, src: L, height: 64, width: 64, alt: "icon" }),
+              /* @__PURE__ */ e(w, { $flex: 1, children: /* @__PURE__ */ t(
+                B,
+                {
+                  className: "feedback-title",
+                  $renderAs: "ac3-black",
+                  $color: n ? "WHITE_T_87" : "BLACK_T_87",
+                  children: [
+                    C,
+                    ":",
+                    " ",
+                    /* @__PURE__ */ e(
+                      H,
+                      {
+                        className: "feedback-desc",
+                        $renderAs: "ab2",
+                        $color: n ? "WHITE_T_60" : "BLACK_T_60",
+                        children: $
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          },
+          a
+        );
+      })
+    ] })
+  ] });
+});
+export {
+  J as default
+};
+//# sourceMappingURL=student-feedback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-feedback.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback.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 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 { studentLevels } from './student-feedback-constants';\nimport * as Styled from './student-feedback-styled';\n\nconst StudentFeedback = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { grade, personalizedLevel = [] } = formData || {};\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      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleClick = useCallback(\n    (id: string) => {\n      updateSlideConfig({ personalizedLevel: [id] });\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.FeedbackWrapper $flexGapX={1} $gapX={2.25} $gutterX={3.125}>\n        <Styled.BalloonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $gutterX={0.75}\n        >\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n        </Styled.BalloonWrapper>\n        {levelList &&\n          levelList.length > 0 &&\n          levelList.map(level => {\n            const { id, label } = level;\n            const { title, description, icon } = studentLevels[label.toLowerCase()] || {};\n            const isSelected = personalizedLevel?.includes(id);\n\n            return (\n              <Styled.Feedback\n                key={id}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"flex-start\"\n                $flexGapX={1.25}\n                onClick={() => handleClick(id)}\n                $gutterX={0.75}\n                $gapX={1}\n                $background={isSelected ? 'BLACK_T_87' : 'WHITE_1'}\n                $borderColor=\"BLACK_T_87\"\n              >\n                <Image withLoader src={icon} height={64} width={64} alt=\"icon\" />\n                <FlexView $flex={1}>\n                  <Text\n                    className=\"feedback-title\"\n                    $renderAs=\"ac3-black\"\n                    $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                  >\n                    {title}:{' '}\n                    <Styled.InlineText\n                      className=\"feedback-desc\"\n                      $renderAs=\"ab2\"\n                      $color={isSelected ? 'WHITE_T_60' : 'BLACK_T_60'}\n                    >\n                      {description}\n                    </Styled.InlineText>\n                  </Text>\n                </FlexView>\n              </Styled.Feedback>\n            );\n          })}\n      </Styled.FeedbackWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentFeedback;\n"],"names":["StudentFeedback","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","grade","personalizedLevel","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","handleClick","useCallback","id","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.FeedbackWrapper","Styled.BalloonWrapper","Image","ILLUSTRATIONS","level","label","title","description","icon","studentLevels","isSelected","Styled.Feedback","FlexView","Text","Styled.InlineText"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+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 }) => {
+  const { gutter: t } = o.layout;
+  return `
+    margin: auto;
+    flex-grow: 1;
+    position: relative;
+    width: 650px;
+    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 }) => {
+  const { gutter: t } = o.layout;
+  return `
+    flex-grow: 1;
+    border-bottom: none;
+    padding: ${t * 3.5}px ${t * 6.875}px 0px;
+    overflow-y: scroll;
+  `;
+}), x = r.div(({ theme: o }) => {
+  const { gutter: t } = o.layout;
+  return `
+    position: absolute;
+    top: -${t * 0.3125}px;
+    left: ${t * 10.625}px;
+  `;
+});
+export {
+  i as Container,
+  x as ImageWrapper,
+  l as InformationWrapper,
+  a as StudentInfoWrapper
+};
+//# sourceMappingURL=student-info-styled.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,86 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { memo as T, useCallback as t, useEffect as x } from "react";
+import { ILLUSTRATIONS as y } from "../../../../assets/illustrations/illustrations.js";
+import { GOAL_CATEGORY as E } from "../../../milestone/constants.js";
+import { getCategorizedCurriculumStandards as O } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as B } from "../../../milestone/create/milestone-create-helpers.js";
+import G from "../../../ui/image/image.js";
+import U from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import $ from "../../../ui/inputs/select-input/select-input.js";
+import D from "../../../ui/inputs/text-input/text-input.js";
+import H from "../../../ui/separator/separator.js";
+import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
+import W from "../slide-header/index.js";
+import { Container as k, StudentInfoWrapper as v, ImageWrapper as R, InformationWrapper as j } from "./student-info-styled.js";
+const re = T(() => {
+  const { formData: c, milestoneConfig: m, updateSlideConfig: a, updateButtonState: s, trialHomeData: f } = N(), { name: d, grade: n, curriculum: l } = c || {}, g = B(m), { demo_info: h } = f, { stream: C, region_data: S } = h || {}, { opportunity_country: I = "US" } = S || {}, L = O(m, {
+    countryCode: I,
+    grade: n ?? "",
+    goalCategory: E.SCHOOL_SUCCESS,
+    courseStream: C,
+    enrollmentType: "ONLINE"
+  }), u = !!(d && n && l), o = t(
+    (e, p) => {
+      a(e === "grade" ? { [e]: p, goals: [] } : { [e]: p });
+    },
+    [a]
+  ), b = t((e) => o("name", e.target.value), [o]), _ = t(
+    (e) => o("grade", e),
+    [o]
+  ), A = t(
+    (e) => o("curriculum", e),
+    [o]
+  );
+  return x(() => {
+    s("right", { isDisabled: !u, isLoading: !1 });
+  }, [u, s]), /* @__PURE__ */ i(k, { children: [
+    /* @__PURE__ */ r(H, { height: 60 }),
+    /* @__PURE__ */ r(W, {}),
+    /* @__PURE__ */ i(v, { $background: "BLUE_4", $borderColor: "BLACK_T_87", children: [
+      /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(G, { withLoader: !1, src: y.BLUE_CLIP, width: 261, height: 31 }) }),
+      /* @__PURE__ */ i(j, { $flexGapX: 2.75, $background: "WHITE_1", $borderColor: "BLACK_T_87", children: [
+        /* @__PURE__ */ r(
+          D,
+          {
+            renderAs: "primary",
+            label: "Student name",
+            value: d,
+            type: "text",
+            name: "name",
+            shape: "borderLess",
+            onChange: b
+          }
+        ),
+        /* @__PURE__ */ r(
+          U,
+          {
+            renderAs: "primary",
+            label: "Grade",
+            value: n,
+            options: g,
+            shape: "borderLess",
+            onChange: _,
+            theme: "dark"
+          }
+        ),
+        /* @__PURE__ */ r(
+          $,
+          {
+            renderAs: "primary",
+            label: "Curriculum",
+            value: l,
+            options: L,
+            shape: "borderLess",
+            renderOptionsAs: "section-list",
+            theme: "dark",
+            onChange: A
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+export {
+  re as default
+};
+//# sourceMappingURL=student-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-info.js","sources":["../../../../../src/features/trial-session/comps/student-info/student-info.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport { getGradesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-info-styled';\n\nconst StudentInformation = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState, trialHomeData } =\n    useTrialSessionContext();\n\n  const { name, grade, curriculum } = formData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const curriculumStandards = getCategorizedCurriculumStandards(milestoneConfig, {\n    countryCode,\n    grade: grade ?? '',\n    goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n    courseStream: stream,\n    enrollmentType: 'ONLINE',\n  });\n  const hasRequiredFields = Boolean(name && grade && curriculum);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      if (key === 'grade') {\n        // reset goals as well if grade changes\n        updateSlideConfig({ [key]: value, goals: [] });\n      } else {\n        updateSlideConfig({ [key]: value });\n      }\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(event => updateStudentInformation('name', event.target.value), [updateStudentInformation]);\n\n  const handleGradeChange = useCallback(\n    (value: string) => updateStudentInformation('grade', value),\n    [updateStudentInformation],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\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.StudentInfoWrapper $background=\"BLUE_4\" $borderColor=\"BLACK_T_87\">\n        <Styled.ImageWrapper>\n          <Image withLoader={false} src={ILLUSTRATIONS.BLUE_CLIP} width={261} height={31} />\n        </Styled.ImageWrapper>\n        <Styled.InformationWrapper $flexGapX={2.75} $background=\"WHITE_1\" $borderColor=\"BLACK_T_87\">\n          <TextInput\n            renderAs=\"primary\"\n            label=\"Student name\"\n            value={name}\n            type=\"text\"\n            name=\"name\"\n            shape=\"borderLess\"\n            onChange={handleNameChange}\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Grade\"\n            value={grade}\n            options={grades}\n            shape=\"borderLess\"\n            onChange={handleGradeChange}\n            theme=\"dark\"\n          />\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={handleCurriculumChange}\n          />\n        </Styled.InformationWrapper>\n      </Styled.StudentInfoWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentInformation;\n"],"names":["StudentInformation","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","trialHomeData","useTrialSessionContext","name","grade","curriculum","grades","getGradesFromConfig","demoInfo","stream","regionData","countryCode","curriculumStandards","getCategorizedCurriculumStandards","GOAL_CATEGORY","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGradeChange","handleCurriculumChange","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.StudentInfoWrapper","Styled.ImageWrapper","Image","ILLUSTRATIONS","Styled.InformationWrapper","TextInput","SearchableSelectInput","SelectInput"],"mappings":";;;;;;;;;;;;;;AAeM,MAAAA,KAAqBC,EAAK,MAAM;AACpC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,mBAAAC,GAAmB,eAAAC,EAAA,IACvEC,KAEI,EAAE,MAAAC,GAAM,OAAAC,GAAO,YAAAC,EAAW,IAAIR,KAAY,CAAA,GAC1CS,IAASC,EAAoBT,CAAe,GAE5C,EAAE,WAAWU,EAAa,IAAAP,GAC1B,EAAE,QAAAQ,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAsBC,EAAkCf,GAAiB;AAAA,IAC7E,aAAAa;AAAA,IACA,OAAOP,KAAS;AAAA,IAChB,cAAcU,EAAc;AAAA,IAC5B,cAAcL;AAAA,IACd,gBAAgB;AAAA,EAAA,CACjB,GACKM,IAAoB,GAAQZ,KAAQC,KAASC,IAE7CW,IAA2BC;AAAA,IAC/B,CAACC,GAAaC,MAAkB;AAC9B,MAEoBpB,EAFhBmB,MAAQ,UAEQ,EAAE,CAACA,CAAG,GAAGC,GAAO,OAAO,OAEvB,EAAE,CAACD,CAAG,GAAGC,EAAO,CAFW;AAAA,IAIjD;AAAA,IACA,CAACpB,CAAiB;AAAA,EAAA,GAGdqB,IAAmBH,EAEvB,CAAAI,MAASL,EAAyB,QAAQK,EAAM,OAAO,KAAK,GAAG,CAACL,CAAwB,CAAC,GAErFM,IAAoBL;AAAA,IACxB,CAACE,MAAkBH,EAAyB,SAASG,CAAK;AAAA,IAC1D,CAACH,CAAwB;AAAA,EAAA,GAGrBO,IAAyBN;AAAA,IAC7B,CAACE,MAAkBH,EAAyB,cAAcG,CAAK;AAAA,IAC/D,CAACH,CAAwB;AAAA,EAAA;AAG3B,SAAAQ,EAAU,MAAM;AACd,IAAAxB,EAAkB,SAAS,EAAE,YAAY,CAACe,GAAmB,WAAW,IAAO;AAAA,EAAA,GAC9E,CAACA,GAAmBf,CAAiB,CAAC,GAGvC,gBAAAyB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAA0B,aAAY,UAAS,cAAa,cAC3D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,KAAM,YAAY,IAAO,KAAKC,EAAc,WAAW,OAAO,KAAK,QAAQ,GAAI,CAAA,GAClF;AAAA,MACA,gBAAAR,EAACS,GAAA,EAA0B,WAAW,MAAM,aAAY,WAAU,cAAa,cAC7E,UAAA;AAAA,QAAA,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,YACN,UAAUiB;AAAA,UAAA;AAAA,QACZ;AAAA,QACA,gBAAAO;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,SAASE;AAAA,YACT,OAAM;AAAA,YACN,UAAUgB;AAAA,YACV,OAAM;AAAA,UAAA;AAAA,QACR;AAAA,QACA,gBAAAK;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOhC;AAAA,YACP,SAASO;AAAA,YACT,OAAM;AAAA,YACN,iBAAgB;AAAA,YAChB,OAAM;AAAA,YACN,UAAUW;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,14 @@
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const i = o.div`
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+`, n = o(t)`
+  margin: auto;
+`;
+export {
+  i as Container,
+  n as ContentWrapper
+};
+//# sourceMappingURL=student-personalization-styled.js.map

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

@@ -0,0 +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;"}