@cuemath/leap 3.5.64 → 3.5.66-link0

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

@@ -1 +1 @@
-{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\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 type { TColorNames } from '../../../ui/types';\nimport {\n  useGetStudentProfileSummary,\n  type IGetStudentProfileSummaryQuery,\n} from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { GOAL_MAPPING } from './constant';\nimport StudentProfileHighlights from './student-profile-highlights/student-profile-highlights';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\n\ntype TProfileHighlight = {\n  illustration: string;\n  background: TColorNames;\n  title: string;\n  description: string | string[];\n};\n\nconst StudentProfile = memo(function StudentProfile() {\n  const {\n    isTeacher,\n    studentId,\n    formData,\n    slideConfig,\n    milestoneConfig,\n    updateSlideConfig,\n    updateButtonState,\n  } = useTrialSessionContext();\n  const { showProfileHighlights } = slideConfig;\n\n  const {\n    name,\n    goals = [],\n    studentProfile,\n    personalizedObjectives = [],\n    personalizedPosition = [],\n  } = 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 && !showProfileHighlights) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile, showProfileHighlights]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed && !showProfileHighlights) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, showProfileHighlights, studentProfileSummary, updateSlideConfig]);\n\n  const profileHighlights: TProfileHighlight[] = useMemo(\n    () => [\n      {\n        title: 'Student Level',\n        description: `Catching up: ${getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedPosition,\n        ).map(objectives => objectives.preference_description)}`,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedObjectives,\n        ).map(objectives => objectives.preference_name),\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: goals.map(\n          goal => `${GOAL_MAPPING[goal.goal_category as TGoalCategory]}: ${goal.milestone_name}`,\n        ),\n      },\n    ],\n    [goals, milestoneConfig, personalizedObjectives, personalizedPosition],\n  );\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || (!studentProfile && !showProfileHighlights)) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={showProfileHighlights ? 50 : 100} />\n      {showProfileHighlights ? (\n        <Styled.ContentWrapper $width={650}>\n          <StudentProfileHighlights profileHighlights={profileHighlights} />\n          <Separator height={16} />\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\" $align=\"center\">\n            We can always revisit this later\n          </Text>\n        </Styled.ContentWrapper>\n      ) : (\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      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","slideConfig","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","showProfileHighlights","name","goals","studentProfile","personalizedObjectives","personalizedPosition","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","profileHighlights","getFormattedStudentPersonalizedPreference","objectives","ILLUSTRATIONS","goal","GOAL_MAPPING","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","StudentProfileHighlights","Text","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image"],"mappings":"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"}
+{"version":3,"file":"student-profile.js","sources":["../../../../../src/features/trial-session/comps/student-profile/student-profile.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport type { TGoalCategory } from '../../../milestone/create/milestone-create-types';\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 type { TColorNames } from '../../../ui/types';\nimport {\n  useGetStudentProfileSummary,\n  type IGetStudentProfileSummaryQuery,\n} from '../../api/student-profile-summary';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { GOAL_MAPPING } from './constant';\nimport StudentProfileHighlights from './student-profile-highlights/student-profile-highlights';\nimport * as Styled from './student-profile-styled';\nimport { getDummyProfileImage, getMilestoneGoalName } from './student-profile-utils';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\ntype TProfileHighlight = {\n  illustration: string;\n  background: TColorNames;\n  title: string;\n  description: string | string[];\n};\n\nconst StudentProfile = memo(function StudentProfile() {\n  const {\n    isTeacher,\n    studentId,\n    formData,\n    slideConfig,\n    milestoneConfig,\n    updateSlideConfig,\n    updateButtonState,\n  } = useTrialSessionContext();\n  const { showProfileHighlights } = slideConfig;\n\n  const {\n    name,\n    goals = [],\n    studentProfile,\n    personalizedObjectives = [],\n    personalizedPosition = [],\n  } = 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 && !showProfileHighlights) {\n      fetchData();\n    }\n  }, [fetchData, isTeacher, studentProfile, showProfileHighlights]);\n\n  useEffect(() => {\n    if (isTeacher && isProcessed && !showProfileHighlights) {\n      updateSlideConfig({\n        studentProfile: {\n          profileSummary: studentProfileSummary || '',\n          dummyProfileImageIndex: Math.floor(Math.random() * 6),\n        },\n      });\n    }\n  }, [isProcessed, isTeacher, showProfileHighlights, studentProfileSummary, updateSlideConfig]);\n\n  const profileHighlights: TProfileHighlight[] = useMemo(\n    () => [\n      {\n        title: 'Student Level',\n        description: `Catching up: ${getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedPosition,\n        ).map(objectives => objectives.preference_description)}`,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: getFormattedStudentPersonalizedPreference(\n          milestoneConfig,\n          personalizedObjectives,\n        ).map(objectives => objectives.preference_name),\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: goals.map(\n          goal => `${GOAL_MAPPING[goal.goal_category as TGoalCategory]}: ${goal.milestone_name}`,\n        ),\n      },\n    ],\n    [goals, milestoneConfig, personalizedObjectives, personalizedPosition],\n  );\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || (!studentProfile && !showProfileHighlights)) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader marginBottom={showProfileHighlights ? 50 : 100} />\n      {showProfileHighlights ? (\n        <Styled.ContentWrapper $width={RIGHT_PANEL_CONTENT_WIDTH - 100}>\n          <StudentProfileHighlights profileHighlights={profileHighlights} />\n          <Separator height={16} />\n          <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\" $align=\"center\">\n            We can always revisit this later\n          </Text>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper $width={RIGHT_PANEL_CONTENT_WIDTH}>\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      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentProfile;\n"],"names":["StudentProfile","memo","isTeacher","studentId","formData","slideConfig","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","showProfileHighlights","name","goals","studentProfile","personalizedObjectives","personalizedPosition","dummyProfileImageIndex","profileSummary","dummyProfileImage","getDummyProfileImage","payload","useMemo","getMilestoneGoalName","GOAL_CATEGORY","getStudentProfileSummary","data","isProcessing","isProcessed","isProcessingFailed","useGetStudentProfileSummary","studentProfileSummary","fetchData","useCallback","useEffect","profileHighlights","getFormattedStudentPersonalizedPreference","objectives","ILLUSTRATIONS","goal","GOAL_MAPPING","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","RIGHT_PANEL_CONTENT_WIDTH","StudentProfileHighlights","Text","Styled.AbsoluteImage","FlexView","Styled.ImageWrapper","Image"],"mappings":"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"}

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

