@cuemath/leap 3.5.59 → 3.5.60-link0

package/dist/features/trial-session/comps/background-grid/background-grid-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-grid-utils.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-utils.ts"],"sourcesContent":["import { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\nimport type { TColoredBox } from './background-grid-types';\n\nconst theme = getTheme();\nconst {\n  BLACK_T_08,\n  WHITE_3,\n  WHITE_4,\n  WHITE_5,\n  GREEN_1,\n  GREEN_2,\n  ORANGE_1,\n  ORANGE_2,\n  BLUE_1,\n  BLUE_2,\n  BLUE_3,\n  PURPLE_1,\n  PURPLE_2,\n  YELLOW_1,\n  YELLOW_2,\n} = theme.colors;\n\nexport const getColoredBoxPosition = (slideId?: TrialPageId): TColoredBox[] | undefined => {\n  if (!slideId) return;\n\n  const positions: Partial<Record<TrialPageId, TColoredBox[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 3, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 6, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_INFORMATION]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 17, yAxis: 3, bgColor: BLUE_1 },\n      { xAxis: 1, yAxis: 9, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 8, bgColor: BLUE_2 },\n    ],\n    [TrialPageId.LEARNING_LEVEL]: [\n      { xAxis: 3, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.STUDENT_LEVEL]: [\n      { xAxis: 2, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.SCHOOL_GOALS]: [\n      { xAxis: 2, yAxis: 1, bgColor: PURPLE_2 },\n      { xAxis: 16, yAxis: 0, bgColor: PURPLE_1 },\n      { xAxis: 1, yAxis: 8, bgColor: PURPLE_1 },\n      { xAxis: 17, yAxis: 10, bgColor: PURPLE_2 },\n    ],\n    [TrialPageId.TEST_PREP]: [\n      { xAxis: 3, yAxis: 0, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 0, yAxis: 9, bgColor: BLUE_2 },\n      { xAxis: 18, yAxis: 8, bgColor: BLUE_1 },\n    ],\n    [TrialPageId.STUDENT_ENRICHMENT]: [\n      { xAxis: 0, yAxis: 1, bgColor: ORANGE_1 },\n      { xAxis: 14, yAxis: 1, bgColor: ORANGE_2 },\n      { xAxis: 3, yAxis: 11, bgColor: ORANGE_2 },\n      { xAxis: 12, yAxis: 12, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_PERSONALIZATION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 14, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.ADDITIONAL_INFO]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 0, bgColor: WHITE_3 },\n      { xAxis: 2, yAxis: 12, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 11, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.STUDENT_PROFILE]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.PARENT_APP]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 14, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 1, yAxis: 10, bgColor: BLUE_3 },\n      { xAxis: 17, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_SUMMARY]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 8, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.PRICING]: [\n      { xAxis: 2, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 2, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 8, bgColor: GREEN_2 },\n    ],\n    [TrialPageId.SESSION_INSIGHTS]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.SESSION_REPORT]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.CLASS_PREFERENCE]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 2, yAxis: 9, bgColor: YELLOW_1 },\n      { xAxis: 17, yAxis: 8, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.WELCOME_CUEMATH]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.TEACHER_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.STUDENT_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.COMPLETED_WORKSHEET]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.WELCOME_BACK]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.THANK_YOU]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n  };\n\n  return positions[slideId];\n};\n"],"names":["theme","getTheme","BLACK_T_08","WHITE_3","WHITE_4","WHITE_5","GREEN_1","GREEN_2","ORANGE_1","ORANGE_2","BLUE_1","BLUE_2","BLUE_3","PURPLE_1","PURPLE_2","YELLOW_1","YELLOW_2","getColoredBoxPosition","slideId","TrialPageId"],"mappings":"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"}
+{"version":3,"file":"background-grid-utils.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-utils.ts"],"sourcesContent":["import { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\nimport type { TColoredBox } from './background-grid-types';\n\nconst theme = getTheme();\nconst {\n  BLACK_T_08,\n  WHITE_3,\n  WHITE_4,\n  WHITE_5,\n  GREEN_1,\n  GREEN_2,\n  ORANGE_1,\n  ORANGE_2,\n  BLUE_1,\n  BLUE_2,\n  BLUE_3,\n  PURPLE_1,\n  PURPLE_2,\n  YELLOW_1,\n  YELLOW_2,\n} = theme.colors;\n\nexport const getColoredBoxPosition = (slideId?: TrialPageId): TColoredBox[] | undefined => {\n  if (!slideId) return;\n\n  const positions: Partial<Record<TrialPageId, TColoredBox[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 3, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 6, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_INFORMATION]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.LEARNING_LEVEL]: [\n      { xAxis: 3, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.STUDENT_LEVEL]: [\n      { xAxis: 2, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 6, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.SCHOOL_GOALS]: [\n      { xAxis: 2, yAxis: 1, bgColor: PURPLE_2 },\n      { xAxis: 16, yAxis: 0, bgColor: PURPLE_1 },\n      { xAxis: 0, yAxis: 8, bgColor: PURPLE_1 },\n      { xAxis: 17, yAxis: 10, bgColor: PURPLE_2 },\n    ],\n    [TrialPageId.TEST_PREP]: [\n      { xAxis: 3, yAxis: 0, bgColor: BLUE_1 },\n      { xAxis: 16, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 0, yAxis: 9, bgColor: BLUE_2 },\n      { xAxis: 18, yAxis: 8, bgColor: BLUE_1 },\n    ],\n    [TrialPageId.STUDENT_ENRICHMENT]: [\n      { xAxis: 0, yAxis: 1, bgColor: ORANGE_1 },\n      { xAxis: 14, yAxis: 1, bgColor: ORANGE_2 },\n      { xAxis: 3, yAxis: 11, bgColor: ORANGE_2 },\n      { xAxis: 12, yAxis: 12, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.STUDENT_PERSONALIZATION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 14, yAxis: 0, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.TOPIC_SELECTION]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 13, yAxis: 2, bgColor: GREEN_2 },\n      { xAxis: 0, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 12, yAxis: 12, bgColor: GREEN_1 },\n    ],\n    [TrialPageId.ADDITIONAL_INFO]: [\n      { xAxis: 2, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 0, bgColor: WHITE_3 },\n      { xAxis: 2, yAxis: 12, bgColor: BLACK_T_08 },\n      { xAxis: 13, yAxis: 11, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.STUDENT_PROFILE]: [\n      { xAxis: 3, yAxis: 1, bgColor: WHITE_3 },\n      { xAxis: 14, yAxis: 1, bgColor: BLACK_T_08 },\n      { xAxis: 1, yAxis: 7, bgColor: BLACK_T_08 },\n      { xAxis: 17, yAxis: 9, bgColor: WHITE_3 },\n    ],\n    [TrialPageId.PARENT_APP]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 14, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 1, yAxis: 10, bgColor: BLUE_3 },\n      { xAxis: 17, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_PROGRESS_SUMMARY]: [\n      { xAxis: 1, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 13, yAxis: 0, bgColor: ORANGE_1 },\n      { xAxis: 3, yAxis: 13, bgColor: BLUE_3 },\n      { xAxis: 15, yAxis: 9, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.SESSION_SUMMARY]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 14, yAxis: 1, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 10, bgColor: GREEN_1 },\n      { xAxis: 16, yAxis: 8, bgColor: ORANGE_1 },\n    ],\n    [TrialPageId.PRICING]: [\n      { xAxis: 2, yAxis: 1, bgColor: GREEN_2 },\n      { xAxis: 16, yAxis: 2, bgColor: GREEN_1 },\n      { xAxis: 2, yAxis: 9, bgColor: GREEN_1 },\n      { xAxis: 17, yAxis: 8, bgColor: GREEN_2 },\n    ],\n    [TrialPageId.SESSION_INSIGHTS]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.SESSION_REPORT]: [\n      { xAxis: 1, yAxis: 1, bgColor: BLUE_2 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 1, yAxis: 9, bgColor: ORANGE_1 },\n      { xAxis: 17, yAxis: 8, bgColor: PURPLE_1 },\n    ],\n    [TrialPageId.CLASS_PREFERENCE]: [\n      { xAxis: 2, yAxis: 1, bgColor: YELLOW_1 },\n      { xAxis: 16, yAxis: 1, bgColor: YELLOW_2 },\n      { xAxis: 2, yAxis: 9, bgColor: YELLOW_1 },\n      { xAxis: 17, yAxis: 8, bgColor: YELLOW_1 },\n    ],\n    [TrialPageId.WELCOME_CUEMATH]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.TEACHER_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.STUDENT_INTRO]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.COMPLETED_WORKSHEET]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.WELCOME_BACK]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n    [TrialPageId.THANK_YOU]: [\n      { xAxis: 2, yAxis: 0, bgColor: WHITE_4 },\n      { xAxis: 16, yAxis: 1, bgColor: WHITE_5 },\n      { xAxis: 3, yAxis: 9, bgColor: WHITE_5 },\n      { xAxis: 17, yAxis: 10, bgColor: WHITE_4 },\n    ],\n  };\n\n  return positions[slideId];\n};\n"],"names":["theme","getTheme","BLACK_T_08","WHITE_3","WHITE_4","WHITE_5","GREEN_1","GREEN_2","ORANGE_1","ORANGE_2","BLUE_1","BLUE_2","BLUE_3","PURPLE_1","PURPLE_2","YELLOW_1","YELLOW_2","getColoredBoxPosition","slideId","TrialPageId"],"mappings":"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"}

