@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/trial-session/api/trial-home.js

@@ -0,0 +1,20 @@
+import { createGetAPI as s, createPatchAPI as a } from "@cuemath/rest-api";
+import { BASE_URL_V1 as r, BASE_URL_V2 as i } from "../../../constants/api.js";
+import { stringify as o } from "../../../helpers/query-string.js";
+const { useGet: u, invalidate: l } = s({
+  getURL: (t, e) => `${r}/trial/home/v2/?${o(e)}`
+}), { usePatch: p } = a({
+  getURL: () => `${r}/trial/home/v2/`
+}), { useGet: g } = s({
+  getURL: (t) => `${i}/user-attempts/${t}/trial-diagnostic/report`
+}), { useGet: $ } = s({
+  getURL: (t, e) => `${i}/user-attempts/${t}/trial-diagnostic/report/v2/?${o(e)}`
+});
+export {
+  l as invalidateTrialHome,
+  g as useGetSessionInsights,
+  $ as useGetSessionReports,
+  u as useGetTrialHome,
+  p as usePatchTrialHome
+};
+//# sourceMappingURL=trial-home.js.map

package/dist/features/trial-session/api/trial-home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-home.js","sources":["../../../../src/features/trial-session/api/trial-home.ts"],"sourcesContent":["import type { TSessionInsightsData } from '../comps/session-insights/session-insights-types';\nimport type { TSessionReportData } from '../comps/session-report/session-report-types';\nimport type { ITrialHomeData } from '../trial-session-types';\n\nimport { createGetAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1, BASE_URL_V2 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\n\ninterface IGetTrailHomeQuery {\n  teacher_id: string;\n  student_id: string;\n  viewer: string;\n}\n\ninterface ISessionInsightsQuery {\n  student_level: string;\n  student_name: string;\n}\n\nconst { useGet: useGetTrialHome, invalidate: invalidateTrialHome } = createGetAPI<\n  ITrialHomeData,\n  IGetTrailHomeQuery\n>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/home/v2/?${stringify(query)}`,\n});\n\nconst { usePatch: usePatchTrialHome } = createPatchAPI({\n  getURL: () => `${BASE_URL_V1}/trial/home/v2/`,\n});\n\nconst { useGet: useGetSessionInsights } = createGetAPI<TSessionInsightsData>({\n  getURL: userAttemptId => `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report`,\n});\n\nconst { useGet: useGetSessionReports } = createGetAPI<TSessionReportData, ISessionInsightsQuery>({\n  getURL: (userAttemptId, query) =>\n    `${BASE_URL_V2}/user-attempts/${userAttemptId}/trial-diagnostic/report/v2/?${stringify(query)}`,\n});\n\nexport {\n  useGetTrialHome,\n  usePatchTrialHome,\n  invalidateTrialHome,\n  useGetSessionReports,\n  useGetSessionInsights,\n};\n"],"names":["useGetTrialHome","invalidateTrialHome","createGetAPI","_","query","BASE_URL_V1","stringify","usePatchTrialHome","createPatchAPI","useGetSessionInsights","userAttemptId","BASE_URL_V2","useGetSessionReports"],"mappings":";;;AAoBA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAGnE;AAAA,EACA,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC,GAEK,EAAE,UAAUG,EAAkB,IAAIC,EAAe;AAAA,EACrD,QAAQ,MAAM,GAAGH,CAAW;AAC9B,CAAC,GAEK,EAAE,QAAQI,EAAsB,IAAIP,EAAmC;AAAA,EAC3E,QAAQ,CAAAQ,MAAiB,GAAGC,CAAW,kBAAkBD,CAAa;AACxE,CAAC,GAEK,EAAE,QAAQE,EAAqB,IAAIV,EAAwD;AAAA,EAC/F,QAAQ,CAACQ,GAAeN,MACtB,GAAGO,CAAW,kBAAkBD,CAAa,gCAAgCJ,EAAUF,CAAK,CAAC;AACjG,CAAC;"}

package/dist/features/trial-session/api/trial-nodes.js

@@ -0,0 +1,9 @@
+import { createPatchAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V2 as r } from "../../../constants/api.js";
+const { usePatch: m } = t({
+  getURL: (e) => `${r}/students/${e}/nodes/trial/resume/`
+});
+export {
+  m as useResumeTrialWorksheet
+};
+//# sourceMappingURL=trial-nodes.js.map

package/dist/features/trial-session/api/trial-nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-nodes.js","sources":["../../../../src/features/trial-session/api/trial-nodes.ts"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../types/models/worksheet';\n\nimport { createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../constants/api';\n\nconst { usePatch: useResumeTrialWorksheet } = createPatchAPI<\n  IResumeWorksheetModel,\n  Record<string, unknown>\n>({\n  getURL: studentId => `${BASE_URL_V2}/students/${studentId}/nodes/trial/resume/`,\n});\n\nexport { useResumeTrialWorksheet };\n"],"names":["useResumeTrialWorksheet","createPatchAPI","studentId","BASE_URL_V2"],"mappings":";;AAMA,MAAM,EAAE,UAAUA,EAAwB,IAAIC,EAG5C;AAAA,EACA,QAAQ,CAAAC,MAAa,GAAGC,CAAW,aAAaD,CAAS;AAC3D,CAAC;"}

package/dist/features/trial-session/api/trial-pricing.js

@@ -0,0 +1,10 @@
+import { createGetAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as i } from "../../../constants/api.js";
+import { stringify as e } from "../../../helpers/query-string.js";
+const { useGet: f } = t({
+  getURL: (o, r) => `${i}/trial/pricing/v2/?${e(r)}`
+});
+export {
+  f as useGetTrialPricing
+};
+//# sourceMappingURL=trial-pricing.js.map

package/dist/features/trial-session/api/trial-pricing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-pricing.js","sources":["../../../../src/features/trial-session/api/trial-pricing.ts"],"sourcesContent":["import type { ITrialPricingPlan } from '../comps/pricing/pricing-typed';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\n\ninterface IGetPricingQuery {\n  student_id: string;\n}\n\nconst { useGet: useGetTrialPricing } = createGetAPI<ITrialPricingPlan, IGetPricingQuery>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/pricing/v2/?${stringify(query)}`,\n});\n\nexport { useGetTrialPricing };\n"],"names":["useGetTrialPricing","createGetAPI","_","query","BASE_URL_V1","stringify"],"mappings":";;;AAWA,MAAM,EAAE,QAAQA,EAAmB,IAAIC,EAAkD;AAAA,EACvF,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,sBAAsBC,EAAUF,CAAK,CAAC;AAC5E,CAAC;"}

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