@@ -1,20 +1,21 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { memo as n } from "react";
-import m from "../../../ui/separator/separator.js";
+import { memo as m } from "react";
+import n from "../../../ui/separator/separator.js";
 import { useTrialSessionContext as f } from "../../context/use-trial-session-context.js";
 import a from "../communication-slide/index.js";
 import p from "../slide-header/index.js";
 import { Container as c, ContentWrapper as h } from "./teacher-intro-styled.js";
 import s from "./teacher-profile/teacher-profile.js";
-const j = n(function() {
-  const { slideConfig: e } = f(), { renderAVIn: o, teacher_profile: t } = e || {};
-  return o === "right" ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(m, { height: 60 }),
+import { RIGHT_PANEL_CONTENT_WIDTH as l } from "../../trial-session-constants.js";
+const N = m(function() {
+  const { slideConfig: o } = f(), { renderAVIn: e, teacher_profile: t } = o || {};
+  return e === "right" ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ r(n, { height: 60 }),
     /* @__PURE__ */ r(p, {}),
-    /* @__PURE__ */ r(h, { $width: 750, children: /* @__PURE__ */ r(s, { teacherProfile: t }) })
+    /* @__PURE__ */ r(h, { $width: l, children: /* @__PURE__ */ r(s, { teacherProfile: t }) })
   ] });
 });
 export {
-  j as default
+  N as default
 };
 //# sourceMappingURL=teacher-intro.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './teacher-intro-styled';\nimport TeacherProfile from './teacher-profile/teacher-profile';\n\nconst TeacherIntro = memo(function TeacherIntro() {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750}>\n        <TeacherProfile teacherProfile={teacherProfile} />\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","TeacherProfile"],"mappings":";;;;;;;;AASM,MAAAA,IAAeC,EAAK,WAAwB;AAC1C,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,YAAAC,GAAY,iBAAiBC,EAAe,IAAIH,KAAe,CAAA;AAEvE,SAAIE,MAAe,UAAgB,gBAAAE,EAACC,GAAmB,CAAA,CAAA,IAGrD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAL,EAACM,GAAA,EAAsB,QAAQ,KAC7B,UAAA,gBAAAN,EAACO,GAAe,EAAA,gBAAAR,EAAgC,CAAA,GAClD;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './teacher-intro-styled';\nimport TeacherProfile from './teacher-profile/teacher-profile';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst TeacherIntro = memo(function TeacherIntro() {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={RIGHT_PANEL_CONTENT_WIDTH}>\n        <TeacherProfile teacherProfile={teacherProfile} />\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","RIGHT_PANEL_CONTENT_WIDTH","TeacherProfile"],"mappings":";;;;;;;;;AAUM,MAAAA,IAAeC,EAAK,WAAwB;AAC1C,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,YAAAC,GAAY,iBAAiBC,EAAe,IAAIH,KAAe,CAAA;AAEvE,SAAIE,MAAe,UAAgB,gBAAAE,EAACC,GAAmB,CAAA,CAAA,IAGrD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAL,EAACM,GAAA,EAAsB,QAAQC,GAC7B,UAAA,gBAAAP,EAACQ,GAAe,EAAA,gBAAAT,EAAgC,CAAA,GAClD;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

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

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

