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

package/dist/features/trial-session/hooks/use-trial-session-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trial-session-navigation.js","sources":["../../../../src/features/trial-session/hooks/use-trial-session-navigation.ts"],"sourcesContent":["import type { ITrialSessionFormFields } from '../trial-session-types';\n\nimport { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { COURSE_STREAMS } from '../../milestone/constants';\nimport { useMilestoneBulkPost } from '../../milestone/create/api/milestone-bulk';\nimport { usePostStudentPreferences } from '../api/course-stream';\nimport { usePatchStudentInformation } from '../api/student-information';\nimport { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport { getFormattedPreferences, getFormattedStudentPersonalizedPreference } from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\n    onTrialInformationUpdate,\n    trialHomeData,\n    worksheetNavigationPanel,\n  } = useTrialSessionContext();\n  const { nextPage, id: currentPageId } = slideConfig || {};\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo;\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { pageId: nextPageId } = nextPage || {};\n  const {\n    name,\n    grade,\n    goals,\n    curriculum,\n    studentTimezone,\n    preferences = [],\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n  } = formData || {};\n\n  const disableNavButtons = useCallback(() => {\n    updateButtonState('both', {\n      left: { isDisabled: true, isLoading: false },\n      right: { isDisabled: true, isLoading: true },\n    });\n  }, [updateButtonState]);\n\n  const onAcknowledge = (errorMessage: string | null) => {\n    if (!errorMessage) {\n      const overrides: Partial<ITrialSessionFormFields> = {};\n\n      if (\n        nextPageId === TrialPageId.CIRCLE_GAME ||\n        nextPageId === TrialPageId.CIRCLE_PUZZLE ||\n        nextPageId === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      updateSlideConfig({ id: nextPageId, ...overrides });\n    }\n    updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n    if (\n      currentPageId === TrialPageId.STUDENT_INFORMATION ||\n      currentPageId === TrialPageId.SCHOOL_GOALS\n    ) {\n      //TODO: remove TrialPageId.STUDENT_INFORMATION\n      onTrialInformationUpdate?.();\n    }\n  };\n\n  // API specifications\n  const { patch: patchTrialSession } = usePatchTrialHome({ onComplete: onAcknowledge });\n  const { patch: patchStudentInformation } = usePatchStudentInformation({\n    onComplete: onAcknowledge,\n  });\n  const { post: postMilestoneBulk } = useMilestoneBulkPost({\n    onComplete: onAcknowledge,\n  });\n  const { post: postStudentPreferences } = usePostStudentPreferences({\n    onComplete: onAcknowledge,\n  });\n\n  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.split(' ') || [];\n    const payload = {\n      first_name: firstName,\n      last_name: lastName,\n      grade,\n      board: curriculum,\n      demo_type: 'TRIAL_V3',\n      teacher_id: teacherId,\n      country_alpha_2: countryCode,\n    };\n    const isNumberExistsInName = /\\d/.test(name || '');\n\n    if (isNumberExistsInName) {\n      updateSlideConfig({ numberInNameError: true });\n    } else {\n      disableNavButtons();\n      patchStudentInformation(studentId, payload);\n    }\n  }, [\n    name,\n    grade,\n    curriculum,\n    teacherId,\n    countryCode,\n    disableNavButtons,\n    updateSlideConfig,\n    patchStudentInformation,\n    studentId,\n  ]);\n\n  const handleClassPreferences = useCallback(() => {\n    const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n\n    if (selectedRegularSlots.length > 0) {\n      const actionData = {\n        trial_details: {\n          selected_regular_slots: selectedRegularSlots,\n        },\n      };\n\n      disableNavButtons();\n      patchTrialSession('trial-v3-patch', {\n        action: 'UPDATE_DEMO',\n        action_data: actionData,\n        teacher_id: teacherId,\n        student_id: studentId,\n      });\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    disableNavButtons,\n    patchTrialSession,\n    teacherId,\n    studentId,\n    updateSlideConfig,\n    nextPageId,\n    updateButtonState,\n  ]);\n\n  const handleMileStoneBulkPost = useCallback(() => {\n    const payload = {\n      course_stream: stream,\n      grade,\n      teacher_id: teacherId,\n      board: curriculum,\n      goals,\n    };\n\n    disableNavButtons();\n    postMilestoneBulk(payload, {\n      studentId,\n    });\n  }, [\n    curriculum,\n    disableNavButtons,\n    goals,\n    grade,\n    postMilestoneBulk,\n    stream,\n    studentId,\n    teacherId,\n  ]);\n\n  const handleStudentPreferencesPatch = useCallback(() => {\n    const personalizedPreferences = getFormattedStudentPersonalizedPreference(milestoneConfig, [\n      ...personalizedLevel,\n      ...personalizedFocus,\n      ...personalizedBehaviors,\n    ]);\n\n    const payload = { preferences: personalizedPreferences };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    disableNavButtons,\n    milestoneConfig,\n    personalizedBehaviors,\n    personalizedFocus,\n    personalizedLevel,\n    postStudentPreferences,\n    studentId,\n  ]);\n\n  // Navigation logic\n  const handleNavigation = useCallback(\n    (dir: string, id?: string) => {\n      if (!updateSlideConfig) return;\n\n      const isStudentProfilePage = currentPageId === TrialPageId.STUDENT_PROFILE;\n      const isLearningPlanSlide = currentPageId === TrialPageId.LEARNING_PLAN;\n      const overrides: Partial<ITrialSessionFormFields> = {};\n\n      if (\n        id === TrialPageId.CIRCLE_GAME ||\n        id === TrialPageId.CIRCLE_PUZZLE ||\n        id === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      if (dir === 'prev') {\n        updateSlideConfig({\n          id,\n          ...(isStudentProfilePage && { studentProfile: undefined }),\n          ...(isLearningPlanSlide && {\n            chapterId: undefined,\n          }),\n          ...overrides,\n        });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n      }\n\n      if (dir === 'next') {\n        switch (currentPageId) {\n          //TODO: remove STUDENT_INFORMATION\n          case TrialPageId.STUDENT_INFORMATION:\n          case TrialPageId.SCHOOL_GOALS:\n            handleStudentInformation();\n            break;\n          case TrialPageId.LEARNING_WORKSHEET:\n            handleMileStoneBulkPost();\n            break;\n          case TrialPageId.CLASS_PREFERENCE:\n            handleClassPreferences();\n            break;\n          case TrialPageId.LEARNING_LEVEL:\n          case TrialPageId.STUDENT_PERSONALIZATION:\n            handleStudentPreferencesPatch();\n            break;\n          case TrialPageId.LEARNING_PLAN:\n            updateSlideConfig({ id, chapterId: undefined, ...overrides });\n            break;\n          default: {\n            updateSlideConfig({ id, ...overrides });\n            updateButtonState('both', DEFAULT_BUTTON_STATE);\n          }\n        }\n      }\n    },\n    [\n      updateSlideConfig,\n      currentPageId,\n      updateButtonState,\n      handleStudentInformation,\n      handleMileStoneBulkPost,\n      handleClassPreferences,\n      handleStudentPreferencesPatch,\n    ],\n  );\n\n  const sessionWorksheetNavigation = useCallback(() => {\n    if (!worksheetNavigationPanel && currentPageId === TrialPageId.LEARNING_WORKSHEET) {\n      handleNavigation('next', nextPageId);\n    }\n  }, [currentPageId, handleNavigation, nextPageId, worksheetNavigationPanel]);\n\n  useEffect(() => {\n    sessionWorksheetNavigation();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [worksheetNavigationPanel]);\n\n  return { handleNavigation };\n};\n\nexport { useTrialSessionNavigation };\n"],"names":["useTrialSessionNavigation","updateSlideConfig","slideConfig","formData","updateButtonState","teacherId","studentId","milestoneConfig","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","TrialPageId","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","handleStudentInformation","firstName","lastName","payload","handleClassPreferences","selectedRegularSlots","getFormattedPreferences","actionData","handleMileStoneBulkPost","handleStudentPreferencesPatch","getFormattedStudentPersonalizedPreference","meta","COURSE_STREAMS","handleNavigation","dir","id","isStudentProfilePage","isLearningPlanSlide","sessionWorksheetNavigation","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-trial-session-navigation.js","sources":["../../../../src/features/trial-session/hooks/use-trial-session-navigation.ts"],"sourcesContent":["import type { ITrialSessionFormFields } from '../trial-session-types';\n\nimport { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { COURSE_STREAMS } from '../../milestone/constants';\nimport { useMilestoneBulkPost } from '../../milestone/create/api/milestone-bulk';\nimport { usePostStudentPreferences } from '../api/course-stream';\nimport { usePatchStudentInformation } from '../api/student-information';\nimport { usePatchTrialHome } from '../api/trial-home';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport { getFormattedPreferences, getFormattedStudentPersonalizedPreference } from '../helper';\nimport { DEFAULT_BUTTON_STATE, TrialPageId } from '../trial-session-constants';\n\nconst useTrialSessionNavigation = () => {\n  const {\n    updateSlideConfig,\n    slideConfig,\n    formData,\n    updateButtonState,\n    teacherId,\n    studentId,\n    milestoneConfig,\n    onTrialInformationUpdate,\n    trialHomeData,\n    worksheetNavigationPanel,\n  } = useTrialSessionContext();\n  const { nextPage, id: currentPageId } = slideConfig || {};\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo;\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { pageId: nextPageId } = nextPage || {};\n  const {\n    name,\n    grade,\n    goals,\n    curriculum,\n    studentTimezone,\n    preferences = [],\n    personalizedLevel = [],\n    personalizedFocus = [],\n    personalizedBehaviors = [],\n    personalizedObjectives = [],\n  } = formData || {};\n\n  const disableNavButtons = useCallback(() => {\n    updateButtonState('both', {\n      left: { isDisabled: true, isLoading: false },\n      right: { isDisabled: true, isLoading: true },\n    });\n  }, [updateButtonState]);\n\n  const onAcknowledge = (errorMessage: string | null) => {\n    if (!errorMessage) {\n      const overrides: Partial<ITrialSessionFormFields> = {};\n\n      if (\n        nextPageId === TrialPageId.CIRCLE_GAME ||\n        nextPageId === TrialPageId.CIRCLE_PUZZLE ||\n        nextPageId === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      updateSlideConfig({ id: nextPageId, ...overrides });\n    }\n    updateButtonState('both', DEFAULT_BUTTON_STATE);\n\n    if (\n      currentPageId === TrialPageId.STUDENT_INFORMATION ||\n      currentPageId === TrialPageId.SCHOOL_GOALS\n    ) {\n      //TODO: remove TrialPageId.STUDENT_INFORMATION\n      onTrialInformationUpdate?.();\n    }\n  };\n\n  // API specifications\n  const { patch: patchTrialSession } = usePatchTrialHome({ onComplete: onAcknowledge });\n  const { patch: patchStudentInformation } = usePatchStudentInformation({\n    onComplete: onAcknowledge,\n  });\n  const { post: postMilestoneBulk } = useMilestoneBulkPost({\n    onComplete: onAcknowledge,\n  });\n  const { post: postStudentPreferences } = usePostStudentPreferences({\n    onComplete: onAcknowledge,\n  });\n\n  // Function to call API and updates states\n  const handleStudentInformation = useCallback(() => {\n    const [firstName, lastName] = name?.split(' ') || [];\n    const payload = {\n      first_name: firstName,\n      last_name: lastName,\n      grade,\n      board: curriculum,\n      demo_type: 'TRIAL_V3',\n      teacher_id: teacherId,\n      country_alpha_2: countryCode,\n    };\n    const isNumberExistsInName = /\\d/.test(name || '');\n\n    if (isNumberExistsInName) {\n      updateSlideConfig({ numberInNameError: true });\n    } else {\n      disableNavButtons();\n      patchStudentInformation(studentId, payload);\n    }\n  }, [\n    name,\n    grade,\n    curriculum,\n    teacherId,\n    countryCode,\n    disableNavButtons,\n    updateSlideConfig,\n    patchStudentInformation,\n    studentId,\n  ]);\n\n  const handleClassPreferences = useCallback(() => {\n    const selectedRegularSlots = getFormattedPreferences(preferences, studentTimezone);\n\n    if (selectedRegularSlots.length > 0) {\n      const actionData = {\n        trial_details: {\n          selected_regular_slots: selectedRegularSlots,\n        },\n      };\n\n      disableNavButtons();\n      patchTrialSession('trial-v3-patch', {\n        action: 'UPDATE_DEMO',\n        action_data: actionData,\n        teacher_id: teacherId,\n        student_id: studentId,\n      });\n    } else {\n      updateSlideConfig({ id: nextPageId });\n      updateButtonState('both', DEFAULT_BUTTON_STATE);\n    }\n  }, [\n    preferences,\n    studentTimezone,\n    disableNavButtons,\n    patchTrialSession,\n    teacherId,\n    studentId,\n    updateSlideConfig,\n    nextPageId,\n    updateButtonState,\n  ]);\n\n  const handleMileStoneBulkPost = useCallback(() => {\n    const payload = {\n      course_stream: stream,\n      grade,\n      teacher_id: teacherId,\n      board: curriculum,\n      goals,\n    };\n\n    disableNavButtons();\n    postMilestoneBulk(payload, {\n      studentId,\n    });\n  }, [\n    curriculum,\n    disableNavButtons,\n    goals,\n    grade,\n    postMilestoneBulk,\n    stream,\n    studentId,\n    teacherId,\n  ]);\n\n  const handleStudentPreferencesPatch = useCallback(() => {\n    const personalizedPreferences = getFormattedStudentPersonalizedPreference(milestoneConfig, [\n      ...personalizedLevel,\n      ...personalizedFocus,\n      ...personalizedBehaviors,\n      ...personalizedObjectives,\n    ]);\n\n    const payload = { preferences: personalizedPreferences };\n    const meta = { stream: COURSE_STREAMS.MATH, studentId };\n\n    disableNavButtons();\n    postStudentPreferences(payload, meta);\n  }, [\n    disableNavButtons,\n    milestoneConfig,\n    personalizedBehaviors,\n    personalizedFocus,\n    personalizedLevel,\n    postStudentPreferences,\n    personalizedObjectives,\n    studentId,\n  ]);\n\n  // Navigation logic\n  const handleNavigation = useCallback(\n    (dir: string, id?: string) => {\n      if (!updateSlideConfig) return;\n\n      const isStudentProfilePage = currentPageId === TrialPageId.STUDENT_PROFILE;\n      const isLearningPlanSlide = currentPageId === TrialPageId.LEARNING_PLAN;\n      const overrides: Partial<ITrialSessionFormFields> = {};\n\n      if (\n        id === TrialPageId.CIRCLE_GAME ||\n        id === TrialPageId.CIRCLE_PUZZLE ||\n        id === TrialPageId.CIRCLE_SKILL\n      ) {\n        overrides.matchmakingId = uuidv4();\n        overrides.showCircleGameScreen = true;\n      }\n\n      if (dir === 'prev') {\n        updateSlideConfig({\n          id,\n          ...(isStudentProfilePage && { studentProfile: undefined }),\n          ...(isLearningPlanSlide && {\n            chapterId: undefined,\n          }),\n          ...overrides,\n        });\n        updateButtonState('both', DEFAULT_BUTTON_STATE);\n      }\n\n      if (dir === 'next') {\n        switch (currentPageId) {\n          //TODO: remove STUDENT_INFORMATION\n          case TrialPageId.STUDENT_INFORMATION:\n          case TrialPageId.SCHOOL_GOALS:\n            handleStudentInformation();\n            break;\n          case TrialPageId.LEARNING_WORKSHEET:\n            handleMileStoneBulkPost();\n            break;\n          case TrialPageId.CLASS_PREFERENCE:\n            handleClassPreferences();\n            break;\n          case TrialPageId.LEARNING_LEVEL:\n            handleStudentPreferencesPatch();\n            break;\n          case TrialPageId.LEARNING_PLAN:\n            updateSlideConfig({ id, chapterId: undefined, ...overrides });\n            break;\n          default: {\n            updateSlideConfig({ id, ...overrides });\n            updateButtonState('both', DEFAULT_BUTTON_STATE);\n          }\n        }\n      }\n    },\n    [\n      updateSlideConfig,\n      currentPageId,\n      updateButtonState,\n      handleStudentInformation,\n      handleMileStoneBulkPost,\n      handleClassPreferences,\n      handleStudentPreferencesPatch,\n    ],\n  );\n\n  const sessionWorksheetNavigation = useCallback(() => {\n    if (!worksheetNavigationPanel && currentPageId === TrialPageId.LEARNING_WORKSHEET) {\n      handleNavigation('next', nextPageId);\n    }\n  }, [currentPageId, handleNavigation, nextPageId, worksheetNavigationPanel]);\n\n  useEffect(() => {\n    sessionWorksheetNavigation();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [worksheetNavigationPanel]);\n\n  return { handleNavigation };\n};\n\nexport { useTrialSessionNavigation };\n"],"names":["useTrialSessionNavigation","updateSlideConfig","slideConfig","formData","updateButtonState","teacherId","studentId","milestoneConfig","onTrialInformationUpdate","trialHomeData","worksheetNavigationPanel","useTrialSessionContext","nextPage","currentPageId","demoInfo","stream","regionData","countryCode","nextPageId","name","grade","goals","curriculum","studentTimezone","preferences","personalizedLevel","personalizedFocus","personalizedBehaviors","personalizedObjectives","disableNavButtons","useCallback","onAcknowledge","errorMessage","overrides","TrialPageId","uuidv4","DEFAULT_BUTTON_STATE","patchTrialSession","usePatchTrialHome","patchStudentInformation","usePatchStudentInformation","postMilestoneBulk","useMilestoneBulkPost","postStudentPreferences","usePostStudentPreferences","handleStudentInformation","firstName","lastName","payload","handleClassPreferences","selectedRegularSlots","getFormattedPreferences","actionData","handleMileStoneBulkPost","handleStudentPreferencesPatch","getFormattedStudentPersonalizedPreference","meta","COURSE_STREAMS","handleNavigation","dir","id","isStudentProfilePage","isLearningPlanSlide","sessionWorksheetNavigation","useEffect"],"mappings":"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"}

package/dist/features/trial-session/left-panel/index.js

@@ -33,7 +33,7 @@ const q = () => {
               !r && /* @__PURE__ */ t(o, { $gutterX: 0.5, $gapX: 1, $flexRowGapX: 0.5, children: [
                 /* @__PURE__ */ e(u, { width: 108, height: 16, color: _().colors.BLACK }),
                 /* @__PURE__ */ t(o, { $flexDirection: "row", $alignItems: "center", children: [
-                  /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "4.8+ Rating on" }),
+                  /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "4.9+ Rating on" }),
                   /* @__PURE__ */ e($, { withLoader: !0, src: T.STAR_WITH_GREEN_FILL, width: 20, height: 20 }),
                   /* @__PURE__ */ e(s, { $renderAs: "ub3-bold", $color: "BLACK_T_60", children: "Trustpilot" })
                 ] })

package/dist/features/trial-session/left-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/left-panel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport CuemathLogo from '../../../assets/line-icons/icons/cuemath-logo';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getTheme } from '../../ui/theme/get-theme';\nimport StudentAVPanel from '../comps/av-panels/student-av-panel/student-av-panel';\nimport TeacherAVPanel from '../comps/av-panels/teacher-av-panel/teacher-av-panel';\nimport Cues from '../comps/cue-tips/cues';\nimport Tips from '../comps/cue-tips/tips';\nimport NavigationBar from '../comps/navigation-bar';\nimport Solutions from '../comps/solutions';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  STUDENT_LEFT_PANEL_MAX_WIDTH,\n  TEACHER_LEFT_PANEL_MAX_WIDTH,\n  TrialPageId,\n} from '../trial-session-constants';\nimport * as Styled from './left-panel-styled';\n\nconst LeftPanel: React.FC = () => {\n  const { isTeacher, slideConfig, worksheetNavigationPanel, questionsRatingPanel } =\n    useTrialSessionContext();\n  const { cues = [], dos = [], donts = [], renderAVIn, id, solutions } = slideConfig || {};\n\n  if (!isTeacher && renderAVIn !== 'left') {\n    return null;\n  }\n\n  return (\n    <Styled.Container\n      $maxWidth={isTeacher ? TEACHER_LEFT_PANEL_MAX_WIDTH : STUDENT_LEFT_PANEL_MAX_WIDTH}\n    >\n      {renderAVIn === 'left' && (\n        <FlexView\n          $width=\"100%\"\n          $flexDirection={isTeacher ? 'row' : 'column'}\n          $gutterX={isTeacher ? 0.25 : 0.5}\n          $gapX={isTeacher ? 0.25 : 0.5}\n          $flexGapX={isTeacher ? 0.25 : 0.5}\n        >\n          {!isTeacher && (\n            <FlexView $gutterX={0.5} $gapX={1} $flexRowGapX={0.5}>\n              <CuemathLogo width={108} height={16} color={getTheme().colors.BLACK} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  4.8+ Rating on\n                </Text>\n                <Image withLoader src={ILLUSTRATIONS.STAR_WITH_GREEN_FILL} width={20} height={20} />\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  Trustpilot\n                </Text>\n              </FlexView>\n            </FlexView>\n          )}\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <TeacherAVPanel />\n          </FlexView>\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <StudentAVPanel insideLeftPanel />\n          </FlexView>\n        </FlexView>\n      )}\n      {isTeacher && (\n        <>\n          <Styled.ContentWrapper\n            $background=\"WHITE_3\"\n            $justifyContent={renderAVIn === 'left' ? 'flex-start' : 'center'}\n          >\n            <FlexView $gutterX={0.75} $gapX={1.5} $flexGapX={1.5}>\n              {cues.length > 0 && <Cues cues={cues} />}\n              {solutions && solutions.length > 0 && <Solutions solutions={solutions} />}\n              {dos.length + donts.length > 0 && <Tips dos={dos} donts={donts} />}\n              {id === TrialPageId.LEARNING_WORKSHEET && questionsRatingPanel}\n            </FlexView>\n          </Styled.ContentWrapper>\n          {id === TrialPageId.LEARNING_WORKSHEET && worksheetNavigationPanel ? (\n            worksheetNavigationPanel\n          ) : (\n            <NavigationBar />\n          )}\n        </>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default LeftPanel;\n"],"names":["LeftPanel","isTeacher","slideConfig","worksheetNavigationPanel","questionsRatingPanel","useTrialSessionContext","cues","dos","donts","renderAVIn","id","solutions","jsxs","Styled.Container","TEACHER_LEFT_PANEL_MAX_WIDTH","STUDENT_LEFT_PANEL_MAX_WIDTH","FlexView","jsx","CuemathLogo","getTheme","Text","Image","ILLUSTRATIONS","TeacherAVPanel","StudentAVPanel","Fragment","Styled.ContentWrapper","Cues","Solutions","Tips","TrialPageId","NavigationBar"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAMA,IAAsB,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,0BAAAC,GAA0B,sBAAAC,EAAA,IACxDC,KACI,EAAE,MAAAC,IAAO,CAAA,GAAI,KAAAC,IAAM,CAAC,GAAG,OAAAC,IAAQ,IAAI,YAAAC,GAAY,IAAAC,GAAI,WAAAC,MAAcT,KAAe,CAAA;AAElF,SAAA,CAACD,KAAaQ,MAAe,SACxB,OAIP,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWZ,IAAYa,IAA+BC;AAAA,MAErD,UAAA;AAAA,QAAAN,MAAe,UACd,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAO;AAAA,YACP,gBAAgBf,IAAY,QAAQ;AAAA,YACpC,UAAUA,IAAY,OAAO;AAAA,YAC7B,OAAOA,IAAY,OAAO;AAAA,YAC1B,WAAWA,IAAY,OAAO;AAAA,YAE7B,UAAA;AAAA,cAAC,CAAAA,uBACCe,GAAS,EAAA,UAAU,KAAK,OAAO,GAAG,cAAc,KAC/C,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EAAY,OAAO,KAAK,QAAQ,IAAI,OAAOC,EAAA,EAAW,OAAO,MAAO,CAAA;AAAA,gBACpE,gBAAAP,EAAAI,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACG,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,kBAAA;AAAA,kBACA,gBAAAH,EAACI,GAAM,EAAA,YAAU,IAAC,KAAKC,EAAc,sBAAsB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,oCACjFF,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,cAAA;AAAA,gBAAA,GACF;AAAA,cAAA,GACF;AAAA,cAEF,gBAAAH,EAACD,KAAS,QAAQf,IAAY,oBAAoB,QAChD,UAAA,gBAAAgB,EAACM,KAAe,EAClB,CAAA;AAAA,cACA,gBAAAN,EAACD,GAAS,EAAA,QAAQf,IAAY,oBAAoB,QAChD,UAAC,gBAAAgB,EAAAO,GAAA,EAAe,iBAAe,GAAA,CAAC,EAClC,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEDvB,KAEG,gBAAAW,EAAAa,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAR;AAAA,YAACS;AAAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,iBAAiBjB,MAAe,SAAS,eAAe;AAAA,cAExD,4BAACO,GAAS,EAAA,UAAU,MAAM,OAAO,KAAK,WAAW,KAC9C,UAAA;AAAA,gBAAAV,EAAK,SAAS,KAAM,gBAAAW,EAAAU,GAAA,EAAK,MAAArB,GAAY;AAAA,gBACrCK,KAAaA,EAAU,SAAS,KAAK,gBAAAM,EAACW,KAAU,WAAAjB,GAAsB;AAAA,gBACtEJ,EAAI,SAASC,EAAM,SAAS,KAAM,gBAAAS,EAAAY,GAAA,EAAK,KAAAtB,GAAU,OAAAC,GAAc;AAAA,gBAC/DE,MAAOoB,EAAY,sBAAsB1B;AAAA,cAAA,GAC5C;AAAA,YAAA;AAAA,UACF;AAAA,UACCM,MAAOoB,EAAY,sBAAsB3B,IACxCA,sBAEC4B,GAAc,EAAA;AAAA,QAAA,GAEnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.js","sources":["../../../../src/features/trial-session/left-panel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport CuemathLogo from '../../../assets/line-icons/icons/cuemath-logo';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getTheme } from '../../ui/theme/get-theme';\nimport StudentAVPanel from '../comps/av-panels/student-av-panel/student-av-panel';\nimport TeacherAVPanel from '../comps/av-panels/teacher-av-panel/teacher-av-panel';\nimport Cues from '../comps/cue-tips/cues';\nimport Tips from '../comps/cue-tips/tips';\nimport NavigationBar from '../comps/navigation-bar';\nimport Solutions from '../comps/solutions';\nimport { useTrialSessionContext } from '../context/use-trial-session-context';\nimport {\n  STUDENT_LEFT_PANEL_MAX_WIDTH,\n  TEACHER_LEFT_PANEL_MAX_WIDTH,\n  TrialPageId,\n} from '../trial-session-constants';\nimport * as Styled from './left-panel-styled';\n\nconst LeftPanel: React.FC = () => {\n  const { isTeacher, slideConfig, worksheetNavigationPanel, questionsRatingPanel } =\n    useTrialSessionContext();\n  const { cues = [], dos = [], donts = [], renderAVIn, id, solutions } = slideConfig || {};\n\n  if (!isTeacher && renderAVIn !== 'left') {\n    return null;\n  }\n\n  return (\n    <Styled.Container\n      $maxWidth={isTeacher ? TEACHER_LEFT_PANEL_MAX_WIDTH : STUDENT_LEFT_PANEL_MAX_WIDTH}\n    >\n      {renderAVIn === 'left' && (\n        <FlexView\n          $width=\"100%\"\n          $flexDirection={isTeacher ? 'row' : 'column'}\n          $gutterX={isTeacher ? 0.25 : 0.5}\n          $gapX={isTeacher ? 0.25 : 0.5}\n          $flexGapX={isTeacher ? 0.25 : 0.5}\n        >\n          {!isTeacher && (\n            <FlexView $gutterX={0.5} $gapX={1} $flexRowGapX={0.5}>\n              <CuemathLogo width={108} height={16} color={getTheme().colors.BLACK} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  4.9+ Rating on\n                </Text>\n                <Image withLoader src={ILLUSTRATIONS.STAR_WITH_GREEN_FILL} width={20} height={20} />\n                <Text $renderAs=\"ub3-bold\" $color=\"BLACK_T_60\">\n                  Trustpilot\n                </Text>\n              </FlexView>\n            </FlexView>\n          )}\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <TeacherAVPanel />\n          </FlexView>\n          <FlexView $width={isTeacher ? 'calc(50% - 2px)' : '100%'}>\n            <StudentAVPanel insideLeftPanel />\n          </FlexView>\n        </FlexView>\n      )}\n      {isTeacher && (\n        <>\n          <Styled.ContentWrapper\n            $background=\"WHITE_3\"\n            $justifyContent={renderAVIn === 'left' ? 'flex-start' : 'center'}\n          >\n            <FlexView $gutterX={0.75} $gapX={1.5} $flexGapX={1.5}>\n              {cues.length > 0 && <Cues cues={cues} />}\n              {solutions && solutions.length > 0 && <Solutions solutions={solutions} />}\n              {dos.length + donts.length > 0 && <Tips dos={dos} donts={donts} />}\n              {id === TrialPageId.LEARNING_WORKSHEET && questionsRatingPanel}\n            </FlexView>\n          </Styled.ContentWrapper>\n          {id === TrialPageId.LEARNING_WORKSHEET && worksheetNavigationPanel ? (\n            worksheetNavigationPanel\n          ) : (\n            <NavigationBar />\n          )}\n        </>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default LeftPanel;\n"],"names":["LeftPanel","isTeacher","slideConfig","worksheetNavigationPanel","questionsRatingPanel","useTrialSessionContext","cues","dos","donts","renderAVIn","id","solutions","jsxs","Styled.Container","TEACHER_LEFT_PANEL_MAX_WIDTH","STUDENT_LEFT_PANEL_MAX_WIDTH","FlexView","jsx","CuemathLogo","getTheme","Text","Image","ILLUSTRATIONS","TeacherAVPanel","StudentAVPanel","Fragment","Styled.ContentWrapper","Cues","Solutions","Tips","TrialPageId","NavigationBar"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAMA,IAAsB,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,0BAAAC,GAA0B,sBAAAC,EAAA,IACxDC,KACI,EAAE,MAAAC,IAAO,CAAA,GAAI,KAAAC,IAAM,CAAC,GAAG,OAAAC,IAAQ,IAAI,YAAAC,GAAY,IAAAC,GAAI,WAAAC,MAAcT,KAAe,CAAA;AAElF,SAAA,CAACD,KAAaQ,MAAe,SACxB,OAIP,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWZ,IAAYa,IAA+BC;AAAA,MAErD,UAAA;AAAA,QAAAN,MAAe,UACd,gBAAAG;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAO;AAAA,YACP,gBAAgBf,IAAY,QAAQ;AAAA,YACpC,UAAUA,IAAY,OAAO;AAAA,YAC7B,OAAOA,IAAY,OAAO;AAAA,YAC1B,WAAWA,IAAY,OAAO;AAAA,YAE7B,UAAA;AAAA,cAAC,CAAAA,uBACCe,GAAS,EAAA,UAAU,KAAK,OAAO,GAAG,cAAc,KAC/C,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EAAY,OAAO,KAAK,QAAQ,IAAI,OAAOC,EAAA,EAAW,OAAO,MAAO,CAAA;AAAA,gBACpE,gBAAAP,EAAAI,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACG,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,kBAAA;AAAA,kBACA,gBAAAH,EAACI,GAAM,EAAA,YAAU,IAAC,KAAKC,EAAc,sBAAsB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,oCACjFF,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,UAE/C,cAAA;AAAA,gBAAA,GACF;AAAA,cAAA,GACF;AAAA,cAEF,gBAAAH,EAACD,KAAS,QAAQf,IAAY,oBAAoB,QAChD,UAAA,gBAAAgB,EAACM,KAAe,EAClB,CAAA;AAAA,cACA,gBAAAN,EAACD,GAAS,EAAA,QAAQf,IAAY,oBAAoB,QAChD,UAAC,gBAAAgB,EAAAO,GAAA,EAAe,iBAAe,GAAA,CAAC,EAClC,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEDvB,KAEG,gBAAAW,EAAAa,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAR;AAAA,YAACS;AAAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,iBAAiBjB,MAAe,SAAS,eAAe;AAAA,cAExD,4BAACO,GAAS,EAAA,UAAU,MAAM,OAAO,KAAK,WAAW,KAC9C,UAAA;AAAA,gBAAAV,EAAK,SAAS,KAAM,gBAAAW,EAAAU,GAAA,EAAK,MAAArB,GAAY;AAAA,gBACrCK,KAAaA,EAAU,SAAS,KAAK,gBAAAM,EAACW,KAAU,WAAAjB,GAAsB;AAAA,gBACtEJ,EAAI,SAASC,EAAM,SAAS,KAAM,gBAAAS,EAAAY,GAAA,EAAK,KAAAtB,GAAU,OAAAC,GAAc;AAAA,gBAC/DE,MAAOoB,EAAY,sBAAsB1B;AAAA,cAAA,GAC5C;AAAA,YAAA;AAAA,UACF;AAAA,UACCM,MAAOoB,EAAY,sBAAsB3B,IACxCA,sBAEC4B,GAAc,EAAA;AAAA,QAAA,GAEnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/features/trial-session/right-panel/slide-components-map.js

@@ -1,56 +1,56 @@
-import S from "../comps/additional-info/additional-info.js";
-import e from "../comps/class-preference/class-preference.js";
+import e from "../comps/additional-info/additional-info.js";
+import I from "../comps/class-preference/class-preference.js";
 import r from "../comps/communication-slide/index.js";
-import I from "../comps/learning-plan/index.js";
-import E from "../comps/learning-session/learning-session.js";
-import i from "../comps/offering-information/offering-information.js";
-import n from "../comps/pricing/pricing.js";
+import n from "../comps/learning-plan/index.js";
+import m from "../comps/learning-session/learning-session.js";
+import E from "../comps/offering-information/offering-information.js";
+import T from "../comps/pricing/pricing.js";
 import N from "../comps/school-goals/school-goals.js";
-import T from "../comps/session-insights/session-insights.js";
+import f from "../comps/session-insights/session-insights.js";
 import t from "../comps/session-overview/session-overview.js";
-import f from "../comps/session-report/session-report.js";
-import O from "../comps/student-enrichment/student-enrichment.js";
-import R from "../comps/student-feedback/student-feedback.js";
+import O from "../comps/session-report/session-report.js";
+import L from "../comps/student-enrichment/student-enrichment.js";
+import S from "../comps/student-feedback/student-feedback.js";
 import _ from "../comps/student-info/student-info.js";
-import p from "../comps/student-personalization/student-personalization.js";
-import L from "../comps/student-profile/student-profile.js";
+import R from "../comps/student-personalization/student-personalization.js";
+import p from "../comps/student-profile/student-profile.js";
 import s from "../comps/teacher-intro/teacher-intro.js";
 import A from "../comps/test-prep/test-prep.js";
-import m from "../comps/trial-circle-game/trial-circle-game.js";
+import i from "../comps/trial-circle-game/trial-circle-game.js";
 import C from "../comps/worksheet/worksheet.js";
 import { TrialPageId as o } from "../trial-session-constants.js";
 const b = {
   [o.WELCOME_CUEMATH]: r,
   [o.TEACHER_INTRO]: s,
   [o.SESSION_OVERVIEW]: t,
-  // FYI: Not In Use
+  [o.STUDENT_LEVEL]: S,
   [o.STUDENT_INFORMATION]: _,
   // FYI: Not In Use
   [o.SCHOOL_GOALS]: N,
   [o.TEST_PREP]: A,
-  [o.STUDENT_ENRICHMENT]: O,
-  [o.STUDENT_PERSONALIZATION]: p,
-  [o.ADDITIONAL_INFO]: S,
+  [o.STUDENT_ENRICHMENT]: L,
+  [o.STUDENT_PERSONALIZATION]: R,
+  [o.ADDITIONAL_INFO]: e,
   // FYI: Not In Use
-  [o.STUDENT_PROFILE]: L,
-  [o.LEARNING_LEVEL]: R,
-  [o.STUDENT_INTRO]: E,
+  [o.STUDENT_PROFILE]: p,
+  [o.LEARNING_LEVEL]: S,
+  [o.STUDENT_INTRO]: m,
   [o.LEARNING_WORKSHEET]: C,
-  [o.COMPLETED_WORKSHEET]: E,
+  [o.COMPLETED_WORKSHEET]: m,
   [o.WELCOME_BACK]: r,
-  [o.SESSION_INSIGHTS]: T,
-  [o.SESSION_REPORT]: f,
-  [o.LEARNING_PLAN]: I,
+  [o.SESSION_INSIGHTS]: f,
+  [o.SESSION_REPORT]: O,
+  [o.LEARNING_PLAN]: n,
   [o.SESSION_SUMMARY]: t,
-  [o.GOAL_DETAILS]: i,
-  [o.PARENT_APP]: i,
-  [o.CIRCLE_INFORMATION]: i,
-  [o.PRICING]: n,
-  [o.CLASS_PREFERENCE]: e,
+  [o.GOAL_DETAILS]: E,
+  [o.PARENT_APP]: E,
+  [o.CIRCLE_INFORMATION]: E,
+  [o.PRICING]: T,
+  [o.CLASS_PREFERENCE]: I,
   [o.THANK_YOU]: r,
-  [o.CIRCLE_GAME]: m,
-  [o.CIRCLE_PUZZLE]: m,
-  [o.CIRCLE_SKILL]: m
+  [o.CIRCLE_GAME]: i,
+  [o.CIRCLE_PUZZLE]: i,
+  [o.CIRCLE_SKILL]: i
 };
 export {
   b as default

package/dist/features/trial-session/right-panel/slide-components-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"slide-components-map.js","sources":["../../../../src/features/trial-session/right-panel/slide-components-map.tsx"],"sourcesContent":["import AdditionalInfo from '../comps/additional-info/additional-info';\nimport ClassPreference from '../comps/class-preference/class-preference';\nimport CommunicationSlide from '../comps/communication-slide';\nimport LearningPlan from '../comps/learning-plan';\nimport LearningSession from '../comps/learning-session/learning-session';\nimport OfferingInformation from '../comps/offering-information/offering-information';\nimport SessionPricing from '../comps/pricing/pricing';\nimport SchoolGoals from '../comps/school-goals/school-goals';\nimport SessionInsights from '../comps/session-insights/session-insights';\nimport SessionOverview from '../comps/session-overview/session-overview';\nimport SessionReport from '../comps/session-report/session-report';\nimport StudentEnrichment from '../comps/student-enrichment/student-enrichment';\nimport StudentFeedback from '../comps/student-feedback/student-feedback';\nimport StudentInformation from '../comps/student-info/student-info';\nimport StudentPersonalization from '../comps/student-personalization/student-personalization';\nimport StudentProfile from '../comps/student-profile/student-profile';\nimport TeacherIntro from '../comps/teacher-intro/teacher-intro';\nimport TestPrep from '../comps/test-prep/test-prep';\nimport TrialCircleGame from '../comps/trial-circle-game/trial-circle-game';\nimport SessionWorksheet from '../comps/worksheet/worksheet';\nimport { TrialPageId } from '../trial-session-constants';\n\ninterface ISlideComponent {\n  miniScreenDevice: boolean;\n}\n\nconst SlideComponentsMap: Record<TrialPageId, React.FC<ISlideComponent>> = {\n  [TrialPageId.WELCOME_CUEMATH]: CommunicationSlide,\n  [TrialPageId.TEACHER_INTRO]: TeacherIntro,\n  [TrialPageId.SESSION_OVERVIEW]: SessionOverview, // FYI: Not In Use\n  [TrialPageId.STUDENT_INFORMATION]: StudentInformation, // FYI: Not In Use\n  [TrialPageId.SCHOOL_GOALS]: SchoolGoals,\n  [TrialPageId.TEST_PREP]: TestPrep,\n  [TrialPageId.STUDENT_ENRICHMENT]: StudentEnrichment,\n  [TrialPageId.STUDENT_PERSONALIZATION]: StudentPersonalization,\n  [TrialPageId.ADDITIONAL_INFO]: AdditionalInfo, // FYI: Not In Use\n  [TrialPageId.STUDENT_PROFILE]: StudentProfile,\n  [TrialPageId.LEARNING_LEVEL]: StudentFeedback,\n  [TrialPageId.STUDENT_INTRO]: LearningSession,\n  [TrialPageId.LEARNING_WORKSHEET]: SessionWorksheet,\n  [TrialPageId.COMPLETED_WORKSHEET]: LearningSession,\n  [TrialPageId.WELCOME_BACK]: CommunicationSlide,\n  [TrialPageId.SESSION_INSIGHTS]: SessionInsights,\n  [TrialPageId.SESSION_REPORT]: SessionReport,\n  [TrialPageId.LEARNING_PLAN]: LearningPlan,\n  [TrialPageId.SESSION_SUMMARY]: SessionOverview,\n  [TrialPageId.GOAL_DETAILS]: OfferingInformation,\n  [TrialPageId.PARENT_APP]: OfferingInformation,\n  [TrialPageId.CIRCLE_INFORMATION]: OfferingInformation,\n  [TrialPageId.PRICING]: SessionPricing,\n  [TrialPageId.CLASS_PREFERENCE]: ClassPreference,\n  [TrialPageId.THANK_YOU]: CommunicationSlide,\n  [TrialPageId.CIRCLE_GAME]: TrialCircleGame,\n  [TrialPageId.CIRCLE_PUZZLE]: TrialCircleGame,\n  [TrialPageId.CIRCLE_SKILL]: TrialCircleGame,\n};\n\nexport default SlideComponentsMap;\n"],"names":["SlideComponentsMap","TrialPageId","CommunicationSlide","TeacherIntro","SessionOverview","StudentInformation","SchoolGoals","TestPrep","StudentEnrichment","StudentPersonalization","AdditionalInfo","StudentProfile","StudentFeedback","LearningSession","SessionWorksheet","SessionInsights","SessionReport","LearningPlan","OfferingInformation","SessionPricing","ClassPreference","TrialCircleGame"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAqE;AAAA,EACzE,CAACC,EAAY,eAAe,GAAGC;AAAA,EAC/B,CAACD,EAAY,aAAa,GAAGE;AAAA,EAC7B,CAACF,EAAY,gBAAgB,GAAGG;AAAA;AAAA,EAChC,CAACH,EAAY,mBAAmB,GAAGI;AAAA;AAAA,EACnC,CAACJ,EAAY,YAAY,GAAGK;AAAA,EAC5B,CAACL,EAAY,SAAS,GAAGM;AAAA,EACzB,CAACN,EAAY,kBAAkB,GAAGO;AAAA,EAClC,CAACP,EAAY,uBAAuB,GAAGQ;AAAA,EACvC,CAACR,EAAY,eAAe,GAAGS;AAAA;AAAA,EAC/B,CAACT,EAAY,eAAe,GAAGU;AAAA,EAC/B,CAACV,EAAY,cAAc,GAAGW;AAAA,EAC9B,CAACX,EAAY,aAAa,GAAGY;AAAA,EAC7B,CAACZ,EAAY,kBAAkB,GAAGa;AAAA,EAClC,CAACb,EAAY,mBAAmB,GAAGY;AAAA,EACnC,CAACZ,EAAY,YAAY,GAAGC;AAAA,EAC5B,CAACD,EAAY,gBAAgB,GAAGc;AAAA,EAChC,CAACd,EAAY,cAAc,GAAGe;AAAA,EAC9B,CAACf,EAAY,aAAa,GAAGgB;AAAA,EAC7B,CAAChB,EAAY,eAAe,GAAGG;AAAA,EAC/B,CAACH,EAAY,YAAY,GAAGiB;AAAA,EAC5B,CAACjB,EAAY,UAAU,GAAGiB;AAAA,EAC1B,CAACjB,EAAY,kBAAkB,GAAGiB;AAAA,EAClC,CAACjB,EAAY,OAAO,GAAGkB;AAAA,EACvB,CAAClB,EAAY,gBAAgB,GAAGmB;AAAA,EAChC,CAACnB,EAAY,SAAS,GAAGC;AAAA,EACzB,CAACD,EAAY,WAAW,GAAGoB;AAAA,EAC3B,CAACpB,EAAY,aAAa,GAAGoB;AAAA,EAC7B,CAACpB,EAAY,YAAY,GAAGoB;AAC9B;"}
+{"version":3,"file":"slide-components-map.js","sources":["../../../../src/features/trial-session/right-panel/slide-components-map.tsx"],"sourcesContent":["import AdditionalInfo from '../comps/additional-info/additional-info';\nimport ClassPreference from '../comps/class-preference/class-preference';\nimport CommunicationSlide from '../comps/communication-slide';\nimport LearningPlan from '../comps/learning-plan';\nimport LearningSession from '../comps/learning-session/learning-session';\nimport OfferingInformation from '../comps/offering-information/offering-information';\nimport SessionPricing from '../comps/pricing/pricing';\nimport SchoolGoals from '../comps/school-goals/school-goals';\nimport SessionInsights from '../comps/session-insights/session-insights';\nimport SessionOverview from '../comps/session-overview/session-overview';\nimport SessionReport from '../comps/session-report/session-report';\nimport StudentEnrichment from '../comps/student-enrichment/student-enrichment';\nimport StudentFeedback from '../comps/student-feedback/student-feedback';\nimport StudentInformation from '../comps/student-info/student-info';\nimport StudentPersonalization from '../comps/student-personalization/student-personalization';\nimport StudentProfile from '../comps/student-profile/student-profile';\nimport TeacherIntro from '../comps/teacher-intro/teacher-intro';\nimport TestPrep from '../comps/test-prep/test-prep';\nimport TrialCircleGame from '../comps/trial-circle-game/trial-circle-game';\nimport SessionWorksheet from '../comps/worksheet/worksheet';\nimport { TrialPageId } from '../trial-session-constants';\n\ninterface ISlideComponent {\n  miniScreenDevice: boolean;\n}\n\nconst SlideComponentsMap: Record<TrialPageId, React.FC<ISlideComponent>> = {\n  [TrialPageId.WELCOME_CUEMATH]: CommunicationSlide,\n  [TrialPageId.TEACHER_INTRO]: TeacherIntro,\n  [TrialPageId.SESSION_OVERVIEW]: SessionOverview,\n  [TrialPageId.STUDENT_LEVEL]: StudentFeedback,\n  [TrialPageId.STUDENT_INFORMATION]: StudentInformation, // FYI: Not In Use\n  [TrialPageId.SCHOOL_GOALS]: SchoolGoals,\n  [TrialPageId.TEST_PREP]: TestPrep,\n  [TrialPageId.STUDENT_ENRICHMENT]: StudentEnrichment,\n  [TrialPageId.STUDENT_PERSONALIZATION]: StudentPersonalization,\n  [TrialPageId.ADDITIONAL_INFO]: AdditionalInfo, // FYI: Not In Use\n  [TrialPageId.STUDENT_PROFILE]: StudentProfile,\n  [TrialPageId.LEARNING_LEVEL]: StudentFeedback,\n  [TrialPageId.STUDENT_INTRO]: LearningSession,\n  [TrialPageId.LEARNING_WORKSHEET]: SessionWorksheet,\n  [TrialPageId.COMPLETED_WORKSHEET]: LearningSession,\n  [TrialPageId.WELCOME_BACK]: CommunicationSlide,\n  [TrialPageId.SESSION_INSIGHTS]: SessionInsights,\n  [TrialPageId.SESSION_REPORT]: SessionReport,\n  [TrialPageId.LEARNING_PLAN]: LearningPlan,\n  [TrialPageId.SESSION_SUMMARY]: SessionOverview,\n  [TrialPageId.GOAL_DETAILS]: OfferingInformation,\n  [TrialPageId.PARENT_APP]: OfferingInformation,\n  [TrialPageId.CIRCLE_INFORMATION]: OfferingInformation,\n  [TrialPageId.PRICING]: SessionPricing,\n  [TrialPageId.CLASS_PREFERENCE]: ClassPreference,\n  [TrialPageId.THANK_YOU]: CommunicationSlide,\n  [TrialPageId.CIRCLE_GAME]: TrialCircleGame,\n  [TrialPageId.CIRCLE_PUZZLE]: TrialCircleGame,\n  [TrialPageId.CIRCLE_SKILL]: TrialCircleGame,\n};\n\nexport default SlideComponentsMap;\n"],"names":["SlideComponentsMap","TrialPageId","CommunicationSlide","TeacherIntro","SessionOverview","StudentFeedback","StudentInformation","SchoolGoals","TestPrep","StudentEnrichment","StudentPersonalization","AdditionalInfo","StudentProfile","LearningSession","SessionWorksheet","SessionInsights","SessionReport","LearningPlan","OfferingInformation","SessionPricing","ClassPreference","TrialCircleGame"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAqE;AAAA,EACzE,CAACC,EAAY,eAAe,GAAGC;AAAA,EAC/B,CAACD,EAAY,aAAa,GAAGE;AAAA,EAC7B,CAACF,EAAY,gBAAgB,GAAGG;AAAA,EAChC,CAACH,EAAY,aAAa,GAAGI;AAAA,EAC7B,CAACJ,EAAY,mBAAmB,GAAGK;AAAA;AAAA,EACnC,CAACL,EAAY,YAAY,GAAGM;AAAA,EAC5B,CAACN,EAAY,SAAS,GAAGO;AAAA,EACzB,CAACP,EAAY,kBAAkB,GAAGQ;AAAA,EAClC,CAACR,EAAY,uBAAuB,GAAGS;AAAA,EACvC,CAACT,EAAY,eAAe,GAAGU;AAAA;AAAA,EAC/B,CAACV,EAAY,eAAe,GAAGW;AAAA,EAC/B,CAACX,EAAY,cAAc,GAAGI;AAAA,EAC9B,CAACJ,EAAY,aAAa,GAAGY;AAAA,EAC7B,CAACZ,EAAY,kBAAkB,GAAGa;AAAA,EAClC,CAACb,EAAY,mBAAmB,GAAGY;AAAA,EACnC,CAACZ,EAAY,YAAY,GAAGC;AAAA,EAC5B,CAACD,EAAY,gBAAgB,GAAGc;AAAA,EAChC,CAACd,EAAY,cAAc,GAAGe;AAAA,EAC9B,CAACf,EAAY,aAAa,GAAGgB;AAAA,EAC7B,CAAChB,EAAY,eAAe,GAAGG;AAAA,EAC/B,CAACH,EAAY,YAAY,GAAGiB;AAAA,EAC5B,CAACjB,EAAY,UAAU,GAAGiB;AAAA,EAC1B,CAACjB,EAAY,kBAAkB,GAAGiB;AAAA,EAClC,CAACjB,EAAY,OAAO,GAAGkB;AAAA,EACvB,CAAClB,EAAY,gBAAgB,GAAGmB;AAAA,EAChC,CAACnB,EAAY,SAAS,GAAGC;AAAA,EACzB,CAACD,EAAY,WAAW,GAAGoB;AAAA,EAC3B,CAACpB,EAAY,aAAa,GAAGoB;AAAA,EAC7B,CAACpB,EAAY,YAAY,GAAGoB;AAC9B;"}

package/dist/features/trial-session/trial-session-constants.js

@@ -1,4 +1,4 @@
-var n = /* @__PURE__ */ ((E) => (E.WELCOME_CUEMATH = "welcome-cuemath", E.CIRCLE_GAME = "circle-game", E.TEACHER_INTRO = "teacher-intro", E.SESSION_OVERVIEW = "session-overview", E.STUDENT_INFORMATION = "student-information", E.SCHOOL_GOALS = "school-goals", E.TEST_PREP = "test-prep", E.STUDENT_ENRICHMENT = "student-enrichment", E.STUDENT_PERSONALIZATION = "student-personalization", E.ADDITIONAL_INFO = "additional-info", E.STUDENT_PROFILE = "student-profile", E.STUDENT_INTRO = "student-intro", E.LEARNING_LEVEL = "learning-level", E.LEARNING_WORKSHEET = "learning-worksheet", E.COMPLETED_WORKSHEET = "completed-worksheet", E.WELCOME_BACK = "welcome-back", E.SESSION_INSIGHTS = "session-insights", E.SESSION_REPORT = "session-report", E.LEARNING_PLAN = "learning-plan", E.SESSION_SUMMARY = "session-summary", E.GOAL_DETAILS = "goal-details", E.PARENT_APP = "parent-app", E.CIRCLE_INFORMATION = "circle-information", E.PRICING = "pricing", E.CLASS_PREFERENCE = "class-preference", E.THANK_YOU = "thank-you", E.CIRCLE_PUZZLE = "circle-puzzle", E.CIRCLE_SKILL = "circle-skill", E))(n || {});
+var n = /* @__PURE__ */ ((E) => (E.WELCOME_CUEMATH = "welcome-cuemath", E.CIRCLE_GAME = "circle-game", E.TEACHER_INTRO = "teacher-intro", E.SESSION_OVERVIEW = "session-overview", E.STUDENT_LEVEL = "student-level", E.STUDENT_INFORMATION = "student-information", E.SCHOOL_GOALS = "school-goals", E.TEST_PREP = "test-prep", E.STUDENT_ENRICHMENT = "student-enrichment", E.STUDENT_PERSONALIZATION = "student-personalization", E.ADDITIONAL_INFO = "additional-info", E.STUDENT_PROFILE = "student-profile", E.STUDENT_INTRO = "student-intro", E.LEARNING_LEVEL = "learning-level", E.LEARNING_WORKSHEET = "learning-worksheet", E.COMPLETED_WORKSHEET = "completed-worksheet", E.WELCOME_BACK = "welcome-back", E.SESSION_INSIGHTS = "session-insights", E.SESSION_REPORT = "session-report", E.LEARNING_PLAN = "learning-plan", E.SESSION_SUMMARY = "session-summary", E.GOAL_DETAILS = "goal-details", E.PARENT_APP = "parent-app", E.CIRCLE_INFORMATION = "circle-information", E.PRICING = "pricing", E.CLASS_PREFERENCE = "class-preference", E.THANK_YOU = "thank-you", E.CIRCLE_PUZZLE = "circle-puzzle", E.CIRCLE_SKILL = "circle-skill", E))(n || {});
 const s = [
   "learning-worksheet",
   "learning-plan",
@@ -23,11 +23,11 @@ const s = [
 ], _ = {
   left: { isDisabled: !1, isLoading: !1 },
   right: { isDisabled: !1, isLoading: !1 }
-}, N = 928, o = 480, c = 360, A = 64, O = 540, S = "Asia/Calcutta";
+}, N = 928, o = 480, c = 360, A = 64, L = 540, S = "Asia/Calcutta";
 export {
   e as ACTIONABLE_COMPONENT_IDS,
   _ as DEFAULT_BUTTON_STATE,
-  O as MINIMUM_SCREEN_HEIGHT,
+  L as MINIMUM_SCREEN_HEIGHT,
   A as NAVIGATION_BAR_HEIGHT,
   s as PAGES_WITHOUT_GRID,
   N as RIGHT_PANEL_WIDTH,

package/dist/features/trial-session/trial-session-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-session-constants.js","sources":["../../../src/features/trial-session/trial-session-constants.ts"],"sourcesContent":["export enum TrialPageId {\n  WELCOME_CUEMATH = 'welcome-cuemath',\n  CIRCLE_GAME = 'circle-game',\n  TEACHER_INTRO = 'teacher-intro',\n  SESSION_OVERVIEW = 'session-overview',\n  STUDENT_INFORMATION = 'student-information',\n  SCHOOL_GOALS = 'school-goals',\n  TEST_PREP = 'test-prep',\n  STUDENT_ENRICHMENT = 'student-enrichment',\n  STUDENT_PERSONALIZATION = 'student-personalization',\n  ADDITIONAL_INFO = 'additional-info',\n  STUDENT_PROFILE = 'student-profile',\n  STUDENT_INTRO = 'student-intro',\n  LEARNING_LEVEL = 'learning-level',\n  LEARNING_WORKSHEET = 'learning-worksheet',\n  COMPLETED_WORKSHEET = 'completed-worksheet',\n  WELCOME_BACK = 'welcome-back',\n  SESSION_INSIGHTS = 'session-insights',\n  SESSION_REPORT = 'session-report',\n  LEARNING_PLAN = 'learning-plan',\n  SESSION_SUMMARY = 'session-summary',\n  GOAL_DETAILS = 'goal-details',\n  PARENT_APP = 'parent-app',\n  CIRCLE_INFORMATION = 'circle-information',\n  PRICING = 'pricing',\n  CLASS_PREFERENCE = 'class-preference',\n  THANK_YOU = 'thank-you',\n  CIRCLE_PUZZLE = 'circle-puzzle',\n  CIRCLE_SKILL = 'circle-skill',\n}\n\nexport const PAGES_WITHOUT_GRID = [\n  TrialPageId.LEARNING_WORKSHEET,\n  TrialPageId.LEARNING_PLAN,\n  TrialPageId.CIRCLE_GAME,\n  TrialPageId.CIRCLE_PUZZLE,\n  TrialPageId.CIRCLE_SKILL,\n];\n\nexport const ACTIONABLE_COMPONENT_IDS = [\n  TrialPageId.LEARNING_WORKSHEET,\n  TrialPageId.CIRCLE_GAME,\n  TrialPageId.LEARNING_PLAN,\n  TrialPageId.CIRCLE_PUZZLE,\n  TrialPageId.CIRCLE_SKILL,\n];\n\nexport const SCROLLABLE_COMPONENT_IDS = [\n  TrialPageId.PRICING,\n  TrialPageId.STUDENT_INTRO,\n  TrialPageId.COMPLETED_WORKSHEET,\n  TrialPageId.PARENT_APP,\n  TrialPageId.GOAL_DETAILS,\n];\n\nexport const DEFAULT_BUTTON_STATE = {\n  left: { isDisabled: false, isLoading: false },\n  right: { isDisabled: false, isLoading: false },\n};\n\nexport const RIGHT_PANEL_WIDTH = 928;\nexport const TEACHER_LEFT_PANEL_MAX_WIDTH = 480;\nexport const STUDENT_LEFT_PANEL_MAX_WIDTH = 360;\nexport const NAVIGATION_BAR_HEIGHT = 64;\nexport const MINIMUM_SCREEN_HEIGHT = 540;\nexport const TEACHER_TIMEZONE = 'Asia/Calcutta';\n"],"names":["TrialPageId","PAGES_WITHOUT_GRID","ACTIONABLE_COMPONENT_IDS","SCROLLABLE_COMPONENT_IDS","DEFAULT_BUTTON_STATE","RIGHT_PANEL_WIDTH","TEACHER_LEFT_PANEL_MAX_WIDTH","STUDENT_LEFT_PANEL_MAX_WIDTH","NAVIGATION_BAR_HEIGHT","MINIMUM_SCREEN_HEIGHT","TEACHER_TIMEZONE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,mBAClBA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAChBA,EAAA,mBAAmB,oBACnBA,EAAA,sBAAsB,uBACtBA,EAAA,eAAe,gBACfA,EAAA,YAAY,aACZA,EAAA,qBAAqB,sBACrBA,EAAA,0BAA0B,2BAC1BA,EAAA,kBAAkB,mBAClBA,EAAA,kBAAkB,mBAClBA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,eAAe,gBACfA,EAAA,mBAAmB,oBACnBA,EAAA,iBAAiB,kBACjBA,EAAA,gBAAgB,iBAChBA,EAAA,kBAAkB,mBAClBA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,qBAAqB,sBACrBA,EAAA,UAAU,WACVA,EAAA,mBAAmB,oBACnBA,EAAA,YAAY,aACZA,EAAA,gBAAgB,iBAChBA,EAAA,eAAe,gBA5BLA,IAAAA,KAAA,CAAA,CAAA;AA+BL,MAAMC,IAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAAuB;AAAA,EAClC,MAAM,EAAE,YAAY,IAAO,WAAW,GAAM;AAAA,EAC5C,OAAO,EAAE,YAAY,IAAO,WAAW,GAAM;AAC/C,GAEaC,IAAoB,KACpBC,IAA+B,KAC/BC,IAA+B,KAC/BC,IAAwB,IACxBC,IAAwB,KACxBC,IAAmB;"}
+{"version":3,"file":"trial-session-constants.js","sources":["../../../src/features/trial-session/trial-session-constants.ts"],"sourcesContent":["export enum TrialPageId {\n  WELCOME_CUEMATH = 'welcome-cuemath',\n  CIRCLE_GAME = 'circle-game',\n  TEACHER_INTRO = 'teacher-intro',\n  SESSION_OVERVIEW = 'session-overview',\n  STUDENT_LEVEL = 'student-level',\n  STUDENT_INFORMATION = 'student-information',\n  SCHOOL_GOALS = 'school-goals',\n  TEST_PREP = 'test-prep',\n  STUDENT_ENRICHMENT = 'student-enrichment',\n  STUDENT_PERSONALIZATION = 'student-personalization',\n  ADDITIONAL_INFO = 'additional-info',\n  STUDENT_PROFILE = 'student-profile',\n  STUDENT_INTRO = 'student-intro',\n  LEARNING_LEVEL = 'learning-level',\n  LEARNING_WORKSHEET = 'learning-worksheet',\n  COMPLETED_WORKSHEET = 'completed-worksheet',\n  WELCOME_BACK = 'welcome-back',\n  SESSION_INSIGHTS = 'session-insights',\n  SESSION_REPORT = 'session-report',\n  LEARNING_PLAN = 'learning-plan',\n  SESSION_SUMMARY = 'session-summary',\n  GOAL_DETAILS = 'goal-details',\n  PARENT_APP = 'parent-app',\n  CIRCLE_INFORMATION = 'circle-information',\n  PRICING = 'pricing',\n  CLASS_PREFERENCE = 'class-preference',\n  THANK_YOU = 'thank-you',\n  CIRCLE_PUZZLE = 'circle-puzzle',\n  CIRCLE_SKILL = 'circle-skill',\n}\n\nexport const PAGES_WITHOUT_GRID = [\n  TrialPageId.LEARNING_WORKSHEET,\n  TrialPageId.LEARNING_PLAN,\n  TrialPageId.CIRCLE_GAME,\n  TrialPageId.CIRCLE_PUZZLE,\n  TrialPageId.CIRCLE_SKILL,\n];\n\nexport const ACTIONABLE_COMPONENT_IDS = [\n  TrialPageId.LEARNING_WORKSHEET,\n  TrialPageId.CIRCLE_GAME,\n  TrialPageId.LEARNING_PLAN,\n  TrialPageId.CIRCLE_PUZZLE,\n  TrialPageId.CIRCLE_SKILL,\n];\n\nexport const SCROLLABLE_COMPONENT_IDS = [\n  TrialPageId.PRICING,\n  TrialPageId.STUDENT_INTRO,\n  TrialPageId.COMPLETED_WORKSHEET,\n  TrialPageId.PARENT_APP,\n  TrialPageId.GOAL_DETAILS,\n];\n\nexport const DEFAULT_BUTTON_STATE = {\n  left: { isDisabled: false, isLoading: false },\n  right: { isDisabled: false, isLoading: false },\n};\n\nexport const RIGHT_PANEL_WIDTH = 928;\nexport const TEACHER_LEFT_PANEL_MAX_WIDTH = 480;\nexport const STUDENT_LEFT_PANEL_MAX_WIDTH = 360;\nexport const NAVIGATION_BAR_HEIGHT = 64;\nexport const MINIMUM_SCREEN_HEIGHT = 540;\nexport const TEACHER_TIMEZONE = 'Asia/Calcutta';\n"],"names":["TrialPageId","PAGES_WITHOUT_GRID","ACTIONABLE_COMPONENT_IDS","SCROLLABLE_COMPONENT_IDS","DEFAULT_BUTTON_STATE","RIGHT_PANEL_WIDTH","TEACHER_LEFT_PANEL_MAX_WIDTH","STUDENT_LEFT_PANEL_MAX_WIDTH","NAVIGATION_BAR_HEIGHT","MINIMUM_SCREEN_HEIGHT","TEACHER_TIMEZONE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,mBAClBA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAChBA,EAAA,mBAAmB,oBACnBA,EAAA,gBAAgB,iBAChBA,EAAA,sBAAsB,uBACtBA,EAAA,eAAe,gBACfA,EAAA,YAAY,aACZA,EAAA,qBAAqB,sBACrBA,EAAA,0BAA0B,2BAC1BA,EAAA,kBAAkB,mBAClBA,EAAA,kBAAkB,mBAClBA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,eAAe,gBACfA,EAAA,mBAAmB,oBACnBA,EAAA,iBAAiB,kBACjBA,EAAA,gBAAgB,iBAChBA,EAAA,kBAAkB,mBAClBA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,qBAAqB,sBACrBA,EAAA,UAAU,WACVA,EAAA,mBAAmB,oBACnBA,EAAA,YAAY,aACZA,EAAA,gBAAgB,iBAChBA,EAAA,eAAe,gBA7BLA,IAAAA,KAAA,CAAA,CAAA;AAgCL,MAAMC,IAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAAuB;AAAA,EAClC,MAAM,EAAE,YAAY,IAAO,WAAW,GAAM;AAAA,EAC5C,OAAO,EAAE,YAAY,IAAO,WAAW,GAAM;AAC/C,GAEaC,IAAoB,KACpBC,IAA+B,KAC/BC,IAA+B,KAC/BC,IAAwB,IACxBC,IAAwB,KACxBC,IAAmB;"}

package/dist/features/trial-session/trial-session-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-session-types.js","sources":["../../../src/features/trial-session/trial-session-types.ts"],"sourcesContent":["import type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type { IMilestoneConfig, TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n  ITrialCircleConfig,\n  ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, ReactElement, SetStateAction } from 'react';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n  opportunity_country: string;\n};\n\nexport enum EClassTimeAlertLevel {\n  FIVE_MIN = '5min',\n  FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n  buttonLabel: string;\n  pageId: string;\n}\n\nexport interface ISolution {\n  media?: string;\n  media_type?: 'image' | 'video';\n  text?: string;\n}\n\nexport type TDegreeInformation = { degree_name?: string; field_of_study?: string };\n\nexport interface ITeacherProfileDetails {\n  lower_grade: string;\n  higher_grade: string;\n  header_image: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  countries: string[];\n  degree: TDegreeInformation;\n}\n\nexport interface ISlide {\n  id: TrialPageId;\n  renderAs: 'split' | 'full';\n  renderAVIn: 'left' | 'right';\n  header: string;\n  subHeader?: string;\n  prevPage?: IButtonConfig;\n  nextPage?: IButtonConfig;\n  cues?: string[];\n  dos?: string[];\n  donts?: string[];\n  navigationLabel?: string;\n  slideTag?: string;\n  teacher_profile?: ITeacherProfileDetails;\n  solutions?: ISolution[];\n  enableSessionPerk?: boolean;\n}\n\nexport interface TGoals {\n  goal_code?: string;\n  milestone_date_ts?: number;\n  goal_category?: string;\n  milestone_name?: string;\n  publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n  id: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  goals?: TGoals[];\n  studentProfile?: {\n    profileSummary?: string;\n    dummyProfileImageIndex?: number;\n    summaryFetched?: boolean;\n    summaryFetchFailed?: boolean;\n  };\n  userNodeId?: string;\n  nodeId?: string;\n  nodeType?: TNodeTypes;\n  attemptId?: string;\n  preferences?: TPreference[];\n  personalizedLevel?: string[];\n  personalizedFocus?: string[];\n  personalizedBehaviors?: string[];\n  isCircleGamePlayed?: boolean;\n  isCirclePuzzleSolved?: boolean;\n  isCircleSkillCompleted?: boolean;\n  studentTimezone?: string;\n  showCircleGameScreen?: boolean;\n  accuracyStr?: string;\n  totalTimeTaken?: number;\n  chapterId?: string;\n  matchmakingId?: string;\n  numberInNameError?: boolean;\n}\n\nexport interface IButtonState {\n  isDisabled: boolean;\n  isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n  pages: ISlide[];\n  demo_info: {\n    student_classroom_id: string;\n    stream: TCourseStream;\n    region_data: TRegionData;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  circle_trial_game_config: ITrialCircleConfig;\n}\n\nexport interface IClassTimeAlertConfig {\n  alertLevel: EClassTimeAlertLevel | null;\n  isVisible: boolean;\n  onComplete: () => void;\n}\n\nexport interface ITrialSessionProps {\n  countryCode?: string;\n  classStartedOn?: Date;\n  height?: string | number;\n  userType: TUserTypes;\n  studentId: string;\n  teacherId: string;\n  teacherClassroomId: string;\n  teacherPanel?: ReactElement;\n  studentPanel?: ReactElement;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: ReactElement;\n  worksheetNavigationPanel?: ReactElement;\n  questionsRatingPanel?: ReactElement;\n  studentAbsentInClass?: boolean;\n  openEndClassModal?: () => void;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  classTimeAlertConfig?: IClassTimeAlertConfig;\n  classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n  extends Pick<\n    ITrialSessionProps,\n    | 'classStartedOn'\n    | 'formData'\n    | 'teacherPanel'\n    | 'studentId'\n    | 'teacherId'\n    | 'studentPanel'\n    | 'worksheet'\n    | 'worksheetNavigationPanel'\n    | 'questionsRatingPanel'\n    | 'openEndClassModal'\n    | 'studentAbsentInClass'\n    | 'classDuration'\n    | 'classTimeAlertConfig'\n  > {\n  buttonState: { left: IButtonState; right: IButtonState };\n  isTeacher: boolean;\n  milestoneConfig: IMilestoneConfig;\n  slideConfig: ISlide;\n  updateButtonState: (\n    btnNavDir: 'left' | 'right' | 'both',\n    currentState: IButtonState | { left: IButtonState; right: IButtonState },\n  ) => void;\n  updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n  trialHomeData: ITrialHomeData;\n  onTrialInformationUpdate?: () => void;\n  circleGames: ITrialCircleGameParams;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n  trialHomeData: ITrialHomeData;\n  milestoneConfig: IMilestoneConfig;\n  studentTimezone?: string;\n  onStudentTimezoneUpdate?: () => void;\n  onTrialInformationUpdate?: () => void;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AAmBY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"trial-session-types.js","sources":["../../../src/features/trial-session/trial-session-types.ts"],"sourcesContent":["import type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type {\n  IMilestoneConfig,\n  TCourseStream,\n  TPreferenceCategory,\n} from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n  ITrialCircleConfig,\n  ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, ReactElement, SetStateAction } from 'react';\n\nexport type { TSessionReportData as TSessionReport } from './comps/session-report/session-report-types';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n  opportunity_country: string;\n};\n\nexport type TPreferenceSchema = {\n  preference_code: string;\n  preference_name: string;\n  preference_category: TPreferenceCategory;\n};\n\nexport enum EClassTimeAlertLevel {\n  FIVE_MIN = '5min',\n  FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n  buttonLabel: string;\n  pageId: string;\n}\n\nexport interface ISolution {\n  media?: string;\n  media_type?: 'image' | 'video';\n  text?: string;\n}\n\nexport type TDegreeInformation = {\n  degree_name?: string;\n  field_of_study?: string;\n  degree_code?: string;\n};\n\nexport interface ITeacherProfileDetails {\n  lower_grade: string;\n  higher_grade: string;\n  header_image: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  countries: string[];\n  degree: TDegreeInformation;\n  first_name: string;\n  last_name: string;\n  teacher_profile_url?: string;\n}\n\nexport interface ISlide {\n  id: TrialPageId;\n  renderAs: 'split' | 'full';\n  renderAVIn: 'left' | 'right';\n  header: string;\n  subHeader?: string;\n  prevPage?: IButtonConfig;\n  nextPage?: IButtonConfig;\n  cues?: string[];\n  dos?: string[];\n  donts?: string[];\n  navigationLabel?: string;\n  slideTag?: string;\n  teacher_profile?: ITeacherProfileDetails;\n  solutions?: ISolution[];\n  enableSessionPerk?: boolean;\n  showProfileHighlights?: boolean;\n}\n\nexport interface TGoals {\n  goal_code?: string;\n  milestone_date_ts?: number;\n  goal_category?: string;\n  milestone_name?: string;\n  publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n  id: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  goals?: TGoals[];\n  studentProfile?: {\n    profileSummary?: string;\n    dummyProfileImageIndex?: number;\n    summaryFetched?: boolean;\n    summaryFetchFailed?: boolean;\n  };\n  userNodeId?: string;\n  nodeId?: string;\n  nodeType?: TNodeTypes;\n  attemptId?: string;\n  preferences?: TPreference[];\n  personalizedLevel?: string[];\n  personalizedFocus?: string[];\n  personalizedBehaviors?: string[];\n  personalizedObjectives?: string[];\n  isCircleGamePlayed?: boolean;\n  isCirclePuzzleSolved?: boolean;\n  isCircleSkillCompleted?: boolean;\n  studentTimezone?: string;\n  showCircleGameScreen?: boolean;\n  accuracyStr?: string;\n  totalTimeTaken?: number;\n  chapterId?: string;\n  matchmakingId?: string;\n  numberInNameError?: boolean;\n}\n\nexport interface IButtonState {\n  isDisabled: boolean;\n  isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n  pages: ISlide[];\n  demo_info: {\n    student_classroom_id: string;\n    stream: TCourseStream;\n    region_data: TRegionData;\n    course?: string;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  circle_trial_game_config: ITrialCircleConfig;\n}\n\nexport interface IClassTimeAlertConfig {\n  alertLevel: EClassTimeAlertLevel | null;\n  isVisible: boolean;\n  onComplete: () => void;\n}\n\nexport interface ITrialSessionProps {\n  countryCode?: string;\n  classStartedOn?: Date;\n  height?: string | number;\n  userType: TUserTypes;\n  studentId: string;\n  teacherId: string;\n  teacherClassroomId: string;\n  teacherPanel?: ReactElement;\n  studentPanel?: ReactElement;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: ReactElement;\n  worksheetNavigationPanel?: ReactElement;\n  questionsRatingPanel?: ReactElement;\n  studentAbsentInClass?: boolean;\n  openEndClassModal?: () => void;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  classTimeAlertConfig?: IClassTimeAlertConfig;\n  classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n  extends Pick<\n    ITrialSessionProps,\n    | 'classStartedOn'\n    | 'formData'\n    | 'teacherPanel'\n    | 'studentId'\n    | 'teacherId'\n    | 'studentPanel'\n    | 'worksheet'\n    | 'worksheetNavigationPanel'\n    | 'questionsRatingPanel'\n    | 'openEndClassModal'\n    | 'studentAbsentInClass'\n    | 'classDuration'\n    | 'classTimeAlertConfig'\n  > {\n  buttonState: { left: IButtonState; right: IButtonState };\n  isTeacher: boolean;\n  milestoneConfig: IMilestoneConfig;\n  slideConfig: ISlide;\n  updateButtonState: (\n    btnNavDir: 'left' | 'right' | 'both',\n    currentState: IButtonState | { left: IButtonState; right: IButtonState },\n  ) => void;\n  updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n  trialHomeData: ITrialHomeData;\n  onTrialInformationUpdate?: () => void;\n  circleGames: ITrialCircleGameParams;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n  trialHomeData: ITrialHomeData;\n  milestoneConfig: IMilestoneConfig;\n  studentTimezone?: string;\n  onStudentTimezoneUpdate?: () => void;\n  onTrialInformationUpdate?: () => void;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AA+BY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/ui/buttons/icon-button/icon-button.js

@@ -1,38 +1,41 @@
-import { jsx as e } from "react/jsx-runtime";
-import { memo as b, useMemo as z } from "react";
-import { useTheme as B } from "styled-components";
-import { ILLUSTRATIONS as T } from "../../../../assets/illustrations/illustrations.js";
-import $ from "../../hooks/use-click-handler.js";
-import { EDeviceType as c } from "../../theme/constants.js";
+import { jsx as o } from "react/jsx-runtime";
+import { memo as L, useMemo as z, useCallback as B } from "react";
+import { useTheme as T } from "styled-components";
+import { ILLUSTRATIONS as $ } from "../../../../assets/illustrations/illustrations.js";
+import k from "../../hooks/use-click-handler.js";
+import { EDeviceType as m } from "../../theme/constants.js";
 import { Loader as A } from "../button/button-styled.js";
-import { IconButtonWrapper as C, IconWrapper as O } from "./icon-button-styled.js";
-const h = b((m) => {
+import { IconButtonWrapper as O, IconWrapper as h } from "./icon-button-styled.js";
+const y = L((a) => {
   const {
-    Icon: l,
-    size: o,
-    sizeOnMobile: n,
+    Icon: u,
+    size: e,
+    sizeOnMobile: i,
     sizeOnTablet: r,
-    onClick: a,
-    renderAs: i,
-    disabled: u,
-    analyticsLabel: p,
-    analyticsProps: d,
-    customBgColor: f,
-    busy: I
-  } = m, { handleClick: L } = $({ analyticsLabel: p, analyticsProps: d }, a), { device: t } = B(), s = z(() => t <= c.MOBILE ? n || r || o : t <= c.TABLET && r || o, [t, o, n, r]);
-  return /* @__PURE__ */ e(
-    C,
+    onClick: d,
+    renderAs: s,
+    disabled: p,
+    analyticsLabel: f,
+    analyticsProps: b,
+    customBgColor: C,
+    busy: n
+  } = a, { handleClick: c } = k({ analyticsLabel: f, analyticsProps: b }, d), { device: t } = T(), l = z(() => t <= m.MOBILE ? i || r || e : t <= m.TABLET && r || e, [t, e, i, r]), I = B(() => {
+    if (n) return null;
+    c();
+  }, [n, c]);
+  return /* @__PURE__ */ o(
+    O,
     {
-      disabled: u,
-      $size: o,
-      $buttonRenderAs: i,
-      onClick: L,
-      $customBgColor: f,
-      children: I ? /* @__PURE__ */ e(A, { src: T.LOADER, alt: "Loader", $size: s || "small" }) : /* @__PURE__ */ e(O, { $size: s, $buttonRenderAs: i, children: /* @__PURE__ */ e(l, {}) })
+      disabled: p,
+      $size: e,
+      $buttonRenderAs: s,
+      onClick: I,
+      $customBgColor: C,
+      children: n ? /* @__PURE__ */ o(A, { src: $.LOADER, alt: "Loader", $size: l || "small" }) : /* @__PURE__ */ o(h, { $size: l, $buttonRenderAs: s, children: /* @__PURE__ */ o(u, {}) })
     }
   );
-}), x = h;
+}), W = y;
 export {
-  x as default
+  W as default
 };
 //# sourceMappingURL=icon-button.js.map

package/dist/features/ui/buttons/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport { memo, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport { EDeviceType } from '../../theme/constants';\nimport { Loader } from '../button/button-styled';\nimport * as Styled from './icon-button-styled';\n\nconst IconButton: FC<IIconButtonProps> = memo(props => {\n  const {\n    Icon,\n    size,\n    sizeOnMobile,\n    sizeOnTablet,\n    onClick,\n    renderAs,\n    disabled,\n    analyticsLabel,\n    analyticsProps,\n    customBgColor,\n    busy,\n  } = props;\n  const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n  const { device } = useTheme();\n  const renderSize = useMemo(() => {\n    if (device <= EDeviceType.MOBILE) {\n      return sizeOnMobile || sizeOnTablet || size;\n    }\n\n    if (device <= EDeviceType.TABLET) {\n      return sizeOnTablet || size;\n    }\n\n    return size;\n  }, [device, size, sizeOnMobile, sizeOnTablet]);\n\n  return (\n    <Styled.IconButtonWrapper\n      disabled={disabled}\n      $size={size}\n      $buttonRenderAs={renderAs}\n      onClick={handleClick}\n      $customBgColor={customBgColor}\n    >\n      {busy ? (\n        <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={renderSize || 'small'} />\n      ) : (\n        <Styled.IconWrapper $size={renderSize} $buttonRenderAs={renderAs}>\n          <Icon />\n        </Styled.IconWrapper>\n      )}\n    </Styled.IconButtonWrapper>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","memo","props","Icon","size","sizeOnMobile","sizeOnTablet","onClick","renderAs","disabled","analyticsLabel","analyticsProps","customBgColor","busy","handleClick","useClickHandler","device","useTheme","renderSize","useMemo","EDeviceType","jsx","Styled.IconButtonWrapper","Loader","ILLUSTRATIONS","Styled.IconWrapper","IconButton$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAAmCC,EAAK,CAASC,MAAA;AAC/C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAX,GACE,EAAE,aAAAY,MAAgBC,EAAgB,EAAE,gBAAAL,GAAgB,gBAAAC,EAAA,GAAkBJ,CAAO,GAC7E,EAAE,QAAAS,MAAWC,KACbC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBf,KAAgBC,KAAgBF,IAGrCY,KAAUI,EAAY,UACjBd,KAAgBF,GAIxB,CAACY,GAAQZ,GAAMC,GAAcC,CAAY,CAAC;AAG3C,SAAA,gBAAAe;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAb;AAAA,MACA,OAAOL;AAAA,MACP,iBAAiBI;AAAA,MACjB,SAASM;AAAA,MACT,gBAAgBF;AAAA,MAEf,UAAAC,sBACEU,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAON,KAAc,SAAS,IAE7E,gBAAAG,EAAAI,GAAA,EAAmB,OAAOP,GAAY,iBAAiBV,GACtD,UAAC,gBAAAa,EAAAlB,GAAA,CAAA,CAAK,EACR,CAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAEDuB,IAAe1B;"}
+{"version":3,"file":"icon-button.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport { memo, useCallback, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport { EDeviceType } from '../../theme/constants';\nimport { Loader } from '../button/button-styled';\nimport * as Styled from './icon-button-styled';\n\nconst IconButton: FC<IIconButtonProps> = memo(props => {\n  const {\n    Icon,\n    size,\n    sizeOnMobile,\n    sizeOnTablet,\n    onClick,\n    renderAs,\n    disabled,\n    analyticsLabel,\n    analyticsProps,\n    customBgColor,\n    busy,\n  } = props;\n  const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n  const { device } = useTheme();\n  const renderSize = useMemo(() => {\n    if (device <= EDeviceType.MOBILE) {\n      return sizeOnMobile || sizeOnTablet || size;\n    }\n\n    if (device <= EDeviceType.TABLET) {\n      return sizeOnTablet || size;\n    }\n\n    return size;\n  }, [device, size, sizeOnMobile, sizeOnTablet]);\n\n  const handleOnClick = useCallback(() => {\n    if (busy) return null;\n\n    handleClick();\n  }, [busy, handleClick]);\n\n  return (\n    <Styled.IconButtonWrapper\n      disabled={disabled}\n      $size={size}\n      $buttonRenderAs={renderAs}\n      onClick={handleOnClick}\n      $customBgColor={customBgColor}\n    >\n      {busy ? (\n        <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={renderSize || 'small'} />\n      ) : (\n        <Styled.IconWrapper $size={renderSize} $buttonRenderAs={renderAs}>\n          <Icon />\n        </Styled.IconWrapper>\n      )}\n    </Styled.IconButtonWrapper>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","memo","props","Icon","size","sizeOnMobile","sizeOnTablet","onClick","renderAs","disabled","analyticsLabel","analyticsProps","customBgColor","busy","handleClick","useClickHandler","device","useTheme","renderSize","useMemo","EDeviceType","handleOnClick","useCallback","jsx","Styled.IconButtonWrapper","Loader","ILLUSTRATIONS","Styled.IconWrapper","IconButton$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAAmCC,EAAK,CAASC,MAAA;AAC/C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAX,GACE,EAAE,aAAAY,MAAgBC,EAAgB,EAAE,gBAAAL,GAAgB,gBAAAC,EAAA,GAAkBJ,CAAO,GAC7E,EAAE,QAAAS,MAAWC,KACbC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBf,KAAgBC,KAAgBF,IAGrCY,KAAUI,EAAY,UACjBd,KAAgBF,GAIxB,CAACY,GAAQZ,GAAMC,GAAcC,CAAY,CAAC,GAEvCe,IAAgBC,EAAY,MAAM;AACtC,QAAIT,EAAa,QAAA;AAEL,IAAAC;EAAA,GACX,CAACD,GAAMC,CAAW,CAAC;AAGpB,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAf;AAAA,MACA,OAAOL;AAAA,MACP,iBAAiBI;AAAA,MACjB,SAASa;AAAA,MACT,gBAAgBT;AAAA,MAEf,UAAAC,sBACEY,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOR,KAAc,SAAS,IAE7E,gBAAAK,EAAAI,GAAA,EAAmB,OAAOT,GAAY,iBAAiBV,GACtD,UAAC,gBAAAe,EAAApB,GAAA,CAAA,CAAK,EACR,CAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAEDyB,IAAe5B;"}

package/dist/features/ui/constants/z-index.js

@@ -1,4 +1,4 @@
-const _ = {
+const E = {
   CHAPTER_CROWN_ICON: 4,
   CHAPTER_PLUS_ICON: 2,
   CHAPTER_PROGRESS_SVG: 2,
@@ -15,9 +15,11 @@ const _ = {
   DESMOS_CALCULATOR: 2,
   GOAL_CHAPTER_SHEETS_MENU: 4,
   JOURNEY_OVERLAY: 1e3,
-  CHAPTER_COMPLETED_LOTTIE: 5
+  CHAPTER_COMPLETED_LOTTIE: 5,
+  WINS_HEADER: 11
+  // Header z-index for wins dashboard
 };
 export {
-  _ as ZINDEX
+  E as ZINDEX
 };
 //# sourceMappingURL=z-index.js.map

package/dist/features/ui/constants/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n  JOURNEY_OVERLAY: 1000,\n  CHAPTER_COMPLETED_LOTTIE: 5,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,0BAA0B;AAC5B;"}
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n  JOURNEY_OVERLAY: 1000,\n  CHAPTER_COMPLETED_LOTTIE: 5,\n  WINS_HEADER: 11, // Header z-index for wins dashboard\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,aAAa;AAAA;AACf;"}

package/dist/features/ui/inputs/base-select-input/select-section/select-section.js

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { memo as u, useCallback as l } from "react";
-import b from "../../../section-list/section-list.js";
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { memo as b, useCallback as l } from "react";
+import f from "../../../section-list/section-list.js";
 import d from "../../../text/text.js";
-import { SelectOptionHeader as f, SelectOptionWrapper as A } from "./select-section-styled.js";
+import { SelectOptionHeader as x, SelectOptionWrapper as A } from "./select-section-styled.js";
 const S = ({
   sectionOptions: a,
   theme: m,
@@ -10,12 +10,12 @@ const S = ({
   onChange: c
 }) => {
   const t = m === "dark", p = l(
-    (e) => /* @__PURE__ */ o(f, { $gutterX: 1, children: /* @__PURE__ */ o(d, { $renderAs: "ac4", $color: t ? "WHITE_T_38" : "BLACK_T_38", children: e.title }) }),
+    (e) => /* @__PURE__ */ o(x, { $gutterX: 1, children: /* @__PURE__ */ o(d, { $renderAs: "ac4", $color: t ? "WHITE_T_38" : "BLACK_T_38", children: e.title }) }),
     [t]
   ), T = l(
     (e) => {
-      const { id: r, label: $, tag: s } = e, i = r === n;
-      return /* @__PURE__ */ h(
+      const { id: r, label: $, tag: i, textDecoration: h } = e, s = r === n;
+      return /* @__PURE__ */ u(
         A,
         {
           className: "base-select-input-option",
@@ -29,12 +29,13 @@ const S = ({
             /* @__PURE__ */ o(
               d,
               {
-                $renderAs: t ? i ? "ub2-bold" : "ub2" : i ? "body1Medium" : "body1",
+                $renderAs: t ? s ? "ub2-bold" : "ub2" : s ? "body1Medium" : "body1",
                 $color: t ? "WHITE_T_87" : "BLACK",
+                $textDecoration: h,
                 children: $
               }
             ),
-            s || null
+            i || null
           ]
         }
       );
@@ -42,7 +43,7 @@ const S = ({
     [n, t, c]
   );
   return /* @__PURE__ */ o(
-    b,
+    f,
     {
       data: a,
       renderSectionHeader: p,
@@ -50,7 +51,7 @@ const S = ({
       keyExtractor: ({ id: e }, r) => `${e}_${r}`
     }
   );
-}, j = u(S);
+}, j = b(S);
 export {
   j as default
 };

package/dist/features/ui/inputs/base-select-input/select-section/select-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-section.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-section/select-section.tsx"],"sourcesContent":["import type { ISectionOption } from '../../../section-list/section-list-types';\nimport type { ISelectOption } from '../base-select-input-types';\nimport type { ISelectSection } from './select-section-types';\nimport type { ReactElement } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport SectionList from '../../../section-list/section-list';\nimport Text from '../../../text/text';\nimport * as Styled from './select-section-styled';\n\nconst SelectSectionComponent = <IDType extends string | number>({\n  sectionOptions,\n  theme,\n  value,\n  onChange,\n}: ISelectSection<IDType>): ReactElement => {\n  const isDarkTheme = theme === 'dark';\n\n  const renderSectionHeader = useCallback(\n    (section: ISectionOption<ISelectOption<IDType>>) => {\n      return (\n        <Styled.SelectOptionHeader $gutterX={1}>\n          <Text $renderAs=\"ac4\" $color={isDarkTheme ? 'WHITE_T_38' : 'BLACK_T_38'}>\n            {section.title}\n          </Text>\n        </Styled.SelectOptionHeader>\n      );\n    },\n    [isDarkTheme],\n  );\n\n  const renderItem = useCallback(\n    (dataItem: ISelectOption<IDType>) => {\n      const { id, label, tag } = dataItem;\n      const selected = id === value;\n      const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n      const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n      const Tag = tag ? (tag as ReactElement) : null;\n\n      return (\n        <Styled.SelectOptionWrapper\n          className=\"base-select-input-option\"\n          onClick={() => onChange(id, dataItem)}\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $flexGapX={0.5}\n        >\n          <Text\n            $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n            $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n          >\n            {label}\n          </Text>\n\n          {Tag}\n        </Styled.SelectOptionWrapper>\n      );\n    },\n    [value, isDarkTheme, onChange],\n  );\n\n  return (\n    <SectionList<ISelectOption<IDType>>\n      data={sectionOptions}\n      renderSectionHeader={renderSectionHeader}\n      renderItem={renderItem}\n      keyExtractor={({ id }, idx) => `${id}_${idx}`}\n    />\n  );\n};\n\nconst SelectSection = memo(SelectSectionComponent) as <IDType extends string | number>(\n  props: ISelectSection<IDType>,\n) => ReactElement;\n\nexport default SelectSection;\n"],"names":["SelectSectionComponent","sectionOptions","theme","value","onChange","isDarkTheme","renderSectionHeader","useCallback","section","Styled.SelectOptionHeader","jsx","Text","renderItem","dataItem","id","label","tag","selected","jsxs","Styled.SelectOptionWrapper","SectionList","idx","SelectSection","memo"],"mappings":";;;;;AAWA,MAAMA,IAAyB,CAAiC;AAAA,EAC9D,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA4C;AAC1C,QAAMC,IAAcH,MAAU,QAExBI,IAAsBC;AAAA,IAC1B,CAACC,wBAEIC,GAAA,EAA0B,UAAU,GACnC,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAQN,IAAc,eAAe,cACxD,UAAAG,EAAQ,OACX,EACF,CAAA;AAAA,IAGJ,CAACH,CAAW;AAAA,EAAA,GAGRO,IAAaL;AAAA,IACjB,CAACM,MAAoC;AACnC,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,EAAA,IAAQH,GACrBI,IAAWH,MAAOX;AAMtB,aAAA,gBAAAe;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAMf,EAASU,GAAID,CAAQ;AAAA,UACpC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWN,IAdSY,IAAW,aAAa,QADvBA,IAAW,gBAAgB;AAAA,gBAgBhD,QAAQZ,IAAc,eAAe;AAAA,gBAEpC,UAAAU;AAAA,cAAA;AAAA,YACH;AAAA,YAjBQC,KAA8B;AAAA,UAmBrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAAA,IACA,CAACb,GAAOE,GAAaD,CAAQ;AAAA,EAAA;AAI7B,SAAA,gBAAAM;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,MAAMnB;AAAA,MACN,qBAAAK;AAAA,MACA,YAAAM;AAAA,MACA,cAAc,CAAC,EAAE,IAAAE,KAAMO,MAAQ,GAAGP,CAAE,IAAIO,CAAG;AAAA,IAAA;AAAA,EAAA;AAGjD,GAEMC,IAAgBC,EAAKvB,CAAsB;"}
+{"version":3,"file":"select-section.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-section/select-section.tsx"],"sourcesContent":["import type { ISectionOption } from '../../../section-list/section-list-types';\nimport type { ISelectOption } from '../base-select-input-types';\nimport type { ISelectSection } from './select-section-types';\nimport type { ReactElement } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport SectionList from '../../../section-list/section-list';\nimport Text from '../../../text/text';\nimport * as Styled from './select-section-styled';\n\nconst SelectSectionComponent = <IDType extends string | number>({\n  sectionOptions,\n  theme,\n  value,\n  onChange,\n}: ISelectSection<IDType>): ReactElement => {\n  const isDarkTheme = theme === 'dark';\n\n  const renderSectionHeader = useCallback(\n    (section: ISectionOption<ISelectOption<IDType>>) => {\n      return (\n        <Styled.SelectOptionHeader $gutterX={1}>\n          <Text $renderAs=\"ac4\" $color={isDarkTheme ? 'WHITE_T_38' : 'BLACK_T_38'}>\n            {section.title}\n          </Text>\n        </Styled.SelectOptionHeader>\n      );\n    },\n    [isDarkTheme],\n  );\n\n  const renderItem = useCallback(\n    (dataItem: ISelectOption<IDType>) => {\n      const { id, label, tag, textDecoration } = dataItem;\n      const selected = id === value;\n      const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n      const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n      const Tag = tag ? (tag as ReactElement) : null;\n\n      return (\n        <Styled.SelectOptionWrapper\n          className=\"base-select-input-option\"\n          onClick={() => onChange(id, dataItem)}\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $flexGapX={0.5}\n        >\n          <Text\n            $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n            $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n            $textDecoration={textDecoration}\n          >\n            {label}\n          </Text>\n\n          {Tag}\n        </Styled.SelectOptionWrapper>\n      );\n    },\n    [value, isDarkTheme, onChange],\n  );\n\n  return (\n    <SectionList<ISelectOption<IDType>>\n      data={sectionOptions}\n      renderSectionHeader={renderSectionHeader}\n      renderItem={renderItem}\n      keyExtractor={({ id }, idx) => `${id}_${idx}`}\n    />\n  );\n};\n\nconst SelectSection = memo(SelectSectionComponent) as <IDType extends string | number>(\n  props: ISelectSection<IDType>,\n) => ReactElement;\n\nexport default SelectSection;\n"],"names":["SelectSectionComponent","sectionOptions","theme","value","onChange","isDarkTheme","renderSectionHeader","useCallback","section","Styled.SelectOptionHeader","jsx","Text","renderItem","dataItem","id","label","tag","textDecoration","selected","jsxs","Styled.SelectOptionWrapper","SectionList","idx","SelectSection","memo"],"mappings":";;;;;AAWA,MAAMA,IAAyB,CAAiC;AAAA,EAC9D,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA4C;AAC1C,QAAMC,IAAcH,MAAU,QAExBI,IAAsBC;AAAA,IAC1B,CAACC,wBAEIC,GAAA,EAA0B,UAAU,GACnC,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAQN,IAAc,eAAe,cACxD,UAAAG,EAAQ,OACX,EACF,CAAA;AAAA,IAGJ,CAACH,CAAW;AAAA,EAAA,GAGRO,IAAaL;AAAA,IACjB,CAACM,MAAoC;AACnC,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,GAAK,gBAAAC,MAAmBJ,GACrCK,IAAWJ,MAAOX;AAMtB,aAAA,gBAAAgB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAMhB,EAASU,GAAID,CAAQ;AAAA,UACpC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWN,IAdSa,IAAW,aAAa,QADvBA,IAAW,gBAAgB;AAAA,gBAgBhD,QAAQb,IAAc,eAAe;AAAA,gBACrC,iBAAiBY;AAAA,gBAEhB,UAAAF;AAAA,cAAA;AAAA,YACH;AAAA,YAlBQC,KAA8B;AAAA,UAoBrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAAA,IACA,CAACb,GAAOE,GAAaD,CAAQ;AAAA,EAAA;AAI7B,SAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,MAAMpB;AAAA,MACN,qBAAAK;AAAA,MACA,YAAAM;AAAA,MACA,cAAc,CAAC,EAAE,IAAAE,KAAMQ,MAAQ,GAAGR,CAAE,IAAIQ,CAAG;AAAA,IAAA;AAAA,EAAA;AAGjD,GAEMC,IAAgBC,EAAKxB,CAAsB;"}

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list-styled.js

@@ -1,15 +1,10 @@
 import r from "styled-components";
-const i = r.div`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-`, a = r.div(({ theme: t, $numColumns: e }) => `
+const p = r.div(({ theme: t, $numColumns: e }) => `
     display: flex;
     align-items: center;
     flex-basis: calc((100% - ${t.layout.gutter * 1.5 * (e - 1)}px)/${e});
   `);
 export {
-  i as CheckboxInputListWrapper,
-  a as CheckboxOptionWrapper
+  p as CheckboxOptionWrapper
 };
 //# sourceMappingURL=checkbox-input-list-styled.js.map

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input-list-styled.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst CheckboxInputListWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n`;\n\ninterface ICheckboxOptionProps {\n  $numColumns: number;\n}\n\nconst CheckboxOptionWrapper = styled.div<ICheckboxOptionProps>(({ theme, $numColumns }) => {\n  return `\n    display: flex;\n    align-items: center;\n    flex-basis: calc((100% - ${theme.layout.gutter * 1.5 * ($numColumns - 1)}px)/${$numColumns});\n  `;\n});\n\nexport { CheckboxInputListWrapper, CheckboxOptionWrapper };\n"],"names":["CheckboxInputListWrapper","styled","CheckboxOptionWrapper","theme","$numColumns"],"mappings":";AAEA,MAAMA,IAA2BC,EAAO;AAAA;AAAA;AAAA;AAAA,GAUlCC,IAAwBD,EAAO,IAA0B,CAAC,EAAE,OAAAE,GAAO,aAAAC,QAChE;AAAA;AAAA;AAAA,+BAGsBD,EAAM,OAAO,SAAS,OAAOC,IAAc,EAAE,OAAOA,CAAW;AAAA,GAE7F;"}
+{"version":3,"file":"checkbox-input-list-styled.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ninterface ICheckboxOptionProps {\n  $numColumns: number;\n}\n\nconst CheckboxOptionWrapper = styled.div<ICheckboxOptionProps>(({ theme, $numColumns }) => {\n  return `\n    display: flex;\n    align-items: center;\n    flex-basis: calc((100% - ${theme.layout.gutter * 1.5 * ($numColumns - 1)}px)/${$numColumns});\n  `;\n});\n\nexport { CheckboxOptionWrapper };\n"],"names":["CheckboxOptionWrapper","styled","theme","$numColumns"],"mappings":";AAMA,MAAMA,IAAwBC,EAAO,IAA0B,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAChE;AAAA;AAAA;AAAA,+BAGsBD,EAAM,OAAO,SAAS,OAAOC,IAAc,EAAE,OAAOA,CAAW;AAAA,GAE7F;"}