@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-personalization.js","sources":["../../../../../src/features/trial-session/comps/student-personalization/student-personalization.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-personalization-styled';\n\nconst StudentPersonalization = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const {\n    name,\n    grade,\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n  } = formData || {};\n\n  const hasRequiredFields = Boolean(personalizedLevel.length > 0);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }).map(({ id, label, description }) => ({\n        id,\n        label: (\n          <Text $renderAs=\"ub3\">\n            <Text $renderAs=\"ub3-bold\" $color=\"BLACK_1\" $inline>\n              {label}\n            </Text>{' '}\n            - {description}\n          </Text>\n        ),\n      })),\n    [grade, milestoneConfig],\n  );\n\n  const focusList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.FOCUS,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const behaviorsList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.BEHAVIOR,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const handleChangeLevel = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedLevel: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeFocus = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedFocus: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleChangeBehaviors = useCallback(\n    (value: string[]) => {\n      updateSlideConfig({ personalizedBehaviors: value });\n    },\n    [updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $width={750}\n        $flexDirection=\"column\"\n        $justifyContent=\"center\"\n        $flexGap={24}\n        $borderColor=\"BLACK_1\"\n        $background=\"GREEN_1\"\n        $gapX={1.5}\n        $gutterX={2.5}\n      >\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            How would you describe {name}’s current level?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select one)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            options={levelList}\n            value={personalizedLevel}\n            onChange={handleChangeLevel}\n            maximumSelection={1}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            What should we focus on?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select all that apply)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={4}\n            options={focusList}\n            value={personalizedFocus}\n            onChange={handleChangeFocus}\n          />\n        </div>\n        <div>\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n            Should we focus on any learning behaviors?\n          </Text>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n            (Select upto 2)\n          </Text>\n          <Separator height={12} />\n          <CheckboxInputList\n            size=\"small\"\n            renderAs=\"black\"\n            numColumns={3}\n            options={behaviorsList}\n            value={personalizedBehaviors}\n            onChange={handleChangeBehaviors}\n            maximumSelection={2}\n          />\n        </div>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentPersonalization;\n"],"names":["StudentPersonalization","memo","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","name","grade","personalizedLevel","personalizedFocus","personalizedBehaviors","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","id","label","description","jsxs","Text","jsx","focusList","behaviorsList","handleChangeLevel","useCallback","value","handleChangeFocus","handleChangeBehaviors","useEffect","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","CheckboxInputList"],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+import o from "styled-components";
+import { ILLUSTRATIONS as e } from "../../../../assets/illustrations/illustrations.js";
+import r from "../../../ui/layout/flex-view.js";
+const a = o.div`
+  width: 100%;
+  height: 100%;
+`, s = o(r)`
+  position: relative;
+  margin: auto;
+`, d = o.div(
+  ({ theme: { layout: t } }) => `
+  position: absolute;
+  top: -${t.gutter * 3.125}px;
+  width: 100%;
+  height: 100%;
+  background-image: url(${e.PROFILE_BOARD});
+  background-position: top center;
+  background-repeat: no-repeat;
+`
+), m = o.div(
+  ({ theme: t }) => `
+  border: 1px solid ${t.colors.BLACK_1};
+`
+);
+export {
+  d as AbsoluteImage,
+  a as Container,
+  s as ContentWrapper,
+  m as ImageWrapper
+};
+//# sourceMappingURL=student-profile-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-profile-styled.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  position: relative;\n  margin: auto;\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 ImageWrapper = styled.div(\n  ({ theme }) => `\n  border: 1px solid ${theme.colors.BLACK_1};\n`,\n);\n\nexport { Container, ContentWrapper, AbsoluteImage, ImageWrapper };\n"],"names":["Container","styled","ContentWrapper","FlexView","AbsoluteImage","layout","ILLUSTRATIONS","ImageWrapper","theme"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKhCC,IAAgBH,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,QAAAI,EAAA,EAAe,MAAA;AAAA;AAAA,UAEnBA,EAAO,SAAS,KAAK;AAAA;AAAA;AAAA,0BAGLC,EAAc,aAAa;AAAA;AAAA;AAAA;AAIrD,GAEMC,IAAeN,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAO,EAAA,MAAY;AAAA,sBACKA,EAAM,OAAO,OAAO;AAAA;AAE1C;"}

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