@@ -1 +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;"}
+{"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 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 { ImageWrapper, InputContainer };\n"],"names":["ImageWrapper","styled","theme","InputContainer","FlexView"],"mappings":";;AAIA,MAAMA,IAAeC,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAC,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,IAAiBF,EAAOG,CAAQ;AAAA;AAAA;AAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(function TestPrep() {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [countryCode, enrollmentType, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\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 TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grade","goals","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,KAAWC,EAAK,WAAoB;AACxC,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAJ,GAChE,EAAE,iBAAiBK,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUZ,KAAY,CAAA,GAC/Ba,IAAQC,EAAYT,KAAA,gBAAAA,EAAc,MAAM,GAExCU,IAAYC;AAAA,IAChB,MACEC,EAAmBlB,GAAiB;AAAA,MAClC,aAAAW;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcO,EAAc;AAAA,MAC5B,cAAcV;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACG,GAAaH,GAAgBI,GAAOZ,GAAiBS,CAAM;AAAA,EAAA,GAGxD,EAAE,WAAWW,OACjBP,KAAA,gBAAAA,EAAO,KAAK,CAAQQ,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqBf,GAAOM,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAASf;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAOyB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACd,GAAOC,GAAOZ,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA4B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOpB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst TestPrep = memo(function TestPrep() {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [countryCode, enrollmentType, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $width={RIGHT_PANEL_CONTENT_WIDTH} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </FlexView>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </FlexView>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grade","goals","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","FlexView","jsx","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;;;AAkBM,MAAAA,KAAWC,EAAK,WAAoB;AACxC,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAJ,GAChE,EAAE,iBAAiBK,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUZ,KAAY,CAAA,GAC/Ba,IAAQC,EAAYT,KAAA,gBAAAA,EAAc,MAAM,GAExCU,IAAYC;AAAA,IAChB,MACEC,EAAmBlB,GAAiB;AAAA,MAClC,aAAAW;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcO,EAAc;AAAA,MAC5B,cAAcV;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACG,GAAaH,GAAgBI,GAAOZ,GAAiBS,CAAM;AAAA,EAAA,GAGxD,EAAE,WAAWW,OACjBP,KAAA,gBAAAA,EAAO,KAAK,CAAQQ,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqBf,GAAOM,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAASf;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAOyB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACd,GAAOC,GAAOZ,CAAiB;AAAA,EAAA;AAGlC,SACG,gBAAA4B,EAAAC,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZH,GAAS,EAAA,QAAQI,GAA2B,gBAAe,OAAM,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOpB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/topic-selection/topic-selection-styled.js