@@ -0,0 +1,31 @@
+import { ILLUSTRATIONS as t } from "../../../../assets/illustrations/illustrations.js";
+const e = [
+  {
+    id: "rating",
+    title: "4.8+ Rating",
+    subtitle: "Trustpilot",
+    icon: t.STAR_WITH_GREEN_FILL
+  },
+  {
+    id: "countries",
+    title: "80+ Countries",
+    subtitle: "School Aligned Curriculum",
+    icon: t.GLOBE_WITH_BLUE_FILL
+  },
+  {
+    id: "students",
+    title: "200,000+",
+    subtitle: "Students",
+    icon: t.PEOPLE_WITH_ORANGE_FILL
+  },
+  {
+    id: "classes",
+    title: "30 Million+",
+    subtitle: "Classes Delivered",
+    icon: t.DESKTOP_WITH_PURPLE_FILL
+  }
+];
+export {
+  e as aboutCuemathData
+};
+//# sourceMappingURL=about-cuemath-constants.js.map

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

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

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

@@ -0,0 +1,21 @@
+import r from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const e = r(t)(({ theme: o }) => `
+  width: 100%;
+  background-color: ${o.colors.WHITE_2};
+  border: 1px solid ${o.colors.WHITE_5};
+  position: absolute;
+  bottom: 0;
+`), s = r(t)(({ theme: o }) => `
+  flex: 1;
+  padding: 12px 16px;
+
+  &:not(:last-child) {
+    border-right: 1px solid ${o.colors.WHITE_5};
+  }
+`);
+export {
+  e as Container,
+  s as Feature
+};
+//# sourceMappingURL=about-cuemath-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"about-cuemath-styled.js","sources":["../../../../../src/features/trial-session/comps/about-cuemath/about-cuemath-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)(({ theme }) => {\n  return `\n  width: 100%;\n  background-color: ${theme.colors.WHITE_2};\n  border: 1px solid ${theme.colors.WHITE_5};\n  position: absolute;\n  bottom: 0;\n`;\n});\n\nconst Feature = styled(FlexView)(({ theme }) => {\n  return `\n  flex: 1;\n  padding: 12px 16px;\n\n  &:not(:last-child) {\n    border-right: 1px solid ${theme.colors.WHITE_5};\n  }\n`;\n});\n\nexport { Container, Feature };\n"],"names":["Container","styled","FlexView","theme","Feature"],"mappings":";;AAIA,MAAMA,IAAYC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC7B;AAAA;AAAA,sBAEaA,EAAM,OAAO,OAAO;AAAA,sBACpBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,CAIzC,GAEKC,IAAUH,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC3B;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKqBA,EAAM,OAAO,OAAO;AAAA;AAAA,CAGjD;"}

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