package/dist/features/trial-session/comps/class-preference/class-preference-styled.js

@@ -1,15 +1,8 @@
-import r from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-const e = r.div`
-  width: 100%;
-  height: 100%;
-`, n = r(o)`
-  width: 650px;
-  margin: auto;
-  position: relative;
-`, p = r.div(
+import o from "styled-components";
+import { RIGHT_PANEL_CONTENT_WIDTH as r } from "../../trial-session-constants.js";
+const i = o.div(
   ({ theme: t }) => `
-  width: 600px;
+  width: ${r - 150}px;
   height: ${t.layout.gutter * 2.25}px;
   position: absolute;
   top: -${t.layout.gutter * 1.25}px;
@@ -19,8 +12,6 @@ const e = r.div`
   `
 );
 export {
-  e as Container,
-  p as FixedLineSeparator,
-  n as PreferenceWrapper
+  i as FixedLineSeparator
 };
 //# sourceMappingURL=class-preference-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"class-preference-styled.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst PreferenceWrapper = styled(FlexView)`\n  width: 650px;\n  margin: auto;\n  position: relative;\n`;\n\nconst FixedLineSeparator = styled.div(\n  ({ theme }) => `\n  width: 600px;\n  height: ${theme.layout.gutter * 2.25}px;\n  position: absolute;\n  top: -${theme.layout.gutter * 1.25}px;\n  background-image: none, linear-gradient(90deg, ${theme.colors.BLACK_1} 1px, transparent 1px);\n  background-size: ${theme.layout.gutter * 3.125}px ${theme.layout.gutter * 3.125}px;\n  transform: translateX(-${theme.layout.gutter * 1.625}px)\n  `,\n);\n\nexport { Container, PreferenceWrapper, FixedLineSeparator };\n"],"names":["Container","styled","PreferenceWrapper","FlexView","FixedLineSeparator","theme"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAoBD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMnCC,IAAqBH,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA;AAAA,YAELA,EAAM,OAAO,SAAS,IAAI;AAAA;AAAA,UAE5BA,EAAM,OAAO,SAAS,IAAI;AAAA,mDACeA,EAAM,OAAO,OAAO;AAAA,qBAClDA,EAAM,OAAO,SAAS,KAAK,MAAMA,EAAM,OAAO,SAAS,KAAK;AAAA,2BACtDA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD;"}
+{"version":3,"file":"class-preference-styled.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst FixedLineSeparator = styled.div(\n  ({ theme }) => `\n  width: ${RIGHT_PANEL_CONTENT_WIDTH - 150}px;\n  height: ${theme.layout.gutter * 2.25}px;\n  position: absolute;\n  top: -${theme.layout.gutter * 1.25}px;\n  background-image: none, linear-gradient(90deg, ${theme.colors.BLACK_1} 1px, transparent 1px);\n  background-size: ${theme.layout.gutter * 3.125}px ${theme.layout.gutter * 3.125}px;\n  transform: translateX(-${theme.layout.gutter * 1.625}px)\n  `,\n);\n\nexport { FixedLineSeparator };\n"],"names":["FixedLineSeparator","styled","theme","RIGHT_PANEL_CONTENT_WIDTH"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,WACNC,IAA4B,GAAG;AAAA,YAC9BD,EAAM,OAAO,SAAS,IAAI;AAAA;AAAA,UAE5BA,EAAM,OAAO,SAAS,IAAI;AAAA,mDACeA,EAAM,OAAO,OAAO;AAAA,qBAClDA,EAAM,OAAO,SAAS,KAAK,MAAMA,EAAM,OAAO,SAAS,KAAK;AAAA,2BACtDA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD;"}

package/dist/features/trial-session/comps/class-preference/class-preference.js

@@ -1,65 +1,67 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { memo as j, useMemo as W, useCallback as z, useEffect as _ } from "react";
-import { DAYS as h } from "../../../../constants/date-time.js";
-import { getTimeUnits as M, getOffsetBetweenTimezone as Y, convertEpochToDateTime as b, convertToMilliseconds as K } from "../../../../helpers/date-time.js";
+import { memo as F, useMemo as N, useCallback as W, useEffect as x } from "react";
+import { DAYS as T } from "../../../../constants/date-time.js";
+import { getTimeUnits as z, getOffsetBetweenTimezone as M, convertEpochToDateTime as b, convertToMilliseconds as R } from "../../../../helpers/date-time.js";
 import A from "../../../ui/inputs/select-input/select-input.js";
-import T from "../../../ui/layout/flex-view.js";
-import R from "../../../ui/separator/separator.js";
-import q from "../../../ui/text/text.js";
-import { useTrialSessionContext as G } from "../../context/use-trial-session-context.js";
-import { isPLASource as N } from "../../helper.js";
-import { TEACHER_TIMEZONE as L } from "../../trial-session-constants.js";
-import U from "../slide-header/index.js";
-import { timeSlots as Z } from "./class-preference-constants.js";
-import { Container as J, PreferenceWrapper as Q, FixedLineSeparator as V } from "./class-preference-styled.js";
-import { extractDayAndTimeFromEpoch as ee } from "./helpers.js";
+import l from "../../../ui/layout/flex-view.js";
+import Y from "../../../ui/separator/separator.js";
+import G from "../../../ui/text/text.js";
+import { useTrialSessionContext as K } from "../../context/use-trial-session-context.js";
+import { isPLASource as q } from "../../helper.js";
+import { TEACHER_TIMEZONE as L, RIGHT_PANEL_CONTENT_WIDTH as U } from "../../trial-session-constants.js";
+import Z from "../slide-header/index.js";
+import { timeSlots as J } from "./class-preference-constants.js";
+import { FixedLineSeparator as Q } from "./class-preference-styled.js";
+import { extractDayAndTimeFromEpoch as V } from "./helpers.js";
 const y = [
   { id: 1, selectedDay: "", selectedTime: "" },
   { id: 2, selectedDay: "", selectedTime: "" }
-], De = j(function({ miniScreenDevice: S }) {
-  const { isTeacher: o, formData: E, trialHomeData: I, updateSlideConfig: f, updateButtonState: g } = G(), { preferences: r, studentTimezone: s } = E || {}, { demo_info: P, intel_student: u } = I || {}, { scheduled_start_time: D } = P || {}, X = h.map((e) => ({ id: e, label: e })), $ = o ? L : s, l = W(
-    () => o && s ? ee(D, s) : void 0,
-    [o, D, s]
-  ), C = !!(!N(u == null ? void 0 : u.source) || r && r.length > 0 && r.every((e) => e.selectedDay && e.selectedTime)), x = (e, t, i) => {
-    f({
-      preferences: (r ?? y).map(
+], ge = F(function({ miniScreenDevice: E }) {
+  const { isTeacher: r, formData: S, trialHomeData: I, updateSlideConfig: u, updateButtonState: g } = K(), { preferences: o, studentTimezone: s } = S || {}, { demo_info: P, intel_student: h } = I || {}, { scheduled_start_time: $ } = P || {}, w = T.map((e) => ({ id: e, label: e })), D = r ? L : s, p = N(
+    () => r && s ? V($, s) : void 0,
+    [r, $, s]
+  ), C = !!(!q(h == null ? void 0 : h.source) || o && o.length > 0 && o.every((e) => e.selectedDay && e.selectedTime)), _ = (e, t, i) => {
+    u({
+      preferences: (o ?? y).map(
         (n) => n.id === e ? { ...n, [t]: i } : n
       )
     });
+  }, O = (e, t) => {
+    _(e, "selectedDay", t);
   }, k = (e, t) => {
-    x(e, "selectedDay", t);
-  }, w = (e, t) => {
-    x(e, "selectedTime", t);
-  }, O = z(
+    _(e, "selectedTime", t);
+  }, v = W(
     (e, t) => {
       if (e && t && s) {
-        const { hours: i, minutes: n } = M(t), d = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), p = Y(L, s), a = o ? d + p : d, { day: v = "" } = b(a, s), B = h.indexOf(v), F = (h.indexOf(e) - B + 7) % 7, H = a + K({ days: F, hours: i, minutes: n });
-        return b(H, $);
+        const { hours: i, minutes: n } = z(t), d = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), f = M(L, s), a = r ? d + f : d, { day: H = "" } = b(a, s), X = T.indexOf(H), j = (T.indexOf(e) - X + 7) % 7, B = a + R({ days: j, hours: i, minutes: n });
+        return b(B, D);
       }
       return {};
     },
-    [o, s, $]
+    [r, s, D]
   );
-  return _(() => {
-    if (o && (!r || !Array.isArray(r) || r.length === 0)) {
+  return x(() => {
+    if (r && (!o || !Array.isArray(o) || o.length === 0)) {
       let e = y;
-      l && (e = y.map(
+      p && (e = y.map(
         (t) => t.id === 1 ? {
           ...t,
-          selectedDay: l.day,
-          selectedTime: l.time
+          selectedDay: p.day,
+          selectedTime: p.time
         } : t
-      )), f({ preferences: e });
+      )), u({ preferences: e });
     }
-  }, [o, r, l, f]), _(() => {
+  }, [r, o, p, u]), x(() => {
     g("right", { isDisabled: !C, isLoading: !1 });
-  }, [C, g]), /* @__PURE__ */ m(J, { children: [
-    /* @__PURE__ */ c(R, { height: 60 }),
-    /* @__PURE__ */ c(U, {}),
+  }, [C, g]), /* @__PURE__ */ m(l, { $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ c(Y, { height: 60 }),
+    /* @__PURE__ */ c(Z, {}),
     /* @__PURE__ */ m(
-      Q,
+      l,
       {
-        $gapX: S ? 2.2 : 3.75,
+        $width: U - 100,
+        $position: "relative",
+        $gapX: E ? 2.2 : 3.75,
         $gutterX: 4.6875,
         $background: "YELLOW_4",
         $borderColor: "BLACK_1",
@@ -67,22 +69,22 @@ const y = [
         $justifyContent: "space-between",
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ c(V, {}),
-          r == null ? void 0 : r.map((e) => {
-            const { id: t, selectedDay: i, selectedTime: n } = e, { day: d, time: p } = O(i, n);
-            return /* @__PURE__ */ m(T, { $widthX: 15, $background: "YELLOW_1", $borderColor: "BLACK_1", children: [
-              /* @__PURE__ */ m(T, { $gapX: 1.65, $gutterX: 2, $flexGapX: 0.25, children: [
+          /* @__PURE__ */ c(Q, {}),
+          o == null ? void 0 : o.map((e) => {
+            const { id: t, selectedDay: i, selectedTime: n } = e, { day: d, time: f } = v(i, n);
+            return /* @__PURE__ */ m(l, { $width: 213, $background: "YELLOW_1", $borderColor: "BLACK_1", children: [
+              /* @__PURE__ */ m(l, { $gapX: 1.65, $gutterX: 2, $flexGapX: 0.25, children: [
                 /* @__PURE__ */ c(
                   A,
                   {
                     renderAs: "primary",
                     label: `Day ${t}`,
                     value: i,
-                    options: X,
+                    options: w,
                     theme: "dark",
                     shape: "borderLess",
                     isTransparent: !0,
-                    onChange: (a) => k(t, a)
+                    onChange: (a) => O(t, a)
                   }
                 ),
                 /* @__PURE__ */ c(
@@ -91,27 +93,27 @@ const y = [
                     renderAs: "primary",
                     label: "Time",
                     value: n,
-                    options: Z,
+                    options: J,
                     shape: "borderLess",
                     isTransparent: !0,
                     theme: "dark",
-                    onChange: (a) => w(t, a)
+                    onChange: (a) => k(t, a)
                   }
                 )
               ] }),
               /* @__PURE__ */ c(
-                T,
+                l,
                 {
                   $heightX: 3.125,
                   $gutterX: 2,
                   $justifyContent: "center",
                   $background: "WHITE_T_60",
-                  children: o ? /* @__PURE__ */ m(q, { $renderAs: "ac4-black", $align: "center", children: [
+                  children: r ? /* @__PURE__ */ m(G, { $renderAs: "ac4-black", $align: "center", children: [
                     d ? d.slice(0, 3) : "__",
                     ", ",
-                    p || "__",
+                    f || "__",
                     " ",
-                    o ? "(IST)" : ""
+                    r ? "(IST)" : ""
                   ] }) : null
                 }
               )
@@ -123,6 +125,6 @@ const y = [
   ] });
 });
 export {
-  De as default
+  ge as default
 };
 //# sourceMappingURL=class-preference.js.map

package/dist/features/trial-session/comps/class-preference/class-preference.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\nimport type { IClassPreference, TPreference } from './class-preference-types';\nimport { extractDayAndTimeFromEpoch } from './helpers';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(function ClassPreference({ miniScreenDevice }) {\n  const { isTeacher, formData, trialHomeData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData || {};\n  const { scheduled_start_time: scheduledStartTime } = demoInfo || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const preSelectedDateTimeFromEpoch = useMemo(\n    () =>\n      isTeacher && studentTimezone\n        ? extractDayAndTimeFromEpoch(scheduledStartTime, studentTimezone)\n        : undefined,\n    [isTeacher, scheduledStartTime, studentTimezone],\n  );\n\n  const isPLA = isPLASource(intelStudent?.source);\n  const hasRequiredFields = Boolean(\n    isPLA\n      ? preferences &&\n          preferences.length > 0 &&\n          preferences.every(preference => preference.selectedDay && preference.selectedTime)\n      : true,\n  );\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    // Only set preferences if teacher and preferences are not set\n    if (isTeacher && (!preferences || !Array.isArray(preferences) || preferences.length === 0)) {\n      let newPreferences = defaultPreferences;\n\n      if (preSelectedDateTimeFromEpoch) {\n        newPreferences = defaultPreferences.map((preference: TPreference) =>\n          preference.id === 1\n            ? {\n                ...preference,\n                selectedDay: preSelectedDateTimeFromEpoch.day,\n                selectedTime: preSelectedDateTimeFromEpoch.time,\n              }\n            : preference,\n        );\n      }\n      updateSlideConfig({ preferences: newPreferences });\n    }\n  }, [isTeacher, preferences, preSelectedDateTimeFromEpoch, updateSlideConfig]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","trialHomeData","updateSlideConfig","updateButtonState","useTrialSessionContext","preferences","studentTimezone","demoInfo","intelStudent","scheduledStartTime","daySlots","DAYS","day","timezone","teacherTimezone","preSelectedDateTimeFromEpoch","useMemo","extractDayAndTimeFromEpoch","hasRequiredFields","isPLASource","preference","handlePreferenceChange","id","field","value","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","newPreferences","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}
+{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource } from '../../helper';\nimport {\n  RIGHT_PANEL_CONTENT_WIDTH,\n  TEACHER_TIMEZONE as teacherTimezone,\n} from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\nimport type { IClassPreference, TPreference } from './class-preference-types';\nimport { extractDayAndTimeFromEpoch } from './helpers';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(function ClassPreference({ miniScreenDevice }) {\n  const { isTeacher, formData, trialHomeData, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData || {};\n  const { scheduled_start_time: scheduledStartTime } = demoInfo || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const preSelectedDateTimeFromEpoch = useMemo(\n    () =>\n      isTeacher && studentTimezone\n        ? extractDayAndTimeFromEpoch(scheduledStartTime, studentTimezone)\n        : undefined,\n    [isTeacher, scheduledStartTime, studentTimezone],\n  );\n\n  const isPLA = isPLASource(intelStudent?.source);\n  const hasRequiredFields = Boolean(\n    isPLA\n      ? preferences &&\n          preferences.length > 0 &&\n          preferences.every(preference => preference.selectedDay && preference.selectedTime)\n      : true,\n  );\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    // Only set preferences if teacher and preferences are not set\n    if (isTeacher && (!preferences || !Array.isArray(preferences) || preferences.length === 0)) {\n      let newPreferences = defaultPreferences;\n\n      if (preSelectedDateTimeFromEpoch) {\n        newPreferences = defaultPreferences.map((preference: TPreference) =>\n          preference.id === 1\n            ? {\n                ...preference,\n                selectedDay: preSelectedDateTimeFromEpoch.day,\n                selectedTime: preSelectedDateTimeFromEpoch.time,\n              }\n            : preference,\n        );\n      }\n      updateSlideConfig({ preferences: newPreferences });\n    }\n  }, [isTeacher, preferences, preSelectedDateTimeFromEpoch, updateSlideConfig]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView\n        $width={RIGHT_PANEL_CONTENT_WIDTH - 100}\n        $position=\"relative\"\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $width={213} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","trialHomeData","updateSlideConfig","updateButtonState","useTrialSessionContext","preferences","studentTimezone","demoInfo","intelStudent","scheduledStartTime","daySlots","DAYS","day","timezone","teacherTimezone","preSelectedDateTimeFromEpoch","useMemo","extractDayAndTimeFromEpoch","hasRequiredFields","isPLASource","preference","handlePreferenceChange","id","field","value","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","newPreferences","jsxs","FlexView","jsx","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","Styled.FixedLineSeparator","selectedDay","selectedTime","time","SelectInput","timeSlots","Text"],"mappings":"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"}

package/dist/features/trial-session/comps/communication-slide/communication-slide-constants.js

@@ -1,10 +1,11 @@
 import { TrialPageId as t } from "../../trial-session-constants.js";
-const o = [
+const E = [
   t.WELCOME_CUEMATH,
   t.WELCOME_BACK,
+  t.STUDENT_INTRO,
   t.THANK_YOU
 ];
 export {
-  o as pagesWithAboutCuemathData
+  E as pagesWithAboutCuemathData
 };
 //# sourceMappingURL=communication-slide-constants.js.map

package/dist/features/trial-session/comps/communication-slide/communication-slide-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"communication-slide-constants.js","sources":["../../../../../src/features/trial-session/comps/communication-slide/communication-slide-constants.ts"],"sourcesContent":["import { TrialPageId } from '../../trial-session-constants';\n\nconst pagesWithAboutCuemathData = [\n  TrialPageId.WELCOME_CUEMATH,\n  TrialPageId.WELCOME_BACK,\n  TrialPageId.THANK_YOU,\n];\n\nexport { pagesWithAboutCuemathData };\n"],"names":["pagesWithAboutCuemathData","TrialPageId"],"mappings":";AAEA,MAAMA,IAA4B;AAAA,EAChCC,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd;"}
+{"version":3,"file":"communication-slide-constants.js","sources":["../../../../../src/features/trial-session/comps/communication-slide/communication-slide-constants.ts"],"sourcesContent":["import { TrialPageId } from '../../trial-session-constants';\n\nconst pagesWithAboutCuemathData = [\n  TrialPageId.WELCOME_CUEMATH,\n  TrialPageId.WELCOME_BACK,\n  TrialPageId.STUDENT_INTRO,\n  TrialPageId.THANK_YOU,\n];\n\nexport { pagesWithAboutCuemathData };\n"],"names":["pagesWithAboutCuemathData","TrialPageId"],"mappings":";AAEA,MAAMA,IAA4B;AAAA,EAChCC,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd;"}

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js

@@ -1,43 +1,43 @@
-import { useState as E, useRef as M, useCallback as s, useMemo as T, useEffect as f } from "react";
-import { useTrialSessionContext as g } from "../../../context/use-trial-session-context.js";
-import { TrialPageId as i } from "../../../trial-session-constants.js";
-const p = 500, h = () => {
-  const [m, l] = E(!1), { slideConfig: d, formData: C, updateSlideConfig: t } = g(), { id: o } = d, { confirmationModalActive: a } = C || {}, e = M(null), n = s(() => {
+import { useState as p, useRef as C, useCallback as i, useMemo as N, useEffect as m } from "react";
+import { useTrialSessionContext as E } from "../../../context/use-trial-session-context.js";
+import { TrialPageId as s } from "../../../trial-session-constants.js";
+const M = 500, O = () => {
+  const [d, a] = p(!1), { slideConfig: T, formData: A, demoType: g, updateSlideConfig: t } = E(), { id: n } = T, { confirmationModalActive: c } = A || {}, e = C(null), o = g === "TRIAL_V3", r = i(() => {
     e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-      l(!1), e.current = null;
-    }, p);
-  }, []), c = s(() => {
-    switch (o) {
-      case i.LEARNING_WORKSHEET:
+      a(!1), e.current = null;
+    }, M);
+  }, []), u = i(() => {
+    switch (n) {
+      case s.LEARNING_WORKSHEET:
         t({
-          id: i.LEARNING_LEVEL,
+          id: o ? s.LEARNING_LEVEL : s.STUDENT_INFORMATION,
           confirmationModalActive: !1,
           resetAttempt: !0
-        }), n();
+        }), r();
         break;
       default:
         return null;
     }
-  }, [o, t, n]), u = s(() => {
-    t({ confirmationModalActive: !1 }), n();
-  }, [t, n]), A = T(
+  }, [n, t, o, r]), f = i(() => {
+    t({ confirmationModalActive: !1 }), r();
+  }, [t, r]), h = N(
     () => ({
-      [i.LEARNING_WORKSHEET]: {
-        title: "Changing the session level will reset current progress. Are you sure?",
-        confirmText: "Yes, change session level",
-        onConfirm: c,
-        onCancel: u
+      [s.LEARNING_WORKSHEET]: {
+        title: o ? "Changing the session level will reset current progress. Are you sure?" : "You will lose the current progress. Do you still wish to change the grade, level, or chapters for the session?",
+        confirmText: o ? "Yes, change session level" : "Yes, reset",
+        onConfirm: u,
+        onCancel: f
       }
     }),
-    [u, c]
-  ), r = o ? A[o] : void 0;
-  return f(() => {
-    a && r && l(!0);
-  }, [a, r]), f(() => () => {
+    [f, u, o]
+  ), l = n ? h[n] : void 0;
+  return m(() => {
+    c && l && a(!0);
+  }, [c, l]), m(() => () => {
     e.current && clearTimeout(e.current);
-  }, []), { modalConfig: r, openModal: m };
+  }, []), { modalConfig: l, openModal: d };
 };
 export {
-  h as default
+  O as default
 };
 //# sourceMappingURL=use-confirmation-modal.js.map

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-confirmation-modal.js","sources":["../../../../../../src/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { TrialPageId } from '../../../trial-session-constants';\n\nconst ANIMATION_DURATION_MS = 500;\n\ninterface IConfirmationModalConfig {\n  title: string;\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\ninterface IConfirmationModalReturn {\n  modalConfig: IConfirmationModalConfig | undefined;\n  openModal: boolean;\n}\n\nconst useConfirmationModal = (): IConfirmationModalReturn => {\n  const [openModal, setOpenModal] = useState(false);\n  const { slideConfig, formData, updateSlideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n  const { confirmationModalActive } = formData || {};\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const closeModal = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      setOpenModal(false);\n      timeoutRef.current = null;\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const handleConfirm = useCallback(() => {\n    switch (id) {\n      case TrialPageId.LEARNING_WORKSHEET:\n        updateSlideConfig({\n          id: TrialPageId.LEARNING_LEVEL,\n          confirmationModalActive: false,\n          resetAttempt: true,\n        });\n        closeModal();\n        break;\n      default:\n        return null;\n    }\n  }, [id, updateSlideConfig, closeModal]);\n\n  const handleCancel = useCallback(() => {\n    updateSlideConfig({ confirmationModalActive: false });\n    closeModal();\n  }, [updateSlideConfig, closeModal]);\n\n  const modalConfigs: Partial<Record<TrialPageId, IConfirmationModalConfig>> = useMemo(\n    () => ({\n      [TrialPageId.LEARNING_WORKSHEET]: {\n        title: 'Changing the session level will reset current progress. Are you sure?',\n        confirmText: 'Yes, change session level',\n        onConfirm: handleConfirm,\n        onCancel: handleCancel,\n      },\n    }),\n    [handleCancel, handleConfirm],\n  );\n\n  const modalConfig = id ? modalConfigs[id] : undefined;\n\n  useEffect(() => {\n    if (confirmationModalActive && modalConfig) setOpenModal(true);\n  }, [confirmationModalActive, modalConfig]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return { modalConfig, openModal };\n};\n\nexport default useConfirmationModal;\n"],"names":["ANIMATION_DURATION_MS","useConfirmationModal","openModal","setOpenModal","useState","slideConfig","formData","updateSlideConfig","useTrialSessionContext","id","confirmationModalActive","timeoutRef","useRef","closeModal","useCallback","handleConfirm","TrialPageId","handleCancel","modalConfigs","useMemo","modalConfig","useEffect"],"mappings":";;;AAKA,MAAMA,IAAwB,KAexBC,IAAuB,MAAgC;AAC3D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,MAAsBC,EAAuB,GACtE,EAAE,IAAAC,EAAO,IAAAJ,GACT,EAAE,yBAAAK,EAAA,IAA4BJ,KAAY,IAC1CK,IAAaC,EAA8B,IAAI,GAE/CC,IAAaC,EAAY,MAAM;AACnC,IAAIH,EAAW,WACb,aAAaA,EAAW,OAAO,GAGtBA,EAAA,UAAU,WAAW,MAAM;AACpC,MAAAR,EAAa,EAAK,GAClBQ,EAAW,UAAU;AAAA,OACpBX,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECe,IAAgBD,EAAY,MAAM;AACtC,YAAQL,GAAI;AAAA,MACV,KAAKO,EAAY;AACG,QAAAT,EAAA;AAAA,UAChB,IAAIS,EAAY;AAAA,UAChB,yBAAyB;AAAA,UACzB,cAAc;AAAA,QAAA,CACf,GACUH;AACX;AAAA,MACF;AACS,eAAA;AAAA,IACX;AAAA,EACC,GAAA,CAACJ,GAAIF,GAAmBM,CAAU,CAAC,GAEhCI,IAAeH,EAAY,MAAM;AACnB,IAAAP,EAAA,EAAE,yBAAyB,GAAA,CAAO,GACzCM;EAAA,GACV,CAACN,GAAmBM,CAAU,CAAC,GAE5BK,IAAuEC;AAAA,IAC3E,OAAO;AAAA,MACL,CAACH,EAAY,kBAAkB,GAAG;AAAA,QAChC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,WAAWD;AAAA,QACX,UAAUE;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF,CAACA,GAAcF,CAAa;AAAA,EAAA,GAGxBK,IAAcX,IAAKS,EAAaT,CAAE,IAAI;AAE5C,SAAAY,EAAU,MAAM;AACV,IAAAX,KAA2BU,KAAajB,EAAa,EAAI;AAAA,EAAA,GAC5D,CAACO,GAAyBU,CAAW,CAAC,GAEzCC,EAAU,MACD,MAAM;AACX,IAAIV,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,EACjC,GAED,CAAE,CAAA,GAEE,EAAE,aAAAS,GAAa,WAAAlB;AACxB;"}
+{"version":3,"file":"use-confirmation-modal.js","sources":["../../../../../../src/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { TrialPageId } from '../../../trial-session-constants';\n\nconst ANIMATION_DURATION_MS = 500;\n\ninterface IConfirmationModalConfig {\n  title: string;\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\ninterface IConfirmationModalReturn {\n  modalConfig: IConfirmationModalConfig | undefined;\n  openModal: boolean;\n}\n\nconst useConfirmationModal = (): IConfirmationModalReturn => {\n  const [openModal, setOpenModal] = useState(false);\n  const { slideConfig, formData, demoType, updateSlideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n  const { confirmationModalActive } = formData || {};\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const isTrialV3 = demoType === 'TRIAL_V3';\n\n  const closeModal = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      setOpenModal(false);\n      timeoutRef.current = null;\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const handleConfirm = useCallback(() => {\n    switch (id) {\n      case TrialPageId.LEARNING_WORKSHEET:\n        updateSlideConfig({\n          id: isTrialV3 ? TrialPageId.LEARNING_LEVEL : TrialPageId.STUDENT_INFORMATION,\n          confirmationModalActive: false,\n          resetAttempt: true,\n        });\n        closeModal();\n        break;\n      default:\n        return null;\n    }\n  }, [id, updateSlideConfig, isTrialV3, closeModal]);\n\n  const handleCancel = useCallback(() => {\n    updateSlideConfig({ confirmationModalActive: false });\n    closeModal();\n  }, [updateSlideConfig, closeModal]);\n\n  const modalConfigs: Partial<Record<TrialPageId, IConfirmationModalConfig>> = useMemo(\n    () => ({\n      [TrialPageId.LEARNING_WORKSHEET]: {\n        title: isTrialV3\n          ? 'Changing the session level will reset current progress. Are you sure?'\n          : 'You will lose the current progress. Do you still wish to change the grade, level, or chapters for the session?',\n        confirmText: isTrialV3 ? 'Yes, change session level' : 'Yes, reset',\n        onConfirm: handleConfirm,\n        onCancel: handleCancel,\n      },\n    }),\n    [handleCancel, handleConfirm, isTrialV3],\n  );\n\n  const modalConfig = id ? modalConfigs[id] : undefined;\n\n  useEffect(() => {\n    if (confirmationModalActive && modalConfig) setOpenModal(true);\n  }, [confirmationModalActive, modalConfig]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return { modalConfig, openModal };\n};\n\nexport default useConfirmationModal;\n"],"names":["ANIMATION_DURATION_MS","useConfirmationModal","openModal","setOpenModal","useState","slideConfig","formData","demoType","updateSlideConfig","useTrialSessionContext","id","confirmationModalActive","timeoutRef","useRef","isTrialV3","closeModal","useCallback","handleConfirm","TrialPageId","handleCancel","modalConfigs","useMemo","modalConfig","useEffect"],"mappings":";;;AAKA,MAAMA,IAAwB,KAexBC,IAAuB,MAAgC;AAC3D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,mBAAAC,EAAA,IAAsBC,KACzD,EAAE,IAAAC,EAAO,IAAAL,GACT,EAAE,yBAAAM,EAAA,IAA4BL,KAAY,IAC1CM,IAAaC,EAA8B,IAAI,GAC/CC,IAAYP,MAAa,YAEzBQ,IAAaC,EAAY,MAAM;AACnC,IAAIJ,EAAW,WACb,aAAaA,EAAW,OAAO,GAGtBA,EAAA,UAAU,WAAW,MAAM;AACpC,MAAAT,EAAa,EAAK,GAClBS,EAAW,UAAU;AAAA,OACpBZ,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECiB,IAAgBD,EAAY,MAAM;AACtC,YAAQN,GAAI;AAAA,MACV,KAAKQ,EAAY;AACG,QAAAV,EAAA;AAAA,UAChB,IAAIM,IAAYI,EAAY,iBAAiBA,EAAY;AAAA,UACzD,yBAAyB;AAAA,UACzB,cAAc;AAAA,QAAA,CACf,GACUH;AACX;AAAA,MACF;AACS,eAAA;AAAA,IACX;AAAA,KACC,CAACL,GAAIF,GAAmBM,GAAWC,CAAU,CAAC,GAE3CI,IAAeH,EAAY,MAAM;AACnB,IAAAR,EAAA,EAAE,yBAAyB,GAAA,CAAO,GACzCO;EAAA,GACV,CAACP,GAAmBO,CAAU,CAAC,GAE5BK,IAAuEC;AAAA,IAC3E,OAAO;AAAA,MACL,CAACH,EAAY,kBAAkB,GAAG;AAAA,QAChC,OAAOJ,IACH,0EACA;AAAA,QACJ,aAAaA,IAAY,8BAA8B;AAAA,QACvD,WAAWG;AAAA,QACX,UAAUE;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF,CAACA,GAAcF,GAAeH,CAAS;AAAA,EAAA,GAGnCQ,IAAcZ,IAAKU,EAAaV,CAAE,IAAI;AAE5C,SAAAa,EAAU,MAAM;AACV,IAAAZ,KAA2BW,KAAanB,EAAa,EAAI;AAAA,EAAA,GAC5D,CAACQ,GAAyBW,CAAW,CAAC,GAEzCC,EAAU,MACD,MAAM;AACX,IAAIX,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,EACjC,GAED,CAAE,CAAA,GAEE,EAAE,aAAAU,GAAa,WAAApB;AACxB;"}

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

@@ -1,20 +1,20 @@
 import t from "styled-components";
 import a from "../../../../assets/line-icons/icons/tick.js";
-import i from "../../../ui/layout/flex-view.js";
-import n from "../../../ui/text/text.js";
+import n from "../../../ui/layout/flex-view.js";
+import r from "../../../ui/text/text.js";
 const d = t.div`
   width: 100%;
   height: 100%;
   overflow: auto;
-`, h = t(i)`
+`, h = t(n)`
   position: relative;
-`, f = t(n)`
+`, f = t(r)`
   position: absolute;
   bottom: 20px;
-`, u = t(i)`
+`, u = t(n)`
   position: relative;
   overflow: hidden;
-`, g = t.div(
+`, $ = t.div(
   ({ $offset: o, $transitionEnabled: e }) => `
   position: absolute;
   top: 0;
@@ -24,26 +24,27 @@ const d = t.div`
   transition: ${e ? "transform 0.5s ease-in-out" : "none"};
   transform: translateX(${o * 100}%);
 `
-), v = t(a)(
-  ({ $top: o, $right: e }) => `
-    position: absolute;
-    top: ${o || 0}px;
-    right: ${e || 0}px;
+), g = t(a)(
+  ({ theme: o, $top: e, $right: i }) => `
     z-index: 1;
+    position: absolute;
+    top: ${e || 0}px;
+    right: ${i || 0}px;
+    color: ${o.colors.GREEN_4};
   `
-), $ = t(i)(({ $position: o }) => {
-  const { top: e, bottom: r, left: p, right: s } = o || {};
+), v = t(n)(({ $position: o }) => {
+  const { top: e, bottom: i, left: p, right: s } = o || {};
   return `
     position: absolute;
     z-index: 2;
     top: ${e || 0}px;
-    bottom: ${r || 0}px;
+    bottom: ${i || 0}px;
     left: ${p || 0}px;
     right: ${s || 0}px;
   `;
 }), b = t.div`
   position: relative;
-`, w = t(n)(
+`, w = t(r)(
   ({ theme: o }) => `
   white-space: pre-wrap;
   margin-top: -${o.layout.gutter * 0.25}px;
@@ -52,12 +53,12 @@ const d = t.div`
 export {
   d as Container,
   h as FlexRelative,
-  $ as FloatingElement,
-  v as GreenTick,
+  v as FloatingElement,
+  g as GreenTick,
   b as ImageWrapper,
   f as MathText,
   u as Slider,
-  g as SliderContent,
+  $ as SliderContent,
   w as TextElement
 };
 //# sourceMappingURL=learning-session-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"learning-session-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FlexRelative = styled(FlexView)`\n  position: relative;\n`;\n\nconst MathText = styled(Text)`\n  position: absolute;\n  bottom: 20px;\n`;\n\nconst Slider = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst SliderContent = styled.div<TSliderContent>(\n  ({ $offset, $transitionEnabled }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: auto;\n  transition: ${$transitionEnabled ? 'transform 0.5s ease-in-out' : 'none'};\n  transform: translateX(${$offset * 100}%);\n`,\n);\n\nconst GreenTick = styled(TickIcon)<TGreenTick>(\n  ({ $top, $right }) => `\n    position: absolute;\n    top: ${$top || 0}px;\n    right: ${$right || 0}px;\n    z-index: 1;\n  `,\n);\n\nconst FloatingElement = styled(FlexView)<TFloatingElement>(({ $position }) => {\n  const { top, bottom, left, right } = $position || {};\n\n  return `\n    position: absolute;\n    z-index: 2;\n    top: ${top || 0}px;\n    bottom: ${bottom || 0}px;\n    left: ${left || 0}px;\n    right: ${right || 0}px;\n  `;\n});\n\nconst ImageWrapper = styled.div`\n  position: relative;\n`;\n\nconst TextElement = styled(Text)(\n  ({ theme }) => `\n  white-space: pre-wrap;\n  margin-top: -${theme.layout.gutter * 0.25}px;\n`,\n);\n\nexport {\n  Container,\n  FlexRelative,\n  MathText,\n  Slider,\n  SliderContent,\n  GreenTick,\n  FloatingElement,\n  ImageWrapper,\n  TextElement,\n};\n"],"names":["Container","styled","FlexRelative","FlexView","MathText","Text","Slider","SliderContent","$offset","$transitionEnabled","GreenTick","TickIcon","$top","$right","FloatingElement","$position","top","bottom","left","right","ImageWrapper","TextElement","theme"],"mappings":";;;;AAOA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAWH,EAAOI,CAAI;AAAA;AAAA;AAAA,GAKtBC,IAASL,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKxBI,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,SAAAO,GAAS,oBAAAC,EAAA,MAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMvBA,IAAqB,+BAA+B,MAAM;AAAA,0BAChDD,IAAU,GAAG;AAAA;AAEvC,GAEME,IAAYT,EAAOU,CAAQ;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,QAAAC,EAAA,MAAa;AAAA;AAAA,WAEbD,KAAQ,CAAC;AAAA,aACPC,KAAU,CAAC;AAAA;AAAA;AAGxB,GAEMC,IAAkBb,EAAOE,CAAQ,EAAoB,CAAC,EAAE,WAAAY,QAAgB;AAC5E,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,EAAM,IAAIJ,KAAa;AAE3C,SAAA;AAAA;AAAA;AAAA,WAGEC,KAAO,CAAC;AAAA,cACLC,KAAU,CAAC;AAAA,YACbC,KAAQ,CAAC;AAAA,aACRC,KAAS,CAAC;AAAA;AAEvB,CAAC,GAEKC,IAAenB,EAAO;AAAA;AAAA,GAItBoB,IAAcpB,EAAOI,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAiB,EAAA,MAAY;AAAA;AAAA,iBAEAA,EAAM,OAAO,SAAS,IAAI;AAAA;AAE3C;"}
+{"version":3,"file":"learning-session-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FlexRelative = styled(FlexView)`\n  position: relative;\n`;\n\nconst MathText = styled(Text)`\n  position: absolute;\n  bottom: 20px;\n`;\n\nconst Slider = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst SliderContent = styled.div<TSliderContent>(\n  ({ $offset, $transitionEnabled }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: auto;\n  transition: ${$transitionEnabled ? 'transform 0.5s ease-in-out' : 'none'};\n  transform: translateX(${$offset * 100}%);\n`,\n);\n\nconst GreenTick = styled(TickIcon)<TGreenTick>(\n  ({ theme, $top, $right }) => `\n    z-index: 1;\n    position: absolute;\n    top: ${$top || 0}px;\n    right: ${$right || 0}px;\n    color: ${theme.colors.GREEN_4};\n  `,\n);\n\nconst FloatingElement = styled(FlexView)<TFloatingElement>(({ $position }) => {\n  const { top, bottom, left, right } = $position || {};\n\n  return `\n    position: absolute;\n    z-index: 2;\n    top: ${top || 0}px;\n    bottom: ${bottom || 0}px;\n    left: ${left || 0}px;\n    right: ${right || 0}px;\n  `;\n});\n\nconst ImageWrapper = styled.div`\n  position: relative;\n`;\n\nconst TextElement = styled(Text)(\n  ({ theme }) => `\n  white-space: pre-wrap;\n  margin-top: -${theme.layout.gutter * 0.25}px;\n`,\n);\n\nexport {\n  Container,\n  FlexRelative,\n  MathText,\n  Slider,\n  SliderContent,\n  GreenTick,\n  FloatingElement,\n  ImageWrapper,\n  TextElement,\n};\n"],"names":["Container","styled","FlexRelative","FlexView","MathText","Text","Slider","SliderContent","$offset","$transitionEnabled","GreenTick","TickIcon","theme","$top","$right","FloatingElement","$position","top","bottom","left","right","ImageWrapper","TextElement"],"mappings":";;;;AAOA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAWH,EAAOI,CAAI;AAAA;AAAA;AAAA,GAKtBC,IAASL,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKxBI,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,SAAAO,GAAS,oBAAAC,EAAA,MAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMvBA,IAAqB,+BAA+B,MAAM;AAAA,0BAChDD,IAAU,GAAG;AAAA;AAEvC,GAEME,IAAYT,EAAOU,CAAQ;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,QAAAC,EAAa,MAAA;AAAA;AAAA;AAAA,WAGpBD,KAAQ,CAAC;AAAA,aACPC,KAAU,CAAC;AAAA,aACXF,EAAM,OAAO,OAAO;AAAA;AAEjC,GAEMG,IAAkBd,EAAOE,CAAQ,EAAoB,CAAC,EAAE,WAAAa,QAAgB;AAC5E,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,EAAM,IAAIJ,KAAa;AAE3C,SAAA;AAAA;AAAA;AAAA,WAGEC,KAAO,CAAC;AAAA,cACLC,KAAU,CAAC;AAAA,YACbC,KAAQ,CAAC;AAAA,aACRC,KAAS,CAAC;AAAA;AAEvB,CAAC,GAEKC,IAAepB,EAAO;AAAA;AAAA,GAItBqB,IAAcrB,EAAOI,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAO,EAAA,MAAY;AAAA;AAAA,iBAEAA,EAAM,OAAO,SAAS,IAAI;AAAA;AAE3C;"}