@@ -0,0 +1,42 @@
+import t from "styled-components";
+import a from "../../../ui/layout/flex-view.js";
+import s from "../../../../assets/line-icons/icons/check2.js";
+const p = t(a)(
+  ({ theme: o, $selected: n, $preventSelection: r }) => `
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
+  &:hover{
+    background-color: ${r ? "" : o.colors.WHITE_4};
+  }
+  &:nth-child(1) {
+    transform: none;
+  }
+  &:nth-child(2) {
+    transform: translateX(-1px);
+  }
+  &:nth-child(3) {
+    transform: translateX(-2px);
+  }
+  &:nth-child(4) {
+    transform: translateY(-1px);
+  }
+  &:nth-child(5) {
+    transform: translate(-1px, -1px);
+  }
+  ${n ? "z-index:1;" : ""}
+  ${r ? "cursor: not-allowed;" : ""}
+`
+), e = t(s)(
+  ({ theme: o }) => `
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  border-radius: 20px;
+  background-color: ${o.colors.BLACK};
+`
+);
+export {
+  e as CheckIcon,
+  p as TopicWrapper
+};
+//# sourceMappingURL=topic-selection-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"topic-selection-styled.js","sources":["../../../../../src/features/trial-session/comps/topic-selection/topic-selection-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\n\nconst TopicWrapper = styled(FlexView)<{ $selected: boolean; $preventSelection: boolean }>(\n  ({ theme, $selected, $preventSelection }) => `\n  cursor: pointer;\n  transition: all 0.3s ease-in-out;\n  &:hover{\n    background-color: ${$preventSelection ? '' : theme.colors.WHITE_4};\n  }\n  &:nth-child(1) {\n    transform: none;\n  }\n  &:nth-child(2) {\n    transform: translateX(-1px);\n  }\n  &:nth-child(3) {\n    transform: translateX(-2px);\n  }\n  &:nth-child(4) {\n    transform: translateY(-1px);\n  }\n  &:nth-child(5) {\n    transform: translate(-1px, -1px);\n  }\n  ${$selected ? 'z-index:1;' : ''}\n  ${$preventSelection ? 'cursor: not-allowed;' : ''}\n`,\n);\n\nconst CheckIcon = styled(Check2Icon)(\n  ({ theme }) => `\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  border-radius: 20px;\n  background-color: ${theme.colors.BLACK};\n`,\n);\n\nexport { TopicWrapper, CheckIcon };\n"],"names":["TopicWrapper","styled","FlexView","theme","$selected","$preventSelection","CheckIcon","Check2Icon"],"mappings":";;;AAKM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,mBAAAC,EAAwB,MAAA;AAAA;AAAA;AAAA;AAAA,wBAIvBA,IAAoB,KAAKF,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBjEC,IAAY,eAAe,EAAE;AAAA,IAC7BC,IAAoB,yBAAyB,EAAE;AAAA;AAEnD,GAEMC,IAAYL,EAAOM,CAAU;AAAA,EACjC,CAAC,EAAE,OAAAJ,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKKA,EAAM,OAAO,KAAK;AAAA;AAExC;"}

package/dist/features/trial-session/comps/topic-selection/topic-selection.js

@@ -0,0 +1,84 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { memo as H, useMemo as W, useCallback as T, useEffect as _ } from "react";
+import $ from "../../../ui/layout/flex-view.js";
+import b from "../../../ui/separator/separator.js";
+import v from "../slide-header/index.js";
+import { MAXIMUM_TOPICS_TO_SELECT as l, RIGHT_PANEL_CONTENT_WIDTH as L } from "../../trial-session-constants.js";
+import { TopicWrapper as j, CheckIcon as k } from "./topic-selection-styled.js";
+import N from "../../../ui/image/image.js";
+import P from "../../../ui/text/text.js";
+import { useGetTrialTopics as B } from "../../api/trial-topics.js";
+import M from "../../../ui/loader/app-loader/app-loader.js";
+import F from "../../../ui/error/error.js";
+import { useTrialSessionContext as G } from "../../context/use-trial-session-context.js";
+const O = H(() => {
+  const { formData: C, trialHomeData: S, updateSlideConfig: m, updateButtonState: d } = G(), { grade: c = 2, course: n, selectedTopics: o = [] } = C || {}, { demo_info: I } = S, { region_data: y } = I, { opportunity_country: p = "US" } = y || {}, {
+    get: f,
+    data: i,
+    isProcessed: u,
+    isProcessing: x,
+    isProcessingFailed: A
+  } = B("trial-v3-topics"), h = o.length === l, E = W(() => {
+    var s;
+    if (!i || !c) return [];
+    const e = ((s = i == null ? void 0 : i[p]) == null ? void 0 : s[Number(c)]) ?? {}, t = n && e[n] ? e[n] : e.default;
+    return Array.isArray(t) ? t : [];
+  }, [p, n, c, i]), a = T(() => {
+    u || f("trial-v3-topics");
+  }, [f, u]), D = T(
+    (e) => {
+      const t = o.includes(e), s = t ? o.filter((w) => w !== e) : [...o, e];
+      !t && o.length >= l || m({ selectedTopics: s });
+    },
+    [o, m]
+  );
+  return _(() => {
+    a();
+  }, [a]), _(() => {
+    d("right", { isDisabled: !h, isLoading: !1 });
+  }, [h, d]), A ? /* @__PURE__ */ r(F, { height: "100vh", onTryAgain: a }) : x || !i ? /* @__PURE__ */ r(M, { height: "100vh" }) : /* @__PURE__ */ g($, { $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ r(b, { height: 60 }),
+    /* @__PURE__ */ r(v, {}),
+    /* @__PURE__ */ r(
+      $,
+      {
+        $width: L - 100,
+        $justifyContent: "center",
+        $alignItems: "center",
+        $flexDirection: "row",
+        $flexWrap: !0,
+        children: E.map((e) => {
+          const t = o.includes(e.topic_name);
+          return /* @__PURE__ */ g(
+            j,
+            {
+              $width: 200,
+              $height: 200,
+              $flexDirection: "column",
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderColor: t ? "BLACK" : "BLACK_T_38",
+              $background: t ? "WHITE_4" : "WHITE",
+              $flexGap: 2,
+              $position: "relative",
+              $selected: t,
+              $preventSelection: !t && o.length >= l,
+              onClick: () => D(e.topic_name),
+              children: [
+                t ? /* @__PURE__ */ r(k, { color: "WHITE", height: 20, width: 20 }) : null,
+                /* @__PURE__ */ r(N, { width: 88, height: 88, src: e.topic_image_url, alt: e.topic_name }),
+                /* @__PURE__ */ r(P, { $renderAs: "ab2", children: e.topic_name })
+              ]
+            },
+            e.topic_name
+          );
+        })
+      }
+    )
+  ] });
+});
+O.displayName = "TopicSelection";
+export {
+  O as default
+};
+//# sourceMappingURL=topic-selection.js.map