@@ -0,0 +1,17 @@
+import { GIF as e } from "../../../../assets/gif/gif.js";
+const n = (o = 0) => [
+  e.SPECKIE_WAVE,
+  e.BOBWAVE,
+  e.JIGII_WAVE,
+  e.MAX_WAVE,
+  e.TERA_WAVE,
+  e.VINNIE_WAVE
+][o], A = (o, m) => {
+  var t;
+  return ((t = o.find((r) => r.goal_category === m)) == null ? void 0 : t.milestone_name) ?? "";
+};
+export {
+  n as getDummyProfileImage,
+  A as getMilestoneGoalName
+};
+//# sourceMappingURL=student-profile-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-profile-utils.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile-utils.ts"],"sourcesContent":["import type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\nimport type { TGoals } from '../../trial-session-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\nexport const getDummyProfileImage = (dummyProfileImageIndex: number = 0) => {\n  const dummyProfiles = [\n    GIF.SPECKIE_WAVE,\n    GIF.BOBWAVE,\n    GIF.JIGII_WAVE,\n    GIF.MAX_WAVE,\n    GIF.TERA_WAVE,\n    GIF.VINNIE_WAVE,\n  ];\n\n  return dummyProfiles[dummyProfileImageIndex];\n};\n\nexport const getMilestoneGoalName = (goals: TGoals[], category: TGoalCategory) => {\n  return goals.find(goal => goal.goal_category === category)?.milestone_name ?? '';\n};\n"],"names":["getDummyProfileImage","dummyProfileImageIndex","GIF","getMilestoneGoalName","goals","category","_a","goal"],"mappings":";AAKa,MAAAA,IAAuB,CAACC,IAAiC,MAC9C;AAAA,EACpBC,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EACJA,EAAI;AAAA,EAGeD,CAAsB,GAGhCE,IAAuB,CAACC,GAAiBC,MAA4B;;AAChF,WAAOC,IAAAF,EAAM,KAAK,CAAAG,MAAQA,EAAK,kBAAkBF,CAAQ,MAAlD,gBAAAC,EAAqD,mBAAkB;AAChF;"}

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

