npm - @cuemath/leap - Versions diffs - 2.8.53-link.2 → 2.8.53 - Mend

@cuemath/leap 2.8.53-link.2 → 2.8.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1060) hide show

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

@@ -1,16 +1,16 @@
-import { jsxs as t, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as c } 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 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 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 { getStudentWelcomeMessage as T } from "./student-details-utils.js";
 import X from "./wins-preview/wins-preview.js";
-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: [
+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: [
     /* @__PURE__ */ e(o, { $width: "100%", $height: "100%", children: /* @__PURE__ */ e(f, {}) }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       w,
       {
         $flexDirection: "row",
@@ -18,18 +18,18 @@ const D = p((s) => {
         $widthX: 20.625,
         $heightX: 3.75,
         children: [
-          (!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,
+          (!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,
               {
                 $justifyContent: "center",
                 $widthX: 16.875,
                 $heightX: 3.6875,
                 $background: "WHITE",
                 children: [
-                  /* @__PURE__ */ e($, { $renderAs: "h6", children: c }),
-                  /* @__PURE__ */ t(x, { $renderAs: "h5", children: [
+                  /* @__PURE__ */ e($, { $renderAs: "h6", children: l }),
+                  /* @__PURE__ */ r(S, { $renderAs: "h5", children: [
                     /* @__PURE__ */ e("span", { children: d }),
                     "!"
                   ] })
@@ -37,14 +37,14 @@ const D = p((s) => {
               }
             )
           ] }),
-          n && r && /* @__PURE__ */ e(u, { classStatus: r })
+          n && t && /* @__PURE__ */ e(g, { classStatus: t })
         ]
       }
     ),
-    /* @__PURE__ */ e(X, { onWinsClick: l, rewardsHome: a })
+    /* @__PURE__ */ e(X, { onWinsClick: h, rewardsHome: a })
   ] });
-}), I = D;
+});
 export {
-  I as default
+  H as default
 };
 //# sourceMappingURL=student-details.js.map

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

	@@ -1 +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"~~,"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~~;"}
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;"}

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

	@@ -1 +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,~~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;"}
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;"}

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

	@@ -1 +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,~~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;"}
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;"}

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

	@@ -1 +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,~~EAAA~~;~~AAGX~~,SAAID,KAAY,MACdC,EAAU,UAAU,WACpBA,EAAU,UAAU,aACXD,KAAY,OACrBC,EAAU,UAAU,YACpBA,EAAU,UAAU,aAGfA;AACT;"}
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;"}

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

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

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

@@ -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, { keyframes as d, css as n } from "styled-components";
+import f, { css as n, keyframes as d } 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 CHANGED Viewed

	@@ -1 +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,~~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;"}
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;"}

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

@@ -1,4 +1,4 @@
-import o, { keyframes as a, css as t } from "styled-components";
+import o, { css as t, keyframes as a } 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 CHANGED Viewed

	@@ -1 +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,~~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;"}
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;"}

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

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

	@@ -1 +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":";;;;;;;;;AAaA,MAAMA,IAAS;AAAA,EACb,MAAM;~~AAAA~~,~~EACN,QAAQ;AAAA,EACR,OAAO;AACT,~~GAWMC,IAAoCC,EAAK,CAASC,MAAA;AAChD,QAAA;AAAA,IACJ,SAAAC,IAAU;AAAA,IACV,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,~~EACE~~,~~IAAAN~~,GACEO,IAASC,EAAcL,CAAQ,GAC/BM,IAAO,KAAK,IAAIL,IAAWD,CAAQ,GACnCO,IAAUN,IAAW,KAAKD,IAAW,KAAKM,IAAO,IACjDE,IAAYL,MAAa;AAE/B,SAAKI,IAmBH,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,eAAe;AAAA,MAEf,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,UAAS,UAE3C,oBAAA;AAAA,QAEA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,0BACrBC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,UAAC,gBAAAL,EAAAK,GAAA,EAAS,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UAAS,UAAU,GACrF,UAAA;AAAA,YAAC,gBAAAH,EAAAI,GAAA,EAAM,KAAKC,EAAc,SAAS,OAAO,IAAI,QAAQ,IAAI,YAAU,GAAC,CAAA;AAAA,YACrE,gBAAAL,EAACC,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAJ,IAAYV,IAAU,MACzB,CAAA;AAAA,UAAA,GACF;AAAA,UACA,gBAAAW,EAACK,KAAS,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UAAS,UAAU,GACrF,UAAA;AAAA,YAAA,gBAAAH,EAACC,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAJ,IAAY,QAAQT,EACvB,CAAA;AAAA,YACA,gBAAAY;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,KACEb,MAAcR,EAAO,OAAOsB,EAAc,cAAcA,EAAc;AAAA,gBAExE,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,YAAU;AAAA,cAAA;AAAA,~~YACZ~~;AAAA,~~UAAA~~,~~GACF~~;AAAA,QAAA,GACF;AAAA,QACC,gBAAAP,EAAAK,GAAA,EAAS,gBAAe,OAAM,MAAM,GACnC,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,QAAQ,GAAGd,CAAQ;AAAA,cACnB,eAAe;AAAA,cACf,aAAaI,EAAO;AAAA,YAAA;AAAA,UACtB;AAAA,UACA,gBAAAO;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,QAAQ,GAAGb,CAAQ;AAAA,cACnB,eAAe;AAAA,cACf,aAAaG,EAAO;AAAA,YAAA;AAAA,~~UACtB~~;AAAA,~~QAAA~~,GACF;AAAA,0BACCU,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,UAAA,gBAAAL,EAACG,GAAK,EAAA,WAAU,aAAY,QAAQR,EAAO,SACxC,UAAA;AAAA,YAAAJ;AAAA,YAAS;AAAA,UAAA,GACZ;AAAA,4BACCY,GAAK,EAAA,WAAU,aAAY,QAAQR,EAAO,SACxC,UAAA;AAAA,YAAAH;AAAA,YAAS;AAAA,UAAA,~~GACZ~~;AAAA,QAAA,~~GACF~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~,~~IAvEA~~,gBAAAU;AAAA,IAACD;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,4BAACE,GAAK,EAAA,WAAU,YAAW,QAAO,SAAQ,UAE1C,~~mEAAA~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AA+DR~~,CAAC;"}
1	+ {"version":3,"file":"talk-meter-view.js","sources":["../../../../src/features/talk-meter/talk-meter-view/talk-meter-view.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { getMeterColor } from '../helper';\nimport * as Styled from './talk-meter-view-styled';\n\nconst GENDER = {\n MALE: 'MALE',\n FEMALE: 'FEMALE',\n OTHER: 'OTHER',\n};\n\ninterface ITalkMeterView {\n stdName?: string;\n tchName?: string;\n stdRatio: number;\n tchRatio: number;\n tchGender: keyof typeof GENDER;\n userType: TUserTypes;\n}\n\nconst TalkMeterView: FC<ITalkMeterView> = memo(props => {\n const {\n stdName = 'Student',\n tchName = 'Teacher',\n stdRatio,\n tchRatio,\n tchGender,\n userType,\n } = props;\n const colors = getMeterColor(stdRatio);\n const diff = Math.abs(tchRatio - stdRatio);\n const isValid = tchRatio > 0 && stdRatio > 0 && diff < 95;\n const isTeacher = userType === 'TEACHER';\n\n if (!isValid) {\n return (\n <Styled.MeterWrapper\n $gap={12}\n $gutter={12}\n $borderRadius={12}\n $background=\"WHITE\"\n $borderColor=\"GREY_2\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n Oops! There was insufficient data to calculate your Talk Ratio.\n </Text>\n </Styled.MeterWrapper>\n );\n }\n\n return (\n <Styled.MeterWrapper\n $gap={12}\n $gutter={12}\n $background=\"WHITE\"\n $borderColor=\"GREY_2\"\n $borderRadius={12}\n >\n <Text $renderAs=\"ub3-bold\" $align=\"center\">\n 50:50 TALK METER\n </Text>\n\n <Separator height={8} />\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n <Image src={ILLUSTRATIONS.ALIEN_4} width={20} height={20} withLoader />\n <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n {isTeacher ? stdName : 'You'}\n </Text>\n </FlexView>\n <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n {isTeacher ? 'You' : tchName}\n </Text>\n <Image\n src={\n tchGender === GENDER.MALE ? ILLUSTRATIONS.MALE_AVATAR : ILLUSTRATIONS.FEMALE_AVATAR\n }\n width={20}\n height={20}\n withLoader\n />\n </FlexView>\n </FlexView>\n <FlexView $flexDirection=\"row\" $gap={4}>\n <FlexView\n $height={8}\n $width={`${stdRatio}%`}\n $borderRadius={4}\n $background={colors.STUDENT}\n />\n <FlexView\n $height={8}\n $width={`${tchRatio}%`}\n $borderRadius={4}\n $background={colors.TEACHER}\n />\n </FlexView>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n <Text $renderAs=\"ab2-black\" $color={colors.STUDENT}>\n {stdRatio} %\n </Text>\n <Text $renderAs=\"ab2-black\" $color={colors.TEACHER}>\n {tchRatio} %\n </Text>\n </FlexView>\n </Styled.MeterWrapper>\n );\n});\n\nexport default TalkMeterView;\n"],"names":["GENDER","TalkMeterView","memo","props","stdName","tchName","stdRatio","tchRatio","tchGender","userType","colors","getMeterColor","diff","isValid","isTeacher","jsxs","Styled.MeterWrapper","jsx","Text","Separator","FlexView","Image","ILLUSTRATIONS"],"mappings":"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"}

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

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

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

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

package/dist/features/trial-session/api/course-stream.js.map CHANGED Viewed

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

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

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

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

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

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

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

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

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