@cuemath/leap 2.8.45 → 2.8.47-aa0

package/dist/features/talk-meter/talk-meter-view/talk-meter-view-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talk-meter-view-styled.js","sources":["../../../../src/features/talk-meter/talk-meter-view/talk-meter-view-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst MeterWrapper = styled(FlexView)`\n  height: 104px;\n  transition: height 300ms ease-in-out;\n  z-index: 1;\n`;\n\nconst Avatar = styled.div<{ $avatarUrl: string }>(\n  ({ $avatarUrl }) => `\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: url(${$avatarUrl});\n  background-size: cover;\n  background-repeat: no-repeat;\n  position: relative;\n`,\n);\n\nexport { MeterWrapper, Avatar };\n"],"names":["MeterWrapper","styled","FlexView","$avatarUrl"],"mappings":";;AAIM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAMrBD,EAAO;AAAA,EACpB,CAAC,EAAE,YAAAE,EAAA,MAAiB;AAAA;AAAA;AAAA;AAAA,oBAIFA,CAAU;AAAA;AAAA;AAAA;AAAA;AAK9B;"}

package/dist/features/talk-meter/talk-meter-view/talk-meter-view.js

@@ -0,0 +1,101 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { memo as b } from "react";
+import { ILLUSTRATIONS as d } from "../../../assets/illustrations/illustrations.js";
+import $ from "../../ui/image/image.js";
+import t from "../../ui/layout/flex-view.js";
+import T from "../../ui/separator/separator.js";
+import o from "../../ui/text/text.js";
+import { getMeterColor as g } from "../helper.js";
+import { MeterWrapper as l } from "./talk-meter-view-styled.js";
+const p = {
+  MALE: "MALE",
+  FEMALE: "FEMALE",
+  OTHER: "OTHER"
+}, j = b((s) => {
+  const {
+    stdName: h = "Student",
+    tchName: u = "Teacher",
+    stdRatio: i,
+    tchRatio: n,
+    tchGender: E,
+    userType: m
+  } = s, c = g(i), A = Math.abs(n - i), f = n > 0 && i > 0 && A < 95, a = m === "TEACHER";
+  return f ? /* @__PURE__ */ r(
+    l,
+    {
+      $gap: 12,
+      $gutter: 12,
+      $background: "WHITE",
+      $borderColor: "GREY_2",
+      $borderRadius: 12,
+      children: [
+        /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $align: "center", children: "50:50 TALK METER" }),
+        /* @__PURE__ */ e(T, { height: 8 }),
+        /* @__PURE__ */ r(t, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+          /* @__PURE__ */ r(t, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", $flexGap: 4, children: [
+            /* @__PURE__ */ e($, { src: d.ALIEN_4, width: 20, height: 20, withLoader: !0 }),
+            /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $color: "BLACK", children: a ? h : "You" })
+          ] }),
+          /* @__PURE__ */ r(t, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", $flexGap: 4, children: [
+            /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $color: "BLACK", children: a ? "You" : u }),
+            /* @__PURE__ */ e(
+              $,
+              {
+                src: E === p.MALE ? d.MALE_AVATAR : d.FEMALE_AVATAR,
+                width: 20,
+                height: 20,
+                withLoader: !0
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r(t, { $flexDirection: "row", $gap: 4, children: [
+          /* @__PURE__ */ e(
+            t,
+            {
+              $height: 8,
+              $width: `${i}%`,
+              $borderRadius: 4,
+              $background: c.STUDENT
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              $height: 8,
+              $width: `${n}%`,
+              $borderRadius: 4,
+              $background: c.TEACHER
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(t, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+          /* @__PURE__ */ r(o, { $renderAs: "ab2-black", $color: c.STUDENT, children: [
+            i,
+            " %"
+          ] }),
+          /* @__PURE__ */ r(o, { $renderAs: "ab2-black", $color: c.TEACHER, children: [
+            n,
+            " %"
+          ] })
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    l,
+    {
+      $gap: 12,
+      $gutter: 12,
+      $borderRadius: 12,
+      $background: "WHITE",
+      $borderColor: "GREY_2",
+      $alignItems: "center",
+      $justifyContent: "center",
+      children: /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $color: "BLACK", children: "Oops! There was insufficient data to calculate your Talk Ratio." })
+    }
+  );
+});
+export {
+  j as default
+};
+//# sourceMappingURL=talk-meter-view.js.map

package/dist/features/talk-meter/talk-meter-view/talk-meter-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talk-meter-view.js","sources":["../../../../src/features/talk-meter/talk-meter-view/talk-meter-view.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { getMeterColor } from '../helper';\nimport * as Styled from './talk-meter-view-styled';\n\nconst GENDER = {\n  MALE: 'MALE',\n  FEMALE: 'FEMALE',\n  OTHER: 'OTHER',\n};\n\ninterface ITalkMeterView {\n  stdName?: string;\n  tchName?: string;\n  stdRatio: number;\n  tchRatio: number;\n  tchGender: keyof typeof GENDER;\n  userType: TUserTypes;\n}\n\nconst TalkMeterView: FC<ITalkMeterView> = memo(props => {\n  const {\n    stdName = 'Student',\n    tchName = 'Teacher',\n    stdRatio,\n    tchRatio,\n    tchGender,\n    userType,\n  } = props;\n  const colors = getMeterColor(stdRatio);\n  const diff = Math.abs(tchRatio - stdRatio);\n  const isValid = tchRatio > 0 && stdRatio > 0 && diff < 95;\n  const isTeacher = userType === 'TEACHER';\n\n  if (!isValid) {\n    return (\n      <Styled.MeterWrapper\n        $gap={12}\n        $gutter={12}\n        $borderRadius={12}\n        $background=\"WHITE\"\n        $borderColor=\"GREY_2\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n      >\n        <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n          Oops! There was insufficient data to calculate your Talk Ratio.\n        </Text>\n      </Styled.MeterWrapper>\n    );\n  }\n\n  return (\n    <Styled.MeterWrapper\n      $gap={12}\n      $gutter={12}\n      $background=\"WHITE\"\n      $borderColor=\"GREY_2\"\n      $borderRadius={12}\n    >\n      <Text $renderAs=\"ub3-bold\" $align=\"center\">\n        50:50 TALK METER\n      </Text>\n\n      <Separator height={8} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Image src={ILLUSTRATIONS.ALIEN_4} width={20} height={20} withLoader />\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n            {isTeacher ? stdName : 'You'}\n          </Text>\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n            {isTeacher ? 'You' : tchName}\n          </Text>\n          <Image\n            src={\n              tchGender === GENDER.MALE ? ILLUSTRATIONS.MALE_AVATAR : ILLUSTRATIONS.FEMALE_AVATAR\n            }\n            width={20}\n            height={20}\n            withLoader\n          />\n        </FlexView>\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $gap={4}>\n        <FlexView\n          $height={8}\n          $width={`${stdRatio}%`}\n          $borderRadius={4}\n          $background={colors.STUDENT}\n        />\n        <FlexView\n          $height={8}\n          $width={`${tchRatio}%`}\n          $borderRadius={4}\n          $background={colors.TEACHER}\n        />\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"ab2-black\" $color={colors.STUDENT}>\n          {stdRatio} %\n        </Text>\n        <Text $renderAs=\"ab2-black\" $color={colors.TEACHER}>\n          {tchRatio} %\n        </Text>\n      </FlexView>\n    </Styled.MeterWrapper>\n  );\n});\n\nexport default TalkMeterView;\n"],"names":["GENDER","TalkMeterView","memo","props","stdName","tchName","stdRatio","tchRatio","tchGender","userType","colors","getMeterColor","diff","isValid","isTeacher","jsxs","Styled.MeterWrapper","jsx","Text","Separator","FlexView","Image","ILLUSTRATIONS"],"mappings":"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"}

package/dist/features/talk-meter/talk-meter.js

@@ -0,0 +1,75 @@
+import { jsxs as c, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { memo as v } from "react";
+import { getMeterColor as w } from "./helper.js";
+import { useTalkMeter as x } from "./hooks/use-talk-meter.js";
+import n from "./ripple/index.js";
+import { Wrapper as S, CloseIcon as j } from "./talk-meter-styled.js";
+import B from "./talk-meter-view/talk-meter-view.js";
+const G = v((m) => {
+  const {
+    animated: t = !0,
+    userType: a,
+    teacherId: l,
+    studentId: d,
+    studentName: h,
+    teacherName: T,
+    teacherGender: p,
+    classDuration: u,
+    classStartTime: f,
+    canDisplayBatch: k,
+    teacherTalkTime: A,
+    studentTalkTime: M,
+    avPackageEnabled: N,
+    teacherClassroomId: $,
+    lastBatchReceivedNo: g,
+    onDismissMeter: D,
+    onMessageReceive: I
+  } = m, { canAnimateOut: R, canAnimateIn: r, stdRatio: o, tchRatio: C, handleDismiss: E } = x({
+    userType: a,
+    studentId: d,
+    teacherId: l,
+    classStartTime: f,
+    avPackageEnabled: N,
+    teacherClassroomId: $,
+    teacherTalkTime: A,
+    studentTalkTime: M,
+    lastBatchReceivedNo: g,
+    canDisplayBatch: k,
+    classDuration: u,
+    onMessageReceive: I,
+    onDismissMeter: D
+  }), s = w(o), i = a === "TEACHER";
+  return /* @__PURE__ */ c(
+    S,
+    {
+      $gutter: 12,
+      $gap: 12,
+      $isTeacher: i,
+      $animated: t,
+      $canAnimateIn: r,
+      $canAnimateOut: R,
+      children: [
+        t && r && /* @__PURE__ */ c(y, { children: [
+          /* @__PURE__ */ e(n, { delay: 800, withAudio: !0, color: s.STUDENT }),
+          /* @__PURE__ */ e(n, { delay: 1050, withAudio: !1, color: s.STUDENT })
+        ] }),
+        /* @__PURE__ */ e(
+          B,
+          {
+            userType: a,
+            tchName: T,
+            stdName: h,
+            tchRatio: C,
+            stdRatio: o,
+            tchGender: p
+          }
+        ),
+        t && !i && /* @__PURE__ */ e(j, { onClick: E })
+      ]
+    }
+  );
+}), W = G;
+export {
+  W as default
+};
+//# sourceMappingURL=talk-meter.js.map

package/dist/features/talk-meter/talk-meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talk-meter.js","sources":["../../../src/features/talk-meter/talk-meter.tsx"],"sourcesContent":["import type { ITalkMeterProps } from './talk-meter-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { getMeterColor } from './helper';\nimport { useTalkMeter } from './hooks/use-talk-meter';\nimport Ripple from './ripple';\nimport * as Styled from './talk-meter-styled';\nimport TalkMeterView from './talk-meter-view/talk-meter-view';\n\nconst TalkMeter: FC<ITalkMeterProps> = memo(props => {\n  const {\n    animated = true,\n    userType,\n    teacherId,\n    studentId,\n    studentName,\n    teacherName,\n    teacherGender,\n    classDuration,\n    classStartTime,\n    canDisplayBatch,\n    teacherTalkTime,\n    studentTalkTime,\n    avPackageEnabled,\n    teacherClassroomId,\n    lastBatchReceivedNo,\n    onDismissMeter,\n    onMessageReceive,\n  } = props;\n\n  const { canAnimateOut, canAnimateIn, stdRatio, tchRatio, handleDismiss } = useTalkMeter({\n    userType,\n    studentId,\n    teacherId,\n    classStartTime,\n    avPackageEnabled,\n    teacherClassroomId,\n    teacherTalkTime,\n    studentTalkTime,\n    lastBatchReceivedNo,\n    canDisplayBatch,\n    classDuration,\n    onMessageReceive,\n    onDismissMeter,\n  });\n\n  const colors = getMeterColor(stdRatio);\n  const isTeacher = userType === 'TEACHER';\n\n  return (\n    <Styled.Wrapper\n      $gutter={12}\n      $gap={12}\n      $isTeacher={isTeacher}\n      $animated={animated}\n      $canAnimateIn={canAnimateIn}\n      $canAnimateOut={canAnimateOut}\n    >\n      {animated && canAnimateIn && (\n        <>\n          <Ripple delay={800} withAudio color={colors.STUDENT} />\n          <Ripple delay={1050} withAudio={false} color={colors.STUDENT} />\n        </>\n      )}\n      <TalkMeterView\n        userType={userType}\n        tchName={teacherName}\n        stdName={studentName}\n        tchRatio={tchRatio}\n        stdRatio={stdRatio}\n        tchGender={teacherGender}\n      />\n      {animated && !isTeacher && <Styled.CloseIcon onClick={handleDismiss} />}\n    </Styled.Wrapper>\n  );\n});\n\nexport default TalkMeter;\n"],"names":["TalkMeter","memo","props","animated","userType","teacherId","studentId","studentName","teacherName","teacherGender","classDuration","classStartTime","canDisplayBatch","teacherTalkTime","studentTalkTime","avPackageEnabled","teacherClassroomId","lastBatchReceivedNo","onDismissMeter","onMessageReceive","canAnimateOut","canAnimateIn","stdRatio","tchRatio","handleDismiss","useTalkMeter","colors","getMeterColor","isTeacher","jsxs","Styled.Wrapper","Fragment","jsx","Ripple","TalkMeterView","Styled.CloseIcon","TalkMeter$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAiCC,EAAK,CAASC,MAAA;AAC7C,QAAA;AAAA,IACJ,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,EACE,IAAAjB,GAEE,EAAE,eAAAkB,GAAe,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,eAAAC,MAAkBC,EAAa;AAAA,IACtF,UAAArB;AAAA,IACA,WAAAE;AAAA,IACA,WAAAD;AAAA,IACA,gBAAAM;AAAA,IACA,kBAAAI;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAH;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAG;AAAA,IACA,iBAAAL;AAAA,IACA,eAAAF;AAAA,IACA,kBAAAS;AAAA,IACA,gBAAAD;AAAA,EAAA,CACD,GAEKQ,IAASC,EAAcL,CAAQ,GAC/BM,IAAYxB,MAAa;AAG7B,SAAA,gBAAAyB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAYF;AAAA,MACZ,WAAWzB;AAAA,MACX,eAAekB;AAAA,MACf,gBAAgBD;AAAA,MAEf,UAAA;AAAA,QAAAjB,KAAYkB,KAET,gBAAAQ,EAAAE,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACC,KAAO,OAAO,KAAK,WAAS,IAAC,OAAOP,EAAO,SAAS;AAAA,UACrD,gBAAAM,EAACC,KAAO,OAAO,MAAM,WAAW,IAAO,OAAOP,EAAO,SAAS;AAAA,QAAA,GAChE;AAAA,QAEF,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAA9B;AAAA,YACA,SAASI;AAAA,YACT,SAASD;AAAA,YACT,UAAAgB;AAAA,YACA,UAAAD;AAAA,YACA,WAAWb;AAAA,UAAA;AAAA,QACb;AAAA,QACCN,KAAY,CAACyB,KAAa,gBAAAI,EAACG,GAAA,EAAiB,SAASX,GAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3E,CAAC,GAEDY,IAAepC;"}

package/dist/features/trial-session/comps/offering-information/offering-information-constants.js

@@ -0,0 +1,95 @@
+import { GIF as n } from "../../../../assets/gif/gif.js";
+const o = [
+  {
+    title: `school 
+success`,
+    description: ["Synced Curriculum", "Homework Help", "School Tests Prep"],
+    infoBackground: "PURPLE_1",
+    animationSource: n.SCHOOL_SUCCESS_MINI,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: `track 
+progress`,
+    description: ["Math Kangaroo", "NJSLA", "STAAR, etc"],
+    infoBackground: "BLUE_1",
+    animationSource: n.TEST_PREP_MINI,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: `easy 
+rescheduling`,
+    description: ["Financial Literacy", "Data Science", "Decision Making, etc"],
+    infoBackground: "ORANGE_1",
+    animationSource: n.ENRICHMENT_MINI,
+    dimension: ["100%", "100%"]
+  }
+], a = [
+  {
+    title: `stay 
+connected`,
+    description: `Chat with your tutor and 
+receive real-time updates.`,
+    infoBackground: "BLUE_1",
+    animationSource: n.STAY_CONNECTED,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: `track 
+progress`,
+    description: `Progress, strengths, and 
+areas of improvement.`,
+    infoBackground: "PURPLE_1",
+    animationSource: n.TRACK_PROGRESS,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: `easy 
+rescheduling`,
+    description: `Conveniently change 
+your class timings.`,
+    infoBackground: "GREEN_1",
+    animationSource: n.EASY_RESCHEDULING,
+    dimension: ["100%", "100%"]
+  }
+], e = [
+  {
+    title: `mental 
+math`,
+    description: `Get faster and stay 
+ahead in school.`,
+    animationBackground: "YELLOW_4",
+    infoBackground: "YELLOW_1",
+    animationSource: n.SKILLS,
+    animationPadding: 25,
+    dimension: [200, 200]
+  },
+  {
+    title: `strategy 
+games`,
+    description: `Train to think deeper 
+and plan ahead`,
+    animationBackground: "BLUE_4",
+    infoBackground: "BLUE_1",
+    animationSource: n.GAMES,
+    animationPadding: 25,
+    dimension: [200, 200]
+  },
+  {
+    title: `logic 
+puzzles`,
+    description: `Think in new ways, 
+and stay sharp.`,
+    animationBackground: "ORANGE_4",
+    infoBackground: "ORANGE_1",
+    animationSource: n.PUZZLES,
+    animationPadding: 25,
+    dimension: [200, 200]
+  }
+];
+export {
+  e as circleDetails,
+  o as goalDetails,
+  a as parentAppDetails
+};
+//# sourceMappingURL=offering-information-constants.js.map

package/dist/features/trial-session/comps/offering-information/offering-information-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offering-information-constants.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\ntype TCircleDetails = {\n  title: string;\n  description: string | string[];\n  animationBackground?: TColorNames;\n  infoBackground: TColorNames;\n  animationSource: string;\n  animationPadding?: number;\n  dimension?: (number | string | undefined)[];\n  coverAnimation?: boolean;\n}[];\n\nconst goalDetails: TCircleDetails = [\n  {\n    title: 'school \\nsuccess',\n    description: ['Synced Curriculum', 'Homework Help', 'School Tests Prep'],\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.SCHOOL_SUCCESS_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: ['Math Kangaroo', 'NJSLA', 'STAAR, etc'],\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.TEST_PREP_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: ['Financial Literacy', 'Data Science', 'Decision Making, etc'],\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.ENRICHMENT_MINI,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst parentAppDetails: TCircleDetails = [\n  {\n    title: 'stay \\nconnected',\n    description: 'Chat with your tutor and \\nreceive real-time updates.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.STAY_CONNECTED,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: 'Progress, strengths, and \\nareas of improvement.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.TRACK_PROGRESS,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst circleDetails: TCircleDetails = [\n  {\n    title: 'mental \\nmath',\n    description: 'Get faster and stay \\nahead in school.',\n    animationBackground: 'YELLOW_4',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.SKILLS,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'strategy \\ngames',\n    description: 'Train to think deeper \\nand plan ahead',\n    animationBackground: 'BLUE_4',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.GAMES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'logic \\npuzzles',\n    description: 'Think in new ways, \\nand stay sharp.',\n    animationBackground: 'ORANGE_4',\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.PUZZLES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n];\n\nexport { goalDetails, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","parentAppDetails","circleDetails"],"mappings":";AAeA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa,CAAC,qBAAqB,iBAAiB,mBAAmB;AAAA,IACvE,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa,CAAC,iBAAiB,SAAS,YAAY;AAAA,IACpD,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa,CAAC,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC1E,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEMC,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEME,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AACF;"}

package/dist/features/trial-session/comps/offering-information/offering-information-styled.js

@@ -0,0 +1,39 @@
+import o from "styled-components";
+import e from "../../../ui/layout/flex-view.js";
+import r from "../../../ui/text/text.js";
+const a = o.div`
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+`, m = o(e)`
+  margin: auto;
+`, d = o(e)(
+  ({ $isLastElement: t }) => `
+    ${t ? "border-bottom: none;" : `
+          border-right: none;
+          border-bottom: none;
+        `}
+    overflow: hidden;
+  `
+), s = o(e)(
+  ({ $isLastElement: t }) => `
+  ${t ? null : "border-right: none;"}
+`
+), h = o(r)`
+  white-space: pre-wrap;
+`, l = o.div(
+  ({ theme: { layout: t } }) => `
+  position: absolute;
+  right: -${t.gutter * 2.75}px;
+  bottom: -1px;
+`
+);
+export {
+  d as AnimationWrapper,
+  a as Container,
+  s as DetailsWrapper,
+  l as RefundImageWrapper,
+  h as TextElement,
+  m as Wrapper
+};
+//# sourceMappingURL=offering-information-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"offering-information-styled.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst Wrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst AnimationWrapper = styled(FlexView)<{ $isLastElement: boolean }>(\n  ({ $isLastElement }) => `\n    ${\n      !$isLastElement\n        ? `\n          border-right: none;\n          border-bottom: none;\n        `\n        : `border-bottom: none;`\n    }\n    overflow: hidden;\n  `,\n);\n\nconst DetailsWrapper = styled(FlexView)<{ $isLastElement: boolean }>(\n  ({ $isLastElement }) => `\n  ${!$isLastElement ? `border-right: none;` : null}\n`,\n);\n\nconst TextElement = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst RefundImageWrapper = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  right: -${layout.gutter * 2.75}px;\n  bottom: -1px;\n`,\n);\n\nexport { Container, Wrapper, AnimationWrapper, TextElement, DetailsWrapper, RefundImageWrapper };\n"],"names":["Container","styled","Wrapper","FlexView","AnimationWrapper","$isLastElement","DetailsWrapper","TextElement","Text","RefundImageWrapper","layout"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAUD,EAAOE,CAAQ;AAAA;AAAA,GAIzBC,IAAmBH,EAAOE,CAAQ;AAAA,EACtC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,MAEnBA,IAKG,yBAJA;AAAA;AAAA;AAAA,SAKN;AAAA;AAAA;AAGJ,GAEMC,IAAiBL,EAAOE,CAAQ;AAAA,EACpC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,IACrBA,IAAyC,OAAxB,qBAA4B;AAAA;AAElD,GAEME,IAAcN,EAAOO,CAAI;AAAA;AAAA,GAIzBC,IAAqBR,EAAO;AAAA,EAChC,CAAC,EAAE,OAAO,EAAE,QAAAS,EAAA,EAAe,MAAA;AAAA;AAAA,YAEjBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAGhC;"}

package/dist/features/trial-session/comps/offering-information/offering-information.js

@@ -0,0 +1,101 @@
+import { jsxs as e, jsx as r, Fragment as _ } from "react/jsx-runtime";
+import { memo as P, useMemo as b } from "react";
+import { ILLUSTRATIONS as w } from "../../../../assets/illustrations/illustrations.js";
+import m from "../../../ui/image/image.js";
+import D from "../../../ui/layout/flex-view.js";
+import n from "../../../ui/separator/separator.js";
+import x from "../../../ui/text/text.js";
+import { useTrialSessionContext as O } from "../../context/use-trial-session-context.js";
+import { TrialPageId as t } from "../../trial-session-constants.js";
+import N from "../slide-header/index.js";
+import { goalDetails as R, parentAppDetails as S, circleDetails as k } from "./offering-information-constants.js";
+import { Container as W, Wrapper as c, AnimationWrapper as B, DetailsWrapper as j, TextElement as d, RefundImageWrapper as F } from "./offering-information-styled.js";
+const J = P(() => {
+  const { slideConfig: p } = O(), { id: i } = p, a = b(() => {
+    switch (i) {
+      case t.CIRCLE_INFORMATION:
+        return k;
+      case t.PARENT_APP:
+        return S;
+      case t.GOAL_DETAILS:
+        return R;
+      default:
+        return [];
+    }
+  }, [i]);
+  return /* @__PURE__ */ e(W, { children: [
+    /* @__PURE__ */ r(n, { height: 60 }),
+    /* @__PURE__ */ r(N, {}),
+    /* @__PURE__ */ r(c, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: a.length > 0 ? a.map((h, l, g) => {
+      const {
+        title: f,
+        description: o,
+        animationBackground: u,
+        infoBackground: $,
+        animationSource: A,
+        animationPadding: L,
+        dimension: C
+      } = h || {}, [I, E] = C || [], s = l === g.length - 1;
+      return /* @__PURE__ */ e(D, { $flex: 1, children: [
+        /* @__PURE__ */ r(
+          B,
+          {
+            $justifyContent: "center",
+            $alignItems: "center",
+            $borderColor: "BLACK_1",
+            $background: u,
+            $gap: L,
+            $isLastElement: s,
+            children: /* @__PURE__ */ r(m, { src: A, width: I, height: E, withLoader: !0 })
+          }
+        ),
+        /* @__PURE__ */ e(
+          j,
+          {
+            $background: $,
+            $gapX: 1.375,
+            $gutterX: 2,
+            $borderColor: "BLACK_1",
+            $isLastElement: s,
+            $inherit: !0,
+            children: [
+              /* @__PURE__ */ r(d, { $renderAs: "ac2-black", children: f }),
+              /* @__PURE__ */ r(n, { heightX: 1 }),
+              /* @__PURE__ */ r(d, { $renderAs: "ab3", children: typeof o == "string" ? o : o.map((T) => /* @__PURE__ */ r("li", { children: T })) })
+            ]
+          }
+        )
+      ] }, `offering-${l}`);
+    }) : null }),
+    i === t.PARENT_APP && /* @__PURE__ */ e(_, { children: [
+      /* @__PURE__ */ r(n, { height: 50 }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          $width: 450,
+          $gap: 14,
+          $gutter: 30,
+          $background: "YELLOW_1",
+          $borderColor: "BLACK_T_15",
+          $position: "relative",
+          children: [
+            /* @__PURE__ */ r(x, { $renderAs: "ab2", children: "Get 24/7 customer support through this app." }),
+            /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(
+              m,
+              {
+                src: w.REFUND_POLICY_WITH_HEADPHONE,
+                width: 135,
+                height: 80,
+                withLoader: !0
+              }
+            ) })
+          ]
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  J as default
+};
+//# sourceMappingURL=offering-information.js.map

package/dist/features/trial-session/comps/offering-information/offering-information.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { circleDetails, goalDetails, parentAppDetails } from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${index}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={450}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":"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"}

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

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

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 ParentApp from '../comps/parent-app/parent-app';\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.PARENT_APP]: ParentApp,\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","ParentApp","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,UAAU,GAAGiB;AAAA,EAC1B,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, // 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;"}

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.PARENT_APP = "parent-app", 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_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",
@@ -16,23 +16,25 @@ const s = [
 ], t = [
   "pricing",
   "student-intro",
-  "completed-worksheet"
-  /* COMPLETED_WORKSHEET */
+  "completed-worksheet",
+  "parent-app",
+  "goal-details"
+  /* GOAL_DETAILS */
 ], _ = {
   left: { isDisabled: !1, isLoading: !1 },
   right: { isDisabled: !1, isLoading: !1 }
-}, N = 928, c = 480, o = 360, A = 64, S = 540, O = "Asia/Calcutta";
+}, N = 928, o = 480, c = 360, A = 64, O = 540, S = "Asia/Calcutta";
 export {
   e as ACTIONABLE_COMPONENT_IDS,
   _ as DEFAULT_BUTTON_STATE,
-  S as MINIMUM_SCREEN_HEIGHT,
+  O as MINIMUM_SCREEN_HEIGHT,
   A as NAVIGATION_BAR_HEIGHT,
   s as PAGES_WITHOUT_GRID,
   N as RIGHT_PANEL_WIDTH,
   t as SCROLLABLE_COMPONENT_IDS,
-  o as STUDENT_LEFT_PANEL_MAX_WIDTH,
-  c as TEACHER_LEFT_PANEL_MAX_WIDTH,
-  O as TEACHER_TIMEZONE,
+  c as STUDENT_LEFT_PANEL_MAX_WIDTH,
+  o as TEACHER_LEFT_PANEL_MAX_WIDTH,
+  S as TEACHER_TIMEZONE,
   n as TrialPageId
 };
 //# sourceMappingURL=trial-session-constants.js.map