@@ -0,0 +1,71 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { memo as b, useMemo as A, useCallback as E, useEffect as s } from "react";
+import { GOAL_CATEGORY as g } from "../../../milestone/constants.js";
+import w from "../../../ui/error/error.js";
+import G from "../../../ui/image/image.js";
+import h from "../../../ui/layout/flex-view.js";
+import L from "../../../ui/loader/app-loader/app-loader.js";
+import D from "../../../ui/separator/separator.js";
+import S from "../../../ui/text/text.js";
+import { useGetStudentProfileSummary as X } from "../../api/student-profile-summary.js";
+import { useTrialSessionContext as M } from "../../context/use-trial-session-context.js";
+import O from "../slide-header/index.js";
+import { Container as k, ContentWrapper as B, AbsoluteImage as H, ImageWrapper as R } from "./student-profile-styled.js";
+import { getMilestoneGoalName as P, getDummyProfileImage as W } from "./student-profile-utils.js";
+const re = b(() => {
+  const { isTeacher: t, studentId: l, formData: $, updateSlideConfig: d, updateButtonState: f } = M(), { name: y, goals: r, studentProfile: o } = $ || {}, { dummyProfileImageIndex: I, profileSummary: x } = o || {}, C = W(I), m = A(() => r && r.length > 0 ? {
+    school_success_goal: P(r, g.SCHOOL_SUCCESS),
+    test_prep_goal: P(r, g.TEST_PREP)
+  } : null, [r]), {
+    get: u,
+    data: _,
+    isProcessing: a,
+    isProcessed: c,
+    isProcessingFailed: T
+  } = X(), { profile_summary: p } = _ || {}, n = E(() => {
+    m && u(l, m);
+  }, [u, m, l]);
+  return s(() => {
+    f("right", { isDisabled: a, isLoading: !1 });
+  }, [a, f]), s(() => {
+    t && !o && n();
+  }, [n, t, o]), s(() => {
+    t && c && d({
+      studentProfile: {
+        profileSummary: p || "",
+        dummyProfileImageIndex: Math.floor(Math.random() * 6)
+      }
+    });
+  }, [c, t, p, d]), T ? /* @__PURE__ */ e(w, { height: "70vh", onTryAgain: n }) : a || !o ? /* @__PURE__ */ e(L, { height: "100vh" }) : /* @__PURE__ */ i(k, { children: [
+    /* @__PURE__ */ e(D, { height: 60 }),
+    /* @__PURE__ */ e(O, { marginBottom: 100 }),
+    /* @__PURE__ */ i(B, { $widthX: 46.875, children: [
+      /* @__PURE__ */ e(H, {}),
+      /* @__PURE__ */ i(
+        h,
+        {
+          $width: "100%",
+          $heightX: 21.875,
+          $flexDirection: "row",
+          $alignItems: "center",
+          $flexGapX: 1.5,
+          $gutterX: 1.5,
+          $background: "WHITE_2",
+          $borderColor: "BLACK_T_87",
+          $borderRadiusX: 0.5,
+          children: [
+            /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(G, { withLoader: !0, height: 200, width: 200, src: C }) }),
+            /* @__PURE__ */ i(h, { $flexGap: 16, children: [
+              /* @__PURE__ */ e(S, { $renderAs: "ac2-black", children: y }),
+              /* @__PURE__ */ e(S, { $renderAs: "ab1", children: x || "" })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  re as default
+};
+//# sourceMappingURL=student-profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import type { IGetStudentProfileSummaryQuery } from '../../api/student-profile-summary';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetStudentProfileSummary } from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\n\nconst StudentProfile = memo(() => {\n  const { isTeacher, studentId, formData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { name, goals, studentProfile } = formData || {};\n  const { dummyProfileImageIndex, profileSummary } = studentProfile || {};\n  const dummyProfileImage = getDummyProfileImage(dummyProfileImageIndex);\n\n  const payload = useMemo<IGetStudentProfileSummaryQuery | null>(() => {\n    if (goals && goals.length > 0) {\n      return {\n        school_success_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.SCHOOL_SUCCESS),\n        test_prep_goal: getMilestoneGoalName(goals, GOAL_CATEGORY.TEST_PREP),\n      };\n    }\n\n    return null;\n  }, [goals]);\n\n  const {\n    get: getStudentProfileSummary,\n    data,\n    isProcessing,\n    isProcessed,\n    isProcessingFailed,\n  } = useGetStudentProfileSummary();\n  const { profile_summary: studentProfileSummary } = data || {};\n\n  const fetchData = useCallback(() => {\n    if (payload) {\n      getStudentProfileSummary(studentId, payload);\n    }\n  }, [getStudentProfileSummary, payload, studentId]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, updateButtonState]);\n\n  useEffect(() => {\n    if (isTeacher && !studentProfile) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, studentProfileSummary, updateSlideConfig]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !studentProfile) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={100} />\n      <Styled.ContentWrapper $widthX={46.875}>\n        <Styled.AbsoluteImage />\n        <FlexView\n          $width=\"100%\"\n          $heightX={21.875}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGapX={1.5}\n          $gutterX={1.5}\n          $background=\"WHITE_2\"\n          $borderColor=\"BLACK_T_87\"\n          $borderRadiusX={0.5}\n        >\n          <Styled.ImageWrapper>\n            <Image withLoader height={200} width={200} src={dummyProfileImage} />\n          </Styled.ImageWrapper>\n          <FlexView $flexGap={16}>\n            <Text $renderAs=\"ac2-black\">{name}</Text>\n            <Text $renderAs=\"ab1\">{profileSummary || ''}</Text>\n          </FlexView>\n        </FlexView>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","updateSlideConfig","updateButtonState","useTrialSessionContext","name","goals","studentProfile","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,KAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,mBAAAC,GAAmB,mBAAAC,EAAA,IACzDC,KAEI,EAAE,MAAAC,GAAM,OAAAC,GAAO,gBAAAC,EAAe,IAAIN,KAAY,CAAA,GAC9C,EAAE,wBAAAO,GAAwB,gBAAAC,MAAmBF,KAAkB,CAAA,GAC/DG,IAAoBC,EAAqBH,CAAsB,GAE/DI,IAAUC,EAA+C,MACzDP,KAASA,EAAM,SAAS,IACnB;AAAA,IACL,qBAAqBQ,EAAqBR,GAAOS,EAAc,cAAc;AAAA,IAC7E,gBAAgBD,EAAqBR,GAAOS,EAAc,SAAS;AAAA,EAAA,IAIhE,MACN,CAACT,CAAK,CAAC,GAEJ;AAAA,IACJ,KAAKU;AAAA,IACL,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAA4B,GAC1B,EAAE,iBAAiBC,MAA0BL,KAAQ,CAAA,GAErDM,IAAYC,EAAY,MAAM;AAClC,IAAIZ,KACFI,EAAyBhB,GAAWY,CAAO;AAAA,EAE5C,GAAA,CAACI,GAA0BJ,GAASZ,CAAS,CAAC;AAuBjD,SArBAyB,EAAU,MAAM;AACd,IAAAtB,EAAkB,SAAS,EAAE,YAAYe,GAAc,WAAW,IAAO;AAAA,EAAA,GACxE,CAACA,GAAcf,CAAiB,CAAC,GAEpCsB,EAAU,MAAM;AACV,IAAA1B,KAAa,CAACQ,KACNgB;EAEX,GAAA,CAACA,GAAWxB,GAAWQ,CAAc,CAAC,GAEzCkB,EAAU,MAAM;AACd,IAAI1B,KAAaoB,KACGjB,EAAA;AAAA,MAChB,gBAAgB;AAAA,QACd,gBAAgBoB,KAAyB;AAAA,QACzC,wBAAwB,KAAK,MAAM,KAAK,OAAA,IAAW,CAAC;AAAA,MACtD;AAAA,IAAA,CACD;AAAA,KAEF,CAACH,GAAapB,GAAWuB,GAAuBpB,CAAiB,CAAC,GAEjEkB,IACM,gBAAAM,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDL,KAAgB,CAACX,IACZ,gBAAAmB,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,IAAK,CAAA;AAAA,IAC/B,gBAAAH,EAAAI,GAAA,EAAsB,SAAS,QAC9B,UAAA;AAAA,MAAC,gBAAAP,EAAAQ,GAAA,EAAqB;AAAA,MACtB,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,WAAW;AAAA,UACX,UAAU;AAAA,UACV,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,gBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAA,EACC,UAAA,gBAAAV,EAACW,GAAM,EAAA,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAK3B,EAAmB,CAAA,GACrE;AAAA,YACA,gBAAAmB,EAACM,GAAS,EAAA,UAAU,IAClB,UAAA;AAAA,cAAC,gBAAAT,EAAAY,GAAA,EAAK,WAAU,aAAa,UAAKjC,GAAA;AAAA,cACjC,gBAAAqB,EAAAY,GAAA,EAAK,WAAU,OAAO,eAAkB,IAAG;AAAA,YAAA,GAC9C;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-intro-constants.js

@@ -0,0 +1,46 @@
+const t = {
+  CANADA: {
+    flag_icon: "https://d138zd1ktt9iqe.cloudfront.net/static/flags/Canada.png",
+    name: "Canada",
+    label: "CA"
+  },
+  INDIA: {
+    flag_icon: "https://d138zd1ktt9iqe.cloudfront.net/static/flags/India.png",
+    name: "India",
+    label: "IN"
+  },
+  USA: {
+    flag_icon: "https://d138zd1ktt9iqe.cloudfront.net/static/flags/USA.png",
+    name: "USA",
+    label: "US"
+  },
+  UK: {
+    flag_icon: "https://d138zd1ktt9iqe.cloudfront.net/static/flags/UK.png",
+    name: "UK",
+    label: "UK"
+  },
+  AUSTRALIA: {
+    flag_icon: "https://d138zd1ktt9iqe.cloudfront.net/static/flags/Australia.png",
+    name: "Australia",
+    label: "AU"
+  },
+  EUROPE: {
+    flag_icon: "https://d138zd1ktt9iqe.cloudfront.net/static/flags/Europe.png",
+    name: "Europe",
+    label: "EU"
+  },
+  NEW_ZEALAND: {
+    flag_icon: "https://d138zd1ktt9iqe.cloudfront.net/static/flags/New-Zealand.png",
+    name: "New Zealand",
+    label: "NZ"
+  },
+  SINGAPORE: {
+    flag_icon: "https://d138zd1ktt9iqe.cloudfront.net/static/flags/Singapore.png",
+    name: "Singapore",
+    label: "SG"
+  }
+};
+export {
+  t as COUNTRY_FLAGS
+};
+//# sourceMappingURL=teacher-intro-constants.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-intro-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-intro-constants.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro-constants.tsx"],"sourcesContent":["export const COUNTRY_FLAGS = {\n  CANADA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Canada.png',\n    name: 'Canada',\n    label: 'CA',\n  },\n  INDIA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/India.png',\n    name: 'India',\n    label: 'IN',\n  },\n  USA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/USA.png',\n    name: 'USA',\n    label: 'US',\n  },\n  UK: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/UK.png',\n    name: 'UK',\n    label: 'UK',\n  },\n  AUSTRALIA: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Australia.png',\n    name: 'Australia',\n    label: 'AU',\n  },\n  EUROPE: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Europe.png',\n    name: 'Europe',\n    label: 'EU',\n  },\n  NEW_ZEALAND: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/New-Zealand.png',\n    name: 'New Zealand',\n    label: 'NZ',\n  },\n  SINGAPORE: {\n    flag_icon: 'https://d138zd1ktt9iqe.cloudfront.net/static/flags/Singapore.png',\n    name: 'Singapore',\n    label: 'SG',\n  },\n};\n"],"names":["COUNTRY_FLAGS"],"mappings":"AAAO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AAAA,IACH,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-intro-styled.js

@@ -0,0 +1,56 @@
+import o from "styled-components";
+import e from "../../../ui/image/image.js";
+import t from "../../../ui/layout/flex-view.js";
+const l = o.div`
+  width: 100%;
+  height: 100%;
+`, c = o(t)`
+  margin: auto;
+`, h = o(e)`
+  object-fit: cover;
+`, s = o.div(
+  ({ theme: r }) => `
+  flex: 1;
+  display: grid;
+  border-left: 1px solid ${r.colors.BLACK_T_87};
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: auto auto auto;
+`
+), p = o(t)(
+  ({ theme: r }) => `
+  border: 0.5px solid ${r.colors.WHITE_5};
+  &:first-child,
+  &:nth-child(2) {
+    grid-column: span 1;
+  }
+  &:nth-child(3),
+  &:nth-child(4) {
+    grid-column: span 2;
+  }
+  &:first-child {
+    border-left: none;
+    border-top: none;
+  }
+  &:nth-child(2) {
+    border-right: none;
+    border-top: none;
+  }
+  &:nth-child(3) {
+    border-left: none;
+    border-right: none;
+  }
+  &:nth-child(4) {
+    border-left: none;
+    border-right: none;
+    border-bottom: none;
+  }
+`
+);
+export {
+  l as Container,
+  c as ContentWrapper,
+  s as GridContainer,
+  p as GridItem,
+  h as ProfilePicture
+};
+//# sourceMappingURL=teacher-intro-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-intro-styled.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst ProfilePicture = styled(Image)`\n  object-fit: cover;\n`;\n\nconst GridContainer = styled.div(\n  ({ theme }) => `\n  flex: 1;\n  display: grid;\n  border-left: 1px solid ${theme.colors.BLACK_T_87};\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: auto auto auto;\n`,\n);\n\nconst GridItem = styled(FlexView)(\n  ({ theme }) => `\n  border: 0.5px solid ${theme.colors.WHITE_5};\n  &:first-child,\n  &:nth-child(2) {\n    grid-column: span 1;\n  }\n  &:nth-child(3),\n  &:nth-child(4) {\n    grid-column: span 2;\n  }\n  &:first-child {\n    border-left: none;\n    border-top: none;\n  }\n  &:nth-child(2) {\n    border-right: none;\n    border-top: none;\n  }\n  &:nth-child(3) {\n    border-left: none;\n    border-right: none;\n  }\n  &:nth-child(4) {\n    border-left: none;\n    border-right: none;\n    border-bottom: none;\n  }\n`,\n);\n\nexport { Container, ContentWrapper, ProfilePicture, GridContainer, GridItem };\n"],"names":["Container","styled","ContentWrapper","FlexView","ProfilePicture","Image","GridContainer","theme","GridItem"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,GAIhCC,IAAiBH,EAAOI,CAAK;AAAA;AAAA,GAI7BC,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAM,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAIlD,GAEMC,IAAWP,EAAOE,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2B5C;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js

@@ -0,0 +1,74 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { memo as T, useMemo as I } from "react";
+import j from "../../../ui/image/image.js";
+import h from "../../../ui/layout/flex-view.js";
+import s from "../../../ui/separator/separator.js";
+import t from "../../../ui/text/text.js";
+import { useTrialSessionContext as k } from "../../context/use-trial-session-context.js";
+import O from "../communication-slide/index.js";
+import F from "../slide-header/index.js";
+import { COUNTRY_FLAGS as H } from "./teacher-intro-constants.js";
+import { Container as L, ContentWrapper as D, ProfilePicture as E, GridContainer as P, GridItem as i } from "./teacher-intro-styled.js";
+const z = T(() => {
+  const { slideConfig: f } = k(), { renderAVIn: m, teacher_profile: u } = f || {}, {
+    degree: g,
+    countries: o,
+    lower_grade: a,
+    higher_grade: n,
+    header_image: $,
+    years_of_experience: p,
+    number_of_students_taught: b
+  } = u || {}, { degree_name: c, field_of_study: d } = g || {}, _ = Object.values(H), l = n && parseInt(n, 10) > 8, x = I(() => l ? "High School" : ` ${a === "K" ? "" : "G"}${a} - G${n}`, [l, n, a]);
+  return m === "right" ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ r(L, { children: [
+    /* @__PURE__ */ e(s, { height: 60 }),
+    /* @__PURE__ */ e(F, {}),
+    /* @__PURE__ */ r(
+      D,
+      {
+        $flexDirection: "row",
+        $width: 750,
+        $borderColor: "BLACK_T_87",
+        $background: "WHITE_3",
+        children: [
+          /* @__PURE__ */ e(E, { withLoader: !0, src: $, width: 350, height: 350 }),
+          /* @__PURE__ */ r(P, { children: [
+            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
+              /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: p }),
+              /* @__PURE__ */ e(t, { $renderAs: "ub3", children: "Yrs of Teaching Experience" })
+            ] }),
+            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
+              /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: b }),
+              /* @__PURE__ */ e(t, { $renderAs: "ub3", children: "Students Taught" })
+            ] }),
+            c && d && /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
+              /* @__PURE__ */ e(t, { $renderAs: "ab1-black", children: c }),
+              /* @__PURE__ */ r(t, { $renderAs: "ub3", children: [
+                "In ",
+                d
+              ] })
+            ] }),
+            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
+              /* @__PURE__ */ r(t, { $renderAs: "ab1-black", children: [
+                "Teaching ",
+                x,
+                " kids in"
+              ] }),
+              /* @__PURE__ */ e(s, { height: 12 }),
+              /* @__PURE__ */ e(h, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o && o.length > 0 && o.map((C) => {
+                const y = _.find((S) => S.name === C), { flag_icon: A = "", label: w, name: G } = y || {};
+                return /* @__PURE__ */ r(h, { $flexDirection: "row", $flexGap: 4, children: [
+                  /* @__PURE__ */ e(j, { src: A, width: 30, height: 20, withLoader: !1 }),
+                  /* @__PURE__ */ e(t, { $renderAs: "ab3-black", children: w })
+                ] }, G);
+              }) })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+export {
+  z as default
+};
+//# sourceMappingURL=teacher-intro.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\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 CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport { COUNTRY_FLAGS } from './teacher-intro-constants';\nimport * as Styled from './teacher-intro-styled';\n\nconst TeacherIntro = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  const {\n    degree,\n    countries,\n    lower_grade: lowerGrade,\n    higher_grade: higherGrade,\n    header_image: headerImage,\n    years_of_experience: yearsOfExperience,\n    number_of_students_taught: numberOfStudentsTaught,\n  } = teacherProfile || {};\n  const { degree_name: degreeName, field_of_study: fieldOfStudy } = degree || {};\n\n  const countryFlagArray = Object.values(COUNTRY_FLAGS);\n  const isHighSchool = higherGrade && parseInt(higherGrade, 10) > 8;\n\n  const displayGrade = useMemo(() => {\n    return isHighSchool\n      ? 'High School'\n      : ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $flexDirection=\"row\"\n        $width={750}\n        $borderColor=\"BLACK_T_87\"\n        $background=\"WHITE_3\"\n      >\n        <Styled.ProfilePicture withLoader src={headerImage} width={350} height={350} />\n        <Styled.GridContainer>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{yearsOfExperience}</Text>\n            <Text $renderAs=\"ub3\">Yrs of Teaching Experience</Text>\n          </Styled.GridItem>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{numberOfStudentsTaught}</Text>\n            <Text $renderAs=\"ub3\">Students Taught</Text>\n          </Styled.GridItem>\n          {degreeName && fieldOfStudy && (\n            <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n              <Text $renderAs=\"ab1-black\">{degreeName}</Text>\n              <Text $renderAs=\"ub3\">In {fieldOfStudy}</Text>\n            </Styled.GridItem>\n          )}\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ab1-black\">Teaching {displayGrade} kids in</Text>\n            <Separator height={12} />\n            <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n              {countries &&\n                countries.length > 0 &&\n                countries.map(country => {\n                  const countryFlag = countryFlagArray.find(item => item.name === country);\n                  const { flag_icon: flagIcon = '', label, name } = countryFlag || {};\n\n                  return (\n                    <FlexView key={name} $flexDirection=\"row\" $flexGap={4}>\n                      <Image src={flagIcon} width={30} height={20} withLoader={false} />\n                      <Text $renderAs=\"ab3-black\">{label}</Text>\n                    </FlexView>\n                  );\n                })}\n            </FlexView>\n          </Styled.GridItem>\n        </Styled.GridContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","degreeName","fieldOfStudy","countryFlagArray","COUNTRY_FLAGS","isHighSchool","displayGrade","useMemo","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ProfilePicture","Styled.GridContainer","Styled.GridItem","Text","FlexView","country","countryFlag","item","flagIcon","label","name","Image"],"mappings":"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"}

package/dist/features/trial-session/comps/test-prep/test-prep-styled.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"test-prep-styled.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep-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`;\n\nconst ContentWrapper = styled(FlexView)`\n  width: 750px;\n  margin: auto;\n`;\n\nconst ImageWrapper = styled.div(\n  ({ theme }) => `\n  position: relative;\n  width: ${theme.layout.gutter * 18.75}px;\n  height: ${theme.layout.gutter * 25}px;\n  border: 1px solid ${theme.colors.BLACK_1};\n  overflow: hidden;\n  .image {\n    position: absolute;\n    top: -${theme.layout.gutter * 0.15625}px;\n    left: -${theme.layout.gutter * 0.125}px;\n    right: 0;\n    bottom: 0;\n  }\n`,\n);\n\nconst InputContainer = styled(FlexView)`\n  flex-grow: 1;\n  border-left: none;\n`;\n\nexport { Container, ContentWrapper, ImageWrapper, InputContainer };\n"],"names":["Container","styled","ContentWrapper","FlexView","ImageWrapper","theme","InputContainer"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKhCC,IAAeH,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA;AAAA,WAENA,EAAM,OAAO,SAAS,KAAK;AAAA,YAC1BA,EAAM,OAAO,SAAS,EAAE;AAAA,sBACdA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,YAI9BA,EAAM,OAAO,SAAS,OAAO;AAAA,aAC5BA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAKxC,GAEMC,IAAiBL,EAAOE,CAAQ;AAAA;AAAA;AAAA;"}

package/dist/features/trial-session/comps/test-prep/test-prep.js

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