@cuemath/leap 2.8.40-hg1 → 2.8.40-link.0

package/dist/features/post-game-stats/post-game-stats.js

@@ -1,92 +1,70 @@
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import { memo as c, forwardRef as v, useState as d, useMemo as i, useCallback as a, useImperativeHandle as g } from "react";
-import { Accuracy as C } from "./accuracy/accuracy.js";
-import { Clock as A } from "./clock/clock.js";
-import { DigitalMeter as I } from "./digital-meter/digital-meter.js";
+import { jsxs as S, jsx as n } from "react/jsx-runtime";
+import { memo as C, forwardRef as T, useState as d, useCallback as h, useImperativeHandle as y } from "react";
+import { Accuracy as A } from "./accuracy/accuracy.js";
+import { Clock as R } from "./clock/clock.js";
 import { EPostGameStat as p } from "./enums/post-game-stats-enum.js";
-import { Points as P } from "./points/points.js";
-import { StatsWrapper as R, BlackBg as S } from "./post-game-stats-styled.js";
-import { Streak as k } from "./streak/streak.js";
-const K = c(
-  v(({ stats: o, show: s, onComplete: m }, f) => {
-    const [t, h] = d(0), e = i(() => o[t], [t, o]), u = a(() => {
-      var r;
-      if ((r = e == null ? void 0 : e.onComplete) == null || r.call(e), t === o.length - 1) {
-        m == null || m();
+import { Points as k } from "./points/points.js";
+import { StatsWrapper as w, BlackBg as I } from "./post-game-stats-styled.js";
+import { Streak as P } from "./streak/streak.js";
+const b = C(
+  T(({ stats: e, show: f, onComplete: l }, a) => {
+    var i, u;
+    const [r, x] = d(0), t = h(() => {
+      var o, c;
+      if ((c = (o = e[r]) == null ? void 0 : o.onComplete) == null || c.call(o), r === e.length - 1) {
+        l == null || l();
         return;
       }
-      h((T) => T + 1);
-    }, [t, m, o.length, e]), l = a(() => {
-      e != null && e.stopAtEnd || u();
-    }, [e, u]);
-    g(f, () => ({
-      moveToNextAndPlay: u
-    }));
-    const x = i(() => {
-      if (e) {
-        const r = `${e.type}-${t}`;
-        return e.type === p.POINT ? /* @__PURE__ */ n(
-          P,
-          {
-            point: e.value,
-            show: e.type === p.POINT,
-            onComplete: l,
-            onReveal: e.onReveal
-          },
-          r
-        ) : e.type === p.DIGITAL_METER ? /* @__PURE__ */ n(
-          I,
-          {
-            value: e.value,
-            maxValue: e.maxValue ?? 1,
-            targetValue: e.targetValue,
-            displayText: e.displayText ?? "",
-            progressType: e.progressType ?? "linear",
-            helperTextPrimary: e.helperTextPrimary ?? "",
-            helperTextSecondary: e.helperTextSecondary ?? "",
-            show: !0,
-            onComplete: l
-          },
-          r
-        ) : e.type === p.STREAK ? /* @__PURE__ */ n(
-          k,
-          {
-            currStreak: e.value,
-            show: !0,
-            onComplete: l,
-            helperText: e.helperText,
-            onReveal: e.onReveal
-          },
-          r
-        ) : e.type === p.ACCURACY ? /* @__PURE__ */ n(
-          C,
-          {
-            accuracy: e.value,
-            show: !0,
-            onComplete: l,
-            helperText: e.helperText
-          },
-          r
-        ) : e.type === p.CLOCK ? /* @__PURE__ */ n(
-          A,
-          {
-            timeInMs: e.value,
-            show: !0,
-            onComplete: l,
-            helperText: e.helperText
-          },
-          r
-        ) : null;
-      }
-      return null;
-    }, [e, l, t]);
-    return !s || o.length === 0 || t >= o.length ? null : /* @__PURE__ */ y(R, { children: [
-      /* @__PURE__ */ n(S, {}),
-      x
+      x((v) => v + 1);
+    }, [r, l, e]), m = h(() => {
+      var o;
+      (o = e[r]) != null && o.stopAtEnd || t();
+    }, [e, r, t]);
+    return y(a, () => ({
+      moveToNextAndPlay: t
+    })), !f || e.length === 0 || r >= e.length ? null : /* @__PURE__ */ S(w, { children: [
+      /* @__PURE__ */ n(I, {}),
+      /* @__PURE__ */ n(
+        k,
+        {
+          point: e[r].value,
+          show: e[r].type === p.POINT,
+          onComplete: m,
+          onReveal: (i = e[r]) == null ? void 0 : i.onReveal
+        }
+      ),
+      /* @__PURE__ */ n(
+        P,
+        {
+          currStreak: e[r].value,
+          show: e[r].type === p.STREAK,
+          onComplete: m,
+          helperText: e[r].helperText,
+          onReveal: (u = e[r]) == null ? void 0 : u.onReveal
+        }
+      ),
+      /* @__PURE__ */ n(
+        A,
+        {
+          accuracy: e[r].value,
+          show: e[r].type === p.ACCURACY,
+          onComplete: m,
+          helperText: e[r].helperText
+        }
+      ),
+      /* @__PURE__ */ n(
+        R,
+        {
+          timeInMs: e[r].value,
+          show: e[r].type === p.CLOCK,
+          onComplete: m,
+          helperText: e[r].helperText
+        }
+      )
     ] });
   })
 );
 export {
-  K as PostGameStats
+  b as PostGameStats
 };
 //# sourceMappingURL=post-game-stats.js.map

package/dist/features/post-game-stats/post-game-stats.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-game-stats.js","sources":["../../../src/features/post-game-stats/post-game-stats.tsx"],"sourcesContent":["import type { IPostGameStatsProps, IPostGameStatsRef } from './post-game-stats-types';\n\nimport { useState, memo, useCallback, forwardRef, useImperativeHandle, useMemo } from 'react';\n\nimport { Accuracy } from './accuracy/accuracy';\nimport { Clock } from './clock/clock';\nimport { DigitalMeter } from './digital-meter/digital-meter';\nimport { EPostGameStat } from './enums/post-game-stats-enum';\nimport { Points } from './points/points';\nimport * as Styled from './post-game-stats-styled';\nimport { Streak } from './streak/streak';\n\nexport const PostGameStats = memo(\n  forwardRef<IPostGameStatsRef, IPostGameStatsProps>(({ stats, show, onComplete }, ref) => {\n    const [currStatIndex, setCurrentStatIndex] = useState(0);\n    const currStatData = useMemo(() => stats[currStatIndex], [currStatIndex, stats]);\n\n    const moveToNextAndPlay = useCallback(() => {\n      currStatData?.onComplete?.();\n\n      if (currStatIndex === stats.length - 1) {\n        onComplete?.();\n\n        return;\n      }\n      setCurrentStatIndex(prev => prev + 1);\n    }, [currStatIndex, onComplete, stats.length, currStatData]);\n\n    const onStatAnimationComplete = useCallback(() => {\n      if (currStatData?.stopAtEnd) {\n        return;\n      }\n      moveToNextAndPlay(); // Autoplay since stopAtEnd is false\n    }, [currStatData, moveToNextAndPlay]);\n\n    useImperativeHandle(ref, () => ({\n      moveToNextAndPlay,\n    }));\n\n    const currentStat = useMemo(() => {\n      if (currStatData) {\n        const key = `${currStatData.type}-${currStatIndex}`;\n\n        if (currStatData.type === EPostGameStat.POINT) {\n          return (\n            <Points\n              key={key}\n              point={currStatData.value}\n              show={currStatData.type === EPostGameStat.POINT}\n              onComplete={onStatAnimationComplete}\n              onReveal={currStatData.onReveal}\n            />\n          );\n        }\n\n        if (currStatData.type === EPostGameStat.DIGITAL_METER) {\n          return (\n            <DigitalMeter\n              key={key}\n              value={currStatData.value}\n              maxValue={currStatData.maxValue ?? 1}\n              targetValue={currStatData.targetValue}\n              displayText={currStatData.displayText ?? ''}\n              progressType={currStatData.progressType ?? 'linear'}\n              helperTextPrimary={currStatData.helperTextPrimary ?? ''}\n              helperTextSecondary={currStatData.helperTextSecondary ?? ''}\n              show={true}\n              onComplete={onStatAnimationComplete}\n            />\n          );\n        }\n\n        if (currStatData.type === EPostGameStat.STREAK) {\n          return (\n            <Streak\n              key={key}\n              currStreak={currStatData.value}\n              show={true}\n              onComplete={onStatAnimationComplete}\n              helperText={currStatData.helperText}\n              onReveal={currStatData.onReveal}\n            />\n          );\n        }\n\n        if (currStatData.type === EPostGameStat.ACCURACY) {\n          return (\n            <Accuracy\n              key={key}\n              accuracy={currStatData.value}\n              show={true}\n              onComplete={onStatAnimationComplete}\n              helperText={currStatData.helperText}\n            />\n          );\n        }\n\n        if (currStatData.type === EPostGameStat.CLOCK) {\n          return (\n            <Clock\n              key={key}\n              timeInMs={currStatData.value}\n              show={true}\n              onComplete={onStatAnimationComplete}\n              helperText={currStatData.helperText}\n            />\n          );\n        }\n\n        return null;\n      }\n\n      return null;\n    }, [currStatData, onStatAnimationComplete, currStatIndex]);\n\n    if (!show || stats.length === 0 || currStatIndex >= stats.length) {\n      return null;\n    }\n\n    return (\n      <Styled.StatsWrapper>\n        <Styled.BlackBg />\n\n        {currentStat}\n      </Styled.StatsWrapper>\n    );\n  }),\n);\n"],"names":["PostGameStats","memo","forwardRef","stats","show","onComplete","ref","currStatIndex","setCurrentStatIndex","useState","currStatData","useMemo","moveToNextAndPlay","useCallback","_a","prev","onStatAnimationComplete","useImperativeHandle","currentStat","key","EPostGameStat","jsx","Points","DigitalMeter","Streak","Accuracy","Clock","jsxs","Styled.StatsWrapper","Styled.BlackBg"],"mappings":";;;;;;;;;AAYO,MAAMA,IAAgBC;AAAA,EAC3BC,EAAmD,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAA,GAAcC,MAAQ;AACvF,UAAM,CAACC,GAAeC,CAAmB,IAAIC,EAAS,CAAC,GACjDC,IAAeC,EAAQ,MAAMR,EAAMI,CAAa,GAAG,CAACA,GAAeJ,CAAK,CAAC,GAEzES,IAAoBC,EAAY,MAAM;;AAGtC,WAFJC,IAAAJ,KAAA,gBAAAA,EAAc,eAAd,QAAAI,EAAA,KAAAJ,IAEIH,MAAkBJ,EAAM,SAAS,GAAG;AACzB,QAAAE,KAAA,QAAAA;AAEb;AAAA,MACF;AACoB,MAAAG,EAAA,CAAAO,MAAQA,IAAO,CAAC;AAAA,IAAA,GACnC,CAACR,GAAeF,GAAYF,EAAM,QAAQO,CAAY,CAAC,GAEpDM,IAA0BH,EAAY,MAAM;AAChD,MAAIH,KAAA,QAAAA,EAAc,aAGAE;IAAA,GACjB,CAACF,GAAcE,CAAiB,CAAC;AAEpC,IAAAK,EAAoBX,GAAK,OAAO;AAAA,MAC9B,mBAAAM;AAAA,IACA,EAAA;AAEI,UAAAM,IAAcP,EAAQ,MAAM;AAChC,UAAID,GAAc;AAChB,cAAMS,IAAM,GAAGT,EAAa,IAAI,IAAIH,CAAa;AAE7C,eAAAG,EAAa,SAASU,EAAc,QAEpC,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,OAAOZ,EAAa;AAAA,YACpB,MAAMA,EAAa,SAASU,EAAc;AAAA,YAC1C,YAAYJ;AAAA,YACZ,UAAUN,EAAa;AAAA,UAAA;AAAA,UAJlBS;AAAA,QAAA,IASPT,EAAa,SAASU,EAAc,gBAEpC,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YAEC,OAAOb,EAAa;AAAA,YACpB,UAAUA,EAAa,YAAY;AAAA,YACnC,aAAaA,EAAa;AAAA,YAC1B,aAAaA,EAAa,eAAe;AAAA,YACzC,cAAcA,EAAa,gBAAgB;AAAA,YAC3C,mBAAmBA,EAAa,qBAAqB;AAAA,YACrD,qBAAqBA,EAAa,uBAAuB;AAAA,YACzD,MAAM;AAAA,YACN,YAAYM;AAAA,UAAA;AAAA,UATPG;AAAA,QAAA,IAcPT,EAAa,SAASU,EAAc,SAEpC,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YAEC,YAAYd,EAAa;AAAA,YACzB,MAAM;AAAA,YACN,YAAYM;AAAA,YACZ,YAAYN,EAAa;AAAA,YACzB,UAAUA,EAAa;AAAA,UAAA;AAAA,UALlBS;AAAA,QAAA,IAUPT,EAAa,SAASU,EAAc,WAEpC,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YAEC,UAAUf,EAAa;AAAA,YACvB,MAAM;AAAA,YACN,YAAYM;AAAA,YACZ,YAAYN,EAAa;AAAA,UAAA;AAAA,UAJpBS;AAAA,QAAA,IASPT,EAAa,SAASU,EAAc,QAEpC,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,UAAUhB,EAAa;AAAA,YACvB,MAAM;AAAA,YACN,YAAYM;AAAA,YACZ,YAAYN,EAAa;AAAA,UAAA;AAAA,UAJpBS;AAAA,QAAA,IASJ;AAAA,MACT;AAEO,aAAA;AAAA,IACN,GAAA,CAACT,GAAcM,GAAyBT,CAAa,CAAC;AAEzD,WAAI,CAACH,KAAQD,EAAM,WAAW,KAAKI,KAAiBJ,EAAM,SACjD,OAIP,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAP,EAAAQ,GAAA,EAAe;AAAA,MAEfX;AAAA,IACH,EAAA,CAAA;AAAA,EAAA,CAEH;AACH;"}
+{"version":3,"file":"post-game-stats.js","sources":["../../../src/features/post-game-stats/post-game-stats.tsx"],"sourcesContent":["import type { IPostGameStatsProps, IPostGameStatsRef } from './post-game-stats-types';\n\nimport { useState, memo, useCallback, forwardRef, useImperativeHandle } from 'react';\n\nimport { Accuracy } from './accuracy/accuracy';\nimport { Clock } from './clock/clock';\nimport { EPostGameStat } from './enums/post-game-stats-enum';\nimport { Points } from './points/points';\nimport * as Styled from './post-game-stats-styled';\nimport { Streak } from './streak/streak';\n\nexport const PostGameStats = memo(\n  forwardRef<IPostGameStatsRef, IPostGameStatsProps>(({ stats, show, onComplete }, ref) => {\n    const [currStatIndex, setCurrentStatIndex] = useState(0);\n\n    const moveToNextAndPlay = useCallback(() => {\n      stats[currStatIndex]?.onComplete?.();\n\n      if (currStatIndex === stats.length - 1) {\n        onComplete?.();\n\n        return;\n      }\n      setCurrentStatIndex(prev => prev + 1);\n    }, [currStatIndex, onComplete, stats]);\n\n    const onStatAnimationComplete = useCallback(() => {\n      if (stats[currStatIndex]?.stopAtEnd) {\n        return;\n      }\n      moveToNextAndPlay(); // Autoplay since stopAtEnd is false\n    }, [stats, currStatIndex, moveToNextAndPlay]);\n\n    useImperativeHandle(ref, () => ({\n      moveToNextAndPlay,\n    }));\n\n    if (!show || stats.length === 0 || currStatIndex >= stats.length) {\n      return null;\n    }\n\n    return (\n      <Styled.StatsWrapper>\n        <Styled.BlackBg />\n        <Points\n          point={stats[currStatIndex]!.value}\n          show={stats[currStatIndex]!.type === EPostGameStat.POINT}\n          onComplete={onStatAnimationComplete}\n          onReveal={stats[currStatIndex]?.onReveal}\n        />\n        <Streak\n          currStreak={stats[currStatIndex]!.value}\n          show={stats[currStatIndex]!.type === EPostGameStat.STREAK}\n          onComplete={onStatAnimationComplete}\n          helperText={stats[currStatIndex]!.helperText}\n          onReveal={stats[currStatIndex]?.onReveal}\n        />\n        <Accuracy\n          accuracy={stats[currStatIndex]!.value}\n          show={stats[currStatIndex]!.type === EPostGameStat.ACCURACY}\n          onComplete={onStatAnimationComplete}\n          helperText={stats[currStatIndex]!.helperText}\n        />\n        <Clock\n          timeInMs={stats[currStatIndex]!.value}\n          show={stats[currStatIndex]!.type === EPostGameStat.CLOCK}\n          onComplete={onStatAnimationComplete}\n          helperText={stats[currStatIndex]!.helperText}\n        />\n      </Styled.StatsWrapper>\n    );\n  }),\n);\n"],"names":["PostGameStats","memo","forwardRef","stats","show","onComplete","ref","currStatIndex","setCurrentStatIndex","useState","moveToNextAndPlay","useCallback","_b","_a","prev","onStatAnimationComplete","useImperativeHandle","jsxs","Styled.StatsWrapper","jsx","Styled.BlackBg","Points","EPostGameStat","Streak","Accuracy","Clock"],"mappings":";;;;;;;;AAWO,MAAMA,IAAgBC;AAAA,EAC3BC,EAAmD,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAA,GAAcC,MAAQ;;AACvF,UAAM,CAACC,GAAeC,CAAmB,IAAIC,EAAS,CAAC,GAEjDC,IAAoBC,EAAY,MAAM;;AAGtC,WAFEC,KAAAC,IAAAV,EAAAI,CAAa,MAAb,gBAAAM,EAAgB,eAAhB,QAAAD,EAAA,KAAAC,IAEFN,MAAkBJ,EAAM,SAAS,GAAG;AACzB,QAAAE,KAAA,QAAAA;AAEb;AAAA,MACF;AACoB,MAAAG,EAAA,CAAAM,MAAQA,IAAO,CAAC;AAAA,IACnC,GAAA,CAACP,GAAeF,GAAYF,CAAK,CAAC,GAE/BY,IAA0BJ,EAAY,MAAM;;AAC5C,OAAAE,IAAAV,EAAMI,CAAa,MAAnB,QAAAM,EAAsB,aAGRH;IACjB,GAAA,CAACP,GAAOI,GAAeG,CAAiB,CAAC;AAM5C,WAJAM,EAAoBV,GAAK,OAAO;AAAA,MAC9B,mBAAAI;AAAA,IACA,EAAA,GAEE,CAACN,KAAQD,EAAM,WAAW,KAAKI,KAAiBJ,EAAM,SACjD,OAIP,gBAAAc,EAACC,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAe;AAAA,MAChB,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOlB,EAAMI,CAAa,EAAG;AAAA,UAC7B,MAAMJ,EAAMI,CAAa,EAAG,SAASe,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,WAAUF,IAAAV,EAAMI,CAAa,MAAnB,gBAAAM,EAAsB;AAAA,QAAA;AAAA,MAClC;AAAA,MACA,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,YAAYpB,EAAMI,CAAa,EAAG;AAAA,UAClC,MAAMJ,EAAMI,CAAa,EAAG,SAASe,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,YAAYZ,EAAMI,CAAa,EAAG;AAAA,UAClC,WAAUK,IAAAT,EAAMI,CAAa,MAAnB,gBAAAK,EAAsB;AAAA,QAAA;AAAA,MAClC;AAAA,MACA,gBAAAO;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,UAAUrB,EAAMI,CAAa,EAAG;AAAA,UAChC,MAAMJ,EAAMI,CAAa,EAAG,SAASe,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,YAAYZ,EAAMI,CAAa,EAAG;AAAA,QAAA;AAAA,MACpC;AAAA,MACA,gBAAAY;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,UAAUtB,EAAMI,CAAa,EAAG;AAAA,UAChC,MAAMJ,EAAMI,CAAa,EAAG,SAASe,EAAc;AAAA,UACnD,YAAYP;AAAA,UACZ,YAAYZ,EAAMI,CAAa,EAAG;AAAA,QAAA;AAAA,MACpC;AAAA,IACF,EAAA,CAAA;AAAA,EAAA,CAEH;AACH;"}

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

@@ -0,0 +1,11 @@
+const e = (T) => {
+  const E = {
+    STUDENT: "RED",
+    TEACHER: "ORANGE_2"
+  };
+  return T >= 50 ? (E.STUDENT = "GREEN_4", E.TEACHER = "GREEN_2") : T >= 25 && (E.STUDENT = "YELLOW_4", E.TEACHER = "YELLOW_2"), E;
+};
+export {
+  e as getMeterColor
+};
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +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,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

@@ -0,0 +1,123 @@
+import { useAVActions as se, useRemotePeers as ne, useAVMessage as ce } from "@cuemath/av";
+import { useMemo as S, useCallback as u, useState as J, useRef as v, useEffect as I } from "react";
+import { useUIContext as ae } from "../../ui/context/context.js";
+const C = 1e3 * 60, Te = (Q) => {
+  var Y, j;
+  const {
+    userType: X,
+    studentId: D,
+    teacherId: P,
+    classStartTime: r,
+    avPackageEnabled: k,
+    teacherClassroomId: U,
+    teacherTalkTime: p,
+    studentTalkTime: R,
+    lastBatchReceivedNo: i,
+    canDisplayBatch: y,
+    classDuration: _ = 0,
+    onMessageReceive: L,
+    onDismissMeter: g
+  } = Q, f = S(() => 0.36 * _, [_]), d = S(() => 0.73 * _, [_]), h = u(
+    (e, t) => {
+      const o = Date.now(), A = e.getTime(), te = Math.abs(o - A), n = Math.floor(te / 1e3 / 60), q = (t === 0 || t === 1) && n >= f - 2 && n <= f, z = (t === 1 || t === 2) && n >= d - 2 && n <= d, G = n >= 50;
+      let M = 0, N = !1;
+      return G ? M = 0 : z ? (M = 2, N = n >= d) : q && (M = 1, N = n >= f), {
+        lastMinutesLeft: G,
+        canSendBatch: q || z,
+        batchNoToSend: M,
+        minutes: n,
+        canDisplay: N
+      };
+    },
+    [f, d]
+  ), [c, H] = J(!1), [Z, b] = J(!1), { onEvent: K } = ae(), { sendMessage: O } = se(), V = ne(), w = (Y = V.find((e) => e.userId === D)) == null ? void 0 : Y.id, x = (j = V.find((e) => e.userType === "teacher")) == null ? void 0 : j.id, s = X === "TEACHER", T = v(p), a = v(R), F = v(0), W = a.current + T.current, $ = Math.ceil(a.current * 100 / W) || 0, ee = Math.floor(T.current * 100 / W) || 0, E = S(
+    () => ({
+      teacher_classroom_id: U,
+      teacher_id: P,
+      studentId: D
+    }),
+    [D, U, P]
+  ), B = u(() => {
+    b(!0), H(!1), g();
+  }, [g]), m = u(
+    (e, t = {}) => {
+      K(e, { ...E, ...t });
+    },
+    [K, E]
+  ), l = u(
+    (e) => {
+      const t = s ? "TEACHER_TALK_TIME_UPDATED" : "STUDENT_TALK_TIME_UPDATED", o = s ? { teacher_speech_time: T.current } : { student_speech_time: a.current };
+      m("TALK_METER_BATCH_SENT", {
+        batch_no: e,
+        ...o
+      }), k && O(
+        t,
+        {
+          ...E,
+          ...o,
+          batch_no: e
+        },
+        s ? w : x
+      ), F.current = a.current;
+    },
+    [k, s, E, O, w, x, m]
+  );
+  return ce({
+    type: s ? "STUDENT_TALK_TIME_UPDATED" : "TEACHER_TALK_TIME_UPDATED",
+    onMessage: u(
+      (e, t) => {
+        L(t), s && l(t.batch_no);
+      },
+      [s, L, l]
+    )
+  }), I(() => {
+    c || (T.current = p, a.current = R);
+  }, [p, R, c]), I(() => {
+    let e;
+    return c && (e = setTimeout(() => {
+      B();
+    }, C)), () => {
+      e && clearTimeout(e);
+    };
+  }, [c, B]), I(() => {
+    let e;
+    return r && y && !c && (e = setInterval(() => {
+      const { canDisplay: t } = h(r, i);
+      t && (m("TALK_METER_BATCH_DISPLAYED", {
+        student_speech_time: a.current,
+        teacher_speech_time: T.current,
+        batch_no: i
+      }), H(!0), b(!1));
+    }, C / 30)), () => {
+      e && clearInterval(e);
+    };
+  }, [
+    c,
+    y,
+    r,
+    h,
+    i,
+    m
+  ]), I(() => {
+    let e;
+    return r && !s && (e = setInterval(() => {
+      const { lastMinutesLeft: t, canSendBatch: o, batchNoToSend: A } = h(
+        r,
+        i
+      );
+      t ? F.current !== a.current && l(A) : o && l(A);
+    }, C / 6)), () => {
+      e && clearInterval(e);
+    };
+  }, [r, h, s, i, l]), {
+    canAnimateIn: c,
+    canAnimateOut: Z,
+    stdRatio: $,
+    tchRatio: ee,
+    handleDismiss: B
+  };
+};
+export {
+  Te as useTalkMeter
+};
+//# sourceMappingURL=use-talk-meter.js.map

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

@@ -0,0 +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 = useMemo(() => 0.36 * classDuration, [classDuration]);\n  const BATCH_TWO_MINUTE = useMemo(() => 0.73 * classDuration, [classDuration]);\n\n  const getBatchToSendInfo = useCallback(\n    (classStartTimeFromProps: Date, batchSeen: number) => {\n      const now = Date.now();\n      const classTS = classStartTimeFromProps.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 >= 50;\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],\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","useMemo","BATCH_TWO_MINUTE","getBatchToSendInfo","useCallback","classStartTimeFromProps","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","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

@@ -0,0 +1,62 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useRef as l, useCallback as u, useEffect as p } from "react";
+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";
+const A = d`
+0% {
+  opacity: 1;
+  transform: scale(1);
+}
+50% {
+  opacity: 0;
+  transform: scale(1.10) scaleY(1.15);
+}
+100% {
+  opacity: 0;
+  transform: scale(1.10) scaleY(1.15);
+}
+`, h = f(x)(
+  ({ $delay: i }) => n`
+    height: 104px;
+    width: calc(100% - 24px);
+    position: absolute;
+    border-radius: 12px;
+    z-index: 0;
+    left: 0;
+    right: 0;
+    margin-left: auto;
+    margin-right: auto;
+    ${i > 0 && n`
+      animation-name: ${A};
+      animation-delay: ${i || 0}ms;
+      animation-duration: 1000ms;
+      animation-iteration-count: infinite;
+      animation-timing-function: ease-in;
+    `};
+  `
+), L = (i) => {
+  const { delay: o, color: s, withAudio: e = !0 } = i, { onEvent: r } = g(), m = l(new Audio(y.ALERT)), a = u(() => {
+    try {
+      m.current.play();
+    } catch (t) {
+      r("debug_log", {
+        type: "UNABLE TO PLAY SOUND IN TALK METER",
+        error: JSON.stringify(t)
+      });
+    }
+  }, [r]);
+  return p(() => {
+    let t = null;
+    return e && (t = setTimeout(() => {
+      a();
+    }, o)), () => {
+      t && clearTimeout(t);
+    };
+  }, [e, o, a]), /* @__PURE__ */ c(h, { $delay: o, $borderColor: s });
+};
+export {
+  L as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,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

@@ -0,0 +1,89 @@
+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`
+    0% {
+        opacity: 0;
+        transform: translate(0%, -100%) scale(0);
+        height: 0px;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 1;
+        transform: translate(0%, 0%) scale(1);
+        height: 128px;
+    }
+`, c = a`
+    0% {
+        opacity: 1;
+        transform: translate(0%, 0%) scale(1);
+    }
+    100% {
+        opacity: 0;
+        transform: translate(0%, -100%) scale(1);
+        height: 0px;
+    }
+`, y = o(s)`
+  position: absolute;
+  top: 15px;
+  right: 20px;
+  color: black;
+  width: 20px;
+  height: 20px;
+  z-index: 2;
+`, f = o(r)(
+  ({ $isTeacher: n, $animated: i, $canAnimateIn: e, $canAnimateOut: p }) => t`
+    width: 100%;
+    max-width: 336px;
+
+    ${i ? `
+            height: 0;
+            opacity: 0;
+            display: none;
+          ` : `
+            height: 100%;
+            opacity: 1;
+            display: flex;
+          `}
+
+    ${n ? null : `
+            ${i ? `
+                  top: 70px;
+                  right: 10px;
+                  position: fixed;
+                ` : `
+                  top: 0;
+                  right: 0px;
+                  position: relative;
+                `}
+            z-index: 100;
+          `}
+    
+    ${e ? t`
+          animation-name: ${l};
+          animation-duration: 800ms;
+          animation-iteration-count: 1;
+          animation-timing-function: ease-out;
+          opacity: 1;
+          display: flex;
+          height: 128px;
+        ` : null}
+
+    ${p ? t`
+          animation-name: ${c};
+          animation-duration: 400ms;
+          animation-iteration-count: 1;
+          animation-timing-function: ease-out;
+          opacity: 0;
+          display: none;
+          height: 0px;
+        ` : null}
+  `
+);
+export {
+  y as CloseIcon,
+  f as Wrapper
+};
+//# sourceMappingURL=talk-meter-styled.js.map

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

@@ -0,0 +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,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-styled.js

@@ -0,0 +1,22 @@
+import e from "styled-components";
+import i from "../../ui/layout/flex-view.js";
+const p = e(i)`
+  height: 104px;
+  transition: height 300ms ease-in-out;
+  z-index: 1;
+`;
+e.div(
+  ({ $avatarUrl: r }) => `
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: url(${r});
+  background-size: cover;
+  background-repeat: no-repeat;
+  position: relative;
+`
+);
+export {
+  p as MeterWrapper
+};
+//# sourceMappingURL=talk-meter-view-styled.js.map

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

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