@@ -0,0 +1,16 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import n from "../../../ui/image/image.js";
+import h from "../../../ui/separator/separator.js";
+import e from "../../../ui/text/text.js";
+import { aboutCuemathData as c } from "./about-cuemath-constants.js";
+import { Container as l, Feature as s } from "./about-cuemath-styled.js";
+const $ = () => /* @__PURE__ */ r(l, { $flexDirection: "row", children: c.map(({ id: t, title: o, subtitle: a, icon: i }) => /* @__PURE__ */ m(s, { $alignItems: "center", children: [
+  /* @__PURE__ */ r(n, { withLoader: !1, src: i, width: 40, height: 40 }),
+  /* @__PURE__ */ r(h, { height: 4 }),
+  /* @__PURE__ */ r(e, { $renderAs: "ab3-black", children: o }),
+  /* @__PURE__ */ r(e, { $renderAs: "ab3", $color: "BLACK_T_60", children: a })
+] }, t)) });
+export {
+  $ as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,25 @@
+import o from "styled-components";
+import r from "../../../ui/layout/flex-view.js";
+import { getTheme as n } from "../../../ui/theme/get-theme.js";
+const i = n(), { gutter: t } = i.layout, { BLACK_T_87: e } = i.colors, s = o(r)`
+  width: 100%;
+  height: 100%;
+`, a = o.textarea`
+  width: ${t * 37.5625}px;
+  height: ${t * 18.75}px;
+  border: 1px solid ${e};
+  padding: 16px;
+  white-space: pre-line;
+  font-family: 'Athletics-Regular';
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 28px;
+  color: ${e};
+  resize: none;
+`;
+export {
+  s as Container,
+  a as Textarea
+};
+//# sourceMappingURL=additional-info-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"additional-info-styled.js","sources":["../../../../../src/features/trial-session/comps/additional-info/additional-info-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { getTheme } from '../../../ui/theme/get-theme';\n\nconst theme = getTheme();\nconst { gutter } = theme.layout;\nconst { BLACK_T_87 } = theme.colors;\n\nconst Container = styled(FlexView)`\n  width: 100%;\n  height: 100%;\n`;\n\nconst Textarea = styled.textarea`\n  width: ${gutter * 37.5625}px;\n  height: ${gutter * 18.75}px;\n  border: 1px solid ${BLACK_T_87};\n  padding: 16px;\n  white-space: pre-line;\n  font-family: 'Athletics-Regular';\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 28px;\n  color: ${BLACK_T_87};\n  resize: none;\n`;\n\nexport { Container, Textarea };\n"],"names":["theme","getTheme","gutter","BLACK_T_87","Container","styled","FlexView","Textarea"],"mappings":";;;AAKA,MAAMA,IAAQC,EAAS,GACjB,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,YAAAG,EAAW,IAAIH,EAAM,QAEvBI,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK3BC,IAAWF,EAAO;AAAA,WACbH,IAAS,OAAO;AAAA,YACfA,IAAS,KAAK;AAAA,sBACJC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQrBA,CAAU;AAAA;AAAA;"}

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

@@ -0,0 +1,19 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { memo as o } from "react";
+import t from "../../../ui/separator/separator.js";
+import i from "../slide-header/index.js";
+import { Container as m, Textarea as a } from "./additional-info-styled.js";
+const l = o(() => /* @__PURE__ */ r(m, { $alignItems: "center", children: [
+  /* @__PURE__ */ e(t, { height: 60 }),
+  /* @__PURE__ */ e(i, {}),
+  /* @__PURE__ */ e(
+    a,
+    {
+      value: "Amy is in the gifted program. Needs something beyond her grade level + competitive prep."
+    }
+  )
+] }));
+export {
+  l as default
+};
+//# sourceMappingURL=additional-info.js.map

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

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

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

@@ -0,0 +1,28 @@
+import t from "styled-components";
+import o from "../../../../ui/layout/flex-view.js";
+const e = t(o)``, a = t(o)`
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  width: 100%;
+`, p = t(o)(({ $insideLeftPanel: i }) => i && `
+      visibility: hidden;
+      opacity: 0;
+      transition: all 300ms ease-out;
+      pointer-events: none;
+      margin-bottom : -20px;
+
+      ${e}:hover & {
+        visibility: visible;
+        opacity: 1;
+        margin-bottom : 0px;
+        pointer-events: all;
+      }
+  `);
+export {
+  a as AbsoluteWrapper,
+  e as Container,
+  p as ParentInfoWrapper
+};
+//# sourceMappingURL=student-av-panel-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"student-av-panel-styled.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/student-av-panel/student-av-panel-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)``;\n\nconst AbsoluteWrapper = styled(FlexView)`\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);\n  position: absolute;\n  bottom: 0px;\n  left: 0px;\n  width: 100%;\n`;\n\ninterface IParentInfoWrapperProps {\n  $insideLeftPanel?: boolean;\n}\n\nconst ParentInfoWrapper = styled(FlexView)<IParentInfoWrapperProps>(({ $insideLeftPanel }) => {\n  return (\n    $insideLeftPanel &&\n    `\n      visibility: hidden;\n      opacity: 0;\n      transition: all 300ms ease-out;\n      pointer-events: none;\n      margin-bottom : -20px;\n\n      ${Container}:hover & {\n        visibility: visible;\n        opacity: 1;\n        margin-bottom : 0px;\n        pointer-events: all;\n      }\n  `\n  );\n});\n\nexport { Container, AbsoluteWrapper, ParentInfoWrapper };\n"],"names":["Container","styled","FlexView","AbsoluteWrapper","ParentInfoWrapper","$insideLeftPanel"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ,KAE3BC,IAAkBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYjCE,IAAoBH,EAAOC,CAAQ,EAA2B,CAAC,EAAE,kBAAAG,QAEnEA,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOIL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhB;"}

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

@@ -0,0 +1,43 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { memo as $ } from "react";
+import d from "../../../../../assets/line-icons/icons/user2.js";
+import o from "../../../../ui/text/text.js";
+import { useTrialSessionContext as h } from "../../../context/use-trial-session-context.js";
+import { Container as u, AbsoluteWrapper as f, ParentInfoWrapper as x } from "./student-av-panel-styled.js";
+const A = $(({ insideLeftPanel: r }) => {
+  const { studentPanel: n, trialHomeData: a, isTeacher: c } = h(), { student: m, parent: i } = a, { name: l, grade: s } = m, { name: p } = i;
+  return /* @__PURE__ */ e(u, { $position: "relative", $width: "100%", $height: "100%", children: [
+    n,
+    c && /* @__PURE__ */ e(f, { $gapX: 0.75, $gutterX: 0.75, $flexRowGap: 0.125, children: [
+      /* @__PURE__ */ e(o, { $renderAs: r ? "ac4-black" : "ac3-black", $color: "WHITE", children: [
+        l || "",
+        " / G",
+        s || ""
+      ] }),
+      /* @__PURE__ */ e(
+        x,
+        {
+          $flexDirection: "row",
+          $flexColumnGapX: 0.125,
+          $alignItems: "center",
+          $insideLeftPanel: r,
+          children: [
+            /* @__PURE__ */ t(
+              d,
+              {
+                width: r ? 16 : 24,
+                height: r ? 16 : 24,
+                color: "WHITE"
+              }
+            ),
+            /* @__PURE__ */ t(o, { $renderAs: r ? "ub3" : "ac3-black", $color: "WHITE", children: p || "" })
+          ]
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  A as default
+};
+//# sourceMappingURL=student-av-panel.js.map

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

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

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

@@ -0,0 +1,45 @@
+import t, { keyframes as i } from "styled-components";
+import e from "../../../../ui/layout/flex-view.js";
+import a from "../../../../ui/text/text.js";
+const c = t(e)`
+  position: absolute;
+  top: 0;
+  left: 0;
+`, m = t(e)`
+  position: absolute;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
+  bottom: 0;
+  left: 0;
+`, r = i`
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+`, l = t(a)`
+  opacity: ${({ $visible: o }) => o ? 1 : 0};
+  animation: ${({ $visible: o }) => o ? r : "none"} 0.233s ease-in-out forwards;
+`, b = t(e)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  backdrop-filter: blur(7.5px);
+  opacity: ${({ $visible: o }) => o ? 1 : 0};
+  transition: opacity 0.233s ease-in-out;
+  pointer-events: ${({ $visible: o }) => o ? "auto" : "none"};
+`, f = t(e)`
+  position: absolute;
+  bottom: 1px;
+  left: 1px;
+`;
+export {
+  b as AnimationContainer,
+  f as ProgressWrapper,
+  m as TeacherNameWrapper,
+  l as TextFadeIn,
+  c as TimerWrapper
+};
+//# sourceMappingURL=teacher-av-panel-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-av-panel-styled.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/teacher-av-panel/teacher-av-panel-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst TimerWrapper = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nconst TeacherNameWrapper = styled(FlexView)`\n  position: absolute;\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);\n  bottom: 0;\n  left: 0;\n`;\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst TextFadeIn = styled(Text)<{ $visible: boolean }>`\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  animation: ${({ $visible }) => ($visible ? fadeIn : 'none')} 0.233s ease-in-out forwards;\n`;\n\nconst AnimationContainer = styled(FlexView)<{ $visible: boolean }>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  backdrop-filter: blur(7.5px);\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  transition: opacity 0.233s ease-in-out;\n  pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n`;\n\nconst ProgressWrapper = styled(FlexView)`\n  position: absolute;\n  bottom: 1px;\n  left: 1px;\n`;\n\nexport { ProgressWrapper, TextFadeIn, TimerWrapper, TeacherNameWrapper, AnimationContainer };\n"],"names":["TimerWrapper","styled","FlexView","TeacherNameWrapper","fadeIn","keyframes","TextFadeIn","Text","$visible","AnimationContainer","ProgressWrapper"],"mappings":";;;AAKM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM9BC,IAAqBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAMpCE,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAaL,EAAOM,CAAI;AAAA,aACjB,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA,eAClC,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAWJ,IAAS,MAAO;AAAA,GAGvDK,IAAqBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO7B,CAAC,EAAE,UAAAM,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA;AAAA,oBAE7B,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA,GAG5DE,IAAkBT,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,113 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import S from "lottie-web";
+import { memo as j, useRef as u, useState as I, useCallback as f, useEffect as $ } from "react";
+import { LOTTIE as y } from "../../../../../assets/lottie/lottie.js";
+import R from "../../../../ui/layout/flex-view.js";
+import { fetchLottie as B } from "../../../../ui/lottie-animation/helper.js";
+import G from "../../../../ui/text/text.js";
+import { useTrialSessionContext as K } from "../../../context/use-trial-session-context.js";
+import { EClassTimeAlertLevel as d } from "../../../trial-session-types.js";
+import X from "../../clock/clock.js";
+import H from "../../countdown-progress-bar/countdown-progress-bar.js";
+import { AnimationContainer as q, TextFadeIn as Y, ProgressWrapper as z, TimerWrapper as J, TeacherNameWrapper as Q } from "./teacher-av-panel-styled.js";
+const me = j(() => {
+  const {
+    teacherPanel: F,
+    classStartedOn: o,
+    isTeacher: c,
+    trialHomeData: M,
+    classTimeAlertConfig: O,
+    classDuration: h
+  } = K(), {
+    alertLevel: e,
+    isVisible: g,
+    onComplete: l
+  } = O ?? {}, p = u(null), a = u(null), [V, C] = I(!1), [b, E] = I(!1), [A, P] = I(0), r = u(null), s = u(null), { teacher: k } = M, { name: w } = k, N = f(
+    async (n) => {
+      if (!(!p.current || !n))
+        try {
+          const i = n === d.FIVE_MIN ? y.FIVE_MIN_CLOCK : y.FIFTEEN_MIN_CLOCK, m = await B(i);
+          E(!0);
+          const D = S.loadAnimation({
+            container: p.current,
+            renderer: "svg",
+            loop: !1,
+            autoplay: !1,
+            animationData: m
+          });
+          a.current = D, a.current.play(), s.current && (s.current.currentTime = 0, s.current.play()), setTimeout(() => C(!0), 233), a.current.addEventListener("complete", () => {
+            var v;
+            (v = a.current) == null || v.destroy(), a.current = null, C(!1), E(!1), l == null || l();
+          });
+        } catch {
+          return null;
+        }
+    },
+    [l]
+  ), L = f(() => {
+    if (!o || !h) return 0;
+    const n = Date.now(), i = new Date(o).getTime();
+    return h - (n - i) / 1e3;
+  }, [h, o]), T = f(() => {
+    const n = L();
+    P(n);
+  }, [L]), _ = f(() => {
+    r.current && (clearInterval(r.current), r.current = null), T(), r.current = setInterval(() => {
+      T();
+    }, 5e3);
+  }, [T]);
+  $(() => {
+    e && g && N(e);
+  }, [e, N, g]), $(() => (e && e === d.FIVE_MIN && _(), () => {
+    r.current && (clearInterval(r.current), r.current = null);
+  }), [e, _]), $(() => (e && (async (i) => {
+    const m = new Audio(
+      `https://static.qumath.in/static/intel-student/cmpress/${i === d.FIFTEEN_MIN ? "15-min-reminder" : "5-min-reminder"}.mp3`
+    );
+    s.current = m;
+  })(e), () => {
+    s.current = null;
+  }), [e]);
+  const W = e === d.FIVE_MIN && A > 0 && c;
+  return /* @__PURE__ */ x(R, { $position: "relative", $width: "100%", $height: "100%", children: [
+    F,
+    c && /* @__PURE__ */ x(
+      q,
+      {
+        $alignItems: "center",
+        $justifyContent: "center",
+        $background: "BLACK_T_60",
+        $visible: b,
+        children: [
+          /* @__PURE__ */ t(R, { ref: p, $width: 80, $height: 80 }),
+          e && /* @__PURE__ */ t(
+            Y,
+            {
+              $visible: V,
+              $renderAs: "ac3",
+              $color: "WHITE",
+              className: "fade-in",
+              children: e === "15min" ? "15 MIN REMAINING" : "5 MIN REMAINING"
+            }
+          )
+        ]
+      }
+    ),
+    W && /* @__PURE__ */ t(z, { $width: "100%", children: /* @__PURE__ */ t(H, { value: A, maxValue: 300 }) }),
+    o && c && /* @__PURE__ */ t(
+      J,
+      {
+        $background: e === "15min" ? "YELLOW_4" : e === "5min" ? "ORANGE_4" : "GREEN_4",
+        $gapX: 0.25,
+        $gutterX: 0.5,
+        $justifyContent: "center",
+        children: /* @__PURE__ */ t(X, { startTime: o, textRenderAs: "ac3", textColor: "BLACK_T_87" })
+      }
+    ),
+    w && !c && /* @__PURE__ */ t(Q, { $gapX: 0.75, $gutterX: 0.75, $width: "100%", children: /* @__PURE__ */ t(G, { $renderAs: "ac3-black", $color: "WHITE", children: w }) })
+  ] });
+});
+export {
+  me as default
+};
+//# sourceMappingURL=teacher-av-panel.js.map

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

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

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

@@ -0,0 +1,31 @@
+import a from "styled-components";
+const c = a.div(({ theme: t }) => {
+  const { gutter: o } = t.layout, { WHITE_4: r } = t.colors;
+  return `
+    margin: 0;
+    padding: 0;
+
+    width: 100%;
+    height: 100%;
+
+    background-image: linear-gradient(${r} 1px, transparent 1px),
+      linear-gradient(90deg, ${r} 1px, transparent 1px);
+    background-size: ${o * 3.125}px ${o * 3.125}px;
+    position: relative;
+  `;
+}), x = a.div(({ theme: t, $cssProps: o }) => {
+  const { xAxis: r, yAxis: i, bgColor: p } = o, { gutter: n } = t.layout;
+  return `
+    position: absolute;
+    top: calc(${n * (i * 3.125)}px + 1px);
+    left: calc(${n * (r * 3.125)}px + 1px);
+    width: calc(${n * 3.125}px - 1px);
+    height: calc(${n * 3.125}px - 1px);
+    background-color: ${p};
+  `;
+});
+export {
+  x as ColoredBox,
+  c as Container
+};
+//# sourceMappingURL=background-grid-styled.js.map

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

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