package/dist/features/trial-session/comps/topic-selection/topic-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"topic-selection.js","sources":["../../../../../src/features/trial-session/comps/topic-selection/topic-selection.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport { MAXIMUM_TOPICS_TO_SELECT, RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\nimport * as Styled from './topic-selection-styled';\nimport Image from '../../../ui/image/image';\nimport Text from '../../../ui/text/text';\nimport { useGetTrialTopics } from '../../api/trial-topics';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Error from '../../../ui/error/error';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst TopicSelection = memo(() => {\n  const { formData, trialHomeData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n  const { grade = 2, course, selectedTopics = [] } = formData || {};\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData } = demoInfo;\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const {\n    get: getTrialTopics,\n    data: trialTopics,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetTrialTopics('trial-v3-topics');\n  const hasRequiredFields = Boolean(selectedTopics.length === MAXIMUM_TOPICS_TO_SELECT);\n\n  const topicsToShow = useMemo(() => {\n    if (!trialTopics || !grade) return [];\n\n    const topicsWithCourse = trialTopics?.[countryCode]?.[Number(grade)] ?? {};\n    const topics =\n      course && topicsWithCourse[course] ? topicsWithCourse[course] : topicsWithCourse['default'];\n\n    return Array.isArray(topics) ? topics : [];\n  }, [countryCode, course, grade, trialTopics]);\n\n  const fetchData = useCallback(() => {\n    if (!isProcessed) {\n      getTrialTopics('trial-v3-topics');\n    }\n  }, [getTrialTopics, isProcessed]);\n\n  const handleClick = useCallback(\n    (topicTitle: string) => {\n      const isAlreadySelected = selectedTopics.includes(topicTitle);\n      const updatedTopics = isAlreadySelected\n        ? selectedTopics.filter(topic => topic !== topicTitle)\n        : [...selectedTopics, topicTitle];\n\n      if (!isAlreadySelected && selectedTopics.length >= MAXIMUM_TOPICS_TO_SELECT) return;\n\n      updateSlideConfig({ selectedTopics: updatedTopics });\n    },\n    [selectedTopics, updateSlideConfig],\n  );\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  if (isProcessingFailed) return <Error height=\"100vh\" onTryAgain={fetchData} />;\n\n  if (isProcessing || !trialTopics) return <AppLoader height=\"100vh\" />;\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView\n        $width={RIGHT_PANEL_CONTENT_WIDTH - 100}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $flexWrap\n      >\n        {topicsToShow.map(topic => {\n          const isSelected = selectedTopics.includes(topic.topic_name);\n\n          return (\n            <Styled.TopicWrapper\n              key={topic.topic_name}\n              $width={200}\n              $height={200}\n              $flexDirection=\"column\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderColor={isSelected ? 'BLACK' : 'BLACK_T_38'}\n              $background={isSelected ? 'WHITE_4' : 'WHITE'}\n              $flexGap={2}\n              $position=\"relative\"\n              $selected={isSelected}\n              $preventSelection={!isSelected && selectedTopics.length >= MAXIMUM_TOPICS_TO_SELECT}\n              onClick={() => handleClick(topic.topic_name)}\n            >\n              {isSelected ? <Styled.CheckIcon color=\"WHITE\" height={20} width={20} /> : null}\n              <Image width={88} height={88} src={topic.topic_image_url} alt={topic.topic_name} />\n              <Text $renderAs=\"ab2\">{topic.topic_name}</Text>\n            </Styled.TopicWrapper>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nTopicSelection.displayName = 'TopicSelection';\n\nexport default TopicSelection;\n"],"names":["TopicSelection","memo","formData","trialHomeData","updateSlideConfig","updateButtonState","useTrialSessionContext","grade","course","selectedTopics","demoInfo","regionData","countryCode","getTrialTopics","trialTopics","isProcessed","isProcessing","isProcessingFailed","useGetTrialTopics","hasRequiredFields","MAXIMUM_TOPICS_TO_SELECT","topicsToShow","useMemo","topicsWithCourse","_a","topics","fetchData","useCallback","handleClick","topicTitle","isAlreadySelected","updatedTopics","topic","useEffect","jsx","Error","AppLoader","jsxs","FlexView","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","isSelected","Styled.TopicWrapper","Styled.CheckIcon","Image","Text"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const p = o.div`
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+`, i = o(t)(
+  ({ theme: r }) => `
+  border-radius: ${r.layout.gutter * 0.5}px ${r.layout.gutter * 0.5}px 0 0;
+  box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.15);
+  margin: auto;
+`
+), d = o(t)`
+  overflow: hidden;
+`;
+export {
+  p as Container,
+  d as CueCanvasWrapper,
+  i as ToolbarWrapper
+};
+//# sourceMappingURL=whiteboard-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"whiteboard-styled.js","sources":["../../../../../src/features/trial-session/comps/whiteboard/whiteboard-styled.ts"],"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 ToolbarWrapper = styled(FlexView)(\n  ({ theme }) => `\n  border-radius: ${theme.layout.gutter * 0.5}px ${theme.layout.gutter * 0.5}px 0 0;\n  box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.15);\n  margin: auto;\n`,\n);\n\nconst CueCanvasWrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n\nexport { Container, ToolbarWrapper, CueCanvasWrapper };\n"],"names":["Container","styled","ToolbarWrapper","FlexView","theme","CueCanvasWrapper"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAOE,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,mBACEA,EAAM,OAAO,SAAS,GAAG,MAAMA,EAAM,OAAO,SAAS,GAAG;AAAA;AAAA;AAAA;AAI3E,GAEMC,IAAmBJ,EAAOE,CAAQ;AAAA;AAAA;"}

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

@@ -0,0 +1,99 @@
+import { jsxs as T, jsx as e } from "react/jsx-runtime";
+import { memo as H, useState as U, useCallback as i } from "react";
+import y from "../../../cue-canvas/cue-canvas.js";
+import W from "../../../cue-canvas/cue-canvas-provider.js";
+import c from "../../../ui/layout/flex-view.js";
+import x from "../../../cue-canvas/sidebar/sidebar.js";
+import B from "../../../cue-canvas/toolbar/toolbar.js";
+import O from "../../../cue-canvas/bottombar/homework-controls.js";
+import K from "../../../worksheet/learnosity-preloader/learnosity-preloader.js";
+import { LEARNOSITY_QUESTIONS_API as j, LEARNOSITY_QUESTIONS_API_FALLBACK as D } from "../../../worksheet/worksheet/stories/worksheet-story-container.js";
+import { useUIContext as G } from "../../../ui/context/context.js";
+import { useTrialSessionContext as Y } from "../../context/use-trial-session-context.js";
+import { USER_TYPE as I } from "../../../timeline/daily-timeline/daily-timeline-types.js";
+import { Container as F, CueCanvasWrapper as M, ToolbarWrapper as Q } from "./whiteboard-styled.js";
+import X from "../slide-header/index.js";
+import v from "../../../ui/separator/separator.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as E } from "../../trial-session-constants.js";
+import q from "../../../cue-canvas/hooks/use-canvas-sync-broker.js";
+const V = 455, Ce = H(function() {
+  const { isTeacher: r, teacherId: l, studentId: g, teacherClassroomId: s } = Y(), [w, h] = U(), { onEvent: m } = G(), u = `trial_whiteboard_${s}`, S = `whiteboard_${s}_${l}`, a = r ? I.TEACHER : I.STUDENT, p = r ? "teacherPublished" : "studentPublished", b = r ? "studentPublished" : "teacherPublished", n = s === "teacherClassroomId", C = i(
+    (o, t) => {
+      m(o, t ?? {});
+    },
+    [m]
+  ), _ = i(
+    (o) => {
+      h((t) => ({
+        ...t ?? {},
+        ...o
+      }));
+    },
+    [h]
+  ), A = i(
+    (o) => {
+      const t = new CustomEvent(p, {
+        detail: { data: o }
+      });
+      return window.dispatchEvent(t), !0;
+    },
+    [p]
+  ), $ = i(
+    (o, t) => {
+      window.addEventListener(b, (f) => {
+        const R = f;
+        console.log("Attaching callback for question with id & callback", o, t), t(R.detail.data.eventPayload);
+      });
+    },
+    [b]
+  ), {
+    publishStrokes: P,
+    initialStrokesData: d,
+    registerCallback: k,
+    channelMetadata: L,
+    setChannelMetadata: N
+  } = q(S, C, void 0, "whiteboard");
+  return /* @__PURE__ */ T(F, { children: [
+    /* @__PURE__ */ e(v, { height: 60 }),
+    /* @__PURE__ */ e(X, {}),
+    /* @__PURE__ */ e(
+      K,
+      {
+        apiURL: j,
+        fallbackAPIURL: D,
+        logger: C,
+        children: /* @__PURE__ */ e(W, { userType: a, renderAs: "whiteboard", children: /* @__PURE__ */ e(c, { $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ T(M, { hidden: !0, $background: "WHITE", $borderColor: "BLACK", children: [
+          /* @__PURE__ */ e(c, { $position: "absolute", $gutterX: 0.5, $gapX: 0.5, children: /* @__PURE__ */ e(x, {}) }),
+          /* @__PURE__ */ e(
+            y,
+            {
+              canvasId: u,
+              userId: r ? l : g,
+              width: E,
+              height: V,
+              canScribble: !0,
+              canRender: !0,
+              appended: !0,
+              onPublish: n ? A : P,
+              onSubscribe: n ? $ : k,
+              initialData: d == null ? void 0 : d[u],
+              userType: a,
+              renderAs: "whiteboard",
+              canvasConfig: n ? w : L,
+              updateCanvasConfig: n ? _ : N
+            },
+            `${a}-whiteboard`
+          ),
+          /* @__PURE__ */ e(c, { $width: "100%", $height: 1, $background: "BLACK_T_08" }),
+          /* @__PURE__ */ e(v, { height: 2 }),
+          /* @__PURE__ */ e(Q, { $borderColor: "BLACK_T_08", children: /* @__PURE__ */ e(B, { userType: a, renderAs: "whiteboard", withGutter: !1 }) }),
+          /* @__PURE__ */ e(O, { width: E })
+        ] }) }) })
+      }
+    )
+  ] });
+});
+export {
+  Ce as default
+};
+//# sourceMappingURL=whiteboard.js.map

package/dist/features/trial-session/comps/whiteboard/whiteboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whiteboard.js","sources":["../../../../../src/features/trial-session/comps/whiteboard/whiteboard.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useState } from 'react';\n\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport CueCanvasProvider from '../../../cue-canvas/cue-canvas-provider';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Sidebar from '../../../cue-canvas/sidebar/sidebar';\nimport type {\n  IActionData,\n  ICanvasUpdateConfig,\n  IPublishData,\n} from '../../../cue-canvas/types/cue-canvas';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport HomeworkControls from '../../../cue-canvas/bottombar/homework-controls';\nimport LearnosityPreloader from '../../../worksheet/learnosity-preloader/learnosity-preloader';\nimport {\n  LEARNOSITY_QUESTIONS_API,\n  LEARNOSITY_QUESTIONS_API_FALLBACK,\n} from '../../../worksheet/worksheet/stories/worksheet-story-container';\nimport { useUIContext } from '../../../ui/context/context';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { USER_TYPE } from '../../../timeline/daily-timeline/daily-timeline-types';\nimport * as Styled from './whiteboard-styled';\nimport SlideHeader from '../slide-header';\nimport Separator from '../../../ui/separator/separator';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\nimport useCanvasSyncBroker from '../../../cue-canvas/hooks/use-canvas-sync-broker';\n\nconst WHITEBOARD_HEIGHT = 455;\n\ninterface IEventData {\n  data: {\n    eventPayload: IActionData;\n  };\n}\n\nconst Whiteboard: FC = memo(function Whiteboard() {\n  const { isTeacher, teacherId, studentId, teacherClassroomId } = useTrialSessionContext();\n  const [canvasConfig, setCanvasConfig] = useState<ICanvasUpdateConfig>();\n  const { onEvent: trackEvent } = useUIContext();\n\n  const canvasId = `trial_whiteboard_${teacherClassroomId}`;\n  const channelId = `whiteboard_${teacherClassroomId}_${teacherId}`;\n  const userType = isTeacher ? USER_TYPE.TEACHER : USER_TYPE.STUDENT;\n  const publishName = isTeacher ? 'teacherPublished' : 'studentPublished';\n  const subscribeName = isTeacher ? 'studentPublished' : 'teacherPublished';\n  const isTestClass = teacherClassroomId === 'teacherClassroomId';\n\n  const logger = useCallback(\n    (eventName: string, data?: Record<string, unknown>) => {\n      const payload = data ?? {};\n\n      trackEvent(eventName, payload);\n    },\n    [trackEvent],\n  );\n\n  const handleUpdateConfig = useCallback(\n    (data: ICanvasUpdateConfig) => {\n      setCanvasConfig(prevConfig => ({\n        ...(prevConfig ?? {}),\n        ...data,\n      }));\n    },\n    [setCanvasConfig],\n  );\n\n  const onPublishStroke = useCallback(\n    (data: IPublishData) => {\n      const event = new CustomEvent(publishName, {\n        detail: { data },\n      });\n\n      window.dispatchEvent(event);\n\n      return true;\n    },\n    [publishName],\n  );\n\n  const onReceiveStroke = useCallback(\n    (id: string, cb: (data: IActionData) => void) => {\n      window.addEventListener(subscribeName, event => {\n        const customEvent = event as CustomEvent<IEventData>;\n\n        // eslint-disable-next-line no-console\n        console.log('Attaching callback for question with id & callback', id, cb);\n\n        cb(customEvent.detail.data.eventPayload);\n      });\n    },\n    [subscribeName],\n  );\n\n  const {\n    publishStrokes,\n    initialStrokesData,\n    registerCallback,\n    channelMetadata,\n    setChannelMetadata,\n  } = useCanvasSyncBroker(channelId, logger, undefined, 'whiteboard');\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <LearnosityPreloader\n        apiURL={LEARNOSITY_QUESTIONS_API}\n        fallbackAPIURL={LEARNOSITY_QUESTIONS_API_FALLBACK}\n        logger={logger}\n      >\n        <CueCanvasProvider userType={userType} renderAs=\"whiteboard\">\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n            <Styled.CueCanvasWrapper hidden $background=\"WHITE\" $borderColor=\"BLACK\">\n              <FlexView $position=\"absolute\" $gutterX={0.5} $gapX={0.5}>\n                <Sidebar />\n              </FlexView>\n              <CueCanvas\n                key={`${userType}-whiteboard`}\n                canvasId={canvasId}\n                userId={isTeacher ? teacherId : studentId}\n                width={RIGHT_PANEL_CONTENT_WIDTH}\n                height={WHITEBOARD_HEIGHT}\n                canScribble\n                canRender\n                appended\n                onPublish={isTestClass ? onPublishStroke : publishStrokes}\n                onSubscribe={isTestClass ? onReceiveStroke : registerCallback}\n                initialData={initialStrokesData?.[canvasId]}\n                userType={userType}\n                renderAs=\"whiteboard\"\n                canvasConfig={isTestClass ? canvasConfig : channelMetadata}\n                updateCanvasConfig={isTestClass ? handleUpdateConfig : setChannelMetadata}\n              />\n              <FlexView $width=\"100%\" $height={1} $background=\"BLACK_T_08\" />\n              <Separator height={2} />\n              <Styled.ToolbarWrapper $borderColor=\"BLACK_T_08\">\n                <Toolbar userType={userType} renderAs=\"whiteboard\" withGutter={false} />\n              </Styled.ToolbarWrapper>\n              <HomeworkControls width={RIGHT_PANEL_CONTENT_WIDTH} />\n            </Styled.CueCanvasWrapper>\n          </FlexView>\n        </CueCanvasProvider>\n      </LearnosityPreloader>\n    </Styled.Container>\n  );\n});\n\nexport default Whiteboard;\n"],"names":["WHITEBOARD_HEIGHT","Whiteboard","memo","isTeacher","teacherId","studentId","teacherClassroomId","useTrialSessionContext","canvasConfig","setCanvasConfig","useState","trackEvent","useUIContext","canvasId","channelId","userType","USER_TYPE","publishName","subscribeName","isTestClass","logger","useCallback","eventName","data","handleUpdateConfig","prevConfig","onPublishStroke","event","onReceiveStroke","id","cb","customEvent","publishStrokes","initialStrokesData","registerCallback","channelMetadata","setChannelMetadata","useCanvasSyncBroker","jsxs","Styled.Container","jsx","Separator","SlideHeader","LearnosityPreloader","LEARNOSITY_QUESTIONS_API","LEARNOSITY_QUESTIONS_API_FALLBACK","CueCanvasProvider","FlexView","Styled.CueCanvasWrapper","Sidebar","CueCanvas","RIGHT_PANEL_CONTENT_WIDTH","Styled.ToolbarWrapper","Toolbar","HomeworkControls"],"mappings":"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"}