@cuemath/leap 2.8.41 → 2.8.43-link.0

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

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

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

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

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

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

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

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

package/dist/index.d.ts

@@ -173,7 +173,8 @@ export declare enum CIRCLE_ONBOARDING_ANALYTICS_STEPS {
     TUTORIAL = "tutorial",
     POINTS = "points",
     STREAK = "streak",
-    LEADERBOARD = "leaderboard"
+    LEADERBOARD = "leaderboard",
+    TABLES = "tables"
 }
 
 export declare enum CircleSoundKey {
@@ -412,6 +413,12 @@ export declare const GameIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const GameLauncher: FC<IGameLauncherProps>;
 
+declare enum GENDER {
+    MALE = "MALE",
+    FEMALE = "FEMALE",
+    OTHER = "OTHER"
+}
+
 declare const getArrowTooltipConfig: IGetArrowTooltipConfig;
 
 declare const getButtonConfig: IGetButtonConfig;
@@ -888,6 +895,7 @@ declare interface ICoachMarkCompletion {
     CIRCLE_POINTS_REWARD_JOURNEY: boolean;
     CIRCLE_STREAK_UPDATE_JOURNEY: boolean;
     CIRCLE_TUTORIAL_JOURNEY: boolean;
+    CIRCLE_TABLES_INTRO_JOURNEY: boolean;
 }
 
 export declare interface ICoachmarkProgress {
@@ -896,6 +904,7 @@ export declare interface ICoachmarkProgress {
     CIRCLE_POINTS_REWARD_JOURNEY: boolean;
     CIRCLE_STREAK_UPDATE_JOURNEY: boolean;
     CIRCLE_TUTORIAL_JOURNEY: boolean;
+    CIRCLE_TABLES_INTRO_JOURNEY: boolean;
 }
 
 /**
@@ -1103,6 +1112,7 @@ declare interface IGameLauncherProps {
     data: IProjectData | null;
     defaultIndex?: number;
     journeyId?: TJourneyId;
+    isTutorialOnboardingDone?: boolean;
     onJourneyComplete: (journeyId: TJourneyId) => void;
 }
 
@@ -1583,6 +1593,7 @@ export declare const ILLUSTRATIONS: {
     DURATION_60MIN_GRAY: string;
     DURATION_90MIN_GRAY: string;
     EARTH_GREEN: string;
+    FEMALE_AVATAR: string;
     GAME_PLAY: string;
     GLOBE_WITH_BLUE_FILL: string;
     GRADE_GRID_BACKGROUND: string;
@@ -1600,6 +1611,7 @@ export declare const ILLUSTRATIONS: {
     LOADER_1: string;
     LOCKED: string;
     MAINTENANCE: string;
+    MALE_AVATAR: string;
     MASTERED_BADGE: string;
     MASTERED_SHIELD_GRAY: string;
     MASTERED_SHIELD_GREEN: string;
@@ -2729,6 +2741,29 @@ declare interface ITagProps {
     textColor?: TColorNames;
 }
 
+declare interface ITalkMeter {
+    userType: TUserTypes;
+    studentId: string;
+    teacherId: string;
+    classDuration?: number;
+    classStartTime?: Date;
+    avPackageEnabled?: boolean;
+    teacherClassroomId: string;
+    teacherTalkTime: number;
+    studentTalkTime: number;
+    lastBatchReceivedNo: number;
+    canDisplayBatch: boolean;
+    onMessageReceive: (data: TMessageData) => void;
+    onDismissMeter: () => void;
+}
+
+declare interface ITalkMeterProps extends ITalkMeter {
+    studentName?: string;
+    teacherName?: string;
+    teacherGender: GENDER;
+    animated?: boolean;
+}
+
 declare interface ITeacherReview {
     reviewComment?: string;
     images?: string[];
@@ -3350,7 +3385,8 @@ export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY",
     CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY",
     CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY",
-    CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY"
+    CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY",
+    CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY"
 }
 
 export declare const JourneyProvider: FC<{
@@ -3891,6 +3927,8 @@ declare type TAggregateForRewardsData = {
 
 declare type TAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch';
 
+export declare const TalkMeter: FC<ITalkMeterProps>;
+
 export declare type TArrowTooltipConfig = {
     backgroundColorName: TColorNames;
     textColorName: TColorNames;
@@ -4516,6 +4554,14 @@ declare type TMathSectionSummary = {
     section_code: 'MATH';
 } & TSectionSummary;
 
+declare type TMessageData = {
+    teacher_classroom_id: string;
+    student_classroom_id: string;
+    teacher_speech_time?: number;
+    student_speech_time?: number;
+    batch_no: number;
+};
+
 declare type TMilestoneChapterBlockData = {
     block_id: string;
     block_type: TBlockType;