@cuemath/leap 2.8.61-rj-21 → 2.8.61-rj-22

package/dist/features/sheets/sheets-list/sheets-list.js

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useRef as c, useLayoutEffect as _ } from "react";
-import { useTheme as L } from "styled-components";
+import { useRef as c, useLayoutEffect as L } from "react";
+import { useTheme as _ } from "styled-components";
 import w from "../../ui/layout/flex-view.js";
 import C from "../../ui/text/text.js";
 import T from "./sheet-item/sheet-item.js";
 import { NoSheetsWarningCard as k } from "./sheets-list-styled.js";
-const E = ({
+const H = ({
   sheets: r,
   emptySheetsText: m,
-  renderNodeTypeTag: u,
-  ...h
+  renderNodeTypeTag: h,
+  ...u
 }) => {
   const {
     userType: f,
@@ -19,23 +19,23 @@ const E = ({
     milestoneId: p,
     section: g,
     ...S
-  } = h, n = r == null ? void 0 : r.length, e = c(null), i = c(0);
-  _(() => {
+  } = u, n = r == null ? void 0 : r.length, e = c(null), s = c(0);
+  L(() => {
     if (e.current) {
       e.current.style.height = "auto";
       const t = e.current.clientHeight;
-      t > i.current && (i.current = t), e.current.style.height = `${i.current}px`;
+      t > s.current && (s.current = t), e.current.style.height = `${s.current}px`;
     }
   }, [n]);
-  const $ = L();
-  return /* @__PURE__ */ o(w, { ref: e, $flexGap: $.layout.gutter * 1.25, children: n ? r.map((t, s) => {
-    const { worksheet_id: x, node_id: y } = t, I = s === n - 1;
+  const $ = _();
+  return /* @__PURE__ */ o(w, { ref: e, $flexGap: $.layout.gutter * 1.25, children: n ? r.map((t, i) => {
+    const { worksheet_id: x, node_id: y } = t, I = i === n - 1;
     return /* @__PURE__ */ o(
       T,
       {
         isDefocused: d,
         isLastSheet: I,
-        renderNodeTypeTag: u,
+        renderNodeTypeTag: h,
         renderTestSheetStatement: l,
         userType: f,
         teacherId: a,
@@ -44,11 +44,11 @@ const E = ({
         ...S,
         ...t
       },
-      `${x}_${y}_${s}`
+      `${x}_${y}_${i}`
     );
   }) : /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(C, { $renderAs: "body2", $color: "BLACK_75", children: m }) }) });
-};
+}, F = H;
 export {
-  E as default
+  F as default
 };
 //# sourceMappingURL=sheets-list.js.map

package/dist/features/sheets/sheets-list/sheets-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheets-list.js","sources":["../../../../src/features/sheets/sheets-list/sheets-list.tsx"],"sourcesContent":["import type { ISheetsListProps } from './sheets-list-types';\nimport type { FC } from 'react';\n\nimport { useLayoutEffect, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport SheetItem from './sheet-item/sheet-item';\nimport * as Styled from './sheets-list-styled';\n\nconst SheetsList: FC<ISheetsListProps> = ({\n  sheets,\n  emptySheetsText,\n  renderNodeTypeTag,\n  ...restSheetsListProps\n}) => {\n  const {\n    userType,\n    is_defocused: isDefocused,\n    renderTestSheetStatement,\n    teacherId,\n    milestoneId,\n    section,\n    ...sheetItemCallbacks\n  } = restSheetsListProps;\n\n  const sheetsLength = sheets?.length;\n  const sheetsContainerRef = useRef<HTMLDivElement>(null);\n  const maxHeightRef = useRef(0);\n\n  useLayoutEffect(() => {\n    if (sheetsContainerRef.current) {\n      sheetsContainerRef.current.style.height = 'auto';\n\n      const newHeight = sheetsContainerRef.current.clientHeight;\n\n      if (newHeight > maxHeightRef.current) {\n        maxHeightRef.current = newHeight;\n      }\n\n      sheetsContainerRef.current.style.height = `${maxHeightRef.current}px`;\n    }\n  }, [sheetsLength]);\n  const theme = useTheme();\n\n  return (\n    <FlexView ref={sheetsContainerRef} $flexGap={theme.layout.gutter * 1.25}>\n      {sheetsLength ? (\n        sheets.map((sheet, idx) => {\n          const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n          const lastSheet = idx === sheetsLength - 1;\n\n          return (\n            <SheetItem\n              isDefocused={isDefocused}\n              isLastSheet={lastSheet}\n              key={`${worksheetId}_${nodeId}_${idx}`}\n              renderNodeTypeTag={renderNodeTypeTag}\n              renderTestSheetStatement={renderTestSheetStatement}\n              userType={userType}\n              teacherId={teacherId}\n              milestoneId={milestoneId}\n              section={section}\n              {...sheetItemCallbacks}\n              {...sheet}\n            />\n          );\n        })\n      ) : (\n        <Styled.NoSheetsWarningCard>\n          <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n            {emptySheetsText}\n          </Text>\n        </Styled.NoSheetsWarningCard>\n      )}\n    </FlexView>\n  );\n};\n\nexport default SheetsList;\n"],"names":["SheetsList","sheets","emptySheetsText","renderNodeTypeTag","restSheetsListProps","userType","isDefocused","renderTestSheetStatement","teacherId","milestoneId","section","sheetItemCallbacks","sheetsLength","sheetsContainerRef","useRef","maxHeightRef","useLayoutEffect","newHeight","theme","useTheme","jsx","FlexView","sheet","idx","worksheetId","nodeId","lastSheet","SheetItem","Styled.NoSheetsWarningCard","Text"],"mappings":";;;;;;;AAWA,MAAMA,IAAmC,CAAC;AAAA,EACxC,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,cAAcC;AAAA,IACd,0BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GAEEQ,IAAeX,KAAA,gBAAAA,EAAQ,QACvBY,IAAqBC,EAAuB,IAAI,GAChDC,IAAeD,EAAO,CAAC;AAE7B,EAAAE,EAAgB,MAAM;AACpB,QAAIH,EAAmB,SAAS;AACX,MAAAA,EAAA,QAAQ,MAAM,SAAS;AAEpC,YAAAI,IAAYJ,EAAmB,QAAQ;AAEzC,MAAAI,IAAYF,EAAa,YAC3BA,EAAa,UAAUE,IAGzBJ,EAAmB,QAAQ,MAAM,SAAS,GAAGE,EAAa,OAAO;AAAA,IAAA;AAAA,EACnE,GACC,CAACH,CAAY,CAAC;AACjB,QAAMM,IAAQC,EAAS;AAEvB,SACG,gBAAAC,EAAAC,GAAA,EAAS,KAAKR,GAAoB,UAAUK,EAAM,OAAO,SAAS,MAChE,UACCN,IAAAX,EAAO,IAAI,CAACqB,GAAOC,MAAQ;AACzB,UAAM,EAAE,cAAcC,GAAa,SAASC,EAAW,IAAAH,GACjDI,IAAYH,MAAQX,IAAe;AAGvC,WAAA,gBAAAQ;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,aAAArB;AAAA,QACA,aAAaoB;AAAA,QAEb,mBAAAvB;AAAA,QACA,0BAAAI;AAAA,QACA,UAAAF;AAAA,QACA,WAAAG;AAAA,QACA,aAAAC;AAAA,QACA,SAAAC;AAAA,QACC,GAAGC;AAAA,QACH,GAAGW;AAAA,MAAA;AAAA,MARC,GAAGE,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,IAStC;AAAA,EAAA,CAEH,IAEA,gBAAAH,EAAAQ,GAAA,EACC,UAAA,gBAAAR,EAACS,GAAK,EAAA,WAAU,SAAQ,QAAO,YAC5B,UAAA3B,EACH,CAAA,EACF,CAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"sheets-list.js","sources":["../../../../src/features/sheets/sheets-list/sheets-list.tsx"],"sourcesContent":["import type { ISheetsListProps } from './sheets-list-types';\nimport type { FC } from 'react';\n\nimport { useLayoutEffect, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport SheetItem from './sheet-item/sheet-item';\nimport * as Styled from './sheets-list-styled';\n\nconst SheetsList: FC<ISheetsListProps> = ({\n  sheets,\n  emptySheetsText,\n  renderNodeTypeTag,\n  ...restSheetsListProps\n}) => {\n  const {\n    userType,\n    is_defocused: isDefocused,\n    renderTestSheetStatement,\n    teacherId,\n    milestoneId,\n    section,\n    ...sheetItemCallbacks\n  } = restSheetsListProps;\n\n  const sheetsLength = sheets?.length;\n  const sheetsContainerRef = useRef<HTMLDivElement>(null);\n  const maxHeightRef = useRef(0);\n\n  useLayoutEffect(() => {\n    if (sheetsContainerRef.current) {\n      sheetsContainerRef.current.style.height = 'auto';\n\n      const newHeight = sheetsContainerRef.current.clientHeight;\n\n      if (newHeight > maxHeightRef.current) {\n        maxHeightRef.current = newHeight;\n      }\n\n      sheetsContainerRef.current.style.height = `${maxHeightRef.current}px`;\n    }\n  }, [sheetsLength]);\n  const theme = useTheme();\n\n  return (\n    <FlexView ref={sheetsContainerRef} $flexGap={theme.layout.gutter * 1.25}>\n      {sheetsLength ? (\n        sheets.map((sheet, idx) => {\n          const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n          const lastSheet = idx === sheetsLength - 1;\n\n          return (\n            <SheetItem\n              isDefocused={isDefocused}\n              isLastSheet={lastSheet}\n              key={`${worksheetId}_${nodeId}_${idx}`}\n              renderNodeTypeTag={renderNodeTypeTag}\n              renderTestSheetStatement={renderTestSheetStatement}\n              userType={userType}\n              teacherId={teacherId}\n              milestoneId={milestoneId}\n              section={section}\n              {...sheetItemCallbacks}\n              {...sheet}\n            />\n          );\n        })\n      ) : (\n        <Styled.NoSheetsWarningCard>\n          <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n            {emptySheetsText}\n          </Text>\n        </Styled.NoSheetsWarningCard>\n      )}\n    </FlexView>\n  );\n};\n\nexport default SheetsList;\n"],"names":["SheetsList","sheets","emptySheetsText","renderNodeTypeTag","restSheetsListProps","userType","isDefocused","renderTestSheetStatement","teacherId","milestoneId","section","sheetItemCallbacks","sheetsLength","sheetsContainerRef","useRef","maxHeightRef","useLayoutEffect","newHeight","theme","useTheme","jsx","FlexView","sheet","idx","worksheetId","nodeId","lastSheet","SheetItem","Styled.NoSheetsWarningCard","Text","SheetsList$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAmC,CAAC;AAAA,EACxC,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,cAAcC;AAAA,IACd,0BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAP,GAEEQ,IAAeX,KAAA,gBAAAA,EAAQ,QACvBY,IAAqBC,EAAuB,IAAI,GAChDC,IAAeD,EAAO,CAAC;AAE7B,EAAAE,EAAgB,MAAM;AACpB,QAAIH,EAAmB,SAAS;AACX,MAAAA,EAAA,QAAQ,MAAM,SAAS;AAEpC,YAAAI,IAAYJ,EAAmB,QAAQ;AAEzC,MAAAI,IAAYF,EAAa,YAC3BA,EAAa,UAAUE,IAGzBJ,EAAmB,QAAQ,MAAM,SAAS,GAAGE,EAAa,OAAO;AAAA,IACnE;AAAA,EAAA,GACC,CAACH,CAAY,CAAC;AACjB,QAAMM,IAAQC;AAEd,SACG,gBAAAC,EAAAC,GAAA,EAAS,KAAKR,GAAoB,UAAUK,EAAM,OAAO,SAAS,MAChE,UACCN,IAAAX,EAAO,IAAI,CAACqB,GAAOC,MAAQ;AACzB,UAAM,EAAE,cAAcC,GAAa,SAASC,MAAWH,GACjDI,IAAYH,MAAQX,IAAe;AAGvC,WAAA,gBAAAQ;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,aAAArB;AAAA,QACA,aAAaoB;AAAA,QAEb,mBAAAvB;AAAA,QACA,0BAAAI;AAAA,QACA,UAAAF;AAAA,QACA,WAAAG;AAAA,QACA,aAAAC;AAAA,QACA,SAAAC;AAAA,QACC,GAAGC;AAAA,QACH,GAAGW;AAAA,MAAA;AAAA,MARC,GAAGE,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,IAAA;AAAA,EAStC,CAEH,IAEA,gBAAAH,EAAAQ,GAAA,EACC,UAAA,gBAAAR,EAACS,GAAK,EAAA,WAAU,SAAQ,QAAO,YAC5B,UAAA3B,EAAA,CACH,GACF,EAEJ,CAAA;AAEJ,GAEA4B,IAAe9B;"}

package/dist/features/sheets/utils/is-v3-worksheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-v3-worksheet.js","sources":["../../../../src/features/sheets/utils/is-v3-worksheet.ts"],"sourcesContent":["import type { IWorksheetAttemptModel } from '../../../types/models/worksheet';\nimport type { TLPARSheetData } from '../../chapters/lpar-chapter/block-section/sheet-item/sheet-item-type';\nimport type { ISheetDataProps, TNodeTypeProps } from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { NODE_TYPE } from '../constants/sheet';\n\nconst SAT_V3_NODE_TYPES: TNodeTypeProps[] = [\n  'SAT_MATH_ASSESSMENT',\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_RECAP',\n  'SAT_MATH_LEARNING',\n  'SAT_ENGLISH_LEARNING',\n];\nconst WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[] = [\n  ...SAT_V3_NODE_TYPES,\n  NODE_TYPE.REMEDIAL,\n  NODE_TYPE.LEGACY,\n  NODE_TYPE.RECAP,\n  NODE_TYPE.GENERAL,\n  NODE_TYPE.LEVEL3,\n  NODE_TYPE.LEVEL2,\n  NODE_TYPE.REVISION,\n  NODE_TYPE.TARGET_PRACTICE,\n  NODE_TYPE.EXTRA_PRACTICE,\n  NODE_TYPE.PRACTICE,\n  NODE_TYPE.LEARNING,\n  NODE_TYPE.PUZZLE_EASY,\n  NODE_TYPE.PUZZLE_MEDIUM,\n  NODE_TYPE.PUZZLE_HARD,\n  NODE_TYPE.CHAPTER_ASSESSMENT,\n  NODE_TYPE.ASSESSMENT,\n  NODE_TYPE.MASTERY,\n  NODE_TYPE.TRIAL_DIAGNOSTIC,\n  NODE_TYPE.DYNAMIC,\n  NODE_TYPE.TURING_ASSESSMENT,\n  NODE_TYPE.TURING_PRACTICE,\n  NODE_TYPE.DIAGNOSTIC,\n  NODE_TYPE.SUBJECTIVE,\n  NODE_TYPE.TURING_SUBJECTIVE,\n];\n\nconst isV3Worksheet = (\n  sheet: ISheetDataProps | TLPARSheetData,\n  mode?: 'resume' | 'review',\n): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = sheet;\n\n  if (mode === 'review') {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  const canStart = 'can_start' in sheet ? sheet.can_start : sheet.permissions.can_start;\n  const canReattempt =\n    'can_reattempt' in sheet ? sheet.can_reattempt : sheet.permissions.can_reattempt;\n  const canRedo = 'can_redo' in sheet ? sheet.can_redo : false;\n\n  if (is_worksheet_v3 || is_lesson_v3_enabled) {\n    return true;\n  }\n\n  // For new and reattemptable worksheets start the worksheet in v3 mode\n  if (canStart || canReattempt || canRedo) {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  // For SAT assessments start the worksheet in v3 mode\n  if (SAT_V3_NODE_TYPES.includes(node_type)) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isV3WorksheetAttempt = (attempt: IWorksheetAttemptModel): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = attempt;\n\n  return (\n    is_worksheet_v3 ||\n    is_lesson_v3_enabled ||\n    SAT_V3_NODE_TYPES.includes(node_type as TNodeTypeProps)\n  );\n};\n\nexport { isV3Worksheet, isV3WorksheetAttempt };\n"],"names":["SAT_V3_NODE_TYPES","WORKSHEET_V3_NODE_TYPES","NODE_TYPE","isV3Worksheet","sheet","mode","node_type","is_worksheet_v3","is_lesson_v3_enabled","canStart","canReattempt","canRedo","isV3WorksheetAttempt","attempt"],"mappings":";AAMA,MAAMA,IAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACMC,IAA4C;AAAA,EAChD,GAAGD;AAAA,EACHE,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEMC,IAAgB,CACpBC,GACAC,MACY;AACZ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,sBAAAC,EAAyB,IAAAJ;AAE7D,MAAIC,MAAS;AACJ,WAAAJ,EAAwB,SAASK,CAAS;AAGnD,QAAMG,IAAW,eAAeL,IAAQA,EAAM,YAAYA,EAAM,YAAY,WACtEM,IACJ,mBAAmBN,IAAQA,EAAM,gBAAgBA,EAAM,YAAY,eAC/DO,IAAU,cAAcP,IAAQA,EAAM,WAAW;AAEvD,SAAIG,KAAmBC,IACd,KAILC,KAAYC,KAAgBC,IACvBV,EAAwB,SAASK,CAAS,IAI/C,EAAAN,EAAkB,SAASM,CAAS;AAK1C,GAEMM,IAAuB,CAACC,MAA6C;AACzE,QAAM,EAAE,WAAAP,GAAW,iBAAAC,GAAiB,sBAAAC,EAAyB,IAAAK;AAE7D,SACEN,KACAC,KACAR,EAAkB,SAASM,CAA2B;AAE1D;"}
+{"version":3,"file":"is-v3-worksheet.js","sources":["../../../../src/features/sheets/utils/is-v3-worksheet.ts"],"sourcesContent":["import type { IWorksheetAttemptModel } from '../../../types/models/worksheet';\nimport type { TLPARSheetData } from '../../chapters/lpar-chapter/block-section/sheet-item/sheet-item-type';\nimport type { ISheetDataProps, TNodeTypeProps } from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { NODE_TYPE } from '../constants/sheet';\n\nconst SAT_V3_NODE_TYPES: TNodeTypeProps[] = [\n  'SAT_MATH_ASSESSMENT',\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_RECAP',\n  'SAT_MATH_LEARNING',\n  'SAT_ENGLISH_LEARNING',\n];\nconst WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[] = [\n  ...SAT_V3_NODE_TYPES,\n  NODE_TYPE.REMEDIAL,\n  NODE_TYPE.LEGACY,\n  NODE_TYPE.RECAP,\n  NODE_TYPE.GENERAL,\n  NODE_TYPE.LEVEL3,\n  NODE_TYPE.LEVEL2,\n  NODE_TYPE.REVISION,\n  NODE_TYPE.TARGET_PRACTICE,\n  NODE_TYPE.EXTRA_PRACTICE,\n  NODE_TYPE.PRACTICE,\n  NODE_TYPE.LEARNING,\n  NODE_TYPE.PUZZLE_EASY,\n  NODE_TYPE.PUZZLE_MEDIUM,\n  NODE_TYPE.PUZZLE_HARD,\n  NODE_TYPE.CHAPTER_ASSESSMENT,\n  NODE_TYPE.ASSESSMENT,\n  NODE_TYPE.MASTERY,\n  NODE_TYPE.TRIAL_DIAGNOSTIC,\n  NODE_TYPE.DYNAMIC,\n  NODE_TYPE.TURING_ASSESSMENT,\n  NODE_TYPE.TURING_PRACTICE,\n  NODE_TYPE.DIAGNOSTIC,\n  NODE_TYPE.SUBJECTIVE,\n  NODE_TYPE.TURING_SUBJECTIVE,\n];\n\nconst isV3Worksheet = (\n  sheet: ISheetDataProps | TLPARSheetData,\n  mode?: 'resume' | 'review',\n): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = sheet;\n\n  if (mode === 'review') {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  const canStart = 'can_start' in sheet ? sheet.can_start : sheet.permissions.can_start;\n  const canReattempt =\n    'can_reattempt' in sheet ? sheet.can_reattempt : sheet.permissions.can_reattempt;\n  const canRedo = 'can_redo' in sheet ? sheet.can_redo : false;\n\n  if (is_worksheet_v3 || is_lesson_v3_enabled) {\n    return true;\n  }\n\n  // For new and reattemptable worksheets start the worksheet in v3 mode\n  if (canStart || canReattempt || canRedo) {\n    return WORKSHEET_V3_NODE_TYPES.includes(node_type);\n  }\n\n  // For SAT assessments start the worksheet in v3 mode\n  if (SAT_V3_NODE_TYPES.includes(node_type)) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isV3WorksheetAttempt = (attempt: IWorksheetAttemptModel): boolean => {\n  const { node_type, is_worksheet_v3, is_lesson_v3_enabled } = attempt;\n\n  return (\n    is_worksheet_v3 ||\n    is_lesson_v3_enabled ||\n    SAT_V3_NODE_TYPES.includes(node_type as TNodeTypeProps)\n  );\n};\n\nexport { isV3Worksheet, isV3WorksheetAttempt };\n"],"names":["SAT_V3_NODE_TYPES","WORKSHEET_V3_NODE_TYPES","NODE_TYPE","isV3Worksheet","sheet","mode","node_type","is_worksheet_v3","is_lesson_v3_enabled","canStart","canReattempt","canRedo","isV3WorksheetAttempt","attempt"],"mappings":";AAMA,MAAMA,IAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACMC,IAA4C;AAAA,EAChD,GAAGD;AAAA,EACHE,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ,GAEMC,IAAgB,CACpBC,GACAC,MACY;AACZ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,sBAAAC,EAAA,IAAyBJ;AAE7D,MAAIC,MAAS;AACJ,WAAAJ,EAAwB,SAASK,CAAS;AAGnD,QAAMG,IAAW,eAAeL,IAAQA,EAAM,YAAYA,EAAM,YAAY,WACtEM,IACJ,mBAAmBN,IAAQA,EAAM,gBAAgBA,EAAM,YAAY,eAC/DO,IAAU,cAAcP,IAAQA,EAAM,WAAW;AAEvD,SAAIG,KAAmBC,IACd,KAILC,KAAYC,KAAgBC,IACvBV,EAAwB,SAASK,CAAS,IAI/C,EAAAN,EAAkB,SAASM,CAAS;AAK1C,GAEMM,IAAuB,CAACC,MAA6C;AACzE,QAAM,EAAE,WAAAP,GAAW,iBAAAC,GAAiB,sBAAAC,EAAA,IAAyBK;AAE7D,SACEN,KACAC,KACAR,EAAkB,SAASM,CAA2B;AAE1D;"}

package/dist/features/student-details/class-details/class-details-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-details-utils.js","sources":["../../../../src/features/student-details/class-details/class-details-utils.ts"],"sourcesContent":["import { addDays, format, isAfter, isBefore, isToday, startOfDay } from 'date-fns';\n\n/**\n *\n * since seconds comes only once and component might re-render some time. We would have updated time.\n * Because we calculating time from now. i.e new Date()\n */\n\nconst getFormattedEndTime = (nextClassTime: number) => {\n  const today = new Date();\n  const endDate = new Date(nextClassTime);\n\n  const sevenDaysFromToday = addDays(startOfDay(today), 7);\n\n  if (isToday(endDate)) {\n    return `Today, ${format(endDate, 'hh:mm a')}`;\n  }\n\n  if (isAfter(endDate, today) && isBefore(endDate, sevenDaysFromToday)) {\n    return format(endDate, 'eee, hh:mm a');\n  }\n\n  return format(endDate, 'MMM dd, hh:mm a');\n};\n\nconst getClassTime = (classStartTS: number, classDuration: number, extendedTime: number) => {\n  const classStartTime = format(classStartTS * 1000, 'hh:mm a');\n  const classEndTime = format((classStartTS + classDuration + extendedTime) * 1000, 'hh:mm a');\n\n  return `${classStartTime} - ${classEndTime}`;\n};\n\nexport { getFormattedEndTime, getClassTime };\n"],"names":["getFormattedEndTime","nextClassTime","today","endDate","sevenDaysFromToday","addDays","startOfDay","isToday","format","isAfter","isBefore","getClassTime","classStartTS","classDuration","extendedTime","classStartTime","classEndTime"],"mappings":";;;;;;AAQM,MAAAA,IAAsB,CAACC,MAA0B;AAC/C,QAAAC,wBAAY,KAAK,GACjBC,IAAU,IAAI,KAAKF,CAAa,GAEhCG,IAAqBC,EAAQC,EAAWJ,CAAK,GAAG,CAAC;AAEnD,SAAAK,EAAQJ,CAAO,IACV,UAAUK,EAAOL,GAAS,SAAS,CAAC,KAGzCM,EAAQN,GAASD,CAAK,KAAKQ,EAASP,GAASC,CAAkB,IAC1DI,EAAOL,GAAS,cAAc,IAGhCK,EAAOL,GAAS,iBAAiB;AAC1C,GAEMQ,IAAe,CAACC,GAAsBC,GAAuBC,MAAyB;AAC1F,QAAMC,IAAiBP,EAAOI,IAAe,KAAM,SAAS,GACtDI,IAAeR,GAAQI,IAAeC,IAAgBC,KAAgB,KAAM,SAAS;AAEpF,SAAA,GAAGC,CAAc,MAAMC,CAAY;AAC5C;"}
+{"version":3,"file":"class-details-utils.js","sources":["../../../../src/features/student-details/class-details/class-details-utils.ts"],"sourcesContent":["import { addDays, format, isAfter, isBefore, isToday, startOfDay } from 'date-fns';\n\n/**\n *\n * since seconds comes only once and component might re-render some time. We would have updated time.\n * Because we calculating time from now. i.e new Date()\n */\n\nconst getFormattedEndTime = (nextClassTime: number) => {\n  const today = new Date();\n  const endDate = new Date(nextClassTime);\n\n  const sevenDaysFromToday = addDays(startOfDay(today), 7);\n\n  if (isToday(endDate)) {\n    return `Today, ${format(endDate, 'hh:mm a')}`;\n  }\n\n  if (isAfter(endDate, today) && isBefore(endDate, sevenDaysFromToday)) {\n    return format(endDate, 'eee, hh:mm a');\n  }\n\n  return format(endDate, 'MMM dd, hh:mm a');\n};\n\nconst getClassTime = (classStartTS: number, classDuration: number, extendedTime: number) => {\n  const classStartTime = format(classStartTS * 1000, 'hh:mm a');\n  const classEndTime = format((classStartTS + classDuration + extendedTime) * 1000, 'hh:mm a');\n\n  return `${classStartTime} - ${classEndTime}`;\n};\n\nexport { getFormattedEndTime, getClassTime };\n"],"names":["getFormattedEndTime","nextClassTime","today","endDate","sevenDaysFromToday","addDays","startOfDay","isToday","format","isAfter","isBefore","getClassTime","classStartTS","classDuration","extendedTime","classStartTime","classEndTime"],"mappings":";;;;;;AAQM,MAAAA,IAAsB,CAACC,MAA0B;AAC/C,QAAAC,wBAAY,QACZC,IAAU,IAAI,KAAKF,CAAa,GAEhCG,IAAqBC,EAAQC,EAAWJ,CAAK,GAAG,CAAC;AAEnD,SAAAK,EAAQJ,CAAO,IACV,UAAUK,EAAOL,GAAS,SAAS,CAAC,KAGzCM,EAAQN,GAASD,CAAK,KAAKQ,EAASP,GAASC,CAAkB,IAC1DI,EAAOL,GAAS,cAAc,IAGhCK,EAAOL,GAAS,iBAAiB;AAC1C,GAEMQ,IAAe,CAACC,GAAsBC,GAAuBC,MAAyB;AAC1F,QAAMC,IAAiBP,EAAOI,IAAe,KAAM,SAAS,GACtDI,IAAeR,GAAQI,IAAeC,IAAgBC,KAAgB,KAAM,SAAS;AAEpF,SAAA,GAAGC,CAAc,MAAMC,CAAY;AAC5C;"}

package/dist/features/student-details/class-details/class-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-details.js","sources":["../../../../src/features/student-details/class-details/class-details.tsx"],"sourcesContent":["import type { IClassDetails } from './class-details-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getClassTime, getFormattedEndTime } from './class-details-utils';\n\nconst ClassDetails: FC<IClassDetails> = memo(({ classStatus }) => {\n  const {\n    slot_tag: slotTag,\n    in_class: inClass,\n    ongoing,\n    class_duration: classDuration,\n    class_start_ts: classStartTS,\n    extended_time: extendedTime,\n    next_class_time: nextClassTime,\n  } = classStatus;\n\n  const noUpcomingClass = !nextClassTime || (slotTag === 'PTM' && !inClass);\n  const formattedTime = nextClassTime && !ongoing ? getFormattedEndTime(nextClassTime) : undefined;\n  const ongoingClassTime =\n    ongoing && classStartTS\n      ? getClassTime(classStartTS, classDuration, extendedTime || 0)\n      : undefined;\n\n  const title = ongoing\n    ? 'Ongoing class:'\n    : noUpcomingClass\n      ? 'No upcoming class, schedule with your tutor'\n      : 'Upcoming class:';\n  const classTime = ongoingClassTime ? ongoingClassTime : formattedTime;\n\n  return (\n    <FlexView\n      $widthX={16.84375}\n      $heightX={3.6875}\n      $background=\"WHITE_1\"\n      $gutterX={1}\n      $justifyContent=\"center\"\n    >\n      <FlexView $flexGap={4}>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n          {title}\n        </Text>\n\n        {(ongoingClassTime || formattedTime) && (\n          <Text $renderAs=\"ac2\" $color=\"BLACK_T_87\">\n            {classTime}\n          </Text>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default ClassDetails;\n"],"names":["ClassDetails","memo","classStatus","slotTag","inClass","ongoing","classDuration","classStartTS","extendedTime","nextClassTime","noUpcomingClass","formattedTime","getFormattedEndTime","ongoingClassTime","getClassTime","jsx","FlexView","jsxs","Text"],"mappings":";;;;;AASA,MAAMA,IAAkCC,EAAK,CAAC,EAAE,aAAAC,QAAkB;AAC1D,QAAA;AAAA,IACJ,UAAUC;AAAA,IACV,UAAUC;AAAA,IACV,SAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,gBAAgBC;AAAA,IAChB,eAAeC;AAAA,IACf,iBAAiBC;AAAA,EAAA,IACfP,GAEEQ,IAAkB,CAACD,KAAkBN,MAAY,SAAS,CAACC,GAC3DO,IAAgBF,KAAiB,CAACJ,IAAUO,EAAoBH,CAAa,IAAI,QACjFI,IACJR,KAAWE,IACPO,EAAaP,GAAcD,GAAeE,KAAgB,CAAC,IAC3D;AAUJ,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UAjBKb,IACV,mBACAK,IACE,gDACA,mBAcA;AAAA,SAEEG,KAAoBF,MACnB,gBAAAI,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAjBOL,KAAsCF,EAkBhD,CAAA;AAAA,MAAA,EAEJ,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}
+{"version":3,"file":"class-details.js","sources":["../../../../src/features/student-details/class-details/class-details.tsx"],"sourcesContent":["import type { IClassDetails } from './class-details-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getClassTime, getFormattedEndTime } from './class-details-utils';\n\nconst ClassDetails: FC<IClassDetails> = memo(({ classStatus }) => {\n  const {\n    slot_tag: slotTag,\n    in_class: inClass,\n    ongoing,\n    class_duration: classDuration,\n    class_start_ts: classStartTS,\n    extended_time: extendedTime,\n    next_class_time: nextClassTime,\n  } = classStatus;\n\n  const noUpcomingClass = !nextClassTime || (slotTag === 'PTM' && !inClass);\n  const formattedTime = nextClassTime && !ongoing ? getFormattedEndTime(nextClassTime) : undefined;\n  const ongoingClassTime =\n    ongoing && classStartTS\n      ? getClassTime(classStartTS, classDuration, extendedTime || 0)\n      : undefined;\n\n  const title = ongoing\n    ? 'Ongoing class:'\n    : noUpcomingClass\n      ? 'No upcoming class, schedule with your tutor'\n      : 'Upcoming class:';\n  const classTime = ongoingClassTime ? ongoingClassTime : formattedTime;\n\n  return (\n    <FlexView\n      $widthX={16.84375}\n      $heightX={3.6875}\n      $background=\"WHITE_1\"\n      $gutterX={1}\n      $justifyContent=\"center\"\n    >\n      <FlexView $flexGap={4}>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n          {title}\n        </Text>\n\n        {(ongoingClassTime || formattedTime) && (\n          <Text $renderAs=\"ac2\" $color=\"BLACK_T_87\">\n            {classTime}\n          </Text>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default ClassDetails;\n"],"names":["ClassDetails","memo","classStatus","slotTag","inClass","ongoing","classDuration","classStartTS","extendedTime","nextClassTime","noUpcomingClass","formattedTime","getFormattedEndTime","ongoingClassTime","getClassTime","jsx","FlexView","jsxs","Text"],"mappings":";;;;;AASA,MAAMA,IAAkCC,EAAK,CAAC,EAAE,aAAAC,QAAkB;AAC1D,QAAA;AAAA,IACJ,UAAUC;AAAA,IACV,UAAUC;AAAA,IACV,SAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,gBAAgBC;AAAA,IAChB,eAAeC;AAAA,IACf,iBAAiBC;AAAA,EACf,IAAAP,GAEEQ,IAAkB,CAACD,KAAkBN,MAAY,SAAS,CAACC,GAC3DO,IAAgBF,KAAiB,CAACJ,IAAUO,EAAoBH,CAAa,IAAI,QACjFI,IACJR,KAAWE,IACPO,EAAaP,GAAcD,GAAeE,KAAgB,CAAC,IAC3D;AAUJ,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UAjBKb,IACV,mBACAK,IACE,gDACA,mBAcA;AAAA,SAEEG,KAAoBF,MACnB,gBAAAI,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAjBOL,KAAsCF,EAkBhD,CAAA;AAAA,MAAA,GAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/student-details/student-details-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-details-styled.js","sources":["../../../src/features/student-details/student-details-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { getRandomAlien } from './student-details-utils';\n\nconst Wrapper = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK } = theme.colors;\n\n  return `\n    width: ${gutter * 45}px;\n    height: ${gutter * 7.5}px;\n    outline: 1px solid ${BLACK};\n    margin-top: 24px;\n    position: relative;\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 26px;\n      top: -26px;\n      left: 40px;\n      background-color: ${BLACK};\n    }\n\n    &::after {\n      left: unset;\n      right: 40px;\n    }\n  `;\n});\n\nconst BackgroundBox = styled.div(({ theme }) => {\n  const { WHITE_5 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    height: 100%;\n\n    background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px),\n      linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n    background-size: ${gutter * 1.875}px ${gutter * 1.875}px;\n    position: relative;\n  `;\n});\n\nconst AvatarWrapper = styled(FlexView)`\n  position: absolute;\n  left: 30.5px;\n  top: 30px;\n`;\n\ntype IAvatarProps = {\n  $alienUrl?: string;\n};\n\nconst Avatar = styled.div<IAvatarProps>(({ $alienUrl }) => {\n  return `\n    width: 59px;\n    height: 59px;\n    background: url(${$alienUrl || getRandomAlien()});\n\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    bottom: 0;\n    z-index: 1;\n  `;\n});\n\nconst StudentNameWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    border-left: 0.5px solid ${theme.colors.GREY_2};\n    padding: 10px 8px 6px;\n  `;\n});\n\nconst StudentName = styled(Text)`\n  display: flex;\n\n  span {\n    max-width: 13ch;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n`;\n\nexport { Wrapper, BackgroundBox, AvatarWrapper, Avatar, StudentNameWrapper, StudentName };\n"],"names":["Wrapper","styled","theme","gutter","BLACK","BackgroundBox","WHITE_5","AvatarWrapper","FlexView","Avatar","$alienUrl","getRandomAlien","StudentNameWrapper","StudentName","Text"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AAClC,QAAA,EAAE,QAAAC,MAAWD,EAAM,QACnB,EAAE,OAAAE,MAAUF,EAAM;AAEjB,SAAA;AAAA,aACIC,IAAS,EAAE;AAAA,cACVA,IAAS,GAAG;AAAA,yBACDC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYJA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,CAAC,GAEKC,IAAgBJ,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA,EAAE,SAAAI,MAAYJ,EAAM,QACpB,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,wCAI+BI,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfH,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC,GAEKI,IAAgBN,EAAOO,CAAQ;AAAA;AAAA;AAAA;AAAA,GAU/BC,IAASR,EAAO,IAAkB,CAAC,EAAE,WAAAS,QAClC;AAAA;AAAA;AAAA,sBAGaA,KAAaC,GAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQlD,GAEKC,IAAqBX,EAAOO,CAAQ,EAAE,CAAC,EAAE,OAAAN,QACtC;AAAA,+BACsBA,EAAM,OAAO,MAAM;AAAA;AAAA,GAGjD,GAEKW,IAAcZ,EAAOa,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"student-details-styled.js","sources":["../../../src/features/student-details/student-details-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { getRandomAlien } from './student-details-utils';\n\nconst Wrapper = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK } = theme.colors;\n\n  return `\n    width: ${gutter * 45}px;\n    height: ${gutter * 7.5}px;\n    outline: 1px solid ${BLACK};\n    margin-top: 24px;\n    position: relative;\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 26px;\n      top: -26px;\n      left: 40px;\n      background-color: ${BLACK};\n    }\n\n    &::after {\n      left: unset;\n      right: 40px;\n    }\n  `;\n});\n\nconst BackgroundBox = styled.div(({ theme }) => {\n  const { WHITE_5 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    height: 100%;\n\n    background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px),\n      linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n    background-size: ${gutter * 1.875}px ${gutter * 1.875}px;\n    position: relative;\n  `;\n});\n\nconst AvatarWrapper = styled(FlexView)`\n  position: absolute;\n  left: 30.5px;\n  top: 30px;\n`;\n\ntype IAvatarProps = {\n  $alienUrl?: string;\n};\n\nconst Avatar = styled.div<IAvatarProps>(({ $alienUrl }) => {\n  return `\n    width: 59px;\n    height: 59px;\n    background: url(${$alienUrl || getRandomAlien()});\n\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    bottom: 0;\n    z-index: 1;\n  `;\n});\n\nconst StudentNameWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    border-left: 0.5px solid ${theme.colors.GREY_2};\n    padding: 10px 8px 6px;\n  `;\n});\n\nconst StudentName = styled(Text)`\n  display: flex;\n\n  span {\n    max-width: 13ch;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n`;\n\nexport { Wrapper, BackgroundBox, AvatarWrapper, Avatar, StudentNameWrapper, StudentName };\n"],"names":["Wrapper","styled","theme","gutter","BLACK","BackgroundBox","WHITE_5","AvatarWrapper","FlexView","Avatar","$alienUrl","getRandomAlien","StudentNameWrapper","StudentName","Text"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AAClC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,OAAAE,EAAM,IAAIF,EAAM;AAEjB,SAAA;AAAA,aACIC,IAAS,EAAE;AAAA,cACVA,IAAS,GAAG;AAAA,yBACDC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYJA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,CAAC,GAEKC,IAAgBJ,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA,EAAE,SAAAI,EAAQ,IAAIJ,EAAM,QACpB,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,wCAI+BI,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfH,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC,GAEKI,IAAgBN,EAAOO,CAAQ;AAAA;AAAA;AAAA;AAAA,GAU/BC,IAASR,EAAO,IAAkB,CAAC,EAAE,WAAAS,QAClC;AAAA;AAAA;AAAA,sBAGaA,KAAaC,GAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQlD,GAEKC,IAAqBX,EAAOO,CAAQ,EAAE,CAAC,EAAE,OAAAN,QACtC;AAAA,+BACsBA,EAAM,OAAO,MAAM;AAAA;AAAA,GAGjD,GAEKW,IAAcZ,EAAOa,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/student-details/student-details-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-details-utils.js","sources":["../../../src/features/student-details/student-details-utils.ts"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\n\nimport { ILLUSTRATIONS } from '../../assets/illustrations/illustrations';\n\nconst { ALIEN_1, ALIEN_2, ALIEN_3, ALIEN_4 } = ILLUSTRATIONS;\n\nconst getRandomAlien = () => {\n  const aliens = [ALIEN_1, ALIEN_2, ALIEN_3, ALIEN_4];\n\n  return aliens[Math.floor(Math.random() * aliens.length)];\n};\n\nconst getStudentWelcomeMessage = (userType: TUserTypes) => {\n  const today = new Date();\n  const timeNow = today.toLocaleTimeString();\n  let greetingMessage;\n\n  if (timeNow >= '00:00:00' && timeNow < '12:00:00') {\n    greetingMessage = 'Good morning';\n  } else if (timeNow >= '12:00:00' && timeNow < '17:00:00') {\n    greetingMessage = 'Good afternoon';\n  } else if (timeNow >= '17:00:00' && timeNow < '24:00:00') {\n    greetingMessage = 'Good evening';\n  } else {\n    greetingMessage = `${userType === 'TEACHER' ? 'Greetings' : 'Hello'}, `;\n  }\n\n  return greetingMessage;\n};\n\nexport { getRandomAlien, getStudentWelcomeMessage };\n"],"names":["ALIEN_1","ALIEN_2","ALIEN_3","ALIEN_4","ILLUSTRATIONS","getRandomAlien","aliens","getStudentWelcomeMessage","userType","timeNow","greetingMessage"],"mappings":";AAIA,MAAM,EAAE,SAAAA,GAAS,SAAAC,GAAS,SAAAC,GAAS,SAAAC,EAAY,IAAAC,GAEzCC,IAAiB,MAAM;AAC3B,QAAMC,IAAS,CAACN,GAASC,GAASC,GAASC,CAAO;AAE3C,SAAAG,EAAO,KAAK,MAAM,KAAK,WAAWA,EAAO,MAAM,CAAC;AACzD,GAEMC,IAA2B,CAACC,MAAyB;AAEnD,QAAAC,yBADY,KAAK,GACD,mBAAmB;AACrC,MAAAC;AAEA,SAAAD,KAAW,cAAcA,IAAU,aACnBC,IAAA,iBACTD,KAAW,cAAcA,IAAU,aAC1BC,IAAA,mBACTD,KAAW,cAAcA,IAAU,aAC1BC,IAAA,iBAElBA,IAAkB,GAAGF,MAAa,YAAY,cAAc,OAAO,MAG9DE;AACT;"}
+{"version":3,"file":"student-details-utils.js","sources":["../../../src/features/student-details/student-details-utils.ts"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\n\nimport { ILLUSTRATIONS } from '../../assets/illustrations/illustrations';\n\nconst { ALIEN_1, ALIEN_2, ALIEN_3, ALIEN_4 } = ILLUSTRATIONS;\n\nconst getRandomAlien = () => {\n  const aliens = [ALIEN_1, ALIEN_2, ALIEN_3, ALIEN_4];\n\n  return aliens[Math.floor(Math.random() * aliens.length)];\n};\n\nconst getStudentWelcomeMessage = (userType: TUserTypes) => {\n  const today = new Date();\n  const timeNow = today.toLocaleTimeString();\n  let greetingMessage;\n\n  if (timeNow >= '00:00:00' && timeNow < '12:00:00') {\n    greetingMessage = 'Good morning';\n  } else if (timeNow >= '12:00:00' && timeNow < '17:00:00') {\n    greetingMessage = 'Good afternoon';\n  } else if (timeNow >= '17:00:00' && timeNow < '24:00:00') {\n    greetingMessage = 'Good evening';\n  } else {\n    greetingMessage = `${userType === 'TEACHER' ? 'Greetings' : 'Hello'}, `;\n  }\n\n  return greetingMessage;\n};\n\nexport { getRandomAlien, getStudentWelcomeMessage };\n"],"names":["ALIEN_1","ALIEN_2","ALIEN_3","ALIEN_4","ILLUSTRATIONS","getRandomAlien","aliens","getStudentWelcomeMessage","userType","timeNow","greetingMessage"],"mappings":";AAIA,MAAM,EAAE,SAAAA,GAAS,SAAAC,GAAS,SAAAC,GAAS,SAAAC,MAAYC,GAEzCC,IAAiB,MAAM;AAC3B,QAAMC,IAAS,CAACN,GAASC,GAASC,GAASC,CAAO;AAE3C,SAAAG,EAAO,KAAK,MAAM,KAAK,WAAWA,EAAO,MAAM,CAAC;AACzD,GAEMC,IAA2B,CAACC,MAAyB;AAEnD,QAAAC,yBADY,QACI;AAClB,MAAAC;AAEA,SAAAD,KAAW,cAAcA,IAAU,aACnBC,IAAA,iBACTD,KAAW,cAAcA,IAAU,aAC1BC,IAAA,mBACTD,KAAW,cAAcA,IAAU,aAC1BC,IAAA,iBAElBA,IAAkB,GAAGF,MAAa,YAAY,cAAc,OAAO,MAG9DE;AACT;"}

package/dist/features/student-details/student-details.js

@@ -1,16 +1,16 @@
-import { jsxs as r, jsx as e, Fragment as c } from "react/jsx-runtime";
+import { jsxs as t, jsx as e, Fragment as h } from "react/jsx-runtime";
 import { memo as p } from "react";
 import o from "../ui/layout/flex-view.js";
 import $ from "../ui/text/text.js";
-import g from "./class-details/class-details.js";
-import { Wrapper as u, BackgroundBox as f, AvatarWrapper as w, Avatar as W, StudentNameWrapper as x, StudentName as S } from "./student-details-styled.js";
+import u from "./class-details/class-details.js";
+import { Wrapper as g, BackgroundBox as f, AvatarWrapper as w, Avatar as S, StudentNameWrapper as W, StudentName as x } from "./student-details-styled.js";
 import { getStudentWelcomeMessage as T } from "./student-details-utils.js";
 import X from "./wins-preview/wins-preview.js";
-const H = p((s) => {
-  const { rewardsHome: a, studentName: d, userType: i, alienUrl: m, classStatus: t, onWinsClick: h } = s, l = T(i), n = i === "STUDENT";
-  return /* @__PURE__ */ r(u, { children: [
+const D = p((s) => {
+  const { rewardsHome: a, studentName: d, userType: i, alienUrl: m, classStatus: r, onWinsClick: l } = s, c = T(i), n = i === "STUDENT";
+  return /* @__PURE__ */ t(g, { children: [
     /* @__PURE__ */ e(o, { $width: "100%", $height: "100%", children: /* @__PURE__ */ e(f, {}) }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ t(
       w,
       {
         $flexDirection: "row",
@@ -18,18 +18,18 @@ const H = p((s) => {
         $widthX: 20.625,
         $heightX: 3.75,
         children: [
-          (!n || !t) && /* @__PURE__ */ r(c, { children: [
-            /* @__PURE__ */ e(o, { $widthX: 3.71875, $heightX: 3.6875, $background: "WHITE", children: /* @__PURE__ */ e(W, { $alienUrl: m }) }),
-            /* @__PURE__ */ r(
-              x,
+          (!n || !r) && /* @__PURE__ */ t(h, { children: [
+            /* @__PURE__ */ e(o, { $widthX: 3.71875, $heightX: 3.6875, $background: "WHITE", children: /* @__PURE__ */ e(S, { $alienUrl: m }) }),
+            /* @__PURE__ */ t(
+              W,
               {
                 $justifyContent: "center",
                 $widthX: 16.875,
                 $heightX: 3.6875,
                 $background: "WHITE",
                 children: [
-                  /* @__PURE__ */ e($, { $renderAs: "h6", children: l }),
-                  /* @__PURE__ */ r(S, { $renderAs: "h5", children: [
+                  /* @__PURE__ */ e($, { $renderAs: "h6", children: c }),
+                  /* @__PURE__ */ t(x, { $renderAs: "h5", children: [
                     /* @__PURE__ */ e("span", { children: d }),
                     "!"
                   ] })
@@ -37,14 +37,14 @@ const H = p((s) => {
               }
             )
           ] }),
-          n && t && /* @__PURE__ */ e(g, { classStatus: t })
+          n && r && /* @__PURE__ */ e(u, { classStatus: r })
         ]
       }
     ),
-    /* @__PURE__ */ e(X, { onWinsClick: h, rewardsHome: a })
+    /* @__PURE__ */ e(X, { onWinsClick: l, rewardsHome: a })
   ] });
-});
+}), I = D;
 export {
-  H as default
+  I as default
 };
 //# sourceMappingURL=student-details.js.map

package/dist/features/student-details/student-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-details.js","sources":["../../../src/features/student-details/student-details.tsx"],"sourcesContent":["import type { IStudentDetailsProps } from './student-details-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport ClassDetails from './class-details/class-details';\nimport * as Styled from './student-details-styled';\nimport { getStudentWelcomeMessage } from './student-details-utils';\nimport WinsPreview from './wins-preview/wins-preview';\n\nconst StudentDetails: FC<IStudentDetailsProps> = memo(props => {\n  const { rewardsHome, studentName, userType, alienUrl, classStatus, onWinsClick } = props;\n  const greetingsMessage = getStudentWelcomeMessage(userType);\n  const isStudent = userType === 'STUDENT';\n\n  return (\n    <Styled.Wrapper>\n      <FlexView $width=\"100%\" $height=\"100%\">\n        <Styled.BackgroundBox />\n      </FlexView>\n\n      <Styled.AvatarWrapper\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $widthX={20.625}\n        $heightX={3.75}\n      >\n        {(!isStudent || !classStatus) && (\n          <>\n            <FlexView $widthX={3.71875} $heightX={3.6875} $background=\"WHITE\">\n              <Styled.Avatar $alienUrl={alienUrl} />\n            </FlexView>\n\n            <Styled.StudentNameWrapper\n              $justifyContent=\"center\"\n              $widthX={16.875}\n              $heightX={3.6875}\n              $background=\"WHITE\"\n            >\n              <Text $renderAs=\"h6\">{greetingsMessage}</Text>\n              <Styled.StudentName $renderAs=\"h5\">\n                <span>{studentName}</span>!\n              </Styled.StudentName>\n            </Styled.StudentNameWrapper>\n          </>\n        )}\n\n        {isStudent && classStatus && <ClassDetails classStatus={classStatus} />}\n      </Styled.AvatarWrapper>\n\n      <WinsPreview onWinsClick={onWinsClick} rewardsHome={rewardsHome} />\n    </Styled.Wrapper>\n  );\n});\n\nexport default StudentDetails;\n"],"names":["StudentDetails","memo","props","rewardsHome","studentName","userType","alienUrl","classStatus","onWinsClick","greetingsMessage","getStudentWelcomeMessage","isStudent","jsxs","Styled.Wrapper","jsx","FlexView","Styled.BackgroundBox","Styled.AvatarWrapper","Fragment","Styled.Avatar","Styled.StudentNameWrapper","Text","Styled.StudentName","ClassDetails","WinsPreview"],"mappings":";;;;;;;;AAYM,MAAAA,IAA2CC,EAAK,CAASC,MAAA;AAC7D,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,aAAAC,GAAa,aAAAC,MAAgBN,GAC7EO,IAAmBC,EAAyBL,CAAQ,GACpDM,IAAYN,MAAa;AAG7B,SAAA,gBAAAO,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,QAAO,QAAO,SAAQ,QAC9B,UAAC,gBAAAD,EAAAE,GAAA,CAAA,CAAqB,EACxB,CAAA;AAAA,IAEA,gBAAAJ;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,QAER,UAAA;AAAA,WAAC,CAAAN,KAAa,CAACJ,MAEb,gBAAAK,EAAAM,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAJ,EAACC,GAAS,EAAA,SAAS,SAAS,UAAU,QAAQ,aAAY,SACxD,UAAA,gBAAAD,EAACK,GAAA,EAAc,WAAWb,EAAU,CAAA,GACtC;AAAA,YAEA,gBAAAM;AAAA,cAACQ;AAAAA,cAAA;AAAA,gBACC,iBAAgB;AAAA,gBAChB,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,aAAY;AAAA,gBAEZ,UAAA;AAAA,kBAAC,gBAAAN,EAAAO,GAAA,EAAK,WAAU,MAAM,UAAiBZ,GAAA;AAAA,kBACtC,gBAAAG,EAAAU,GAAA,EAAmB,WAAU,MAC5B,UAAA;AAAA,oBAAA,gBAAAR,EAAC,UAAM,UAAYV,EAAA,CAAA;AAAA,oBAAO;AAAA,kBAAA,EAC5B,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,GACF;AAAA,UAGDO,KAAaJ,KAAgB,gBAAAO,EAAAS,GAAA,EAAa,aAAAhB,EAA0B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvE;AAAA,IAEA,gBAAAO,EAACU,GAAY,EAAA,aAAAhB,GAA0B,aAAAL,EAA0B,CAAA;AAAA,EAAA,GACnE;AAEJ,CAAC;"}
+{"version":3,"file":"student-details.js","sources":["../../../src/features/student-details/student-details.tsx"],"sourcesContent":["import type { IStudentDetailsProps } from './student-details-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport ClassDetails from './class-details/class-details';\nimport * as Styled from './student-details-styled';\nimport { getStudentWelcomeMessage } from './student-details-utils';\nimport WinsPreview from './wins-preview/wins-preview';\n\nconst StudentDetails: FC<IStudentDetailsProps> = memo(props => {\n  const { rewardsHome, studentName, userType, alienUrl, classStatus, onWinsClick } = props;\n  const greetingsMessage = getStudentWelcomeMessage(userType);\n  const isStudent = userType === 'STUDENT';\n\n  return (\n    <Styled.Wrapper>\n      <FlexView $width=\"100%\" $height=\"100%\">\n        <Styled.BackgroundBox />\n      </FlexView>\n\n      <Styled.AvatarWrapper\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $widthX={20.625}\n        $heightX={3.75}\n      >\n        {(!isStudent || !classStatus) && (\n          <>\n            <FlexView $widthX={3.71875} $heightX={3.6875} $background=\"WHITE\">\n              <Styled.Avatar $alienUrl={alienUrl} />\n            </FlexView>\n\n            <Styled.StudentNameWrapper\n              $justifyContent=\"center\"\n              $widthX={16.875}\n              $heightX={3.6875}\n              $background=\"WHITE\"\n            >\n              <Text $renderAs=\"h6\">{greetingsMessage}</Text>\n              <Styled.StudentName $renderAs=\"h5\">\n                <span>{studentName}</span>!\n              </Styled.StudentName>\n            </Styled.StudentNameWrapper>\n          </>\n        )}\n\n        {isStudent && classStatus && <ClassDetails classStatus={classStatus} />}\n      </Styled.AvatarWrapper>\n\n      <WinsPreview onWinsClick={onWinsClick} rewardsHome={rewardsHome} />\n    </Styled.Wrapper>\n  );\n});\n\nexport default StudentDetails;\n"],"names":["StudentDetails","memo","props","rewardsHome","studentName","userType","alienUrl","classStatus","onWinsClick","greetingsMessage","getStudentWelcomeMessage","isStudent","jsxs","Styled.Wrapper","jsx","FlexView","Styled.BackgroundBox","Styled.AvatarWrapper","Fragment","Styled.Avatar","Styled.StudentNameWrapper","Text","Styled.StudentName","ClassDetails","WinsPreview","StudentDetails$1"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2CC,EAAK,CAASC,MAAA;AAC7D,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,aAAAC,GAAa,aAAAC,EAAgB,IAAAN,GAC7EO,IAAmBC,EAAyBL,CAAQ,GACpDM,IAAYN,MAAa;AAG7B,SAAA,gBAAAO,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,QAAO,QAAO,SAAQ,QAC9B,UAAC,gBAAAD,EAAAE,GAAA,CAAA,CAAqB,EACxB,CAAA;AAAA,IAEA,gBAAAJ;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,QAER,UAAA;AAAA,WAAC,CAAAN,KAAa,CAACJ,MAEb,gBAAAK,EAAAM,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAJ,EAACC,GAAS,EAAA,SAAS,SAAS,UAAU,QAAQ,aAAY,SACxD,UAAA,gBAAAD,EAACK,GAAA,EAAc,WAAWb,EAAU,CAAA,GACtC;AAAA,YAEA,gBAAAM;AAAA,cAACQ;AAAAA,cAAA;AAAA,gBACC,iBAAgB;AAAA,gBAChB,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,aAAY;AAAA,gBAEZ,UAAA;AAAA,kBAAC,gBAAAN,EAAAO,GAAA,EAAK,WAAU,MAAM,UAAiBZ,GAAA;AAAA,kBACtC,gBAAAG,EAAAU,GAAA,EAAmB,WAAU,MAC5B,UAAA;AAAA,oBAAA,gBAAAR,EAAC,UAAM,UAAYV,EAAA,CAAA;AAAA,oBAAO;AAAA,kBAAA,GAC5B;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA,GACF;AAAA,UAGDO,KAAaJ,KAAgB,gBAAAO,EAAAS,GAAA,EAAa,aAAAhB,EAA0B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvE;AAAA,IAEA,gBAAAO,EAACU,GAAY,EAAA,aAAAhB,GAA0B,aAAAL,EAA0B,CAAA;AAAA,EACnE,EAAA,CAAA;AAEJ,CAAC,GAEDsB,IAAezB;"}

package/dist/features/student-details/wins-preview/wins-preview-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"wins-preview-styled.js","sources":["../../../../src/features/student-details/wins-preview/wins-preview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst WinsWrapper = styled(FlexView)`\n  position: absolute;\n  top: 30.5px;\n  right: 29.5px;\n`;\n\ntype TWinsCardWrapper = {\n  $display: boolean;\n};\n\nconst WinsCardWrapper = styled(FlexView)<TWinsCardWrapper>(({ $display, theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 3.75}px;\n    height: ${gutter * 3.7185}px;\n    outline: 0.5px solid ${theme.colors.GREY_2};\n    display: ${$display ? 'flex' : 'none'};\n  `;\n});\n\nconst ImageWrapper = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 3.125}px;\n    height: ${gutter * 3.125}px;\n    object-fit: contain;\n  `;\n});\n\nconst AllWinsWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: relative;\n    outline: 0.5px solid ${theme.colors.GREY_2};\n  `;\n});\n\nexport { WinsWrapper, WinsCardWrapper, ImageWrapper, AllWinsWrapper };\n"],"names":["WinsWrapper","styled","FlexView","WinsCardWrapper","$display","theme","gutter","ImageWrapper","AllWinsWrapper"],"mappings":";;AAIM,MAAAA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAU7BC,IAAkBF,EAAOC,CAAQ,EAAoB,CAAC,EAAE,UAAAE,GAAU,OAAAC,QAAY;AAC5E,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA,aACIC,IAAS,IAAI;AAAA,cACZA,IAAS,MAAM;AAAA,2BACFD,EAAM,OAAO,MAAM;AAAA,eAC/BD,IAAW,SAAS,MAAM;AAAA;AAEzC,CAAC,GAEKG,IAAeN,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACvC,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA,aACIC,IAAS,KAAK;AAAA,cACbA,IAAS,KAAK;AAAA;AAAA;AAG5B,CAAC,GAEKE,IAAiBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAClC;AAAA;AAAA,2BAEkBA,EAAM,OAAO,MAAM;AAAA,GAE7C;"}
+{"version":3,"file":"wins-preview-styled.js","sources":["../../../../src/features/student-details/wins-preview/wins-preview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst WinsWrapper = styled(FlexView)`\n  position: absolute;\n  top: 30.5px;\n  right: 29.5px;\n`;\n\ntype TWinsCardWrapper = {\n  $display: boolean;\n};\n\nconst WinsCardWrapper = styled(FlexView)<TWinsCardWrapper>(({ $display, theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 3.75}px;\n    height: ${gutter * 3.7185}px;\n    outline: 0.5px solid ${theme.colors.GREY_2};\n    display: ${$display ? 'flex' : 'none'};\n  `;\n});\n\nconst ImageWrapper = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 3.125}px;\n    height: ${gutter * 3.125}px;\n    object-fit: contain;\n  `;\n});\n\nconst AllWinsWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: relative;\n    outline: 0.5px solid ${theme.colors.GREY_2};\n  `;\n});\n\nexport { WinsWrapper, WinsCardWrapper, ImageWrapper, AllWinsWrapper };\n"],"names":["WinsWrapper","styled","FlexView","WinsCardWrapper","$display","theme","gutter","ImageWrapper","AllWinsWrapper"],"mappings":";;AAIM,MAAAA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAU7BC,IAAkBF,EAAOC,CAAQ,EAAoB,CAAC,EAAE,UAAAE,GAAU,OAAAC,QAAY;AAC5E,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,IAAS,IAAI;AAAA,cACZA,IAAS,MAAM;AAAA,2BACFD,EAAM,OAAO,MAAM;AAAA,eAC/BD,IAAW,SAAS,MAAM;AAAA;AAEzC,CAAC,GAEKG,IAAeN,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACvC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,IAAS,KAAK;AAAA,cACbA,IAAS,KAAK;AAAA;AAAA;AAG5B,CAAC,GAEKE,IAAiBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAClC;AAAA;AAAA,2BAEkBA,EAAM,OAAO,MAAM;AAAA,GAE7C;"}

package/dist/features/student-details/wins-preview/wins-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"wins-preview.js","sources":["../../../../src/features/student-details/wins-preview/wins-preview.tsx"],"sourcesContent":["import type { IWinsPreviewProps } from './wins-preview-types';\n\nimport { useMemo, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport NextIcon from '../../../assets/line-icons/icons/next';\nimport { rewardBadgeUrl } from '../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { isNonEmptyArray } from '../../utils/utils';\nimport * as Styled from './wins-preview-styled';\n\nconst coinsBadge = 'coins_badge';\n\nconst WinsPreview: FC<IWinsPreviewProps> = ({ onWinsClick, rewardsHome }) => {\n  const {\n    user_badges: userBadges,\n    user_stickers: userStickers,\n    user_rewards: userRewards,\n  } = rewardsHome;\n\n  const doesRewardsExist = isNonEmptyArray(userRewards);\n  const doesBadgesExist = isNonEmptyArray(userBadges);\n  const doesStickersExist = isNonEmptyArray(userStickers);\n\n  const rewardElements = useMemo(\n    () => userRewards?.filter(item => item.aggregate_for.type === coinsBadge),\n    [userRewards],\n  );\n  const showRewardInfo = doesBadgesExist || doesRewardsExist || doesStickersExist;\n\n  const { aggregate_for: aggregateFor } = rewardElements?.[0] || {};\n  const { name: rewardElementName, type } = aggregateFor || {};\n\n  const { name: stickerElementName } = userStickers?.[0] || {};\n  const { image_url: badgeImageUrl, name: userBadgeName } = userBadges?.[0] || {};\n  const rewardElementUrl = type === coinsBadge && rewardBadgeUrl(rewardElementName ?? '');\n\n  const badgesDataToRender = useMemo(\n    () =>\n      [\n        {\n          renderElement: doesStickersExist,\n          key: 'sticker-elements',\n          image_src: IMAGES[stickerElementName ?? 'KUDOS'],\n          image_alt: stickerElementName,\n        },\n        {\n          renderElement: doesBadgesExist,\n          key: 'badge-elements',\n          image_src: badgeImageUrl ?? '',\n          image_alt: userBadgeName,\n        },\n        {\n          renderElement: doesRewardsExist,\n          key: 'reward-elements',\n          image_src: rewardElementUrl || '',\n          image_alt: rewardElementName,\n        },\n      ].filter(item => item.renderElement),\n    [\n      badgeImageUrl,\n      doesBadgesExist,\n      doesRewardsExist,\n      doesStickersExist,\n      rewardElementName,\n      rewardElementUrl,\n      stickerElementName,\n      userBadgeName,\n    ],\n  );\n\n  if (!showRewardInfo) return null;\n\n  return (\n    <Styled.WinsWrapper $flexDirection=\"row\" $widthX={15} $heightX={3.71875}>\n      <FlexView $widthX={11.25} $flexDirection=\"row-reverse\" $heightX={3.75}>\n        {badgesDataToRender.map(badgeData => {\n          const { renderElement, key, image_src: imageSrc, image_alt: imageAlt } = badgeData;\n\n          return (\n            <Styled.WinsCardWrapper\n              key={key}\n              $alignItems=\"center\"\n              $justifyContent=\"end\"\n              $background={renderElement ? 'WHITE' : 'TRANSPARENT'}\n              $display={renderElement}\n            >\n              {renderElement && <Styled.ImageWrapper src={imageSrc} alt={imageAlt} />}\n            </Styled.WinsCardWrapper>\n          );\n        })}\n      </FlexView>\n\n      <Styled.AllWinsWrapper\n        $alignItems=\"center\"\n        $justifyContent=\"flex-end\"\n        $flexGap={2}\n        $widthX={3.75}\n        $background=\"WHITE\"\n      >\n        <IconButton\n          Icon={NextIcon}\n          size=\"xsmall\"\n          renderAs=\"secondary\"\n          analyticsLabel=\"All wins\"\n          customBgColor=\"TRANSPARENT\"\n          onClick={onWinsClick}\n        />\n        <Text $renderAs=\"body3\">All wins</Text>\n      </Styled.AllWinsWrapper>\n    </Styled.WinsWrapper>\n  );\n};\n\nexport default WinsPreview;\n"],"names":["coinsBadge","WinsPreview","onWinsClick","rewardsHome","userBadges","userStickers","userRewards","doesRewardsExist","isNonEmptyArray","doesBadgesExist","doesStickersExist","rewardElements","useMemo","item","showRewardInfo","aggregateFor","rewardElementName","type","stickerElementName","badgeImageUrl","userBadgeName","rewardElementUrl","rewardBadgeUrl","badgesDataToRender","IMAGES","jsxs","Styled.WinsWrapper","jsx","FlexView","badgeData","renderElement","key","imageSrc","imageAlt","Styled.WinsCardWrapper","Styled.ImageWrapper","Styled.AllWinsWrapper","IconButton","NextIcon","Text"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAa,eAEbC,IAAqC,CAAC,EAAE,aAAAC,GAAa,aAAAC,QAAkB;AACrE,QAAA;AAAA,IACJ,aAAaC;AAAA,IACb,eAAeC;AAAA,IACf,cAAcC;AAAA,EAAA,IACZH,GAEEI,IAAmBC,EAAgBF,CAAW,GAC9CG,IAAkBD,EAAgBJ,CAAU,GAC5CM,IAAoBF,EAAgBH,CAAY,GAEhDM,IAAiBC;AAAA,IACrB,MAAMN,KAAA,gBAAAA,EAAa,OAAO,OAAQO,EAAK,cAAc,SAASb;AAAA,IAC9D,CAACM,CAAW;AAAA,EACd,GACMQ,IAAiBL,KAAmBF,KAAoBG,GAExD,EAAE,eAAeK,EAAA,KAAiBJ,KAAA,gBAAAA,EAAiB,OAAM,CAAC,GAC1D,EAAE,MAAMK,GAAmB,MAAAC,EAAK,IAAIF,KAAgB,CAAC,GAErD,EAAE,MAAMG,EAAA,KAAuBb,KAAA,gBAAAA,EAAe,OAAM,CAAC,GACrD,EAAE,WAAWc,GAAe,MAAMC,OAAkBhB,KAAA,gBAAAA,EAAa,OAAM,CAAC,GACxEiB,IAAmBJ,MAASjB,KAAcsB,EAAeN,KAAqB,EAAE,GAEhFO,IAAqBX;AAAA,IACzB,MACE;AAAA,MACE;AAAA,QACE,eAAeF;AAAA,QACf,KAAK;AAAA,QACL,WAAWc,EAAON,KAAsB,OAAO;AAAA,QAC/C,WAAWA;AAAA,MACb;AAAA,MACA;AAAA,QACE,eAAeT;AAAA,QACf,KAAK;AAAA,QACL,WAAWU,KAAiB;AAAA,QAC5B,WAAWC;AAAA,MACb;AAAA,MACA;AAAA,QACE,eAAeb;AAAA,QACf,KAAK;AAAA,QACL,WAAWc,KAAoB;AAAA,QAC/B,WAAWL;AAAA,MAAA;AAAA,IAEb,EAAA,OAAO,CAAQH,MAAAA,EAAK,aAAa;AAAA,IACrC;AAAA,MACEM;AAAA,MACAV;AAAA,MACAF;AAAA,MACAG;AAAA,MACAM;AAAA,MACAK;AAAA,MACAH;AAAA,MACAE;AAAA,IAAA;AAAA,EAEJ;AAEI,SAACN,IAGH,gBAAAW,EAACC,GAAA,EAAmB,gBAAe,OAAM,SAAS,IAAI,UAAU,SAC9D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,SAAS,OAAO,gBAAe,eAAc,UAAU,MAC9D,UAAmBL,EAAA,IAAI,CAAaM,MAAA;AACnC,YAAM,EAAE,eAAAC,GAAe,KAAAC,GAAK,WAAWC,GAAU,WAAWC,MAAaJ;AAGvE,aAAA,gBAAAF;AAAA,QAACO;AAAAA,QAAA;AAAA,UAEC,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,aAAaJ,IAAgB,UAAU;AAAA,UACvC,UAAUA;AAAA,UAET,UAAAA,uBAAkBK,GAAA,EAAoB,KAAKH,GAAU,KAAKC,EAAU,CAAA;AAAA,QAAA;AAAA,QANhEF;AAAA,MAOP;AAAA,IAEH,CAAA,GACH;AAAA,IAEA,gBAAAN;AAAA,MAACW;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAT;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,eAAc;AAAA,cACd,SAASpC;AAAA,YAAA;AAAA,UACX;AAAA,UACC,gBAAAyB,EAAAY,GAAA,EAAK,WAAU,SAAQ,UAAQ,WAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAClC,GACF,IAvC0B;AAyC9B;"}
+{"version":3,"file":"wins-preview.js","sources":["../../../../src/features/student-details/wins-preview/wins-preview.tsx"],"sourcesContent":["import type { IWinsPreviewProps } from './wins-preview-types';\n\nimport { useMemo, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport NextIcon from '../../../assets/line-icons/icons/next';\nimport { rewardBadgeUrl } from '../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { isNonEmptyArray } from '../../utils/utils';\nimport * as Styled from './wins-preview-styled';\n\nconst coinsBadge = 'coins_badge';\n\nconst WinsPreview: FC<IWinsPreviewProps> = ({ onWinsClick, rewardsHome }) => {\n  const {\n    user_badges: userBadges,\n    user_stickers: userStickers,\n    user_rewards: userRewards,\n  } = rewardsHome;\n\n  const doesRewardsExist = isNonEmptyArray(userRewards);\n  const doesBadgesExist = isNonEmptyArray(userBadges);\n  const doesStickersExist = isNonEmptyArray(userStickers);\n\n  const rewardElements = useMemo(\n    () => userRewards?.filter(item => item.aggregate_for.type === coinsBadge),\n    [userRewards],\n  );\n  const showRewardInfo = doesBadgesExist || doesRewardsExist || doesStickersExist;\n\n  const { aggregate_for: aggregateFor } = rewardElements?.[0] || {};\n  const { name: rewardElementName, type } = aggregateFor || {};\n\n  const { name: stickerElementName } = userStickers?.[0] || {};\n  const { image_url: badgeImageUrl, name: userBadgeName } = userBadges?.[0] || {};\n  const rewardElementUrl = type === coinsBadge && rewardBadgeUrl(rewardElementName ?? '');\n\n  const badgesDataToRender = useMemo(\n    () =>\n      [\n        {\n          renderElement: doesStickersExist,\n          key: 'sticker-elements',\n          image_src: IMAGES[stickerElementName ?? 'KUDOS'],\n          image_alt: stickerElementName,\n        },\n        {\n          renderElement: doesBadgesExist,\n          key: 'badge-elements',\n          image_src: badgeImageUrl ?? '',\n          image_alt: userBadgeName,\n        },\n        {\n          renderElement: doesRewardsExist,\n          key: 'reward-elements',\n          image_src: rewardElementUrl || '',\n          image_alt: rewardElementName,\n        },\n      ].filter(item => item.renderElement),\n    [\n      badgeImageUrl,\n      doesBadgesExist,\n      doesRewardsExist,\n      doesStickersExist,\n      rewardElementName,\n      rewardElementUrl,\n      stickerElementName,\n      userBadgeName,\n    ],\n  );\n\n  if (!showRewardInfo) return null;\n\n  return (\n    <Styled.WinsWrapper $flexDirection=\"row\" $widthX={15} $heightX={3.71875}>\n      <FlexView $widthX={11.25} $flexDirection=\"row-reverse\" $heightX={3.75}>\n        {badgesDataToRender.map(badgeData => {\n          const { renderElement, key, image_src: imageSrc, image_alt: imageAlt } = badgeData;\n\n          return (\n            <Styled.WinsCardWrapper\n              key={key}\n              $alignItems=\"center\"\n              $justifyContent=\"end\"\n              $background={renderElement ? 'WHITE' : 'TRANSPARENT'}\n              $display={renderElement}\n            >\n              {renderElement && <Styled.ImageWrapper src={imageSrc} alt={imageAlt} />}\n            </Styled.WinsCardWrapper>\n          );\n        })}\n      </FlexView>\n\n      <Styled.AllWinsWrapper\n        $alignItems=\"center\"\n        $justifyContent=\"flex-end\"\n        $flexGap={2}\n        $widthX={3.75}\n        $background=\"WHITE\"\n      >\n        <IconButton\n          Icon={NextIcon}\n          size=\"xsmall\"\n          renderAs=\"secondary\"\n          analyticsLabel=\"All wins\"\n          customBgColor=\"TRANSPARENT\"\n          onClick={onWinsClick}\n        />\n        <Text $renderAs=\"body3\">All wins</Text>\n      </Styled.AllWinsWrapper>\n    </Styled.WinsWrapper>\n  );\n};\n\nexport default WinsPreview;\n"],"names":["coinsBadge","WinsPreview","onWinsClick","rewardsHome","userBadges","userStickers","userRewards","doesRewardsExist","isNonEmptyArray","doesBadgesExist","doesStickersExist","rewardElements","useMemo","item","showRewardInfo","aggregateFor","rewardElementName","type","stickerElementName","badgeImageUrl","userBadgeName","rewardElementUrl","rewardBadgeUrl","badgesDataToRender","IMAGES","jsxs","Styled.WinsWrapper","jsx","FlexView","badgeData","renderElement","key","imageSrc","imageAlt","Styled.WinsCardWrapper","Styled.ImageWrapper","Styled.AllWinsWrapper","IconButton","NextIcon","Text"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAa,eAEbC,IAAqC,CAAC,EAAE,aAAAC,GAAa,aAAAC,QAAkB;AACrE,QAAA;AAAA,IACJ,aAAaC;AAAA,IACb,eAAeC;AAAA,IACf,cAAcC;AAAA,EACZ,IAAAH,GAEEI,IAAmBC,EAAgBF,CAAW,GAC9CG,IAAkBD,EAAgBJ,CAAU,GAC5CM,IAAoBF,EAAgBH,CAAY,GAEhDM,IAAiBC;AAAA,IACrB,MAAMN,KAAA,gBAAAA,EAAa,OAAO,OAAQO,EAAK,cAAc,SAASb;AAAA,IAC9D,CAACM,CAAW;AAAA,EAAA,GAERQ,IAAiBL,KAAmBF,KAAoBG,GAExD,EAAE,eAAeK,EAAA,KAAiBJ,KAAA,gBAAAA,EAAiB,OAAM,IACzD,EAAE,MAAMK,GAAmB,MAAAC,EAAK,IAAIF,KAAgB,CAAA,GAEpD,EAAE,MAAMG,EAAA,KAAuBb,KAAA,gBAAAA,EAAe,OAAM,IACpD,EAAE,WAAWc,GAAe,MAAMC,OAAkBhB,KAAA,gBAAAA,EAAa,OAAM,IACvEiB,IAAmBJ,MAASjB,KAAcsB,EAAeN,KAAqB,EAAE,GAEhFO,IAAqBX;AAAA,IACzB,MACE;AAAA,MACE;AAAA,QACE,eAAeF;AAAA,QACf,KAAK;AAAA,QACL,WAAWc,EAAON,KAAsB,OAAO;AAAA,QAC/C,WAAWA;AAAA,MACb;AAAA,MACA;AAAA,QACE,eAAeT;AAAA,QACf,KAAK;AAAA,QACL,WAAWU,KAAiB;AAAA,QAC5B,WAAWC;AAAA,MACb;AAAA,MACA;AAAA,QACE,eAAeb;AAAA,QACf,KAAK;AAAA,QACL,WAAWc,KAAoB;AAAA,QAC/B,WAAWL;AAAA,MACb;AAAA,IACA,EAAA,OAAO,CAAQH,MAAAA,EAAK,aAAa;AAAA,IACrC;AAAA,MACEM;AAAA,MACAV;AAAA,MACAF;AAAA,MACAG;AAAA,MACAM;AAAA,MACAK;AAAA,MACAH;AAAA,MACAE;AAAA,IACF;AAAA,EAAA;AAGE,SAACN,IAGH,gBAAAW,EAACC,GAAA,EAAmB,gBAAe,OAAM,SAAS,IAAI,UAAU,SAC9D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,SAAS,OAAO,gBAAe,eAAc,UAAU,MAC9D,UAAmBL,EAAA,IAAI,CAAaM,MAAA;AACnC,YAAM,EAAE,eAAAC,GAAe,KAAAC,GAAK,WAAWC,GAAU,WAAWC,EAAa,IAAAJ;AAGvE,aAAA,gBAAAF;AAAA,QAACO;AAAAA,QAAA;AAAA,UAEC,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,aAAaJ,IAAgB,UAAU;AAAA,UACvC,UAAUA;AAAA,UAET,UAAAA,uBAAkBK,GAAA,EAAoB,KAAKH,GAAU,KAAKC,GAAU;AAAA,QAAA;AAAA,QANhEF;AAAA,MAAA;AAAA,IASV,CAAA,GACH;AAAA,IAEA,gBAAAN;AAAA,MAACW;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAT;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,eAAc;AAAA,cACd,SAASpC;AAAA,YAAA;AAAA,UACX;AAAA,UACC,gBAAAyB,EAAAY,GAAA,EAAK,WAAU,SAAQ,UAAQ,YAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC;AAAA,EACF,EAAA,CAAA,IAvC0B;AAyC9B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../src/features/talk-meter/helper.ts"],"sourcesContent":["import type { TColorNames, TUserTypes } from '../ui/types';\n\nconst getMeterColor = (stdRatio: number) => {\n  const COLOR_MAP: Record<TUserTypes, TColorNames> = {\n    STUDENT: 'RED',\n    TEACHER: 'ORANGE_2',\n  };\n\n  if (stdRatio >= 50) {\n    COLOR_MAP.STUDENT = 'GREEN_4';\n    COLOR_MAP.TEACHER = 'GREEN_2';\n  } else if (stdRatio >= 25) {\n    COLOR_MAP.STUDENT = 'YELLOW_4';\n    COLOR_MAP.TEACHER = 'YELLOW_2';\n  }\n\n  return COLOR_MAP;\n};\n\nexport { getMeterColor };\n"],"names":["getMeterColor","stdRatio","COLOR_MAP"],"mappings":"AAEM,MAAAA,IAAgB,CAACC,MAAqB;AAC1C,QAAMC,IAA6C;AAAA,IACjD,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAEA,SAAID,KAAY,MACdC,EAAU,UAAU,WACpBA,EAAU,UAAU,aACXD,KAAY,OACrBC,EAAU,UAAU,YACpBA,EAAU,UAAU,aAGfA;AACT;"}
+{"version":3,"file":"helper.js","sources":["../../../src/features/talk-meter/helper.ts"],"sourcesContent":["import type { TColorNames, TUserTypes } from '../ui/types';\n\nconst getMeterColor = (stdRatio: number) => {\n  const COLOR_MAP: Record<TUserTypes, TColorNames> = {\n    STUDENT: 'RED',\n    TEACHER: 'ORANGE_2',\n  };\n\n  if (stdRatio >= 50) {\n    COLOR_MAP.STUDENT = 'GREEN_4';\n    COLOR_MAP.TEACHER = 'GREEN_2';\n  } else if (stdRatio >= 25) {\n    COLOR_MAP.STUDENT = 'YELLOW_4';\n    COLOR_MAP.TEACHER = 'YELLOW_2';\n  }\n\n  return COLOR_MAP;\n};\n\nexport { getMeterColor };\n"],"names":["getMeterColor","stdRatio","COLOR_MAP"],"mappings":"AAEM,MAAAA,IAAgB,CAACC,MAAqB;AAC1C,QAAMC,IAA6C;AAAA,IACjD,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAGX,SAAID,KAAY,MACdC,EAAU,UAAU,WACpBA,EAAU,UAAU,aACXD,KAAY,OACrBC,EAAU,UAAU,YACpBA,EAAU,UAAU,aAGfA;AACT;"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-talk-meter.js","sources":["../../../../src/features/talk-meter/hooks/use-talk-meter.ts"],"sourcesContent":["import type { ITalkMeterHook, TMessageData } from '../talk-meter-types';\n\nimport { useAVActions, useAVMessage, useRemotePeers } from '@cuemath/av';\nimport { useRef, useMemo, useCallback, useState, useEffect } from 'react';\n\nimport { useUIContext } from '../../ui/context/context';\n\nconst ONE_MINUTE = 1000 * 60;\n\nexport const useTalkMeter = (props: ITalkMeterHook) => {\n  const {\n    userType,\n    studentId,\n    teacherId,\n    classStartTime,\n    avPackageEnabled,\n    teacherClassroomId,\n    teacherTalkTime,\n    studentTalkTime,\n    lastBatchReceivedNo,\n    canDisplayBatch,\n    classDuration = 0,\n    onMessageReceive,\n    onDismissMeter,\n  } = props;\n\n  const BATCH_ONE_MINUTE = Math.round(0.36 * (classDuration / 60));\n  const BATCH_TWO_MINUTE = Math.round(0.73 * (classDuration / 60));\n  const LAST_MINUTES = classDuration / 60 - 5;\n\n  const getBatchToSendInfo = useCallback(\n    (classStartFrom: Date, batchSeen: number) => {\n      const now = Date.now();\n      const classTS = classStartFrom.getTime();\n      const diff = Math.abs(now - classTS);\n      const minutes = Math.floor(diff / 1000 / 60);\n      const canSendFirstBatch =\n        (batchSeen === 0 || batchSeen === 1) &&\n        minutes >= BATCH_ONE_MINUTE - 2 &&\n        minutes <= BATCH_ONE_MINUTE;\n      const canSendSecondBatch =\n        (batchSeen === 1 || batchSeen === 2) &&\n        minutes >= BATCH_TWO_MINUTE - 2 &&\n        minutes <= BATCH_TWO_MINUTE;\n\n      const lastMinutesLeft = minutes >= LAST_MINUTES;\n\n      let batchNo = 0;\n      let canDisplayTalkBatch = false;\n\n      if (lastMinutesLeft) {\n        batchNo = 0;\n      } else if (canSendSecondBatch) {\n        batchNo = 2;\n        canDisplayTalkBatch = minutes >= BATCH_TWO_MINUTE;\n      } else if (canSendFirstBatch) {\n        batchNo = 1;\n        canDisplayTalkBatch = minutes >= BATCH_ONE_MINUTE;\n      }\n\n      return {\n        lastMinutesLeft,\n        canSendBatch: canSendFirstBatch || canSendSecondBatch,\n        batchNoToSend: batchNo,\n        minutes,\n        canDisplay: canDisplayTalkBatch,\n      };\n    },\n    [BATCH_ONE_MINUTE, BATCH_TWO_MINUTE, LAST_MINUTES],\n  );\n\n  const [canAnimateIn, setCanAnimateIn] = useState(false);\n  const [canAnimateOut, setCanAnimateOut] = useState(false);\n\n  const { onEvent } = useUIContext();\n  const { sendMessage } = useAVActions();\n\n  const remotePeers = useRemotePeers();\n  const studentPeerId = remotePeers.find(peer => peer.userId === studentId)?.id;\n  const teacherPeerId = remotePeers.find(p => p.userType === 'teacher')?.id;\n\n  const isTeacher = userType === 'TEACHER';\n\n  const teacherTalkRef = useRef(teacherTalkTime);\n  const studentTalkRef = useRef(studentTalkTime);\n  const prevSentRef = useRef(0);\n\n  const totalTalkTime = studentTalkRef.current + teacherTalkRef.current;\n  const stdRatio = Math.ceil((studentTalkRef.current * 100) / totalTalkTime) || 0;\n  const tchRatio = Math.floor((teacherTalkRef.current * 100) / totalTalkTime) || 0;\n\n  const payload = useMemo(\n    () => ({\n      teacher_classroom_id: teacherClassroomId,\n      teacher_id: teacherId,\n      studentId: studentId,\n    }),\n    [studentId, teacherClassroomId, teacherId],\n  );\n\n  const handleDismiss = useCallback(() => {\n    setCanAnimateOut(true);\n    setCanAnimateIn(false);\n    onDismissMeter();\n  }, [onDismissMeter]);\n\n  const trackEvent = useCallback(\n    (eventName: string, data = {}) => {\n      onEvent(eventName, { ...payload, ...data });\n    },\n    [onEvent, payload],\n  );\n\n  const sendBatch = useCallback(\n    (batchNo: number) => {\n      const EVENT_NAME = isTeacher ? 'TEACHER_TALK_TIME_UPDATED' : 'STUDENT_TALK_TIME_UPDATED';\n      const speechTimePayload = isTeacher\n        ? { teacher_speech_time: teacherTalkRef.current }\n        : { student_speech_time: studentTalkRef.current };\n\n      trackEvent('TALK_METER_BATCH_SENT', {\n        batch_no: batchNo,\n        ...speechTimePayload,\n      });\n      if (avPackageEnabled) {\n        sendMessage(\n          EVENT_NAME,\n          {\n            ...payload,\n            ...speechTimePayload,\n            batch_no: batchNo,\n          },\n          isTeacher ? studentPeerId : teacherPeerId,\n        );\n      }\n\n      prevSentRef.current = studentTalkRef.current;\n    },\n    [avPackageEnabled, isTeacher, payload, sendMessage, studentPeerId, teacherPeerId, trackEvent],\n  );\n\n  useAVMessage<TMessageData>({\n    type: isTeacher ? 'STUDENT_TALK_TIME_UPDATED' : 'TEACHER_TALK_TIME_UPDATED',\n    onMessage: useCallback(\n      (_, data) => {\n        onMessageReceive(data);\n        if (isTeacher) sendBatch(data.batch_no);\n      },\n      [isTeacher, onMessageReceive, sendBatch],\n    ),\n  });\n\n  useEffect(() => {\n    if (!canAnimateIn) {\n      teacherTalkRef.current = teacherTalkTime;\n      studentTalkRef.current = studentTalkTime;\n    }\n  }, [teacherTalkTime, studentTalkTime, canAnimateIn]);\n\n  useEffect(() => {\n    let dismissTimer: NodeJS.Timeout | undefined;\n\n    if (canAnimateIn) {\n      dismissTimer = setTimeout(() => {\n        handleDismiss();\n      }, ONE_MINUTE);\n    }\n\n    return () => {\n      if (dismissTimer) clearTimeout(dismissTimer);\n    };\n  }, [canAnimateIn, handleDismiss]);\n\n  useEffect(() => {\n    let interval: NodeJS.Timeout | undefined;\n\n    if (classStartTime && canDisplayBatch && !canAnimateIn) {\n      interval = setInterval(() => {\n        const { canDisplay } = getBatchToSendInfo(classStartTime, lastBatchReceivedNo);\n\n        if (canDisplay) {\n          trackEvent('TALK_METER_BATCH_DISPLAYED', {\n            student_speech_time: studentTalkRef.current,\n            teacher_speech_time: teacherTalkRef.current,\n            batch_no: lastBatchReceivedNo,\n          });\n          setCanAnimateIn(true);\n          setCanAnimateOut(false);\n        }\n      }, ONE_MINUTE / 30);\n    }\n\n    return () => {\n      if (interval) {\n        clearInterval(interval);\n      }\n    };\n  }, [\n    canAnimateIn,\n    canDisplayBatch,\n    classStartTime,\n    getBatchToSendInfo,\n    lastBatchReceivedNo,\n    trackEvent,\n  ]);\n\n  useEffect(() => {\n    let interval: NodeJS.Timeout | undefined;\n\n    if (classStartTime && !isTeacher) {\n      interval = setInterval(() => {\n        const { lastMinutesLeft, canSendBatch, batchNoToSend } = getBatchToSendInfo(\n          classStartTime,\n          lastBatchReceivedNo,\n        );\n\n        if (lastMinutesLeft) {\n          if (prevSentRef.current !== studentTalkRef.current) {\n            sendBatch(batchNoToSend);\n          }\n        } else if (canSendBatch) {\n          sendBatch(batchNoToSend);\n        }\n      }, ONE_MINUTE / 6);\n    }\n\n    return () => {\n      if (interval) {\n        clearInterval(interval);\n      }\n    };\n  }, [classStartTime, getBatchToSendInfo, isTeacher, lastBatchReceivedNo, sendBatch]);\n\n  return {\n    canAnimateIn,\n    canAnimateOut,\n    stdRatio,\n    tchRatio,\n    handleDismiss,\n  };\n};\n"],"names":["ONE_MINUTE","useTalkMeter","props","userType","studentId","teacherId","classStartTime","avPackageEnabled","teacherClassroomId","teacherTalkTime","studentTalkTime","lastBatchReceivedNo","canDisplayBatch","classDuration","onMessageReceive","onDismissMeter","BATCH_ONE_MINUTE","BATCH_TWO_MINUTE","LAST_MINUTES","getBatchToSendInfo","useCallback","classStartFrom","batchSeen","now","classTS","diff","minutes","canSendFirstBatch","canSendSecondBatch","lastMinutesLeft","batchNo","canDisplayTalkBatch","canAnimateIn","setCanAnimateIn","useState","canAnimateOut","setCanAnimateOut","onEvent","useUIContext","sendMessage","useAVActions","remotePeers","useRemotePeers","studentPeerId","_a","peer","teacherPeerId","_b","p","isTeacher","teacherTalkRef","useRef","studentTalkRef","prevSentRef","totalTalkTime","stdRatio","tchRatio","payload","useMemo","handleDismiss","trackEvent","eventName","data","sendBatch","EVENT_NAME","speechTimePayload","useAVMessage","_","useEffect","dismissTimer","interval","canDisplay","canSendBatch","batchNoToSend"],"mappings":"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"}
+{"version":3,"file":"use-talk-meter.js","sources":["../../../../src/features/talk-meter/hooks/use-talk-meter.ts"],"sourcesContent":["import type { ITalkMeterHook, TMessageData } from '../talk-meter-types';\n\nimport { useAVActions, useAVMessage, useRemotePeers } from '@cuemath/av';\nimport { useRef, useMemo, useCallback, useState, useEffect } from 'react';\n\nimport { useUIContext } from '../../ui/context/context';\n\nconst ONE_MINUTE = 1000 * 60;\n\nexport const useTalkMeter = (props: ITalkMeterHook) => {\n  const {\n    userType,\n    studentId,\n    teacherId,\n    classStartTime,\n    avPackageEnabled,\n    teacherClassroomId,\n    teacherTalkTime,\n    studentTalkTime,\n    lastBatchReceivedNo,\n    canDisplayBatch,\n    classDuration = 0,\n    onMessageReceive,\n    onDismissMeter,\n  } = props;\n\n  const BATCH_ONE_MINUTE = Math.round(0.36 * (classDuration / 60));\n  const BATCH_TWO_MINUTE = Math.round(0.73 * (classDuration / 60));\n  const LAST_MINUTES = classDuration / 60 - 5;\n\n  const getBatchToSendInfo = useCallback(\n    (classStartFrom: Date, batchSeen: number) => {\n      const now = Date.now();\n      const classTS = classStartFrom.getTime();\n      const diff = Math.abs(now - classTS);\n      const minutes = Math.floor(diff / 1000 / 60);\n      const canSendFirstBatch =\n        (batchSeen === 0 || batchSeen === 1) &&\n        minutes >= BATCH_ONE_MINUTE - 2 &&\n        minutes <= BATCH_ONE_MINUTE;\n      const canSendSecondBatch =\n        (batchSeen === 1 || batchSeen === 2) &&\n        minutes >= BATCH_TWO_MINUTE - 2 &&\n        minutes <= BATCH_TWO_MINUTE;\n\n      const lastMinutesLeft = minutes >= LAST_MINUTES;\n\n      let batchNo = 0;\n      let canDisplayTalkBatch = false;\n\n      if (lastMinutesLeft) {\n        batchNo = 0;\n      } else if (canSendSecondBatch) {\n        batchNo = 2;\n        canDisplayTalkBatch = minutes >= BATCH_TWO_MINUTE;\n      } else if (canSendFirstBatch) {\n        batchNo = 1;\n        canDisplayTalkBatch = minutes >= BATCH_ONE_MINUTE;\n      }\n\n      return {\n        lastMinutesLeft,\n        canSendBatch: canSendFirstBatch || canSendSecondBatch,\n        batchNoToSend: batchNo,\n        minutes,\n        canDisplay: canDisplayTalkBatch,\n      };\n    },\n    [BATCH_ONE_MINUTE, BATCH_TWO_MINUTE, LAST_MINUTES],\n  );\n\n  const [canAnimateIn, setCanAnimateIn] = useState(false);\n  const [canAnimateOut, setCanAnimateOut] = useState(false);\n\n  const { onEvent } = useUIContext();\n  const { sendMessage } = useAVActions();\n\n  const remotePeers = useRemotePeers();\n  const studentPeerId = remotePeers.find(peer => peer.userId === studentId)?.id;\n  const teacherPeerId = remotePeers.find(p => p.userType === 'teacher')?.id;\n\n  const isTeacher = userType === 'TEACHER';\n\n  const teacherTalkRef = useRef(teacherTalkTime);\n  const studentTalkRef = useRef(studentTalkTime);\n  const prevSentRef = useRef(0);\n\n  const totalTalkTime = studentTalkRef.current + teacherTalkRef.current;\n  const stdRatio = Math.ceil((studentTalkRef.current * 100) / totalTalkTime) || 0;\n  const tchRatio = Math.floor((teacherTalkRef.current * 100) / totalTalkTime) || 0;\n\n  const payload = useMemo(\n    () => ({\n      teacher_classroom_id: teacherClassroomId,\n      teacher_id: teacherId,\n      studentId: studentId,\n    }),\n    [studentId, teacherClassroomId, teacherId],\n  );\n\n  const handleDismiss = useCallback(() => {\n    setCanAnimateOut(true);\n    setCanAnimateIn(false);\n    onDismissMeter();\n  }, [onDismissMeter]);\n\n  const trackEvent = useCallback(\n    (eventName: string, data = {}) => {\n      onEvent(eventName, { ...payload, ...data });\n    },\n    [onEvent, payload],\n  );\n\n  const sendBatch = useCallback(\n    (batchNo: number) => {\n      const EVENT_NAME = isTeacher ? 'TEACHER_TALK_TIME_UPDATED' : 'STUDENT_TALK_TIME_UPDATED';\n      const speechTimePayload = isTeacher\n        ? { teacher_speech_time: teacherTalkRef.current }\n        : { student_speech_time: studentTalkRef.current };\n\n      trackEvent('TALK_METER_BATCH_SENT', {\n        batch_no: batchNo,\n        ...speechTimePayload,\n      });\n      if (avPackageEnabled) {\n        sendMessage(\n          EVENT_NAME,\n          {\n            ...payload,\n            ...speechTimePayload,\n            batch_no: batchNo,\n          },\n          isTeacher ? studentPeerId : teacherPeerId,\n        );\n      }\n\n      prevSentRef.current = studentTalkRef.current;\n    },\n    [avPackageEnabled, isTeacher, payload, sendMessage, studentPeerId, teacherPeerId, trackEvent],\n  );\n\n  useAVMessage<TMessageData>({\n    type: isTeacher ? 'STUDENT_TALK_TIME_UPDATED' : 'TEACHER_TALK_TIME_UPDATED',\n    onMessage: useCallback(\n      (_, data) => {\n        onMessageReceive(data);\n        if (isTeacher) sendBatch(data.batch_no);\n      },\n      [isTeacher, onMessageReceive, sendBatch],\n    ),\n  });\n\n  useEffect(() => {\n    if (!canAnimateIn) {\n      teacherTalkRef.current = teacherTalkTime;\n      studentTalkRef.current = studentTalkTime;\n    }\n  }, [teacherTalkTime, studentTalkTime, canAnimateIn]);\n\n  useEffect(() => {\n    let dismissTimer: NodeJS.Timeout | undefined;\n\n    if (canAnimateIn) {\n      dismissTimer = setTimeout(() => {\n        handleDismiss();\n      }, ONE_MINUTE);\n    }\n\n    return () => {\n      if (dismissTimer) clearTimeout(dismissTimer);\n    };\n  }, [canAnimateIn, handleDismiss]);\n\n  useEffect(() => {\n    let interval: NodeJS.Timeout | undefined;\n\n    if (classStartTime && canDisplayBatch && !canAnimateIn) {\n      interval = setInterval(() => {\n        const { canDisplay } = getBatchToSendInfo(classStartTime, lastBatchReceivedNo);\n\n        if (canDisplay) {\n          trackEvent('TALK_METER_BATCH_DISPLAYED', {\n            student_speech_time: studentTalkRef.current,\n            teacher_speech_time: teacherTalkRef.current,\n            batch_no: lastBatchReceivedNo,\n          });\n          setCanAnimateIn(true);\n          setCanAnimateOut(false);\n        }\n      }, ONE_MINUTE / 30);\n    }\n\n    return () => {\n      if (interval) {\n        clearInterval(interval);\n      }\n    };\n  }, [\n    canAnimateIn,\n    canDisplayBatch,\n    classStartTime,\n    getBatchToSendInfo,\n    lastBatchReceivedNo,\n    trackEvent,\n  ]);\n\n  useEffect(() => {\n    let interval: NodeJS.Timeout | undefined;\n\n    if (classStartTime && !isTeacher) {\n      interval = setInterval(() => {\n        const { lastMinutesLeft, canSendBatch, batchNoToSend } = getBatchToSendInfo(\n          classStartTime,\n          lastBatchReceivedNo,\n        );\n\n        if (lastMinutesLeft) {\n          if (prevSentRef.current !== studentTalkRef.current) {\n            sendBatch(batchNoToSend);\n          }\n        } else if (canSendBatch) {\n          sendBatch(batchNoToSend);\n        }\n      }, ONE_MINUTE / 6);\n    }\n\n    return () => {\n      if (interval) {\n        clearInterval(interval);\n      }\n    };\n  }, [classStartTime, getBatchToSendInfo, isTeacher, lastBatchReceivedNo, sendBatch]);\n\n  return {\n    canAnimateIn,\n    canAnimateOut,\n    stdRatio,\n    tchRatio,\n    handleDismiss,\n  };\n};\n"],"names":["ONE_MINUTE","useTalkMeter","props","userType","studentId","teacherId","classStartTime","avPackageEnabled","teacherClassroomId","teacherTalkTime","studentTalkTime","lastBatchReceivedNo","canDisplayBatch","classDuration","onMessageReceive","onDismissMeter","BATCH_ONE_MINUTE","BATCH_TWO_MINUTE","LAST_MINUTES","getBatchToSendInfo","useCallback","classStartFrom","batchSeen","now","classTS","diff","minutes","canSendFirstBatch","canSendSecondBatch","lastMinutesLeft","batchNo","canDisplayTalkBatch","canAnimateIn","setCanAnimateIn","useState","canAnimateOut","setCanAnimateOut","onEvent","useUIContext","sendMessage","useAVActions","remotePeers","useRemotePeers","studentPeerId","_a","peer","teacherPeerId","_b","p","isTeacher","teacherTalkRef","useRef","studentTalkRef","prevSentRef","totalTalkTime","stdRatio","tchRatio","payload","useMemo","handleDismiss","trackEvent","eventName","data","sendBatch","EVENT_NAME","speechTimePayload","useAVMessage","_","useEffect","dismissTimer","interval","canDisplay","canSendBatch","batchNoToSend"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useRef as l, useCallback as u, useEffect as p } from "react";
-import f, { css as n, keyframes as d } from "styled-components";
+import f, { keyframes as d, css as n } from "styled-components";
 import { SOUNDS as y } from "../../../assets/sounds/sounds.js";
 import { useUIContext as g } from "../../ui/context/context.js";
 import x from "../../ui/layout/flex-view.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/features/talk-meter/ripple/index.tsx"],"sourcesContent":["import type { TColorNames } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { useEffect, useRef, useCallback } from 'react';\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { SOUNDS } from '../../../assets/sounds/sounds';\nimport { useUIContext } from '../../ui/context/context';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst rippleAnimation = keyframes`\n0% {\n  opacity: 1;\n  transform: scale(1);\n}\n50% {\n  opacity: 0;\n  transform: scale(1.10) scaleY(1.15);\n}\n100% {\n  opacity: 0;\n  transform: scale(1.10) scaleY(1.15);\n}\n`;\n\nconst RippleView = styled(FlexView)<{ $delay: number }>(\n  ({ $delay }) => css`\n    height: 104px;\n    width: calc(100% - 24px);\n    position: absolute;\n    border-radius: 12px;\n    z-index: 0;\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    ${$delay > 0 &&\n    css`\n      animation-name: ${rippleAnimation};\n      animation-delay: ${$delay || 0}ms;\n      animation-duration: 1000ms;\n      animation-iteration-count: infinite;\n      animation-timing-function: ease-in;\n    `};\n  `,\n);\n\ninterface IRipple {\n  delay: number;\n  color: TColorNames;\n  withAudio?: boolean;\n}\n\nconst Ripple: FC<IRipple> = props => {\n  const { delay, color, withAudio = true } = props;\n  const { onEvent: trackEvent } = useUIContext();\n  const audioRef = useRef(new Audio(SOUNDS.ALERT));\n\n  const playAudio = useCallback(() => {\n    try {\n      audioRef.current.play();\n    } catch (err) {\n      trackEvent('debug_log', {\n        type: 'UNABLE TO PLAY SOUND IN TALK METER',\n        error: JSON.stringify(err),\n      });\n    }\n  }, [trackEvent]);\n\n  useEffect(() => {\n    let audioTimer: NodeJS.Timeout | null = null;\n\n    if (withAudio) {\n      audioTimer = setTimeout(() => {\n        playAudio();\n      }, delay);\n    }\n\n    return () => {\n      if (audioTimer) clearTimeout(audioTimer);\n    };\n  }, [withAudio, delay, playAudio]);\n\n  return <RippleView $delay={delay} $borderColor={color} />;\n};\n\nexport default Ripple;\n"],"names":["rippleAnimation","keyframes","RippleView","styled","FlexView","$delay","css","Ripple","props","delay","color","withAudio","trackEvent","useUIContext","audioRef","useRef","SOUNDS","playAudio","useCallback","err","useEffect","audioTimer","jsx"],"mappings":";;;;;;AAUA,MAAMA,IAAkBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAelBC,IAAaC,EAAOC,CAAQ;AAAA,EAChC,CAAC,EAAE,QAAAC,EAAA,MAAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUZD,IAAS,KACXC;AAAA,wBACoBN,CAAe;AAAA,yBACdK,KAAU,CAAC;AAAA;AAAA;AAAA;AAAA,KAI/B;AAAA;AAEL,GAQME,IAAsB,CAASC,MAAA;AACnC,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,IAAY,GAAS,IAAAH,GACrC,EAAE,SAASI,EAAW,IAAIC,EAAa,GACvCC,IAAWC,EAAO,IAAI,MAAMC,EAAO,KAAK,CAAC,GAEzCC,IAAYC,EAAY,MAAM;AAC9B,QAAA;AACF,MAAAJ,EAAS,QAAQ,KAAK;AAAA,aACfK,GAAK;AACZ,MAAAP,EAAW,aAAa;AAAA,QACtB,MAAM;AAAA,QACN,OAAO,KAAK,UAAUO,CAAG;AAAA,MAAA,CAC1B;AAAA,IAAA;AAAA,EACH,GACC,CAACP,CAAU,CAAC;AAEf,SAAAQ,EAAU,MAAM;AACd,QAAIC,IAAoC;AAExC,WAAIV,MACFU,IAAa,WAAW,MAAM;AAClB,MAAAJ,EAAA;AAAA,OACTR,CAAK,IAGH,MAAM;AACP,MAAAY,kBAAyBA,CAAU;AAAA,IACzC;AAAA,EACC,GAAA,CAACV,GAAWF,GAAOQ,CAAS,CAAC,GAExB,gBAAAK,EAAApB,GAAA,EAAW,QAAQO,GAAO,cAAcC,GAAO;AACzD;"}
+{"version":3,"file":"index.js","sources":["../../../../src/features/talk-meter/ripple/index.tsx"],"sourcesContent":["import type { TColorNames } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { useEffect, useRef, useCallback } from 'react';\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { SOUNDS } from '../../../assets/sounds/sounds';\nimport { useUIContext } from '../../ui/context/context';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst rippleAnimation = keyframes`\n0% {\n  opacity: 1;\n  transform: scale(1);\n}\n50% {\n  opacity: 0;\n  transform: scale(1.10) scaleY(1.15);\n}\n100% {\n  opacity: 0;\n  transform: scale(1.10) scaleY(1.15);\n}\n`;\n\nconst RippleView = styled(FlexView)<{ $delay: number }>(\n  ({ $delay }) => css`\n    height: 104px;\n    width: calc(100% - 24px);\n    position: absolute;\n    border-radius: 12px;\n    z-index: 0;\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    ${$delay > 0 &&\n    css`\n      animation-name: ${rippleAnimation};\n      animation-delay: ${$delay || 0}ms;\n      animation-duration: 1000ms;\n      animation-iteration-count: infinite;\n      animation-timing-function: ease-in;\n    `};\n  `,\n);\n\ninterface IRipple {\n  delay: number;\n  color: TColorNames;\n  withAudio?: boolean;\n}\n\nconst Ripple: FC<IRipple> = props => {\n  const { delay, color, withAudio = true } = props;\n  const { onEvent: trackEvent } = useUIContext();\n  const audioRef = useRef(new Audio(SOUNDS.ALERT));\n\n  const playAudio = useCallback(() => {\n    try {\n      audioRef.current.play();\n    } catch (err) {\n      trackEvent('debug_log', {\n        type: 'UNABLE TO PLAY SOUND IN TALK METER',\n        error: JSON.stringify(err),\n      });\n    }\n  }, [trackEvent]);\n\n  useEffect(() => {\n    let audioTimer: NodeJS.Timeout | null = null;\n\n    if (withAudio) {\n      audioTimer = setTimeout(() => {\n        playAudio();\n      }, delay);\n    }\n\n    return () => {\n      if (audioTimer) clearTimeout(audioTimer);\n    };\n  }, [withAudio, delay, playAudio]);\n\n  return <RippleView $delay={delay} $borderColor={color} />;\n};\n\nexport default Ripple;\n"],"names":["rippleAnimation","keyframes","RippleView","styled","FlexView","$delay","css","Ripple","props","delay","color","withAudio","trackEvent","useUIContext","audioRef","useRef","SOUNDS","playAudio","useCallback","err","useEffect","audioTimer","jsx"],"mappings":";;;;;;AAUA,MAAMA,IAAkBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAelBC,IAAaC,EAAOC,CAAQ;AAAA,EAChC,CAAC,EAAE,QAAAC,EAAa,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUZD,IAAS,KACXC;AAAA,wBACoBN,CAAe;AAAA,yBACdK,KAAU,CAAC;AAAA;AAAA;AAAA;AAAA,KAI/B;AAAA;AAEL,GAQME,IAAsB,CAASC,MAAA;AACnC,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,IAAY,OAASH,GACrC,EAAE,SAASI,EAAW,IAAIC,EAAa,GACvCC,IAAWC,EAAO,IAAI,MAAMC,EAAO,KAAK,CAAC,GAEzCC,IAAYC,EAAY,MAAM;AAC9B,QAAA;AACF,MAAAJ,EAAS,QAAQ;aACVK,GAAK;AACZ,MAAAP,EAAW,aAAa;AAAA,QACtB,MAAM;AAAA,QACN,OAAO,KAAK,UAAUO,CAAG;AAAA,MAAA,CAC1B;AAAA,IACH;AAAA,EAAA,GACC,CAACP,CAAU,CAAC;AAEf,SAAAQ,EAAU,MAAM;AACd,QAAIC,IAAoC;AAExC,WAAIV,MACFU,IAAa,WAAW,MAAM;AAClB,MAAAJ;OACTR,CAAK,IAGH,MAAM;AACP,MAAAY,kBAAyBA,CAAU;AAAA,IAAA;AAAA,EAExC,GAAA,CAACV,GAAWF,GAAOQ,CAAS,CAAC,GAExB,gBAAAK,EAAApB,GAAA,EAAW,QAAQO,GAAO,cAAcC,EAAO,CAAA;AACzD;"}

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

@@ -1,4 +1,4 @@
-import o, { css as t, keyframes as a } from "styled-components";
+import o, { keyframes as a, css as t } from "styled-components";
 import s from "../../assets/line-icons/icons/cross.js";
 import r from "../ui/layout/flex-view.js";
 const l = a`

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

@@ -1 +1 @@
-{"version":3,"file":"talk-meter-styled.js","sources":["../../../src/features/talk-meter/talk-meter-styled.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\n\nimport CrossIcon from '../../assets/line-icons/icons/cross';\nimport FlexView from '../ui/layout/flex-view';\n\nconst scaleInAnim = keyframes`\n    0% {\n        opacity: 0;\n        transform: translate(0%, -100%) scale(0);\n        height: 0px;\n    }\n    50% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n        transform: translate(0%, 0%) scale(1);\n        height: 128px;\n    }\n`;\n\nconst scaleOutAnim = keyframes`\n    0% {\n        opacity: 1;\n        transform: translate(0%, 0%) scale(1);\n    }\n    100% {\n        opacity: 0;\n        transform: translate(0%, -100%) scale(1);\n        height: 0px;\n    }\n`;\n\nconst CloseIcon = styled(CrossIcon)`\n  position: absolute;\n  top: 15px;\n  right: 20px;\n  color: black;\n  width: 20px;\n  height: 20px;\n  z-index: 2;\n`;\n\nconst Wrapper = styled(FlexView)<{\n  $isTeacher: boolean;\n  $animated: boolean;\n  $canAnimateIn: boolean;\n  $canAnimateOut: boolean;\n}>(\n  ({ $isTeacher, $animated, $canAnimateIn, $canAnimateOut }) => css`\n    width: 100%;\n    max-width: 336px;\n\n    ${$animated\n      ? `\n            height: 0;\n            opacity: 0;\n            display: none;\n          `\n      : `\n            height: 100%;\n            opacity: 1;\n            display: flex;\n          `}\n\n    ${!$isTeacher\n      ? `\n            ${\n              $animated\n                ? `\n                  top: 70px;\n                  right: 10px;\n                  position: fixed;\n                `\n                : `\n                  top: 0;\n                  right: 0px;\n                  position: relative;\n                `\n            }\n            z-index: 100;\n          `\n      : null}\n    \n    ${$canAnimateIn\n      ? css`\n          animation-name: ${scaleInAnim};\n          animation-duration: 800ms;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-out;\n          opacity: 1;\n          display: flex;\n          height: 128px;\n        `\n      : null}\n\n    ${$canAnimateOut\n      ? css`\n          animation-name: ${scaleOutAnim};\n          animation-duration: 400ms;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-out;\n          opacity: 0;\n          display: none;\n          height: 0px;\n        `\n      : null}\n  `,\n);\n\nexport { Wrapper, CloseIcon };\n"],"names":["scaleInAnim","keyframes","scaleOutAnim","CloseIcon","styled","CrossIcon","Wrapper","FlexView","$isTeacher","$animated","$canAnimateIn","$canAnimateOut","css"],"mappings":";;;AAKA,MAAMA,IAAcC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBdC,IAAeD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYfE,IAAYC,EAAOC,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU5BC,IAAUF,EAAOG,CAAQ;AAAA,EAM7B,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,eAAAC,GAAe,gBAAAC,EAAqB,MAAAC;AAAA;AAAA;AAAA;AAAA,MAI1DH,IACE;AAAA;AAAA;AAAA;AAAA,cAKA;AAAA;AAAA;AAAA;AAAA,WAIG;AAAA;AAAA,MAEJD,IAiBC,OAhBA;AAAA,cAEMC,IACI;AAAA;AAAA;AAAA;AAAA,oBAKA;AAAA;AAAA;AAAA;AAAA,iBAKN;AAAA;AAAA,WAGA;AAAA;AAAA,MAENC,IACEE;AAAA,4BACoBZ,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ/B,IAAI;AAAA;AAAA,MAENW,IACEC;AAAA,4BACoBV,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQhC,IAAI;AAAA;AAEZ;"}
+{"version":3,"file":"talk-meter-styled.js","sources":["../../../src/features/talk-meter/talk-meter-styled.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\n\nimport CrossIcon from '../../assets/line-icons/icons/cross';\nimport FlexView from '../ui/layout/flex-view';\n\nconst scaleInAnim = keyframes`\n    0% {\n        opacity: 0;\n        transform: translate(0%, -100%) scale(0);\n        height: 0px;\n    }\n    50% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n        transform: translate(0%, 0%) scale(1);\n        height: 128px;\n    }\n`;\n\nconst scaleOutAnim = keyframes`\n    0% {\n        opacity: 1;\n        transform: translate(0%, 0%) scale(1);\n    }\n    100% {\n        opacity: 0;\n        transform: translate(0%, -100%) scale(1);\n        height: 0px;\n    }\n`;\n\nconst CloseIcon = styled(CrossIcon)`\n  position: absolute;\n  top: 15px;\n  right: 20px;\n  color: black;\n  width: 20px;\n  height: 20px;\n  z-index: 2;\n`;\n\nconst Wrapper = styled(FlexView)<{\n  $isTeacher: boolean;\n  $animated: boolean;\n  $canAnimateIn: boolean;\n  $canAnimateOut: boolean;\n}>(\n  ({ $isTeacher, $animated, $canAnimateIn, $canAnimateOut }) => css`\n    width: 100%;\n    max-width: 336px;\n\n    ${$animated\n      ? `\n            height: 0;\n            opacity: 0;\n            display: none;\n          `\n      : `\n            height: 100%;\n            opacity: 1;\n            display: flex;\n          `}\n\n    ${!$isTeacher\n      ? `\n            ${\n              $animated\n                ? `\n                  top: 70px;\n                  right: 10px;\n                  position: fixed;\n                `\n                : `\n                  top: 0;\n                  right: 0px;\n                  position: relative;\n                `\n            }\n            z-index: 100;\n          `\n      : null}\n    \n    ${$canAnimateIn\n      ? css`\n          animation-name: ${scaleInAnim};\n          animation-duration: 800ms;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-out;\n          opacity: 1;\n          display: flex;\n          height: 128px;\n        `\n      : null}\n\n    ${$canAnimateOut\n      ? css`\n          animation-name: ${scaleOutAnim};\n          animation-duration: 400ms;\n          animation-iteration-count: 1;\n          animation-timing-function: ease-out;\n          opacity: 0;\n          display: none;\n          height: 0px;\n        `\n      : null}\n  `,\n);\n\nexport { Wrapper, CloseIcon };\n"],"names":["scaleInAnim","keyframes","scaleOutAnim","CloseIcon","styled","CrossIcon","Wrapper","FlexView","$isTeacher","$animated","$canAnimateIn","$canAnimateOut","css"],"mappings":";;;AAKA,MAAMA,IAAcC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBdC,IAAeD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYfE,IAAYC,EAAOC,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU5BC,IAAUF,EAAOG,CAAQ;AAAA,EAM7B,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,eAAAC,GAAe,gBAAAC,QAAqBC;AAAA;AAAA;AAAA;AAAA,MAI1DH,IACE;AAAA;AAAA;AAAA;AAAA,cAKA;AAAA;AAAA;AAAA;AAAA,WAIG;AAAA;AAAA,MAEJD,IAiBC,OAhBA;AAAA,cAEMC,IACI;AAAA;AAAA;AAAA;AAAA,oBAKA;AAAA;AAAA;AAAA;AAAA,iBAKN;AAAA;AAAA,WAGA;AAAA;AAAA,MAENC,IACEE;AAAA,4BACoBZ,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ/B,IAAI;AAAA;AAAA,MAENW,IACEC;AAAA,4BACoBV,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQhC,IAAI;AAAA;AAEZ;"}

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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"}