@cuemath/leap 3.1.15-hg1 → 3.1.16

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

@@ -1,24 +1,26 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { memo as E } from "react";
+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 g from "../../ui/separator/separator.js";
+import T from "../../ui/separator/separator.js";
 import o from "../../ui/text/text.js";
-import { getMeterColor as p } from "../helper.js";
+import { getMeterColor as g } from "../helper.js";
 import { MeterWrapper as l } from "./talk-meter-view-styled.js";
-const T = {
-  MALE: "MALE"
-}, j = E((s) => {
+const p = {
+  MALE: "MALE",
+  FEMALE: "FEMALE",
+  OTHER: "OTHER"
+}, j = b((s) => {
   const {
     stdName: h = "Student",
     tchName: u = "Teacher",
     stdRatio: i,
     tchRatio: n,
-    tchGender: m,
-    userType: f
-  } = s, c = p(i), A = Math.abs(n - i), b = n > 0 && i > 0 && A < 95, a = f === "TEACHER";
-  return b ? /* @__PURE__ */ r(
+    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,
@@ -28,7 +30,7 @@ const T = {
       $borderRadius: 12,
       children: [
         /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $align: "center", children: "50:50 TALK METER" }),
-        /* @__PURE__ */ e(g, { height: 8 }),
+        /* @__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 }),
@@ -39,7 +41,7 @@ const T = {
             /* @__PURE__ */ e(
               $,
               {
-                src: m === T.MALE ? d.MALE_AVATAR : d.FEMALE_AVATAR,
+                src: E === p.MALE ? d.MALE_AVATAR : d.FEMALE_AVATAR,
                 width: 20,
                 height: 20,
                 withLoader: !0

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

@@ -1 +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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"}
+{"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

@@ -1,11 +1,11 @@
-import { jsxs as c, jsx as e, Fragment as y } from "react/jsx-runtime";
+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 V = v((m) => {
+const G = v((m) => {
   const {
     animated: t = !0,
     userType: a,
@@ -18,40 +18,40 @@ const V = v((m) => {
     classStartTime: f,
     canDisplayBatch: k,
     teacherTalkTime: A,
-    studentTalkTime: N,
-    avPackageEnabled: g,
-    teacherClassroomId: D,
-    lastBatchReceivedNo: I,
-    onDismissMeter: M,
-    onMessageReceive: R
-  } = m, { canAnimateOut: $, canAnimateIn: r, stdRatio: o, tchRatio: C, handleDismiss: E } = x({
+    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: g,
-    teacherClassroomId: D,
+    avPackageEnabled: N,
+    teacherClassroomId: $,
     teacherTalkTime: A,
-    studentTalkTime: N,
-    lastBatchReceivedNo: I,
+    studentTalkTime: M,
+    lastBatchReceivedNo: g,
     canDisplayBatch: k,
     classDuration: u,
-    onMessageReceive: R,
-    onDismissMeter: M
-  }), i = w(o), s = a === "TEACHER";
+    onMessageReceive: I,
+    onDismissMeter: D
+  }), s = w(o), i = a === "TEACHER";
   return /* @__PURE__ */ c(
     S,
     {
       $gutter: 12,
       $gap: 12,
-      $isTeacher: s,
+      $isTeacher: i,
       $animated: t,
       $canAnimateIn: r,
-      $canAnimateOut: $,
+      $canAnimateOut: R,
       children: [
         t && r && /* @__PURE__ */ c(y, { children: [
-          /* @__PURE__ */ e(n, { delay: 800, withAudio: !0, color: i.STUDENT }),
-          /* @__PURE__ */ e(n, { delay: 1050, withAudio: !1, color: i.STUDENT })
+          /* @__PURE__ */ e(n, { delay: 800, withAudio: !0, color: s.STUDENT }),
+          /* @__PURE__ */ e(n, { delay: 1050, withAudio: !1, color: s.STUDENT })
         ] }),
         /* @__PURE__ */ e(
           B,
@@ -64,12 +64,12 @@ const V = v((m) => {
             tchGender: p
           }
         ),
-        t && !s && /* @__PURE__ */ e(j, { onClick: E })
+        t && !i && /* @__PURE__ */ e(j, { onClick: E })
       ]
     }
   );
-});
+}), W = G;
 export {
-  V as default
+  W as default
 };
 //# sourceMappingURL=talk-meter.js.map

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

@@ -1 +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"],"mappings":";;;;;;;AAWM,MAAAA,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,EAAA,IACEjB,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,QAAS,CAAA;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,EAAe,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvE;AAEJ,CAAC;"}
+{"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/api/course-stream.js.map

@@ -1 +1 @@
-{"version":3,"file":"course-stream.js","sources":["../../../../src/features/trial-session/api/course-stream.ts"],"sourcesContent":["import type { TPreferenceCategory } from '../../milestone/create/milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\ntype TPreference = {\n  preference_code: string;\n  preference_name: string;\n  preference_category: TPreferenceCategory;\n};\n\ntype TPreferencesBody = {\n  preferences: TPreference[];\n};\n\ntype TPreferencesMeta = {\n  stream: string;\n  studentId: string;\n};\n\nconst { usePost: usePostStudentPreferences } = createPostAPI<\n  { id: string },\n  TPreferencesBody,\n  TPreferencesMeta\n>({\n  getURL: (_, { studentId, stream }) =>\n    `${BASE_URL_V1}/students/${studentId}/course-streams/${stream}/preferences/`,\n});\n\nexport { usePostStudentPreferences };\n"],"names":["usePostStudentPreferences","createPostAPI","_","studentId","stream","BASE_URL_V1"],"mappings":";;AAqBA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAI7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,GAAW,QAAAC,EACvB,MAAA,GAAGC,CAAW,aAAaF,CAAS,mBAAmBC,CAAM;AACjE,CAAC;"}
+{"version":3,"file":"course-stream.js","sources":["../../../../src/features/trial-session/api/course-stream.ts"],"sourcesContent":["import type { TPreferenceCategory } from '../../milestone/create/milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\ntype TPreference = {\n  preference_code: string;\n  preference_name: string;\n  preference_category: TPreferenceCategory;\n};\n\ntype TPreferencesBody = {\n  preferences: TPreference[];\n};\n\ntype TPreferencesMeta = {\n  stream: string;\n  studentId: string;\n};\n\nconst { usePost: usePostStudentPreferences } = createPostAPI<\n  { id: string },\n  TPreferencesBody,\n  TPreferencesMeta\n>({\n  getURL: (_, { studentId, stream }) =>\n    `${BASE_URL_V1}/students/${studentId}/course-streams/${stream}/preferences/`,\n});\n\nexport { usePostStudentPreferences };\n"],"names":["usePostStudentPreferences","createPostAPI","_","studentId","stream","BASE_URL_V1"],"mappings":";;AAqBA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAI7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,GAAW,QAAAC,EAAA,MACvB,GAAGC,CAAW,aAAaF,CAAS,mBAAmBC,CAAM;AACjE,CAAC;"}

package/dist/features/trial-session/comps/about-cuemath/about-cuemath-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"about-cuemath-constants.js","sources":["../../../../../src/features/trial-session/comps/about-cuemath/about-cuemath-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nconst aboutCuemathData = [\n  {\n    id: 'rating',\n    title: '4.8+ Rating',\n    subtitle: 'Trustpilot',\n    icon: ILLUSTRATIONS.STAR_WITH_GREEN_FILL,\n  },\n  {\n    id: 'countries',\n    title: '80+ Countries',\n    subtitle: 'School Aligned Curriculum',\n    icon: ILLUSTRATIONS.GLOBE_WITH_BLUE_FILL,\n  },\n  {\n    id: 'students',\n    title: '200,000+',\n    subtitle: 'Students',\n    icon: ILLUSTRATIONS.PEOPLE_WITH_ORANGE_FILL,\n  },\n  {\n    id: 'classes',\n    title: '30 Million+',\n    subtitle: 'Classes Delivered',\n    icon: ILLUSTRATIONS.DESKTOP_WITH_PURPLE_FILL,\n  },\n];\n\nexport { aboutCuemathData };\n"],"names":["aboutCuemathData","ILLUSTRATIONS"],"mappings":";AAEA,MAAMA,IAAmB;AAAA,EACvB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAMA,EAAc;AAAA,EAAA;AAExB;"}
+{"version":3,"file":"about-cuemath-constants.js","sources":["../../../../../src/features/trial-session/comps/about-cuemath/about-cuemath-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nconst aboutCuemathData = [\n  {\n    id: 'rating',\n    title: '4.8+ Rating',\n    subtitle: 'Trustpilot',\n    icon: ILLUSTRATIONS.STAR_WITH_GREEN_FILL,\n  },\n  {\n    id: 'countries',\n    title: '80+ Countries',\n    subtitle: 'School Aligned Curriculum',\n    icon: ILLUSTRATIONS.GLOBE_WITH_BLUE_FILL,\n  },\n  {\n    id: 'students',\n    title: '200,000+',\n    subtitle: 'Students',\n    icon: ILLUSTRATIONS.PEOPLE_WITH_ORANGE_FILL,\n  },\n  {\n    id: 'classes',\n    title: '30 Million+',\n    subtitle: 'Classes Delivered',\n    icon: ILLUSTRATIONS.DESKTOP_WITH_PURPLE_FILL,\n  },\n];\n\nexport { aboutCuemathData };\n"],"names":["aboutCuemathData","ILLUSTRATIONS"],"mappings":";AAEA,MAAMA,IAAmB;AAAA,EACvB;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAMA,EAAc;AAAA,EACtB;AACF;"}

package/dist/features/trial-session/comps/about-cuemath/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/about-cuemath/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Image from '../../../ui/image/image';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { aboutCuemathData } from './about-cuemath-constants';\nimport * as Styled from './about-cuemath-styled';\n\nconst AboutCuemath: React.FC = () => (\n  <Styled.Container $flexDirection=\"row\">\n    {aboutCuemathData.map(({ id, title, subtitle, icon }) => {\n      return (\n        <Styled.Feature key={id} $alignItems=\"center\">\n          <Image withLoader={false} src={icon} width={40} height={40} />\n          <Separator height={4} />\n          <Text $renderAs=\"ab3-black\">{title}</Text>\n          <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n            {subtitle}\n          </Text>\n        </Styled.Feature>\n      );\n    })}\n  </Styled.Container>\n);\n\nexport default AboutCuemath;\n"],"names":["AboutCuemath","jsx","Styled.Container","aboutCuemathData","id","title","subtitle","icon","jsxs","Styled.Feature","Image","Separator","Text"],"mappings":";;;;;;AAQA,MAAMA,IAAyB,MAC7B,gBAAAC,EAACC,GAAA,EAAiB,gBAAe,OAC9B,UAAiBC,EAAA,IAAI,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,MAAAC,QAEzC,gBAAAC,EAAAC,GAAA,EAAwB,aAAY,UACnC,UAAA;AAAA,EAAC,gBAAAR,EAAAS,GAAA,EAAM,YAAY,IAAO,KAAKH,GAAM,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,EAC5D,gBAAAN,EAACU,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACrB,gBAAAV,EAAAW,GAAA,EAAK,WAAU,aAAa,UAAMP,GAAA;AAAA,oBAClCO,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHN,EAAA,CAAA;AAAA,EAAA,GANmBF,CAOrB,CAEH,EACH,CAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/about-cuemath/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Image from '../../../ui/image/image';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { aboutCuemathData } from './about-cuemath-constants';\nimport * as Styled from './about-cuemath-styled';\n\nconst AboutCuemath: React.FC = () => (\n  <Styled.Container $flexDirection=\"row\">\n    {aboutCuemathData.map(({ id, title, subtitle, icon }) => {\n      return (\n        <Styled.Feature key={id} $alignItems=\"center\">\n          <Image withLoader={false} src={icon} width={40} height={40} />\n          <Separator height={4} />\n          <Text $renderAs=\"ab3-black\">{title}</Text>\n          <Text $renderAs=\"ab3\" $color=\"BLACK_T_60\">\n            {subtitle}\n          </Text>\n        </Styled.Feature>\n      );\n    })}\n  </Styled.Container>\n);\n\nexport default AboutCuemath;\n"],"names":["AboutCuemath","jsx","Styled.Container","aboutCuemathData","id","title","subtitle","icon","jsxs","Styled.Feature","Image","Separator","Text"],"mappings":";;;;;;AAQA,MAAMA,IAAyB,MAC7B,gBAAAC,EAACC,GAAA,EAAiB,gBAAe,OAC9B,UAAiBC,EAAA,IAAI,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,MAAAC,QAEzC,gBAAAC,EAAAC,GAAA,EAAwB,aAAY,UACnC,UAAA;AAAA,EAAC,gBAAAR,EAAAS,GAAA,EAAM,YAAY,IAAO,KAAKH,GAAM,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,EAC5D,gBAAAN,EAACU,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACrB,gBAAAV,EAAAW,GAAA,EAAK,WAAU,aAAa,UAAMP,GAAA;AAAA,oBAClCO,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHN,GAAA;AAAA,EAAA,GANmBF,CAOrB,CAEH,EACH,CAAA;"}

package/dist/features/trial-session/comps/additional-info/additional-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"additional-info.js","sources":["../../../../../src/features/trial-session/comps/additional-info/additional-info.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './additional-info-styled';\n\nconst AdditionalInfo = memo(() => {\n  return (\n    <Styled.Container $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Textarea\n        value={\n          'Amy is in the gifted program. Needs something beyond her grade level + competitive prep.'\n        }\n      />\n    </Styled.Container>\n  );\n});\n\nexport default AdditionalInfo;\n"],"names":["AdditionalInfo","memo","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Textarea"],"mappings":";;;;;AAMM,MAAAA,IAAiBC,EAAK,MAEvB,gBAAAC,EAAAC,GAAA,EAAiB,aAAY,UAC5B,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,EACb,gBAAAF;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,OACE;AAAA,IAAA;AAAA,EAAA;AAEJ,GACF,CAEH;"}
+{"version":3,"file":"additional-info.js","sources":["../../../../../src/features/trial-session/comps/additional-info/additional-info.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './additional-info-styled';\n\nconst AdditionalInfo = memo(() => {\n  return (\n    <Styled.Container $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Textarea\n        value={\n          'Amy is in the gifted program. Needs something beyond her grade level + competitive prep.'\n        }\n      />\n    </Styled.Container>\n  );\n});\n\nexport default AdditionalInfo;\n"],"names":["AdditionalInfo","memo","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Textarea"],"mappings":";;;;;AAMM,MAAAA,IAAiBC,EAAK,MAEvB,gBAAAC,EAAAC,GAAA,EAAiB,aAAY,UAC5B,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,EACb,gBAAAF;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,OACE;AAAA,IAAA;AAAA,EAEJ;AACF,EAAA,CAAA,CAEH;"}

package/dist/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.tsx"],"sourcesContent":["import type { IStudentAVPanelProps } from './student-av-panel-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport User2Icon from '../../../../../assets/line-icons/icons/user2';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport * as Styled from './student-av-panel-styled';\n\nconst StudentAVPanel: FC<IStudentAVPanelProps> = memo(({ insideLeftPanel }) => {\n  const { studentPanel, trialHomeData, isTeacher } = useTrialSessionContext();\n  const { student, parent } = trialHomeData;\n  const { name: studentName, grade } = student;\n  const { name: parentName } = parent;\n\n  return (\n    <Styled.Container $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {studentPanel}\n      {isTeacher && (\n        <Styled.AbsoluteWrapper $gapX={0.75} $gutterX={0.75} $flexRowGap={0.125}>\n          <Text $renderAs={insideLeftPanel ? 'ac4-black' : 'ac3-black'} $color=\"WHITE\">\n            {studentName || ''} / G{grade || ''}\n          </Text>\n          <Styled.ParentInfoWrapper\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.125}\n            $alignItems=\"center\"\n            $insideLeftPanel={insideLeftPanel}\n          >\n            <User2Icon\n              width={insideLeftPanel ? 16 : 24}\n              height={insideLeftPanel ? 16 : 24}\n              color=\"WHITE\"\n            />\n            <Text $renderAs={insideLeftPanel ? 'ub3' : 'ac3-black'} $color=\"WHITE\">\n              {parentName || ''}\n            </Text>\n          </Styled.ParentInfoWrapper>\n        </Styled.AbsoluteWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentAVPanel;\n"],"names":["StudentAVPanel","memo","insideLeftPanel","studentPanel","trialHomeData","isTeacher","useTrialSessionContext","student","parent","studentName","grade","parentName","jsxs","Styled.Container","Styled.AbsoluteWrapper","Text","Styled.ParentInfoWrapper","jsx","User2Icon"],"mappings":";;;;;;AAUA,MAAMA,IAA2CC,EAAK,CAAC,EAAE,iBAAAC,QAAsB;AAC7E,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,WAAAC,EAAA,IAAcC,EAAuB,GACpE,EAAE,SAAAC,GAAS,QAAAC,EAAA,IAAWJ,GACtB,EAAE,MAAMK,GAAa,OAAAC,EAAU,IAAAH,GAC/B,EAAE,MAAMI,EAAA,IAAeH;AAG3B,SAAA,gBAAAI,EAACC,GAAA,EAAiB,WAAU,YAAW,QAAO,QAAO,SAAQ,QAC1D,UAAA;AAAA,IAAAV;AAAA,IACAE,KACE,gBAAAO,EAAAE,GAAA,EAAuB,OAAO,MAAM,UAAU,MAAM,aAAa,OAChE,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAK,WAAWb,IAAkB,cAAc,aAAa,QAAO,SAClE,UAAA;AAAA,QAAeO,KAAA;AAAA,QAAG;AAAA,QAAKC,KAAS;AAAA,MAAA,GACnC;AAAA,MACA,gBAAAE;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,aAAY;AAAA,UACZ,kBAAkBd;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAe;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAOhB,IAAkB,KAAK;AAAA,gBAC9B,QAAQA,IAAkB,KAAK;AAAA,gBAC/B,OAAM;AAAA,cAAA;AAAA,YACR;AAAA,YACA,gBAAAe,EAACF,KAAK,WAAWb,IAAkB,QAAQ,aAAa,QAAO,SAC5D,UAAAS,KAAc,GACjB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EACF,CAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"student-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.tsx"],"sourcesContent":["import type { IStudentAVPanelProps } from './student-av-panel-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport User2Icon from '../../../../../assets/line-icons/icons/user2';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport * as Styled from './student-av-panel-styled';\n\nconst StudentAVPanel: FC<IStudentAVPanelProps> = memo(({ insideLeftPanel }) => {\n  const { studentPanel, trialHomeData, isTeacher } = useTrialSessionContext();\n  const { student, parent } = trialHomeData;\n  const { name: studentName, grade } = student;\n  const { name: parentName } = parent;\n\n  return (\n    <Styled.Container $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {studentPanel}\n      {isTeacher && (\n        <Styled.AbsoluteWrapper $gapX={0.75} $gutterX={0.75} $flexRowGap={0.125}>\n          <Text $renderAs={insideLeftPanel ? 'ac4-black' : 'ac3-black'} $color=\"WHITE\">\n            {studentName || ''} / G{grade || ''}\n          </Text>\n          <Styled.ParentInfoWrapper\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.125}\n            $alignItems=\"center\"\n            $insideLeftPanel={insideLeftPanel}\n          >\n            <User2Icon\n              width={insideLeftPanel ? 16 : 24}\n              height={insideLeftPanel ? 16 : 24}\n              color=\"WHITE\"\n            />\n            <Text $renderAs={insideLeftPanel ? 'ub3' : 'ac3-black'} $color=\"WHITE\">\n              {parentName || ''}\n            </Text>\n          </Styled.ParentInfoWrapper>\n        </Styled.AbsoluteWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentAVPanel;\n"],"names":["StudentAVPanel","memo","insideLeftPanel","studentPanel","trialHomeData","isTeacher","useTrialSessionContext","student","parent","studentName","grade","parentName","jsxs","Styled.Container","Styled.AbsoluteWrapper","Text","Styled.ParentInfoWrapper","jsx","User2Icon"],"mappings":";;;;;;AAUA,MAAMA,IAA2CC,EAAK,CAAC,EAAE,iBAAAC,QAAsB;AAC7E,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,WAAAC,MAAcC,EAAuB,GACpE,EAAE,SAAAC,GAAS,QAAAC,EAAW,IAAAJ,GACtB,EAAE,MAAMK,GAAa,OAAAC,EAAA,IAAUH,GAC/B,EAAE,MAAMI,EAAe,IAAAH;AAG3B,SAAA,gBAAAI,EAACC,GAAA,EAAiB,WAAU,YAAW,QAAO,QAAO,SAAQ,QAC1D,UAAA;AAAA,IAAAV;AAAA,IACAE,KACE,gBAAAO,EAAAE,GAAA,EAAuB,OAAO,MAAM,UAAU,MAAM,aAAa,OAChE,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAK,WAAWb,IAAkB,cAAc,aAAa,QAAO,SAClE,UAAA;AAAA,QAAeO,KAAA;AAAA,QAAG;AAAA,QAAKC,KAAS;AAAA,MAAA,GACnC;AAAA,MACA,gBAAAE;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,aAAY;AAAA,UACZ,kBAAkBd;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAe;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAOhB,IAAkB,KAAK;AAAA,gBAC9B,QAAQA,IAAkB,KAAK;AAAA,gBAC/B,OAAM;AAAA,cAAA;AAAA,YACR;AAAA,YACA,gBAAAe,EAACF,KAAK,WAAWb,IAAkB,QAAQ,aAAa,QAAO,SAC5D,UAAAS,KAAc,GACjB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/av-panels/teacher-av-panel/teacher-av-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/teacher-av-panel/teacher-av-panel.tsx"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { fetchLottie } from '../../../../ui/lottie-animation/helper';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { EClassTimeAlertLevel } from '../../../trial-session-types';\nimport Clock from '../../clock/clock';\nimport CountdownProgressBar from '../../countdown-progress-bar/countdown-progress-bar';\nimport * as Styled from './teacher-av-panel-styled';\n\nconst TeacherAVPanel: FC = memo(() => {\n  const {\n    teacherPanel,\n    classStartedOn,\n    isTeacher,\n    trialHomeData,\n    classTimeAlertConfig,\n    classDuration,\n  } = useTrialSessionContext();\n  const {\n    alertLevel: classTimeAlertLevel,\n    isVisible: showClassTimeAlert,\n    onComplete: onClassTimeAlertComplete,\n  } = classTimeAlertConfig ?? {};\n  const lottieContainer = useRef<HTMLDivElement>(null);\n  const lottieInstance = useRef<AnimationItem | null>(null);\n  const [showText, setShowText] = useState(false);\n  const [showOverlay, setShowOverlay] = useState(false);\n  const [timeLeft, setTimeLeft] = useState(0);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n\n  const { teacher } = trialHomeData;\n  const { name } = teacher;\n\n  const playClassTimeAlertAnimation = useCallback(\n    async (type: string) => {\n      if (!lottieContainer.current || !type) return;\n\n      try {\n        const clockLottiePath =\n          type === EClassTimeAlertLevel.FIVE_MIN ? LOTTIE.FIVE_MIN_CLOCK : LOTTIE.FIFTEEN_MIN_CLOCK;\n        const animationData = await fetchLottie(clockLottiePath);\n\n        setShowOverlay(true);\n\n        const instance = Lottie.loadAnimation({\n          container: lottieContainer.current,\n          renderer: 'svg',\n          loop: false,\n          autoplay: false,\n          animationData,\n        });\n\n        lottieInstance.current = instance;\n        lottieInstance.current.play();\n\n        if (audioRef.current) {\n          audioRef.current.currentTime = 0;\n          audioRef.current.play();\n        }\n\n        setTimeout(() => setShowText(true), 233);\n\n        lottieInstance.current.addEventListener('complete', () => {\n          lottieInstance.current?.destroy();\n          lottieInstance.current = null;\n          setShowText(false);\n          setShowOverlay(false);\n          onClassTimeAlertComplete?.();\n        });\n      } catch (error) {\n        return null;\n      }\n    },\n    [onClassTimeAlertComplete],\n  );\n\n  const getRemainingTime = useCallback(() => {\n    if (!classStartedOn || !classDuration) return 0;\n\n    const currentTime = Date.now();\n    const startTime = new Date(classStartedOn).getTime();\n    const timeRemaining = classDuration - (currentTime - startTime) / 1000;\n\n    return timeRemaining;\n  }, [classDuration, classStartedOn]);\n\n  const updateTimeLeft = useCallback(() => {\n    const remainingTime = getRemainingTime();\n\n    setTimeLeft(remainingTime);\n  }, [getRemainingTime]);\n\n  const startCountdownPolling = useCallback(() => {\n    if (timerRef.current) {\n      clearInterval(timerRef.current);\n      timerRef.current = null;\n    }\n    updateTimeLeft();\n    timerRef.current = setInterval(() => {\n      updateTimeLeft();\n    }, 5000);\n  }, [updateTimeLeft]);\n\n  useEffect(() => {\n    if (classTimeAlertLevel && showClassTimeAlert) {\n      playClassTimeAlertAnimation(classTimeAlertLevel);\n    }\n  }, [classTimeAlertLevel, playClassTimeAlertAnimation, showClassTimeAlert]);\n\n  useEffect(() => {\n    if (classTimeAlertLevel && classTimeAlertLevel === EClassTimeAlertLevel.FIVE_MIN) {\n      startCountdownPolling();\n    }\n\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [classTimeAlertLevel, startCountdownPolling]);\n\n  useEffect(() => {\n    const loadAudio = async (alertLevel: EClassTimeAlertLevel) => {\n      const audio = new Audio(\n        `https://static.qumath.in/static/intel-student/cmpress/${\n          alertLevel === EClassTimeAlertLevel.FIFTEEN_MIN ? '15-min-reminder' : '5-min-reminder'\n        }.mp3`,\n      );\n\n      audioRef.current = audio;\n    };\n\n    if (classTimeAlertLevel) {\n      loadAudio(classTimeAlertLevel);\n    }\n\n    return () => {\n      audioRef.current = null;\n    };\n  }, [classTimeAlertLevel]);\n\n  const showCountdownProgressBar =\n    classTimeAlertLevel === EClassTimeAlertLevel.FIVE_MIN && timeLeft > 0 && isTeacher;\n\n  return (\n    <FlexView $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {teacherPanel}\n      {isTeacher && (\n        <Styled.AnimationContainer\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"BLACK_T_60\"\n          $visible={showOverlay}\n        >\n          <FlexView ref={lottieContainer} $width={80} $height={80} />\n          {classTimeAlertLevel && (\n            <Styled.TextFadeIn\n              $visible={showText}\n              $renderAs=\"ac3\"\n              $color=\"WHITE\"\n              className=\"fade-in\"\n            >\n              {classTimeAlertLevel === '15min' ? `15 MIN REMAINING` : `5 MIN REMAINING`}\n            </Styled.TextFadeIn>\n          )}\n        </Styled.AnimationContainer>\n      )}\n      {showCountdownProgressBar && (\n        <Styled.ProgressWrapper $width={'100%'}>\n          <CountdownProgressBar value={timeLeft} maxValue={300} />\n        </Styled.ProgressWrapper>\n      )}\n      {classStartedOn && isTeacher && (\n        <Styled.TimerWrapper\n          $background={\n            classTimeAlertLevel === '15min'\n              ? 'YELLOW_4'\n              : classTimeAlertLevel === '5min'\n                ? 'ORANGE_4'\n                : 'GREEN_4'\n          }\n          $gapX={0.25}\n          $gutterX={0.5}\n          $justifyContent=\"center\"\n        >\n          <Clock startTime={classStartedOn} textRenderAs=\"ac3\" textColor=\"BLACK_T_87\" />\n        </Styled.TimerWrapper>\n      )}\n      {name && !isTeacher && (\n        <Styled.TeacherNameWrapper $gapX={0.75} $gutterX={0.75} $width=\"100%\">\n          <Text $renderAs=\"ac3-black\" $color=\"WHITE\">\n            {name}\n          </Text>\n        </Styled.TeacherNameWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default TeacherAVPanel;\n"],"names":["TeacherAVPanel","memo","teacherPanel","classStartedOn","isTeacher","trialHomeData","classTimeAlertConfig","classDuration","useTrialSessionContext","classTimeAlertLevel","showClassTimeAlert","onClassTimeAlertComplete","lottieContainer","useRef","lottieInstance","showText","setShowText","useState","showOverlay","setShowOverlay","timeLeft","setTimeLeft","timerRef","audioRef","teacher","name","playClassTimeAlertAnimation","useCallback","type","clockLottiePath","EClassTimeAlertLevel","LOTTIE","animationData","fetchLottie","instance","Lottie","_a","getRemainingTime","currentTime","startTime","updateTimeLeft","remainingTime","startCountdownPolling","useEffect","alertLevel","audio","showCountdownProgressBar","FlexView","jsxs","Styled.AnimationContainer","jsx","Styled.TextFadeIn","Styled.ProgressWrapper","CountdownProgressBar","Styled.TimerWrapper","Clock","Styled.TeacherNameWrapper","Text"],"mappings":"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"}
+{"version":3,"file":"teacher-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/teacher-av-panel/teacher-av-panel.tsx"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { fetchLottie } from '../../../../ui/lottie-animation/helper';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { EClassTimeAlertLevel } from '../../../trial-session-types';\nimport Clock from '../../clock/clock';\nimport CountdownProgressBar from '../../countdown-progress-bar/countdown-progress-bar';\nimport * as Styled from './teacher-av-panel-styled';\n\nconst TeacherAVPanel: FC = memo(() => {\n  const {\n    teacherPanel,\n    classStartedOn,\n    isTeacher,\n    trialHomeData,\n    classTimeAlertConfig,\n    classDuration,\n  } = useTrialSessionContext();\n  const {\n    alertLevel: classTimeAlertLevel,\n    isVisible: showClassTimeAlert,\n    onComplete: onClassTimeAlertComplete,\n  } = classTimeAlertConfig ?? {};\n  const lottieContainer = useRef<HTMLDivElement>(null);\n  const lottieInstance = useRef<AnimationItem | null>(null);\n  const [showText, setShowText] = useState(false);\n  const [showOverlay, setShowOverlay] = useState(false);\n  const [timeLeft, setTimeLeft] = useState(0);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n\n  const { teacher } = trialHomeData;\n  const { name } = teacher;\n\n  const playClassTimeAlertAnimation = useCallback(\n    async (type: string) => {\n      if (!lottieContainer.current || !type) return;\n\n      try {\n        const clockLottiePath =\n          type === EClassTimeAlertLevel.FIVE_MIN ? LOTTIE.FIVE_MIN_CLOCK : LOTTIE.FIFTEEN_MIN_CLOCK;\n        const animationData = await fetchLottie(clockLottiePath);\n\n        setShowOverlay(true);\n\n        const instance = Lottie.loadAnimation({\n          container: lottieContainer.current,\n          renderer: 'svg',\n          loop: false,\n          autoplay: false,\n          animationData,\n        });\n\n        lottieInstance.current = instance;\n        lottieInstance.current.play();\n\n        if (audioRef.current) {\n          audioRef.current.currentTime = 0;\n          audioRef.current.play();\n        }\n\n        setTimeout(() => setShowText(true), 233);\n\n        lottieInstance.current.addEventListener('complete', () => {\n          lottieInstance.current?.destroy();\n          lottieInstance.current = null;\n          setShowText(false);\n          setShowOverlay(false);\n          onClassTimeAlertComplete?.();\n        });\n      } catch (error) {\n        return null;\n      }\n    },\n    [onClassTimeAlertComplete],\n  );\n\n  const getRemainingTime = useCallback(() => {\n    if (!classStartedOn || !classDuration) return 0;\n\n    const currentTime = Date.now();\n    const startTime = new Date(classStartedOn).getTime();\n    const timeRemaining = classDuration - (currentTime - startTime) / 1000;\n\n    return timeRemaining;\n  }, [classDuration, classStartedOn]);\n\n  const updateTimeLeft = useCallback(() => {\n    const remainingTime = getRemainingTime();\n\n    setTimeLeft(remainingTime);\n  }, [getRemainingTime]);\n\n  const startCountdownPolling = useCallback(() => {\n    if (timerRef.current) {\n      clearInterval(timerRef.current);\n      timerRef.current = null;\n    }\n    updateTimeLeft();\n    timerRef.current = setInterval(() => {\n      updateTimeLeft();\n    }, 5000);\n  }, [updateTimeLeft]);\n\n  useEffect(() => {\n    if (classTimeAlertLevel && showClassTimeAlert) {\n      playClassTimeAlertAnimation(classTimeAlertLevel);\n    }\n  }, [classTimeAlertLevel, playClassTimeAlertAnimation, showClassTimeAlert]);\n\n  useEffect(() => {\n    if (classTimeAlertLevel && classTimeAlertLevel === EClassTimeAlertLevel.FIVE_MIN) {\n      startCountdownPolling();\n    }\n\n    return () => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [classTimeAlertLevel, startCountdownPolling]);\n\n  useEffect(() => {\n    const loadAudio = async (alertLevel: EClassTimeAlertLevel) => {\n      const audio = new Audio(\n        `https://static.qumath.in/static/intel-student/cmpress/${\n          alertLevel === EClassTimeAlertLevel.FIFTEEN_MIN ? '15-min-reminder' : '5-min-reminder'\n        }.mp3`,\n      );\n\n      audioRef.current = audio;\n    };\n\n    if (classTimeAlertLevel) {\n      loadAudio(classTimeAlertLevel);\n    }\n\n    return () => {\n      audioRef.current = null;\n    };\n  }, [classTimeAlertLevel]);\n\n  const showCountdownProgressBar =\n    classTimeAlertLevel === EClassTimeAlertLevel.FIVE_MIN && timeLeft > 0 && isTeacher;\n\n  return (\n    <FlexView $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {teacherPanel}\n      {isTeacher && (\n        <Styled.AnimationContainer\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"BLACK_T_60\"\n          $visible={showOverlay}\n        >\n          <FlexView ref={lottieContainer} $width={80} $height={80} />\n          {classTimeAlertLevel && (\n            <Styled.TextFadeIn\n              $visible={showText}\n              $renderAs=\"ac3\"\n              $color=\"WHITE\"\n              className=\"fade-in\"\n            >\n              {classTimeAlertLevel === '15min' ? `15 MIN REMAINING` : `5 MIN REMAINING`}\n            </Styled.TextFadeIn>\n          )}\n        </Styled.AnimationContainer>\n      )}\n      {showCountdownProgressBar && (\n        <Styled.ProgressWrapper $width={'100%'}>\n          <CountdownProgressBar value={timeLeft} maxValue={300} />\n        </Styled.ProgressWrapper>\n      )}\n      {classStartedOn && isTeacher && (\n        <Styled.TimerWrapper\n          $background={\n            classTimeAlertLevel === '15min'\n              ? 'YELLOW_4'\n              : classTimeAlertLevel === '5min'\n                ? 'ORANGE_4'\n                : 'GREEN_4'\n          }\n          $gapX={0.25}\n          $gutterX={0.5}\n          $justifyContent=\"center\"\n        >\n          <Clock startTime={classStartedOn} textRenderAs=\"ac3\" textColor=\"BLACK_T_87\" />\n        </Styled.TimerWrapper>\n      )}\n      {name && !isTeacher && (\n        <Styled.TeacherNameWrapper $gapX={0.75} $gutterX={0.75} $width=\"100%\">\n          <Text $renderAs=\"ac3-black\" $color=\"WHITE\">\n            {name}\n          </Text>\n        </Styled.TeacherNameWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default TeacherAVPanel;\n"],"names":["TeacherAVPanel","memo","teacherPanel","classStartedOn","isTeacher","trialHomeData","classTimeAlertConfig","classDuration","useTrialSessionContext","classTimeAlertLevel","showClassTimeAlert","onClassTimeAlertComplete","lottieContainer","useRef","lottieInstance","showText","setShowText","useState","showOverlay","setShowOverlay","timeLeft","setTimeLeft","timerRef","audioRef","teacher","name","playClassTimeAlertAnimation","useCallback","type","clockLottiePath","EClassTimeAlertLevel","LOTTIE","animationData","fetchLottie","instance","Lottie","_a","getRemainingTime","currentTime","startTime","updateTimeLeft","remainingTime","startCountdownPolling","useEffect","alertLevel","audio","showCountdownProgressBar","FlexView","jsxs","Styled.AnimationContainer","jsx","Styled.TextFadeIn","Styled.ProgressWrapper","CountdownProgressBar","Styled.TimerWrapper","Clock","Styled.TeacherNameWrapper","Text"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"background-grid-styled.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-styled.tsx"],"sourcesContent":["import type { TColoredBox } from './background-grid-types';\n\nimport styled from 'styled-components';\n\nconst Container = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_4 } = theme.colors;\n\n  return `\n    margin: 0;\n    padding: 0;\n\n    width: 100%;\n    height: 100%;\n\n    background-image: linear-gradient(${WHITE_4} 1px, transparent 1px),\n      linear-gradient(90deg, ${WHITE_4} 1px, transparent 1px);\n    background-size: ${gutter * 3.125}px ${gutter * 3.125}px;\n    position: relative;\n  `;\n});\n\nconst ColoredBox = styled.div<{ $cssProps: TColoredBox }>(({ theme, $cssProps }) => {\n  const { xAxis, yAxis, bgColor } = $cssProps;\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: calc(${gutter * (yAxis * 3.125)}px + 1px);\n    left: calc(${gutter * (xAxis * 3.125)}px + 1px);\n    width: calc(${gutter * 3.125}px - 1px);\n    height: calc(${gutter * 3.125}px - 1px);\n    background-color: ${bgColor};\n  `;\n});\n\nexport { ColoredBox, Container };\n"],"names":["Container","styled","theme","gutter","WHITE_4","ColoredBox","$cssProps","xAxis","yAxis","bgColor"],"mappings":";AAIA,MAAMA,IAAYC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACpC,QAAA,EAAE,QAAAC,MAAWD,EAAM,QACnB,EAAE,SAAAE,MAAYF,EAAM;AAEnB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAO+BE,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfD,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC,GAEKE,IAAaJ,EAAO,IAAgC,CAAC,EAAE,OAAAC,GAAO,WAAAI,QAAgB;AAClF,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,EAAY,IAAAH,GAC5B,EAAE,QAAAH,MAAWD,EAAM;AAElB,SAAA;AAAA;AAAA,gBAEOC,KAAUK,IAAQ,MAAM;AAAA,iBACvBL,KAAUI,IAAQ,MAAM;AAAA,kBACvBJ,IAAS,KAAK;AAAA,mBACbA,IAAS,KAAK;AAAA,wBACTM,CAAO;AAAA;AAE/B,CAAC;"}
+{"version":3,"file":"background-grid-styled.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid-styled.tsx"],"sourcesContent":["import type { TColoredBox } from './background-grid-types';\n\nimport styled from 'styled-components';\n\nconst Container = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_4 } = theme.colors;\n\n  return `\n    margin: 0;\n    padding: 0;\n\n    width: 100%;\n    height: 100%;\n\n    background-image: linear-gradient(${WHITE_4} 1px, transparent 1px),\n      linear-gradient(90deg, ${WHITE_4} 1px, transparent 1px);\n    background-size: ${gutter * 3.125}px ${gutter * 3.125}px;\n    position: relative;\n  `;\n});\n\nconst ColoredBox = styled.div<{ $cssProps: TColoredBox }>(({ theme, $cssProps }) => {\n  const { xAxis, yAxis, bgColor } = $cssProps;\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: calc(${gutter * (yAxis * 3.125)}px + 1px);\n    left: calc(${gutter * (xAxis * 3.125)}px + 1px);\n    width: calc(${gutter * 3.125}px - 1px);\n    height: calc(${gutter * 3.125}px - 1px);\n    background-color: ${bgColor};\n  `;\n});\n\nexport { ColoredBox, Container };\n"],"names":["Container","styled","theme","gutter","WHITE_4","ColoredBox","$cssProps","xAxis","yAxis","bgColor"],"mappings":";AAIA,MAAMA,IAAYC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACpC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,SAAAE,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAO+BE,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfD,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC,GAEKE,IAAaJ,EAAO,IAAgC,CAAC,EAAE,OAAAC,GAAO,WAAAI,QAAgB;AAClF,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,EAAA,IAAYH,GAC5B,EAAE,QAAAH,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,gBAEOC,KAAUK,IAAQ,MAAM;AAAA,iBACvBL,KAAUI,IAAQ,MAAM;AAAA,kBACvBJ,IAAS,KAAK;AAAA,mBACbA,IAAS,KAAK;AAAA,wBACTM,CAAO;AAAA;AAE/B,CAAC;"}

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 type { TColoredBox } from './background-grid-types';\n\nimport { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\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.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 type { TColoredBox } from './background-grid-types';\n\nimport { getTheme } from '../../../ui/theme/get-theme';\nimport { TrialPageId } from '../../trial-session-constants';\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.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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"background-grid.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid.tsx"],"sourcesContent":["import type { IBackgroundGrid } from './background-grid-types';\n\nimport React from 'react';\n\nimport * as Styled from './background-grid-styled';\nimport { getColoredBoxPosition } from './background-grid-utils';\n\nconst BackgroundGrid: React.FC<IBackgroundGrid> = ({ slideId }) => {\n  const positions = getColoredBoxPosition(slideId);\n\n  return (\n    <Styled.Container>\n      {positions &&\n        positions.length > 0 &&\n        positions.map((position, index) => {\n          return <Styled.ColoredBox key={index} $cssProps={position} />;\n        })}\n    </Styled.Container>\n  );\n};\n\nexport default BackgroundGrid;\n"],"names":["BackgroundGrid","slideId","positions","getColoredBoxPosition","jsx","Styled.Container","position","index","Styled.ColoredBox"],"mappings":";;;AAOA,MAAMA,IAA4C,CAAC,EAAE,SAAAC,QAAc;AAC3D,QAAAC,IAAYC,EAAsBF,CAAO;AAE/C,SACG,gBAAAG,EAAAC,GAAA,EACE,UACCH,KAAAA,EAAU,SAAS,KACnBA,EAAU,IAAI,CAACI,GAAUC,wBACfC,GAAA,EAA8B,WAAWF,KAAlBC,CAA4B,CAC5D,GACL;AAEJ;"}
+{"version":3,"file":"background-grid.js","sources":["../../../../../src/features/trial-session/comps/background-grid/background-grid.tsx"],"sourcesContent":["import type { IBackgroundGrid } from './background-grid-types';\n\nimport React from 'react';\n\nimport * as Styled from './background-grid-styled';\nimport { getColoredBoxPosition } from './background-grid-utils';\n\nconst BackgroundGrid: React.FC<IBackgroundGrid> = ({ slideId }) => {\n  const positions = getColoredBoxPosition(slideId);\n\n  return (\n    <Styled.Container>\n      {positions &&\n        positions.length > 0 &&\n        positions.map((position, index) => {\n          return <Styled.ColoredBox key={index} $cssProps={position} />;\n        })}\n    </Styled.Container>\n  );\n};\n\nexport default BackgroundGrid;\n"],"names":["BackgroundGrid","slideId","positions","getColoredBoxPosition","jsx","Styled.Container","position","index","Styled.ColoredBox"],"mappings":";;;AAOA,MAAMA,IAA4C,CAAC,EAAE,SAAAC,QAAc;AAC3D,QAAAC,IAAYC,EAAsBF,CAAO;AAE/C,SACG,gBAAAG,EAAAC,GAAA,EACE,UACCH,KAAAA,EAAU,SAAS,KACnBA,EAAU,IAAI,CAACI,GAAUC,wBACfC,GAAA,EAA8B,WAAWF,KAAlBC,CAA4B,CAC5D,EACL,CAAA;AAEJ;"}

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 type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } 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 { 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';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\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    if (isTeacher && !preferences) {\n      updateSlideConfig({ preferences: defaultPreferences });\n    }\n  }, [isTeacher, preferences, updateSlideConfig]);\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","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","daySlots","DAYS","day","timezone","teacherTimezone","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","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 type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } 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 { 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';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\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    if (isTeacher && !preferences) {\n      updateSlideConfig({ preferences: defaultPreferences });\n    }\n  }, [isTeacher, preferences, updateSlideConfig]);\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","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","daySlots","DAYS","day","timezone","teacherTimezone","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"clock.js","sources":["../../../../../src/features/trial-session/comps/clock/clock.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../../../ui/types';\n\nimport { useEffect, useState, type FC } from 'react';\n\nimport Text from '../../../ui/text/text';\nimport { formatTimeInHHMMSS } from '../../../utils/utils';\n\ninterface IClock {\n  startTime: Date;\n  textRenderAs: TTextVariants;\n  textColor: TColorNames;\n}\n\nconst Clock: FC<IClock> = ({ startTime, textRenderAs = 'eyebrow1', textColor = 'BLACK' }) => {\n  const [time, setTime] = useState<number>(\n    Math.floor(Date.now() / 1000) - Math.floor(+new Date(startTime) / 1000),\n  );\n\n  useEffect(() => {\n    const clockId = setInterval(() => {\n      setTime(Math.floor(Date.now() / 1000) - Math.floor(+new Date(startTime) / 1000));\n    }, 1000);\n\n    return () => clearInterval(clockId);\n  }, [startTime]);\n\n  const formattedTime = formatTimeInHHMMSS(time);\n\n  return (\n    <Text\n      $alignSelf=\"center\"\n      $width={formattedTime.length > 5 ? 68 : 46}\n      $renderAs={textRenderAs}\n      $color={textColor}\n    >\n      {formattedTime}\n    </Text>\n  );\n};\n\nexport default Clock;\n"],"names":["Clock","startTime","textRenderAs","textColor","time","setTime","useState","useEffect","clockId","formattedTime","formatTimeInHHMMSS","jsx","Text"],"mappings":";;;;AAaM,MAAAA,IAAoB,CAAC,EAAE,WAAAC,GAAW,cAAAC,IAAe,YAAY,WAAAC,IAAY,cAAc;AACrF,QAAA,CAACC,GAAMC,CAAO,IAAIC;AAAA,IACtB,KAAK,MAAM,KAAK,QAAQ,GAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAKL,CAAS,IAAI,GAAI;AAAA,EACxE;AAEA,EAAAM,EAAU,MAAM;AACR,UAAAC,IAAU,YAAY,MAAM;AAChC,MAAAH,EAAQ,KAAK,MAAM,KAAK,QAAQ,GAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAKJ,CAAS,IAAI,GAAI,CAAC;AAAA,OAC9E,GAAI;AAEA,WAAA,MAAM,cAAcO,CAAO;AAAA,EAAA,GACjC,CAACP,CAAS,CAAC;AAER,QAAAQ,IAAgBC,EAAmBN,CAAI;AAG3C,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAQH,EAAc,SAAS,IAAI,KAAK;AAAA,MACxC,WAAWP;AAAA,MACX,QAAQC;AAAA,MAEP,UAAAM;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"clock.js","sources":["../../../../../src/features/trial-session/comps/clock/clock.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../../../ui/types';\n\nimport { useEffect, useState, type FC } from 'react';\n\nimport Text from '../../../ui/text/text';\nimport { formatTimeInHHMMSS } from '../../../utils/utils';\n\ninterface IClock {\n  startTime: Date;\n  textRenderAs: TTextVariants;\n  textColor: TColorNames;\n}\n\nconst Clock: FC<IClock> = ({ startTime, textRenderAs = 'eyebrow1', textColor = 'BLACK' }) => {\n  const [time, setTime] = useState<number>(\n    Math.floor(Date.now() / 1000) - Math.floor(+new Date(startTime) / 1000),\n  );\n\n  useEffect(() => {\n    const clockId = setInterval(() => {\n      setTime(Math.floor(Date.now() / 1000) - Math.floor(+new Date(startTime) / 1000));\n    }, 1000);\n\n    return () => clearInterval(clockId);\n  }, [startTime]);\n\n  const formattedTime = formatTimeInHHMMSS(time);\n\n  return (\n    <Text\n      $alignSelf=\"center\"\n      $width={formattedTime.length > 5 ? 68 : 46}\n      $renderAs={textRenderAs}\n      $color={textColor}\n    >\n      {formattedTime}\n    </Text>\n  );\n};\n\nexport default Clock;\n"],"names":["Clock","startTime","textRenderAs","textColor","time","setTime","useState","useEffect","clockId","formattedTime","formatTimeInHHMMSS","jsx","Text"],"mappings":";;;;AAaM,MAAAA,IAAoB,CAAC,EAAE,WAAAC,GAAW,cAAAC,IAAe,YAAY,WAAAC,IAAY,cAAc;AACrF,QAAA,CAACC,GAAMC,CAAO,IAAIC;AAAA,IACtB,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAKL,CAAS,IAAI,GAAI;AAAA,EAAA;AAGxE,EAAAM,EAAU,MAAM;AACR,UAAAC,IAAU,YAAY,MAAM;AAChC,MAAAH,EAAQ,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAKJ,CAAS,IAAI,GAAI,CAAC;AAAA,OAC9E,GAAI;AAEA,WAAA,MAAM,cAAcO,CAAO;AAAA,EAAA,GACjC,CAACP,CAAS,CAAC;AAER,QAAAQ,IAAgBC,EAAmBN,CAAI;AAG3C,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAQH,EAAc,SAAS,IAAI,KAAK;AAAA,MACxC,WAAWP;AAAA,MACX,QAAQC;AAAA,MAEP,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/communication-slide/index.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport AboutCuemath from '../about-cuemath';\nimport StudentAVPanel from '../av-panels/student-av-panel/student-av-panel';\nimport TeacherAVPanel from '../av-panels/teacher-av-panel/teacher-av-panel';\nimport SlideHeader from '../slide-header';\nimport { pagesWithAboutCuemathData } from './communication-slide-constants';\nimport * as Styled from './communication-slide-styled';\n\nconst CommunicationSlide = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n  const showAboutCuemath = pagesWithAboutCuemathData.includes(id);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $flexDirection=\"row\" $gutterX={1} $flexGapX={1}>\n        <FlexView $width=\"calc(50% - 8px)\">\n          <TeacherAVPanel />\n        </FlexView>\n        <FlexView $width=\"calc(50% - 8px)\">\n          <StudentAVPanel />\n        </FlexView>\n      </FlexView>\n      {showAboutCuemath && <AboutCuemath />}\n    </Styled.Container>\n  );\n});\n\nexport default CommunicationSlide;\n"],"names":["CommunicationSlide","memo","slideConfig","useTrialSessionContext","id","showAboutCuemath","pagesWithAboutCuemathData","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","TeacherAVPanel","StudentAVPanel","AboutCuemath"],"mappings":";;;;;;;;;;;AAYM,MAAAA,IAAqBC,EAAK,MAAM;AAC9B,QAAA,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GACzC,EAAE,IAAAC,MAAOF,KAAe,CAAC,GACzBG,IAAmBC,EAA0B,SAASF,CAAE;AAG5D,SAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAS,EAAA,gBAAe,OAAM,UAAU,GAAG,WAAW,GACrD,UAAA;AAAA,MAAA,gBAAAH,EAACG,GAAS,EAAA,QAAO,mBACf,UAAA,gBAAAH,EAACI,IAAe,CAAA,GAClB;AAAA,wBACCD,GAAS,EAAA,QAAO,mBACf,UAAA,gBAAAH,EAACK,KAAe,EAClB,CAAA;AAAA,IAAA,GACF;AAAA,IACCT,uBAAqBU,GAAa,CAAA,CAAA;AAAA,EAAA,GACrC;AAEJ,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/communication-slide/index.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport AboutCuemath from '../about-cuemath';\nimport StudentAVPanel from '../av-panels/student-av-panel/student-av-panel';\nimport TeacherAVPanel from '../av-panels/teacher-av-panel/teacher-av-panel';\nimport SlideHeader from '../slide-header';\nimport { pagesWithAboutCuemathData } from './communication-slide-constants';\nimport * as Styled from './communication-slide-styled';\n\nconst CommunicationSlide = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n  const showAboutCuemath = pagesWithAboutCuemathData.includes(id);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $flexDirection=\"row\" $gutterX={1} $flexGapX={1}>\n        <FlexView $width=\"calc(50% - 8px)\">\n          <TeacherAVPanel />\n        </FlexView>\n        <FlexView $width=\"calc(50% - 8px)\">\n          <StudentAVPanel />\n        </FlexView>\n      </FlexView>\n      {showAboutCuemath && <AboutCuemath />}\n    </Styled.Container>\n  );\n});\n\nexport default CommunicationSlide;\n"],"names":["CommunicationSlide","memo","slideConfig","useTrialSessionContext","id","showAboutCuemath","pagesWithAboutCuemathData","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","TeacherAVPanel","StudentAVPanel","AboutCuemath"],"mappings":";;;;;;;;;;;AAYM,MAAAA,IAAqBC,EAAK,MAAM;AAC9B,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,IAAAC,EAAA,IAAOF,KAAe,IACxBG,IAAmBC,EAA0B,SAASF,CAAE;AAG5D,SAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAS,EAAA,gBAAe,OAAM,UAAU,GAAG,WAAW,GACrD,UAAA;AAAA,MAAA,gBAAAH,EAACG,GAAS,EAAA,QAAO,mBACf,UAAA,gBAAAH,EAACI,IAAe,CAAA,GAClB;AAAA,wBACCD,GAAS,EAAA,QAAO,mBACf,UAAA,gBAAAH,EAACK,IAAe,CAAA,GAClB;AAAA,IAAA,GACF;AAAA,IACCT,uBAAqBU,GAAa,EAAA;AAAA,EACrC,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/countdown-progress-bar/countdown-progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown-progress-bar.js","sources":["../../../../../src/features/trial-session/comps/countdown-progress-bar/countdown-progress-bar.tsx"],"sourcesContent":["import type { ICountdownProgressBar } from './countdown-progress-bar-types';\n\nimport { memo } from 'react';\n\nimport * as Styled from './countdown-progress-bar-styled';\n\nconst CountdownProgressBar = ({\n  maxValue,\n  fillColor = 'ORANGE_4',\n  value,\n}: ICountdownProgressBar) => {\n  const progressWidth = (value / maxValue) * 100;\n\n  return (\n    <Styled.ProgressBarContainer $height={4} $background=\"BLACK_T_38\">\n      <Styled.Progress $background={fillColor} style={{ width: `${progressWidth}%` }} />\n    </Styled.ProgressBarContainer>\n  );\n};\n\nexport default memo(CountdownProgressBar);\n"],"names":["CountdownProgressBar","maxValue","fillColor","value","progressWidth","jsx","Styled.ProgressBarContainer","Styled.Progress","CountdownProgressBar$1","memo"],"mappings":";;;AAMA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,MAA6B;AACrB,QAAAC,IAAiBD,IAAQF,IAAY;AAGzC,SAAA,gBAAAI,EAACC,GAAA,EAA4B,SAAS,GAAG,aAAY,cACnD,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,aAAaL,GAAW,OAAO,EAAE,OAAO,GAAGE,CAAa,MAAO,CAAA,GAClF;AAEJ,GAEeI,IAAAC,EAAKT,CAAoB;"}
+{"version":3,"file":"countdown-progress-bar.js","sources":["../../../../../src/features/trial-session/comps/countdown-progress-bar/countdown-progress-bar.tsx"],"sourcesContent":["import type { ICountdownProgressBar } from './countdown-progress-bar-types';\n\nimport { memo } from 'react';\n\nimport * as Styled from './countdown-progress-bar-styled';\n\nconst CountdownProgressBar = ({\n  maxValue,\n  fillColor = 'ORANGE_4',\n  value,\n}: ICountdownProgressBar) => {\n  const progressWidth = (value / maxValue) * 100;\n\n  return (\n    <Styled.ProgressBarContainer $height={4} $background=\"BLACK_T_38\">\n      <Styled.Progress $background={fillColor} style={{ width: `${progressWidth}%` }} />\n    </Styled.ProgressBarContainer>\n  );\n};\n\nexport default memo(CountdownProgressBar);\n"],"names":["CountdownProgressBar","maxValue","fillColor","value","progressWidth","jsx","Styled.ProgressBarContainer","Styled.Progress","CountdownProgressBar$1","memo"],"mappings":";;;AAMA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,MAA6B;AACrB,QAAAC,IAAiBD,IAAQF,IAAY;AAGzC,SAAA,gBAAAI,EAACC,GAAA,EAA4B,SAAS,GAAG,aAAY,cACnD,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,aAAaL,GAAW,OAAO,EAAE,OAAO,GAAGE,CAAa,IAAI,GAAG,EAClF,CAAA;AAEJ,GAEeI,IAAAC,EAAKT,CAAoB;"}

package/dist/features/trial-session/comps/cue-tips/cues/cues-styled.js

@@ -1,14 +1,14 @@
 import t from "styled-components";
 import e from "../../../../../assets/line-icons/icons/chat.js";
-import n from "../../../../ui/layout/flex-view.js";
-import m from "../../../../ui/text/text.js";
-import { getTheme as c } from "../../../../ui/theme/get-theme.js";
-const r = c(), { gutter: o } = r.layout, { WHITE: p } = r.colors, l = t(n)`
-  background-color: ${p};
+import m from "../../../../ui/layout/flex-view.js";
+import n from "../../../../ui/text/text.js";
+import { getTheme as p } from "../../../../ui/theme/get-theme.js";
+const r = p(), { gutter: o } = r.layout, { WHITE: c } = r.colors, l = t(m)`
+  background-color: ${c};
   padding: ${o}px ${o * 0.75}px;
 `, g = t(e)`
   flex-shrink: 0;
-`, h = t(m)`
+`, h = t(n)`
   margin-top: ${o * 0.125}px;
 `;
 export {

package/dist/features/trial-session/comps/cue-tips/cues/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/cues/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './cues-styled';\n\nconst Cues: React.FC<{ cues: string[] }> = ({ cues }) => {\n  return cues && cues.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        CUES\n      </Text>\n      <Separator height={8} />\n      <Styled.CueContainer $flexDirection=\"column\" $flexGap={8}>\n        {cues.map((cue: string) => {\n          return (\n            <FlexView\n              key={cue}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <Styled.CueText $renderAs=\"body2\">{cue}</Styled.CueText>\n            </FlexView>\n          );\n        })}\n      </Styled.CueContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Cues;\n"],"names":["Cues","cues","FlexView","jsx","Text","Separator","Styled.CueContainer","cue","jsxs","Styled.ChatIcon","Styled.CueText"],"mappings":";;;;;AAOA,MAAMA,IAAqC,CAAC,EAAE,MAAAC,QACrCA,KAAQA,EAAK,SAAS,sBAC1BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAAL,EAAK,IAAI,CAACM,MAEP,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAM,GAAA,EAAgB;AAAA,0BAChBC,GAAA,EAAe,WAAU,SAAS,UAAIH,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAPlCA;AAAA,EAQP,CAEH,EACH,CAAA;AAAA,EAAA,CACF,IACE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/cues/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './cues-styled';\n\nconst Cues: React.FC<{ cues: string[] }> = ({ cues }) => {\n  return cues && cues.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        CUES\n      </Text>\n      <Separator height={8} />\n      <Styled.CueContainer $flexDirection=\"column\" $flexGap={8}>\n        {cues.map((cue: string) => {\n          return (\n            <FlexView\n              key={cue}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <Styled.CueText $renderAs=\"body2\">{cue}</Styled.CueText>\n            </FlexView>\n          );\n        })}\n      </Styled.CueContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Cues;\n"],"names":["Cues","cues","FlexView","jsx","Text","Separator","Styled.CueContainer","cue","jsxs","Styled.ChatIcon","Styled.CueText"],"mappings":";;;;;AAOA,MAAMA,IAAqC,CAAC,EAAE,MAAAC,QACrCA,KAAQA,EAAK,SAAS,sBAC1BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAAL,EAAK,IAAI,CAACM,MAEP,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAM,GAAA,EAAgB;AAAA,0BAChBC,GAAA,EAAe,WAAU,SAAS,UAAIH,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAPlCA;AAAA,EAAA,CAUV,GACH;AAAA,EACF,CAAA,IACE;"}

package/dist/features/trial-session/comps/cue-tips/tips/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: React.FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"body2\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"body2\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon"],"mappings":";;;;;AAOA,MAAMA,IAAqD,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAE9DC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,SAAS,UAAOH,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAQP,CAEH;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,SAAS,UAASC,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPvCA;AAAA,IAQP,CAEH;AAAA,EAAA,EACH,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: React.FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"body2\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"body2\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon"],"mappings":";;;;;AAOA,MAAMA,IAAqD,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAE9DC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,SAAS,UAAOH,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAAA,CAUV;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,SAAS,UAASC,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPvCA;AAAA,IAAA,CAUV;AAAA,EAAA,GACH;AACF,EAAA,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"tips-styled.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/tips-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Plus2Icon from '../../../../../assets/line-icons/icons/plus2';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\n\nconst theme = getTheme();\nconst { gutter } = theme.layout;\nconst { WHITE, GREEN_6, RED } = theme.colors;\n\nconst TipContainer = styled(FlexView)`\n  background-color: ${WHITE};\n  padding: ${gutter}px ${gutter * 0.75}px;\n`;\n\nconst IconCss = `\n  flex-shrink: 0;\n  height: ${gutter * 1.5}px;\n  width: ${gutter * 1.5}px;\n`;\n\nconst CheckIcon = styled(Check2Icon)`\n  ${IconCss}\n  path {\n    fill: ${GREEN_6};\n  }\n`;\n\nconst CrossIcon = styled(Plus2Icon)`\n  ${IconCss}\n  rotate: calc(45deg);\n  path {\n    stroke: ${RED};\n  }\n`;\n\nconst TipText = styled(Text)`\n  margin-top: ${gutter * 0.125}px;\n`;\n\nexport { TipContainer, CheckIcon, CrossIcon, TipText };\n"],"names":["theme","getTheme","gutter","WHITE","GREEN_6","RED","TipContainer","styled","FlexView","IconCss","CheckIcon","Check2Icon","CrossIcon","Plus2Icon","TipText","Text"],"mappings":";;;;;;AAQA,MAAMA,IAAQC,EAAS,GACjB,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,OAAAG,GAAO,SAAAC,GAAS,KAAAC,MAAQL,EAAM,QAEhCM,IAAeC,EAAOC,CAAQ;AAAA,sBACdL,CAAK;AAAA,aACdD,CAAM,MAAMA,IAAS,IAAI;AAAA,GAGhCO,IAAU;AAAA;AAAA,YAEJP,IAAS,GAAG;AAAA,WACbA,IAAS,GAAG;AAAA,GAGjBQ,IAAYH,EAAOI,CAAU;AAAA,IAC/BF,CAAO;AAAA;AAAA,YAECL,CAAO;AAAA;AAAA,GAIbQ,IAAYL,EAAOM,CAAS;AAAA,IAC9BJ,CAAO;AAAA;AAAA;AAAA,cAGGJ,CAAG;AAAA;AAAA,GAIXS,IAAUP,EAAOQ,CAAI;AAAA,gBACXb,IAAS,KAAK;AAAA;"}
+{"version":3,"file":"tips-styled.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/tips-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Plus2Icon from '../../../../../assets/line-icons/icons/plus2';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\n\nconst theme = getTheme();\nconst { gutter } = theme.layout;\nconst { WHITE, GREEN_6, RED } = theme.colors;\n\nconst TipContainer = styled(FlexView)`\n  background-color: ${WHITE};\n  padding: ${gutter}px ${gutter * 0.75}px;\n`;\n\nconst IconCss = `\n  flex-shrink: 0;\n  height: ${gutter * 1.5}px;\n  width: ${gutter * 1.5}px;\n`;\n\nconst CheckIcon = styled(Check2Icon)`\n  ${IconCss}\n  path {\n    fill: ${GREEN_6};\n  }\n`;\n\nconst CrossIcon = styled(Plus2Icon)`\n  ${IconCss}\n  rotate: calc(45deg);\n  path {\n    stroke: ${RED};\n  }\n`;\n\nconst TipText = styled(Text)`\n  margin-top: ${gutter * 0.125}px;\n`;\n\nexport { TipContainer, CheckIcon, CrossIcon, TipText };\n"],"names":["theme","getTheme","gutter","WHITE","GREEN_6","RED","TipContainer","styled","FlexView","IconCss","CheckIcon","Check2Icon","CrossIcon","Plus2Icon","TipText","Text"],"mappings":";;;;;;AAQA,MAAMA,IAAQC,EAAS,GACjB,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,OAAAG,GAAO,SAAAC,GAAS,KAAAC,EAAA,IAAQL,EAAM,QAEhCM,IAAeC,EAAOC,CAAQ;AAAA,sBACdL,CAAK;AAAA,aACdD,CAAM,MAAMA,IAAS,IAAI;AAAA,GAGhCO,IAAU;AAAA;AAAA,YAEJP,IAAS,GAAG;AAAA,WACbA,IAAS,GAAG;AAAA,GAGjBQ,IAAYH,EAAOI,CAAU;AAAA,IAC/BF,CAAO;AAAA;AAAA,YAECL,CAAO;AAAA;AAAA,GAIbQ,IAAYL,EAAOM,CAAS;AAAA,IAC9BJ,CAAO;AAAA;AAAA;AAAA,cAGGJ,CAAG;AAAA;AAAA,GAIXS,IAAUP,EAAOQ,CAAI;AAAA,gBACXb,IAAS,KAAK;AAAA;"}