@cuemath/leap 3.1.17-aa0 → 3.1.17-hg2

package/dist/features/ui/timers/countdown-timer/countdown-timer.js

@@ -2,10 +2,10 @@ import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useState as g, useEffect as f } from "react";
 import l from "styled-components";
 import { ILLUSTRATIONS as R } from "../../../../assets/illustrations/illustrations.js";
-import { formatTimeInHHMMSS as $ } from "../../../utils/utils.js";
+import { formatTimeInHHMMSS as h } from "../../../utils/utils.js";
 import d from "../../layout/flex-view.js";
-import h from "../../loader/reverse-circular-bar/reverse-circular-bar.js";
-import I from "../../text/text.js";
+import I from "../../loader/reverse-circular-bar/reverse-circular-bar.js";
+import $ from "../../text/text.js";
 const w = l.div`
   position: absolute;
   left: 50%;
@@ -13,14 +13,14 @@ const w = l.div`
   transform: translate(-50%, -50%);
 `, S = l(d)`
   position: relative;
-`, x = ({
-  hideDigits: o,
+`, _ = ({
+  hideDigits: i,
   onTimerComplete: t,
-  timeRemaining: i,
+  timeRemaining: o,
   duration: p,
   theme: n
 }) => {
-  const [e, u] = g(i);
+  const [e, u] = g(o);
   f(() => {
     const m = setInterval(() => {
       u((s) => s <= 1 ? (clearInterval(m), 0) : s - 1);
@@ -29,12 +29,12 @@ const w = l.div`
   }, []), f(() => {
     !e && t && t();
   }, [t, e]);
-  const a = $(e);
+  const a = h(e);
   return /* @__PURE__ */ c(
     d,
     {
       $gap: 4,
-      $gutter: o ? 4 : 8,
+      $gutter: i ? 4 : 8,
       $background: n,
       $flexDirection: "row",
       $alignItems: "center",
@@ -45,9 +45,9 @@ const w = l.div`
         /* @__PURE__ */ c(S, { children: [
           /* @__PURE__ */ r("img", { src: R.CROSSHAIR_CIRCLE, width: 28, height: 28 }),
           /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(
-            h,
+            I,
             {
-              timeRemaining: i,
+              timeRemaining: o,
               duration: p,
               color: n === "GREEN_1" ? "GREEN_5" : "ORANGE_5",
               width: 14,
@@ -55,8 +55,8 @@ const w = l.div`
             }
           ) })
         ] }),
-        !o && /* @__PURE__ */ r(
-          I,
+        !i && /* @__PURE__ */ r(
+          $,
           {
             $width: a.length > 5 ? 66 : 46,
             $alignSelf: "center",
@@ -67,8 +67,8 @@ const w = l.div`
       ]
     }
   );
-}, T = x;
+};
 export {
-  T as default
+  _ as default
 };
 //# sourceMappingURL=countdown-timer.js.map

package/dist/features/ui/timers/countdown-timer/countdown-timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown-timer.js","sources":["../../../../../src/features/ui/timers/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { useEffect, useState, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { formatTimeInHHMMSS } from '../../../utils/utils';\nimport FlexView from '../../layout/flex-view';\nimport CircularProgressiveBar from '../../loader/reverse-circular-bar/reverse-circular-bar';\nimport Text from '../../text/text';\n\ninterface ICountdownTimer {\n  hideDigits: boolean;\n  onTimerComplete?: () => void;\n  timeRemaining: number;\n  duration: number;\n  theme: 'GREEN_1' | 'ORANGE_1';\n}\n\nconst LoaderWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  top: 54%;\n  transform: translate(-50%, -50%);\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst CountdownTimer: FC<ICountdownTimer> = ({\n  hideDigits,\n  onTimerComplete,\n  timeRemaining: initialTimeRemaining,\n  duration,\n  theme,\n}) => {\n  const [timeRemaining, setTimeRemaining] = useState<number>(initialTimeRemaining);\n\n  useEffect(() => {\n    const timerId = setInterval(() => {\n      setTimeRemaining(prevTime => {\n        if (prevTime <= 1) {\n          clearInterval(timerId);\n\n          return 0;\n        }\n\n        return prevTime - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(timerId);\n  }, []);\n\n  useEffect(() => {\n    if (!timeRemaining && onTimerComplete) {\n      onTimerComplete();\n    }\n  }, [onTimerComplete, timeRemaining]);\n\n  const formattedTime = formatTimeInHHMMSS(timeRemaining);\n\n  return (\n    <FlexView\n      $gap={4}\n      $gutter={hideDigits ? 4 : 8}\n      $background={theme}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $borderRadius={18}\n      $width=\"fit-content\"\n      $flexGap={4}\n    >\n      <ImageWrapper>\n        <img src={ILLUSTRATIONS.CROSSHAIR_CIRCLE} width={28} height={28} />\n        <LoaderWrapper>\n          <CircularProgressiveBar\n            timeRemaining={initialTimeRemaining}\n            duration={duration}\n            color={theme === 'GREEN_1' ? 'GREEN_5' : 'ORANGE_5'}\n            width={14}\n            height={14}\n          />\n        </LoaderWrapper>\n      </ImageWrapper>\n\n      {!hideDigits && (\n        <Text\n          $width={formattedTime.length > 5 ? 66 : 46} // while hour is missing\n          $alignSelf=\"center\"\n          $renderAs=\"eyebrow1\"\n        >\n          {formattedTime}\n        </Text>\n      )}\n    </FlexView>\n  );\n};\n\nexport default CountdownTimer;\n"],"names":["LoaderWrapper","styled","ImageWrapper","FlexView","CountdownTimer","hideDigits","onTimerComplete","initialTimeRemaining","duration","theme","timeRemaining","setTimeRemaining","useState","useEffect","timerId","prevTime","formattedTime","formatTimeInHHMMSS","jsxs","jsx","ILLUSTRATIONS","CircularProgressiveBar","Text","CountdownTimer$1"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAsC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAiBL,CAAoB;AAE/E,EAAAM,EAAU,MAAM;AACR,UAAAC,IAAU,YAAY,MAAM;AAChC,MAAAH,EAAiB,CAAYI,MACvBA,KAAY,KACd,cAAcD,CAAO,GAEd,KAGFC,IAAW,CACnB;AAAA,OACA,GAAI;AAEA,WAAA,MAAM,cAAcD,CAAO;AAAA,EACpC,GAAG,CAAE,CAAA,GAELD,EAAU,MAAM;AACV,IAAA,CAACH,KAAiBJ,KACJA;EAClB,GACC,CAACA,GAAiBI,CAAa,CAAC;AAE7B,QAAAM,IAAgBC,EAAmBP,CAAa;AAGpD,SAAA,gBAAAQ;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAASE,IAAa,IAAI;AAAA,MAC1B,aAAaI;AAAA,MACb,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAO;AAAA,MACP,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAS,EAAChB,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAiB,EAAC,SAAI,KAAKC,EAAc,kBAAkB,OAAO,IAAI,QAAQ,IAAI;AAAA,4BAChEpB,GACC,EAAA,UAAA,gBAAAmB;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,eAAed;AAAA,cACf,UAAAC;AAAA,cACA,OAAOC,MAAU,YAAY,YAAY;AAAA,cACzC,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UAAA,GAEZ;AAAA,QAAA,GACF;AAAA,QAEC,CAACJ,KACA,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,QAAQN,EAAc,SAAS,IAAI,KAAK;AAAA,YACxC,YAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEAO,IAAenB;"}
+{"version":3,"file":"countdown-timer.js","sources":["../../../../../src/features/ui/timers/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { useEffect, useState, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { formatTimeInHHMMSS } from '../../../utils/utils';\nimport FlexView from '../../layout/flex-view';\nimport CircularProgressiveBar from '../../loader/reverse-circular-bar/reverse-circular-bar';\nimport Text from '../../text/text';\n\ninterface ICountdownTimer {\n  hideDigits: boolean;\n  onTimerComplete?: () => void;\n  timeRemaining: number;\n  duration: number;\n  theme: 'GREEN_1' | 'ORANGE_1';\n}\n\nconst LoaderWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  top: 54%;\n  transform: translate(-50%, -50%);\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst CountdownTimer: FC<ICountdownTimer> = ({\n  hideDigits,\n  onTimerComplete,\n  timeRemaining: initialTimeRemaining,\n  duration,\n  theme,\n}) => {\n  const [timeRemaining, setTimeRemaining] = useState<number>(initialTimeRemaining);\n\n  useEffect(() => {\n    const timerId = setInterval(() => {\n      setTimeRemaining(prevTime => {\n        if (prevTime <= 1) {\n          clearInterval(timerId);\n\n          return 0;\n        }\n\n        return prevTime - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(timerId);\n  }, []);\n\n  useEffect(() => {\n    if (!timeRemaining && onTimerComplete) {\n      onTimerComplete();\n    }\n  }, [onTimerComplete, timeRemaining]);\n\n  const formattedTime = formatTimeInHHMMSS(timeRemaining);\n\n  return (\n    <FlexView\n      $gap={4}\n      $gutter={hideDigits ? 4 : 8}\n      $background={theme}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $borderRadius={18}\n      $width=\"fit-content\"\n      $flexGap={4}\n    >\n      <ImageWrapper>\n        <img src={ILLUSTRATIONS.CROSSHAIR_CIRCLE} width={28} height={28} />\n        <LoaderWrapper>\n          <CircularProgressiveBar\n            timeRemaining={initialTimeRemaining}\n            duration={duration}\n            color={theme === 'GREEN_1' ? 'GREEN_5' : 'ORANGE_5'}\n            width={14}\n            height={14}\n          />\n        </LoaderWrapper>\n      </ImageWrapper>\n\n      {!hideDigits && (\n        <Text\n          $width={formattedTime.length > 5 ? 66 : 46} // while hour is missing\n          $alignSelf=\"center\"\n          $renderAs=\"eyebrow1\"\n        >\n          {formattedTime}\n        </Text>\n      )}\n    </FlexView>\n  );\n};\n\nexport default CountdownTimer;\n"],"names":["LoaderWrapper","styled","ImageWrapper","FlexView","CountdownTimer","hideDigits","onTimerComplete","initialTimeRemaining","duration","theme","timeRemaining","setTimeRemaining","useState","useEffect","timerId","prevTime","formattedTime","formatTimeInHHMMSS","jsxs","jsx","ILLUSTRATIONS","CircularProgressiveBar","Text"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAsC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAiBL,CAAoB;AAE/E,EAAAM,EAAU,MAAM;AACR,UAAAC,IAAU,YAAY,MAAM;AAChC,MAAAH,EAAiB,CAAYI,MACvBA,KAAY,KACd,cAAcD,CAAO,GAEd,KAGFC,IAAW,CACnB;AAAA,OACA,GAAI;AAEA,WAAA,MAAM,cAAcD,CAAO;AAAA,EACpC,GAAG,EAAE,GAELD,EAAU,MAAM;AACV,IAAA,CAACH,KAAiBJ,KACJA,EAAA;AAAA,EAClB,GACC,CAACA,GAAiBI,CAAa,CAAC;AAE7B,QAAAM,IAAgBC,EAAmBP,CAAa;AAGpD,SAAA,gBAAAQ;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAASE,IAAa,IAAI;AAAA,MAC1B,aAAaI;AAAA,MACb,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAO;AAAA,MACP,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAS,EAAChB,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAiB,EAAC,SAAI,KAAKC,EAAc,kBAAkB,OAAO,IAAI,QAAQ,IAAI;AAAA,4BAChEpB,GACC,EAAA,UAAA,gBAAAmB;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,eAAed;AAAA,cACf,UAAAC;AAAA,cACA,OAAOC,MAAU,YAAY,YAAY;AAAA,cACzC,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UAAA,EAEZ,CAAA;AAAA,QAAA,GACF;AAAA,QAEC,CAACJ,KACA,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,QAAQN,EAAc,SAAS,IAAI,KAAK;AAAA,YACxC,YAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/features/ui/video/index.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as t, Fragment as g } from "react/jsx-runtime";
 import { useRef as V, useMemo as I, useState as P } from "react";
 import { useUIContext as T } from "../context/context.js";
 import { MediaWrapper as C, Thumbnail as D, ThumbnailImage as k, ThumbnailPlayIcon as v } from "./styled.js";
-const B = /https:\/\/www\.youtube\.com\/embed\/[^\s]+/g, _ = (p) => {
+const B = /https:\/\/www\.youtube\.com\/embed\/[^\s]+/g, $ = (p) => {
   const { onEvent: i } = T(), l = V(null), { thumbnailImg: n, analyticsData: e, ...c } = p, { src: r, width: a, height: s } = c, f = I(() => {
     const o = r.match(B);
     return !!(o != null && o.length);
@@ -53,8 +53,8 @@ const B = /https:\/\/www\.youtube\.com\/embed\/[^\s]+/g, _ = (p) => {
       }
     ) })
   ] });
-}, j = _;
+};
 export {
-  j as default
+  $ as default
 };
 //# sourceMappingURL=index.js.map

package/dist/features/ui/video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/features/ui/video/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\n\nimport { useUIContext } from '../context/context';\nimport * as Styled from './styled';\n\nconst YOUTUBE_EMBED_PATTERN = /https:\\/\\/www\\.youtube\\.com\\/embed\\/[^\\s]+/g;\n\ninterface ICustomVideoProps\n  extends React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {\n  isYoutube?: boolean;\n  analyticsData?: Record<string, unknown>;\n  thumbnailImg?: string;\n  src: string;\n}\n\nconst Video: React.FC<ICustomVideoProps> = props => {\n  const { onEvent: trackEvent } = useUIContext();\n  const vidRef = useRef<HTMLVideoElement | null>(null);\n  const { thumbnailImg, analyticsData, ...restProps } = props;\n\n  const { src, width, height } = restProps;\n\n  const isYoutube = useMemo(() => {\n    const matches = src.match(YOUTUBE_EMBED_PATTERN);\n\n    return Boolean(matches?.length);\n  }, [src]);\n\n  const [hideVid, setHideVid] = useState(Boolean(thumbnailImg));\n\n  const trackVideoClick = () => {\n    if (analyticsData) trackEvent('VIDEO_CLICK', analyticsData);\n  };\n\n  const onThumbnailClick = () => {\n    setHideVid(false);\n    vidRef.current?.play();\n    trackVideoClick();\n  };\n\n  const handleVideoPlay = () => {\n    if (analyticsData) trackEvent('VIDEO_PLAY', analyticsData);\n  };\n\n  const handleVideoEnded = () => {\n    if (analyticsData) trackEvent('VIDEO_ENDED', analyticsData);\n  };\n\n  const shouldAutoplay = Boolean(thumbnailImg && !hideVid);\n\n  return (\n    <Styled.MediaWrapper id=\"test\" $width={width} $height={width}>\n      {hideVid && (\n        <Styled.Thumbnail onClick={onThumbnailClick}>\n          <Styled.ThumbnailImage\n            src={thumbnailImg}\n            withLoader={false}\n            width=\"100%\"\n            height={height}\n          />\n          <Styled.ThumbnailPlayIcon />\n        </Styled.Thumbnail>\n      )}\n      <>\n        {isYoutube ? (\n          <iframe\n            id=\"frame\"\n            width={width}\n            height={height}\n            src={`${src}&enablejsapi=1${shouldAutoplay ? `&autoplay=1` : ''}`}\n            title=\"YouTube video player\"\n            allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; autoplay;\"\n            referrerPolicy=\"strict-origin-when-cross-origin\"\n            allowFullScreen\n          />\n        ) : (\n          <video\n            onClick={trackVideoClick}\n            onPlay={handleVideoPlay}\n            onEnded={handleVideoEnded}\n            ref={vidRef}\n            autoPlay={shouldAutoplay}\n            {...restProps}\n          />\n        )}\n      </>\n    </Styled.MediaWrapper>\n  );\n};\n\nexport default Video;\n"],"names":["YOUTUBE_EMBED_PATTERN","Video","props","trackEvent","useUIContext","vidRef","useRef","thumbnailImg","analyticsData","restProps","src","width","height","isYoutube","useMemo","matches","hideVid","setHideVid","useState","trackVideoClick","onThumbnailClick","_a","handleVideoPlay","handleVideoEnded","shouldAutoplay","jsxs","Styled.MediaWrapper","Styled.Thumbnail","jsx","Styled.ThumbnailImage","Styled.ThumbnailPlayIcon","Video$1"],"mappings":";;;;AAKA,MAAMA,IAAwB,+CAUxBC,IAAqC,CAASC,MAAA;AAClD,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAASC,EAAgC,IAAI,GAC7C,EAAE,cAAAC,GAAc,eAAAC,GAAe,GAAGC,MAAcP,GAEhD,EAAE,KAAAQ,GAAK,OAAAC,GAAO,QAAAC,EAAA,IAAWH,GAEzBI,IAAYC,EAAQ,MAAM;AACxB,UAAAC,IAAUL,EAAI,MAAMV,CAAqB;AAExC,WAAA,GAAQe,KAAA,QAAAA,EAAS;AAAA,EAAM,GAC7B,CAACL,CAAG,CAAC,GAEF,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAQX,CAAa,GAEtDY,IAAkB,MAAM;AACxB,IAAAX,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAAA,GAGtDY,IAAmB,MAAM;;AAC7B,IAAAH,EAAW,EAAK,IAChBI,IAAAhB,EAAO,YAAP,QAAAgB,EAAgB,QACAF;EAAA,GAGZG,IAAkB,MAAM;AACxB,IAAAd,KAA0BL,EAAA,cAAcK,CAAa;AAAA,EAAA,GAGrDe,IAAmB,MAAM;AACzB,IAAAf,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAAA,GAGtDgB,IAAiB,GAAQjB,KAAgB,CAACS;AAG9C,SAAA,gBAAAS,EAACC,GAAA,EAAoB,IAAG,QAAO,QAAQf,GAAO,SAASA,GACpD,UAAA;AAAA,IAAAK,KACE,gBAAAS,EAAAE,GAAA,EAAiB,SAASP,GACzB,UAAA;AAAA,MAAA,gBAAAQ;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKtB;AAAA,UACL,YAAY;AAAA,UACZ,OAAM;AAAA,UACN,QAAAK;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAAyB;AAAA,IAAA,GAC5B;AAAA,2BAGC,UACCjB,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAAjB;AAAA,QACA,QAAAC;AAAA,QACA,KAAK,GAAGF,CAAG,iBAAiBc,IAAiB,gBAAgB,EAAE;AAAA,QAC/D,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,iBAAe;AAAA,MAAA;AAAA,IAAA,IAGjB,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAST;AAAA,QACT,QAAQG;AAAA,QACR,SAASC;AAAA,QACT,KAAKlB;AAAA,QACL,UAAUmB;AAAA,QACT,GAAGf;AAAA,MAAA;AAAA,IAAA,GAGV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAsB,IAAe9B;"}
+{"version":3,"file":"index.js","sources":["../../../../src/features/ui/video/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\n\nimport { useUIContext } from '../context/context';\nimport * as Styled from './styled';\n\nconst YOUTUBE_EMBED_PATTERN = /https:\\/\\/www\\.youtube\\.com\\/embed\\/[^\\s]+/g;\n\ninterface ICustomVideoProps\n  extends React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {\n  isYoutube?: boolean;\n  analyticsData?: Record<string, unknown>;\n  thumbnailImg?: string;\n  src: string;\n}\n\nconst Video: React.FC<ICustomVideoProps> = props => {\n  const { onEvent: trackEvent } = useUIContext();\n  const vidRef = useRef<HTMLVideoElement | null>(null);\n  const { thumbnailImg, analyticsData, ...restProps } = props;\n\n  const { src, width, height } = restProps;\n\n  const isYoutube = useMemo(() => {\n    const matches = src.match(YOUTUBE_EMBED_PATTERN);\n\n    return Boolean(matches?.length);\n  }, [src]);\n\n  const [hideVid, setHideVid] = useState(Boolean(thumbnailImg));\n\n  const trackVideoClick = () => {\n    if (analyticsData) trackEvent('VIDEO_CLICK', analyticsData);\n  };\n\n  const onThumbnailClick = () => {\n    setHideVid(false);\n    vidRef.current?.play();\n    trackVideoClick();\n  };\n\n  const handleVideoPlay = () => {\n    if (analyticsData) trackEvent('VIDEO_PLAY', analyticsData);\n  };\n\n  const handleVideoEnded = () => {\n    if (analyticsData) trackEvent('VIDEO_ENDED', analyticsData);\n  };\n\n  const shouldAutoplay = Boolean(thumbnailImg && !hideVid);\n\n  return (\n    <Styled.MediaWrapper id=\"test\" $width={width} $height={width}>\n      {hideVid && (\n        <Styled.Thumbnail onClick={onThumbnailClick}>\n          <Styled.ThumbnailImage\n            src={thumbnailImg}\n            withLoader={false}\n            width=\"100%\"\n            height={height}\n          />\n          <Styled.ThumbnailPlayIcon />\n        </Styled.Thumbnail>\n      )}\n      <>\n        {isYoutube ? (\n          <iframe\n            id=\"frame\"\n            width={width}\n            height={height}\n            src={`${src}&enablejsapi=1${shouldAutoplay ? `&autoplay=1` : ''}`}\n            title=\"YouTube video player\"\n            allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; autoplay;\"\n            referrerPolicy=\"strict-origin-when-cross-origin\"\n            allowFullScreen\n          />\n        ) : (\n          <video\n            onClick={trackVideoClick}\n            onPlay={handleVideoPlay}\n            onEnded={handleVideoEnded}\n            ref={vidRef}\n            autoPlay={shouldAutoplay}\n            {...restProps}\n          />\n        )}\n      </>\n    </Styled.MediaWrapper>\n  );\n};\n\nexport default Video;\n"],"names":["YOUTUBE_EMBED_PATTERN","Video","props","trackEvent","useUIContext","vidRef","useRef","thumbnailImg","analyticsData","restProps","src","width","height","isYoutube","useMemo","matches","hideVid","setHideVid","useState","trackVideoClick","onThumbnailClick","_a","handleVideoPlay","handleVideoEnded","shouldAutoplay","jsxs","Styled.MediaWrapper","Styled.Thumbnail","jsx","Styled.ThumbnailImage","Styled.ThumbnailPlayIcon"],"mappings":";;;;AAKA,MAAMA,IAAwB,+CAUxBC,IAAqC,CAASC,MAAA;AAClD,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAASC,EAAgC,IAAI,GAC7C,EAAE,cAAAC,GAAc,eAAAC,GAAe,GAAGC,EAAc,IAAAP,GAEhD,EAAE,KAAAQ,GAAK,OAAAC,GAAO,QAAAC,EAAW,IAAAH,GAEzBI,IAAYC,EAAQ,MAAM;AACxB,UAAAC,IAAUL,EAAI,MAAMV,CAAqB;AAExC,WAAA,GAAQe,KAAA,QAAAA,EAAS;AAAA,EAAM,GAC7B,CAACL,CAAG,CAAC,GAEF,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAQX,CAAa,GAEtDY,IAAkB,MAAM;AACxB,IAAAX,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAC5D,GAEMY,IAAmB,MAAM;;AAC7B,IAAAH,EAAW,EAAK,IAChBI,IAAAhB,EAAO,YAAP,QAAAgB,EAAgB,QACAF,EAAA;AAAA,EAClB,GAEMG,IAAkB,MAAM;AACxB,IAAAd,KAA0BL,EAAA,cAAcK,CAAa;AAAA,EAC3D,GAEMe,IAAmB,MAAM;AACzB,IAAAf,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAC5D,GAEMgB,IAAiB,GAAQjB,KAAgB,CAACS;AAG9C,SAAA,gBAAAS,EAACC,GAAA,EAAoB,IAAG,QAAO,QAAQf,GAAO,SAASA,GACpD,UAAA;AAAA,IAAAK,KACE,gBAAAS,EAAAE,GAAA,EAAiB,SAASP,GACzB,UAAA;AAAA,MAAA,gBAAAQ;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKtB;AAAA,UACL,YAAY;AAAA,UACZ,OAAM;AAAA,UACN,QAAAK;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAgB,EAACE,GAAA,CAAyB,CAAA;AAAA,IAAA,GAC5B;AAAA,2BAGC,UACCjB,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAAjB;AAAA,QACA,QAAAC;AAAA,QACA,KAAK,GAAGF,CAAG,iBAAiBc,IAAiB,gBAAgB,EAAE;AAAA,QAC/D,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,iBAAe;AAAA,MAAA;AAAA,IAAA,IAGjB,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAST;AAAA,QACT,QAAQG;AAAA,QACR,SAASC;AAAA,QACT,KAAKlB;AAAA,QACL,UAAUmB;AAAA,QACT,GAAGf;AAAA,MAAA;AAAA,IAAA,EAGV,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/features/ui/video/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/features/ui/video/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport PlayIcon from '../../../assets/line-icons/icons/play';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\n\nconst MediaWrapper = styled(FlexView)(\n  () => `\n        position: relative;\n        &:hover {\n          cursor: pointer;\n        }\n    `,\n);\n\nconst ThumbnailPlayIcon = styled(PlayIcon)(\n  ({\n    theme: {\n      layout: { gutter },\n    },\n  }) => `\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    width: ${gutter * 6.25}px;\n    height: ${gutter * 6.25}px;\n  `,\n);\n\nconst Thumbnail = styled.div`\n  z-index: 2;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n`;\n\nconst ThumbnailImage = styled(Image)`\n  filter: brightness(0.75);\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport { MediaWrapper, Thumbnail, ThumbnailPlayIcon, ThumbnailImage };\n"],"names":["MediaWrapper","styled","FlexView","ThumbnailPlayIcon","PlayIcon","gutter","Thumbnail","ThumbnailImage","Image"],"mappings":";;;;AAMM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMR,GAEMC,IAAoBF,EAAOG,CAAQ;AAAA,EACvC,CAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACnB;AAAA,EAAA,MACI;AAAA;AAAA;AAAA;AAAA;AAAA,aAKKA,IAAS,IAAI;AAAA,cACZA,IAAS,IAAI;AAAA;AAE3B,GAEMC,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBM,IAAiBN,EAAOO,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/features/ui/video/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport PlayIcon from '../../../assets/line-icons/icons/play';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\n\nconst MediaWrapper = styled(FlexView)(\n  () => `\n        position: relative;\n        &:hover {\n          cursor: pointer;\n        }\n    `,\n);\n\nconst ThumbnailPlayIcon = styled(PlayIcon)(\n  ({\n    theme: {\n      layout: { gutter },\n    },\n  }) => `\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    width: ${gutter * 6.25}px;\n    height: ${gutter * 6.25}px;\n  `,\n);\n\nconst Thumbnail = styled.div`\n  z-index: 2;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n`;\n\nconst ThumbnailImage = styled(Image)`\n  filter: brightness(0.75);\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport { MediaWrapper, Thumbnail, ThumbnailPlayIcon, ThumbnailImage };\n"],"names":["MediaWrapper","styled","FlexView","ThumbnailPlayIcon","PlayIcon","gutter","Thumbnail","ThumbnailImage","Image"],"mappings":";;;;AAMM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMR,GAEMC,IAAoBF,EAAOG,CAAQ;AAAA,EACvC,CAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ,EAAE,QAAAC,EAAO;AAAA,IAAA;AAAA,EACnB,MACI;AAAA;AAAA;AAAA;AAAA;AAAA,aAKKA,IAAS,IAAI;AAAA,cACZA,IAAS,IAAI;AAAA;AAE3B,GAEMC,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBM,IAAiBN,EAAOO,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/utils/load-script.js

@@ -1,15 +1,15 @@
-const c = {}, l = (s, e) => {
-  let r = c[e];
+const n = {}, l = (s, e) => {
+  let r = n[e];
   return r || (r = new Promise((d, a) => {
-    const n = document.querySelector(`#${e}`), t = document.querySelector("head"), o = document.createElement("script");
+    const c = document.querySelector(`#${e}`), t = document.querySelector("head"), o = document.createElement("script");
     o.type = "text/javascript", o.id = e, o.src = s, o.onload = () => {
-      c[e] = void 0, d();
+      n[e] = void 0, d();
     }, o.onerror = () => {
-      c[e] = void 0, a(new Error(`Failed to load script: ${s}`));
-    }, n == null || n.remove(), t ? t == null || t.appendChild(o) : a(new Error("Failed to find head element"));
-  }), c[e] = r, r);
-}, p = l;
+      n[e] = void 0, a(new Error(`Failed to load script: ${s}`));
+    }, c == null || c.remove(), t ? t == null || t.appendChild(o) : a(new Error("Failed to find head element"));
+  }), n[e] = r, r);
+};
 export {
-  p as default
+  l as default
 };
 //# sourceMappingURL=load-script.js.map

package/dist/features/utils/load-script.js.map

@@ -1 +1 @@
-{"version":3,"file":"load-script.js","sources":["../../../src/features/utils/load-script.ts"],"sourcesContent":["interface ILoadScript {\n  (url: string, id: string): Promise<void>;\n}\n\nconst promises: Record<string, Promise<void> | undefined> = {};\n\nconst loadScript: ILoadScript = (url, id) => {\n  let promise: Promise<void> | undefined = promises[id];\n\n  if (promise) return promise;\n\n  promise = new Promise<void>((resolve, reject) => {\n    const existingElement = document.querySelector(`#${id}`);\n\n    const head = document.querySelector('head');\n    const script = document.createElement('script');\n\n    script.type = 'text/javascript';\n    script.id = id;\n    script.src = url;\n    script.onload = () => {\n      promises[id] = undefined;\n      resolve();\n    };\n    script.onerror = () => {\n      promises[id] = undefined;\n      reject(new Error(`Failed to load script: ${url}`));\n    };\n\n    existingElement?.remove();\n\n    if (!head) {\n      reject(new Error('Failed to find head element'));\n    } else {\n      head?.appendChild(script);\n    }\n  });\n\n  promises[id] = promise;\n\n  return promise;\n};\n\nexport default loadScript;\n"],"names":["promises","loadScript","url","id","promise","resolve","reject","existingElement","head","script","loadScript$1"],"mappings":"AAIA,MAAMA,IAAsD,CAAA,GAEtDC,IAA0B,CAACC,GAAKC,MAAO;AACvC,MAAAC,IAAqCJ,EAASG,CAAE;AAEpD,SAAIC,MAEJA,IAAU,IAAI,QAAc,CAACC,GAASC,MAAW;AAC/C,UAAMC,IAAkB,SAAS,cAAc,IAAIJ,CAAE,EAAE,GAEjDK,IAAO,SAAS,cAAc,MAAM,GACpCC,IAAS,SAAS,cAAc,QAAQ;AAE9C,IAAAA,EAAO,OAAO,mBACdA,EAAO,KAAKN,GACZM,EAAO,MAAMP,GACbO,EAAO,SAAS,MAAM;AACpB,MAAAT,EAASG,CAAE,IAAI,QACPE;IAAA,GAEVI,EAAO,UAAU,MAAM;AACrB,MAAAT,EAASG,CAAE,IAAI,QACfG,EAAO,IAAI,MAAM,0BAA0BJ,CAAG,EAAE,CAAC;AAAA,IAAA,GAGnDK,KAAA,QAAAA,EAAiB,UAEZC,IAGHA,KAAA,QAAAA,EAAM,YAAYC,KAFXH,EAAA,IAAI,MAAM,6BAA6B,CAAC;AAAA,EAGjD,CACD,GAEDN,EAASG,CAAE,IAAIC,GAERA;AACT,GAEAM,IAAeT;"}
+{"version":3,"file":"load-script.js","sources":["../../../src/features/utils/load-script.ts"],"sourcesContent":["interface ILoadScript {\n  (url: string, id: string): Promise<void>;\n}\n\nconst promises: Record<string, Promise<void> | undefined> = {};\n\nconst loadScript: ILoadScript = (url, id) => {\n  let promise: Promise<void> | undefined = promises[id];\n\n  if (promise) return promise;\n\n  promise = new Promise<void>((resolve, reject) => {\n    const existingElement = document.querySelector(`#${id}`);\n\n    const head = document.querySelector('head');\n    const script = document.createElement('script');\n\n    script.type = 'text/javascript';\n    script.id = id;\n    script.src = url;\n    script.onload = () => {\n      promises[id] = undefined;\n      resolve();\n    };\n    script.onerror = () => {\n      promises[id] = undefined;\n      reject(new Error(`Failed to load script: ${url}`));\n    };\n\n    existingElement?.remove();\n\n    if (!head) {\n      reject(new Error('Failed to find head element'));\n    } else {\n      head?.appendChild(script);\n    }\n  });\n\n  promises[id] = promise;\n\n  return promise;\n};\n\nexport default loadScript;\n"],"names":["promises","loadScript","url","id","promise","resolve","reject","existingElement","head","script"],"mappings":"AAIA,MAAMA,IAAsD,CAAC,GAEvDC,IAA0B,CAACC,GAAKC,MAAO;AACvC,MAAAC,IAAqCJ,EAASG,CAAE;AAEpD,SAAIC,MAEJA,IAAU,IAAI,QAAc,CAACC,GAASC,MAAW;AAC/C,UAAMC,IAAkB,SAAS,cAAc,IAAIJ,CAAE,EAAE,GAEjDK,IAAO,SAAS,cAAc,MAAM,GACpCC,IAAS,SAAS,cAAc,QAAQ;AAE9C,IAAAA,EAAO,OAAO,mBACdA,EAAO,KAAKN,GACZM,EAAO,MAAMP,GACbO,EAAO,SAAS,MAAM;AACpB,MAAAT,EAASG,CAAE,IAAI,QACPE,EAAA;AAAA,IACV,GACAI,EAAO,UAAU,MAAM;AACrB,MAAAT,EAASG,CAAE,IAAI,QACfG,EAAO,IAAI,MAAM,0BAA0BJ,CAAG,EAAE,CAAC;AAAA,IACnD,GAEAK,KAAA,QAAAA,EAAiB,UAEZC,IAGHA,KAAA,QAAAA,EAAM,YAAYC,KAFXH,EAAA,IAAI,MAAM,6BAA6B,CAAC;AAAA,EAGjD,CACD,GAEDN,EAASG,CAAE,IAAIC,GAERA;AACT;"}

package/dist/features/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/features/utils/utils.ts"],"sourcesContent":["import { addYears } from 'date-fns';\n\nconst isNonEmptyArray = (array: unknown) => {\n  return Array.isArray(array) && array.length > 0;\n};\n\n// format the time in HH:MM:SS\nconst formatTimeInHHMMSS = (seconds: number) => {\n  const pad = (num: number) => num.toString().padStart(2, '0');\n\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n\n  return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;\n};\n\nconst delay = async (delayInMs: number) => {\n  return await new Promise(res => {\n    const timerId = setTimeout(() => {\n      clearTimeout(timerId);\n      res('resolved');\n    }, delayInMs);\n  });\n};\n\nconst epochTimestampAfterOneYear = () => {\n  const today = new Date();\n  const oneYearLater = addYears(today, 1);\n\n  return Math.floor(oneYearLater.getTime() / 1000);\n};\n\nexport { isNonEmptyArray, formatTimeInHHMMSS, delay, epochTimestampAfterOneYear };\n"],"names":["isNonEmptyArray","array","formatTimeInHHMMSS","seconds","pad","num","h","m","s","delay","delayInMs","res","timerId","epochTimestampAfterOneYear","oneYearLater","addYears"],"mappings":";AAEM,MAAAA,IAAkB,CAACC,MAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS,GAI1CC,IAAqB,CAACC,MAAoB;AACxC,QAAAC,IAAM,CAACC,MAAgBA,EAAI,WAAW,SAAS,GAAG,GAAG,GAErDC,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAI,KAAK,MAAOJ,IAAU,OAAQ,EAAE,GACpCK,IAAIL,IAAU;AAEb,SAAAG,IAAI,IAAI,GAAGF,EAAIE,CAAC,CAAC,IAAIF,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC,KAAK,GAAGJ,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC;AACtE,GAEMC,IAAQ,OAAOC,MACZ,MAAM,IAAI,QAAQ,CAAOC,MAAA;AACxB,QAAAC,IAAU,WAAW,MAAM;AAC/B,iBAAaA,CAAO,GACpBD,EAAI,UAAU;AAAA,KACbD,CAAS;AAAA,CACb,GAGGG,IAA6B,MAAM;AAEjC,QAAAC,IAAeC,sBADH,QACmB,CAAC;AAEtC,SAAO,KAAK,MAAMD,EAAa,YAAY,GAAI;AACjD;"}
+{"version":3,"file":"utils.js","sources":["../../../src/features/utils/utils.ts"],"sourcesContent":["import { addYears } from 'date-fns';\n\nconst isNonEmptyArray = (array: unknown) => {\n  return Array.isArray(array) && array.length > 0;\n};\n\n// format the time in HH:MM:SS\nconst formatTimeInHHMMSS = (seconds: number) => {\n  const pad = (num: number) => num.toString().padStart(2, '0');\n\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n\n  return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;\n};\n\nconst delay = async (delayInMs: number) => {\n  return await new Promise(res => {\n    const timerId = setTimeout(() => {\n      clearTimeout(timerId);\n      res('resolved');\n    }, delayInMs);\n  });\n};\n\nconst epochTimestampAfterOneYear = () => {\n  const today = new Date();\n  const oneYearLater = addYears(today, 1);\n\n  return Math.floor(oneYearLater.getTime() / 1000);\n};\n\nexport { isNonEmptyArray, formatTimeInHHMMSS, delay, epochTimestampAfterOneYear };\n"],"names":["isNonEmptyArray","array","formatTimeInHHMMSS","seconds","pad","num","h","m","s","delay","delayInMs","res","timerId","epochTimestampAfterOneYear","oneYearLater","addYears"],"mappings":";AAEM,MAAAA,IAAkB,CAACC,MAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS,GAI1CC,IAAqB,CAACC,MAAoB;AACxC,QAAAC,IAAM,CAACC,MAAgBA,EAAI,WAAW,SAAS,GAAG,GAAG,GAErDC,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAI,KAAK,MAAOJ,IAAU,OAAQ,EAAE,GACpCK,IAAIL,IAAU;AAEb,SAAAG,IAAI,IAAI,GAAGF,EAAIE,CAAC,CAAC,IAAIF,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC,KAAK,GAAGJ,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC;AACtE,GAEMC,IAAQ,OAAOC,MACZ,MAAM,IAAI,QAAQ,CAAOC,MAAA;AACxB,QAAAC,IAAU,WAAW,MAAM;AAC/B,iBAAaA,CAAO,GACpBD,EAAI,UAAU;AAAA,KACbD,CAAS;AAAA,CACb,GAGGG,IAA6B,MAAM;AAEjC,QAAAC,IAAeC,sBADH,KAAK,GACc,CAAC;AAEtC,SAAO,KAAK,MAAMD,EAAa,QAAA,IAAY,GAAI;AACjD;"}

package/dist/features/worksheet/learnosity-preloader/learnosity-preloader.js

@@ -1,81 +1,81 @@
 import { jsx as O } from "react/jsx-runtime";
-import { memo as u, useEffect as T, useMemo as E, useCallback as m } from "react";
+import { memo as u, useEffect as T, useMemo as I, useCallback as m } from "react";
 import { LIB as f } from "../../../assets/lib/lib.js";
-import o from "../constants/events.js";
+import t from "../constants/events.js";
 import { setMathJaxConfigInWindow as C } from "../worksheet/worksheet-helpers.js";
 import R from "./learnosity-preloader-context.js";
-import n from "./use-download-script.js";
+import i from "./use-download-script.js";
 const F = "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js", x = {
-  LOADING: o.WORKSHEET_V3_SCRIPT_LOADING,
-  LOADED: o.WORKSHEET_V3_SCRIPT_LOADED,
-  FAILED: o.WORKSHEET_V3_SCRIPT_FAILED,
-  FALLBACK_LOADING: o.WORKSHEET_V3_SCRIPT_FALLBACK_LOADING,
-  FALLBACK_LOADED: o.WORKSHEET_V3_SCRIPT_FALLBACK_LOADED,
-  FALLBACK_FAILED: o.WORKSHEET_V3_SCRIPT_FALLBACK_FAILED
-}, y = {
-  LOADING: o.MATHJAX_SCRIPT_LOADING,
-  LOADED: o.MATHJAX_SCRIPT_LOADED,
-  FAILED: o.MATHJAX_SCRIPT_FAILED
+  LOADING: t.WORKSHEET_V3_SCRIPT_LOADING,
+  LOADED: t.WORKSHEET_V3_SCRIPT_LOADED,
+  FAILED: t.WORKSHEET_V3_SCRIPT_FAILED,
+  FALLBACK_LOADING: t.WORKSHEET_V3_SCRIPT_FALLBACK_LOADING,
+  FALLBACK_LOADED: t.WORKSHEET_V3_SCRIPT_FALLBACK_LOADED,
+  FALLBACK_FAILED: t.WORKSHEET_V3_SCRIPT_FALLBACK_FAILED
 }, M = {
-  LOADING: o.POLYPAD_SCRIPT_LOADING,
-  LOADED: o.POLYPAD_SCRIPT_LOADED,
-  FAILED: o.POLYPAD_SCRIPT_FAILED
-}, K = u(
-  ({ apiURL: d, fallbackAPIURL: I, logger: t, children: S }) => {
-    var c;
-    const A = (c = window == null ? void 0 : window.MathJax) == null ? void 0 : c.version, p = !!(window != null && window.Polypad), {
+  LOADING: t.MATHJAX_SCRIPT_LOADING,
+  LOADED: t.MATHJAX_SCRIPT_LOADED,
+  FAILED: t.MATHJAX_SCRIPT_FAILED
+}, y = {
+  LOADING: t.POLYPAD_SCRIPT_LOADING,
+  LOADED: t.POLYPAD_SCRIPT_LOADED,
+  FAILED: t.POLYPAD_SCRIPT_FAILED
+}, J = u(
+  ({ apiURL: e, fallbackAPIURL: S, logger: o, children: c }) => {
+    var E;
+    const s = (E = window == null ? void 0 : window.MathJax) == null ? void 0 : E.version, p = !!(window != null && window.Polypad), {
       scriptStatus: r,
-      loadedAPIURL: i,
+      loadedAPIURL: n,
       downloadScript: l
-    } = n(
-      t,
-      d,
+    } = i(
+      o,
+      e,
       "learnosity-preloader-script",
       x,
-      I
-    ), { scriptStatus: a, downloadScript: D } = n(
-      t,
+      S
+    ), { scriptStatus: a, downloadScript: D } = i(
+      o,
       F,
       "mathjax-script",
-      y,
+      M,
       void 0,
-      A ? "loaded" : "loading"
-    ), { scriptStatus: e, downloadScript: _ } = n(
-      t,
+      s ? "loaded" : "loading"
+    ), { scriptStatus: d, downloadScript: _ } = i(
+      o,
       f.POLYPAD,
       "polypad-script",
-      M,
+      y,
       void 0,
       p ? "loaded" : "loading"
     );
     T(() => {
-      A || C(t);
-    }, [A, t]);
-    const s = E(() => r === "loaded" && a === "loaded" && e === "loaded" ? "loaded" : r === "error" || a === "error" || e === "error" ? "error" : "loading", [r, a, e]), L = m(() => {
-      r === "error" && l(), a === "error" && D(), e === "error" && _();
+      s || C(o);
+    }, [s, o]);
+    const A = I(() => r === "loaded" && a === "loaded" && d === "loaded" ? "loaded" : r === "error" || a === "error" || d === "error" ? "error" : "loading", [r, a, d]), L = m(() => {
+      r === "error" && l(), a === "error" && D(), d === "error" && _();
     }, [
       r,
       l,
       D,
       _,
       a,
-      e
-    ]), P = E(() => s === "loaded" ? {
-      scriptStatus: s,
-      defaultAPIURL: d,
-      loadedAPIURL: i,
+      d
+    ]), P = I(() => A === "loaded" ? {
+      scriptStatus: A,
+      defaultAPIURL: e,
+      loadedAPIURL: n,
       downloadScript: L
     } : {
-      scriptStatus: s,
-      defaultAPIURL: d,
+      scriptStatus: A,
+      defaultAPIURL: e,
       loadedAPIURL: void 0,
       downloadScript: L
-    }, [d, L, i, s]);
-    return /* @__PURE__ */ O(R.Provider, { value: P, children: S });
+    }, [e, L, n, A]);
+    return /* @__PURE__ */ O(R.Provider, { value: P, children: c });
   }
-), V = K;
+);
 export {
   F as MATHJAX_URL,
-  V as default
+  J as default
 };
 //# sourceMappingURL=learnosity-preloader.js.map

package/dist/features/worksheet/learnosity-preloader/learnosity-preloader.js.map

@@ -1 +1 @@
-{"version":3,"file":"learnosity-preloader.js","sources":["../../../../src/features/worksheet/learnosity-preloader/learnosity-preloader.tsx"],"sourcesContent":["import type {\n  ILearnosityPreloaderProps,\n  TLearnosityPreloaderContextValue,\n  IMathJaxConfig,\n} from './learnosity-preloader-types';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { LIB } from '../../../assets/lib/lib';\nimport EVENTS from '../constants/events';\nimport { setMathJaxConfigInWindow } from '../worksheet/worksheet-helpers';\nimport LearnosityPreloaderContext from './learnosity-preloader-context';\nimport useDownloadScript from './use-download-script';\n\nexport const MATHJAX_URL = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js';\n\ndeclare global {\n  interface Window {\n    MathJax: IMathJaxConfig;\n  }\n}\n\nconst LearnosityEventsMap = {\n  LOADING: EVENTS.WORKSHEET_V3_SCRIPT_LOADING,\n  LOADED: EVENTS.WORKSHEET_V3_SCRIPT_LOADED,\n  FAILED: EVENTS.WORKSHEET_V3_SCRIPT_FAILED,\n  FALLBACK_LOADING: EVENTS.WORKSHEET_V3_SCRIPT_FALLBACK_LOADING,\n  FALLBACK_LOADED: EVENTS.WORKSHEET_V3_SCRIPT_FALLBACK_LOADED,\n  FALLBACK_FAILED: EVENTS.WORKSHEET_V3_SCRIPT_FALLBACK_FAILED,\n};\n\nconst MathJaxEventsMap = {\n  LOADING: EVENTS.MATHJAX_SCRIPT_LOADING,\n  LOADED: EVENTS.MATHJAX_SCRIPT_LOADED,\n  FAILED: EVENTS.MATHJAX_SCRIPT_FAILED,\n};\nconst PolyPadEventsMap = {\n  LOADING: EVENTS.POLYPAD_SCRIPT_LOADING,\n  LOADED: EVENTS.POLYPAD_SCRIPT_LOADED,\n  FAILED: EVENTS.POLYPAD_SCRIPT_FAILED,\n};\n\nconst LearnosityPreloader: FC<PropsWithChildren<ILearnosityPreloaderProps>> = memo(\n  ({ apiURL, fallbackAPIURL, logger, children }) => {\n    const isMathJaxLoaded = window?.MathJax?.version;\n    const isPolypadLoaded = !!window?.Polypad;\n    const {\n      scriptStatus: learnosityScriptStatus,\n      loadedAPIURL,\n      downloadScript: loadLearnosity,\n    } = useDownloadScript(\n      logger,\n      apiURL,\n      'learnosity-preloader-script',\n      LearnosityEventsMap,\n      fallbackAPIURL,\n    );\n    const { scriptStatus: mathjaxScriptStatus, downloadScript: loadMathjax } = useDownloadScript(\n      logger,\n      MATHJAX_URL,\n      'mathjax-script',\n      MathJaxEventsMap,\n      undefined,\n      isMathJaxLoaded ? 'loaded' : 'loading',\n    );\n    const { scriptStatus: polypadScriptStatus, downloadScript: loadPolypad } = useDownloadScript(\n      logger,\n      LIB.POLYPAD,\n      'polypad-script',\n      PolyPadEventsMap,\n      undefined,\n      isPolypadLoaded ? 'loaded' : 'loading',\n    );\n\n    useEffect(() => {\n      if (!isMathJaxLoaded) {\n        setMathJaxConfigInWindow(logger);\n      }\n    }, [isMathJaxLoaded, logger]);\n\n    const scriptStatus = useMemo(() => {\n      if (\n        learnosityScriptStatus === 'loaded' &&\n        mathjaxScriptStatus === 'loaded' &&\n        polypadScriptStatus === 'loaded'\n      ) {\n        return 'loaded';\n      }\n\n      if (\n        learnosityScriptStatus === 'error' ||\n        mathjaxScriptStatus === 'error' ||\n        polypadScriptStatus === 'error'\n      ) {\n        return 'error';\n      }\n\n      return 'loading';\n    }, [learnosityScriptStatus, mathjaxScriptStatus, polypadScriptStatus]);\n\n    const downloadScript = useCallback(() => {\n      if (learnosityScriptStatus === 'error') {\n        loadLearnosity();\n      }\n\n      if (mathjaxScriptStatus === 'error') {\n        loadMathjax();\n      }\n\n      if (polypadScriptStatus === 'error') {\n        loadPolypad();\n      }\n    }, [\n      learnosityScriptStatus,\n      loadLearnosity,\n      loadMathjax,\n      loadPolypad,\n      mathjaxScriptStatus,\n      polypadScriptStatus,\n    ]);\n\n    const contextValue = useMemo<TLearnosityPreloaderContextValue>(() => {\n      if (scriptStatus === 'loaded') {\n        return {\n          scriptStatus,\n          defaultAPIURL: apiURL,\n          loadedAPIURL,\n          downloadScript,\n        };\n      }\n\n      return {\n        scriptStatus,\n        defaultAPIURL: apiURL,\n        loadedAPIURL: undefined,\n        downloadScript,\n      };\n    }, [apiURL, downloadScript, loadedAPIURL, scriptStatus]);\n\n    return (\n      <LearnosityPreloaderContext.Provider value={contextValue}>\n        {children}\n      </LearnosityPreloaderContext.Provider>\n    );\n  },\n);\n\nexport default LearnosityPreloader;\n"],"names":["MATHJAX_URL","LearnosityEventsMap","EVENTS","MathJaxEventsMap","PolyPadEventsMap","LearnosityPreloader","memo","apiURL","fallbackAPIURL","logger","children","isMathJaxLoaded","_a","isPolypadLoaded","learnosityScriptStatus","loadedAPIURL","loadLearnosity","useDownloadScript","mathjaxScriptStatus","loadMathjax","polypadScriptStatus","loadPolypad","LIB","useEffect","setMathJaxConfigInWindow","scriptStatus","useMemo","downloadScript","useCallback","contextValue","LearnosityPreloaderContext","LearnosityPreloader$1"],"mappings":";;;;;;;AAeO,MAAMA,IAAc,gEAQrBC,IAAsB;AAAA,EAC1B,SAASC,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,kBAAkBA,EAAO;AAAA,EACzB,iBAAiBA,EAAO;AAAA,EACxB,iBAAiBA,EAAO;AAC1B,GAEMC,IAAmB;AAAA,EACvB,SAASD,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AACjB,GACME,IAAmB;AAAA,EACvB,SAASF,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AACjB,GAEMG,IAAwEC;AAAA,EAC5E,CAAC,EAAE,QAAAC,GAAQ,gBAAAC,GAAgB,QAAAC,GAAQ,UAAAC,QAAe;;AAC1C,UAAAC,KAAkBC,IAAA,iCAAQ,YAAR,gBAAAA,EAAiB,SACnCC,IAAkB,CAAC,EAAC,yBAAQ,UAC5B;AAAA,MACJ,cAAcC;AAAA,MACd,cAAAC;AAAA,MACA,gBAAgBC;AAAA,IAAA,IACdC;AAAA,MACFR;AAAA,MACAF;AAAA,MACA;AAAA,MACAN;AAAA,MACAO;AAAA,IAAA,GAEI,EAAE,cAAcU,GAAqB,gBAAgBC,EAAgB,IAAAF;AAAA,MACzER;AAAA,MACAT;AAAA,MACA;AAAA,MACAG;AAAA,MACA;AAAA,MACAQ,IAAkB,WAAW;AAAA,IAAA,GAEzB,EAAE,cAAcS,GAAqB,gBAAgBC,EAAgB,IAAAJ;AAAA,MACzER;AAAA,MACAa,EAAI;AAAA,MACJ;AAAA,MACAlB;AAAA,MACA;AAAA,MACAS,IAAkB,WAAW;AAAA,IAAA;AAG/B,IAAAU,EAAU,MAAM;AACd,MAAKZ,KACHa,EAAyBf,CAAM;AAAA,IACjC,GACC,CAACE,GAAiBF,CAAM,CAAC;AAEtB,UAAAgB,IAAeC,EAAQ,MAEzBZ,MAA2B,YAC3BI,MAAwB,YACxBE,MAAwB,WAEjB,WAIPN,MAA2B,WAC3BI,MAAwB,WACxBE,MAAwB,UAEjB,UAGF,WACN,CAACN,GAAwBI,GAAqBE,CAAmB,CAAC,GAE/DO,IAAiBC,EAAY,MAAM;AACvC,MAAId,MAA2B,WACdE,KAGbE,MAAwB,WACdC,KAGVC,MAAwB,WACdC;IACd,GACC;AAAA,MACDP;AAAA,MACAE;AAAA,MACAG;AAAA,MACAE;AAAA,MACAH;AAAA,MACAE;AAAA,IAAA,CACD,GAEKS,IAAeH,EAA0C,MACzDD,MAAiB,WACZ;AAAA,MACL,cAAAA;AAAA,MACA,eAAelB;AAAA,MACf,cAAAQ;AAAA,MACA,gBAAAY;AAAA,IAAA,IAIG;AAAA,MACL,cAAAF;AAAA,MACA,eAAelB;AAAA,MACf,cAAc;AAAA,MACd,gBAAAoB;AAAA,IAAA,GAED,CAACpB,GAAQoB,GAAgBZ,GAAcU,CAAY,CAAC;AAEvD,6BACGK,EAA2B,UAA3B,EAAoC,OAAOD,GACzC,UAAAnB,EACH,CAAA;AAAA,EAEJ;AACF,GAEAqB,IAAe1B;"}
+{"version":3,"file":"learnosity-preloader.js","sources":["../../../../src/features/worksheet/learnosity-preloader/learnosity-preloader.tsx"],"sourcesContent":["import type {\n  ILearnosityPreloaderProps,\n  TLearnosityPreloaderContextValue,\n  IMathJaxConfig,\n} from './learnosity-preloader-types';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { LIB } from '../../../assets/lib/lib';\nimport EVENTS from '../constants/events';\nimport { setMathJaxConfigInWindow } from '../worksheet/worksheet-helpers';\nimport LearnosityPreloaderContext from './learnosity-preloader-context';\nimport useDownloadScript from './use-download-script';\n\nexport const MATHJAX_URL = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js';\n\ndeclare global {\n  interface Window {\n    MathJax: IMathJaxConfig;\n  }\n}\n\nconst LearnosityEventsMap = {\n  LOADING: EVENTS.WORKSHEET_V3_SCRIPT_LOADING,\n  LOADED: EVENTS.WORKSHEET_V3_SCRIPT_LOADED,\n  FAILED: EVENTS.WORKSHEET_V3_SCRIPT_FAILED,\n  FALLBACK_LOADING: EVENTS.WORKSHEET_V3_SCRIPT_FALLBACK_LOADING,\n  FALLBACK_LOADED: EVENTS.WORKSHEET_V3_SCRIPT_FALLBACK_LOADED,\n  FALLBACK_FAILED: EVENTS.WORKSHEET_V3_SCRIPT_FALLBACK_FAILED,\n};\n\nconst MathJaxEventsMap = {\n  LOADING: EVENTS.MATHJAX_SCRIPT_LOADING,\n  LOADED: EVENTS.MATHJAX_SCRIPT_LOADED,\n  FAILED: EVENTS.MATHJAX_SCRIPT_FAILED,\n};\nconst PolyPadEventsMap = {\n  LOADING: EVENTS.POLYPAD_SCRIPT_LOADING,\n  LOADED: EVENTS.POLYPAD_SCRIPT_LOADED,\n  FAILED: EVENTS.POLYPAD_SCRIPT_FAILED,\n};\n\nconst LearnosityPreloader: FC<PropsWithChildren<ILearnosityPreloaderProps>> = memo(\n  ({ apiURL, fallbackAPIURL, logger, children }) => {\n    const isMathJaxLoaded = window?.MathJax?.version;\n    const isPolypadLoaded = !!window?.Polypad;\n    const {\n      scriptStatus: learnosityScriptStatus,\n      loadedAPIURL,\n      downloadScript: loadLearnosity,\n    } = useDownloadScript(\n      logger,\n      apiURL,\n      'learnosity-preloader-script',\n      LearnosityEventsMap,\n      fallbackAPIURL,\n    );\n    const { scriptStatus: mathjaxScriptStatus, downloadScript: loadMathjax } = useDownloadScript(\n      logger,\n      MATHJAX_URL,\n      'mathjax-script',\n      MathJaxEventsMap,\n      undefined,\n      isMathJaxLoaded ? 'loaded' : 'loading',\n    );\n    const { scriptStatus: polypadScriptStatus, downloadScript: loadPolypad } = useDownloadScript(\n      logger,\n      LIB.POLYPAD,\n      'polypad-script',\n      PolyPadEventsMap,\n      undefined,\n      isPolypadLoaded ? 'loaded' : 'loading',\n    );\n\n    useEffect(() => {\n      if (!isMathJaxLoaded) {\n        setMathJaxConfigInWindow(logger);\n      }\n    }, [isMathJaxLoaded, logger]);\n\n    const scriptStatus = useMemo(() => {\n      if (\n        learnosityScriptStatus === 'loaded' &&\n        mathjaxScriptStatus === 'loaded' &&\n        polypadScriptStatus === 'loaded'\n      ) {\n        return 'loaded';\n      }\n\n      if (\n        learnosityScriptStatus === 'error' ||\n        mathjaxScriptStatus === 'error' ||\n        polypadScriptStatus === 'error'\n      ) {\n        return 'error';\n      }\n\n      return 'loading';\n    }, [learnosityScriptStatus, mathjaxScriptStatus, polypadScriptStatus]);\n\n    const downloadScript = useCallback(() => {\n      if (learnosityScriptStatus === 'error') {\n        loadLearnosity();\n      }\n\n      if (mathjaxScriptStatus === 'error') {\n        loadMathjax();\n      }\n\n      if (polypadScriptStatus === 'error') {\n        loadPolypad();\n      }\n    }, [\n      learnosityScriptStatus,\n      loadLearnosity,\n      loadMathjax,\n      loadPolypad,\n      mathjaxScriptStatus,\n      polypadScriptStatus,\n    ]);\n\n    const contextValue = useMemo<TLearnosityPreloaderContextValue>(() => {\n      if (scriptStatus === 'loaded') {\n        return {\n          scriptStatus,\n          defaultAPIURL: apiURL,\n          loadedAPIURL,\n          downloadScript,\n        };\n      }\n\n      return {\n        scriptStatus,\n        defaultAPIURL: apiURL,\n        loadedAPIURL: undefined,\n        downloadScript,\n      };\n    }, [apiURL, downloadScript, loadedAPIURL, scriptStatus]);\n\n    return (\n      <LearnosityPreloaderContext.Provider value={contextValue}>\n        {children}\n      </LearnosityPreloaderContext.Provider>\n    );\n  },\n);\n\nexport default LearnosityPreloader;\n"],"names":["MATHJAX_URL","LearnosityEventsMap","EVENTS","MathJaxEventsMap","PolyPadEventsMap","LearnosityPreloader","memo","apiURL","fallbackAPIURL","logger","children","isMathJaxLoaded","_a","isPolypadLoaded","learnosityScriptStatus","loadedAPIURL","loadLearnosity","useDownloadScript","mathjaxScriptStatus","loadMathjax","polypadScriptStatus","loadPolypad","LIB","useEffect","setMathJaxConfigInWindow","scriptStatus","useMemo","downloadScript","useCallback","contextValue","LearnosityPreloaderContext"],"mappings":";;;;;;;AAeO,MAAMA,IAAc,gEAQrBC,IAAsB;AAAA,EAC1B,SAASC,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,kBAAkBA,EAAO;AAAA,EACzB,iBAAiBA,EAAO;AAAA,EACxB,iBAAiBA,EAAO;AAC1B,GAEMC,IAAmB;AAAA,EACvB,SAASD,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AACjB,GACME,IAAmB;AAAA,EACvB,SAASF,EAAO;AAAA,EAChB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AACjB,GAEMG,IAAwEC;AAAA,EAC5E,CAAC,EAAE,QAAAC,GAAQ,gBAAAC,GAAgB,QAAAC,GAAQ,UAAAC,QAAe;;AAC1C,UAAAC,KAAkBC,IAAA,iCAAQ,YAAR,gBAAAA,EAAiB,SACnCC,IAAkB,CAAC,EAAC,yBAAQ,UAC5B;AAAA,MACJ,cAAcC;AAAA,MACd,cAAAC;AAAA,MACA,gBAAgBC;AAAA,IAAA,IACdC;AAAA,MACFR;AAAA,MACAF;AAAA,MACA;AAAA,MACAN;AAAA,MACAO;AAAA,IACF,GACM,EAAE,cAAcU,GAAqB,gBAAgBC,EAAgB,IAAAF;AAAA,MACzER;AAAA,MACAT;AAAA,MACA;AAAA,MACAG;AAAA,MACA;AAAA,MACAQ,IAAkB,WAAW;AAAA,IAC/B,GACM,EAAE,cAAcS,GAAqB,gBAAgBC,EAAgB,IAAAJ;AAAA,MACzER;AAAA,MACAa,EAAI;AAAA,MACJ;AAAA,MACAlB;AAAA,MACA;AAAA,MACAS,IAAkB,WAAW;AAAA,IAC/B;AAEA,IAAAU,EAAU,MAAM;AACd,MAAKZ,KACHa,EAAyBf,CAAM;AAAA,IACjC,GACC,CAACE,GAAiBF,CAAM,CAAC;AAEtB,UAAAgB,IAAeC,EAAQ,MAEzBZ,MAA2B,YAC3BI,MAAwB,YACxBE,MAAwB,WAEjB,WAIPN,MAA2B,WAC3BI,MAAwB,WACxBE,MAAwB,UAEjB,UAGF,WACN,CAACN,GAAwBI,GAAqBE,CAAmB,CAAC,GAE/DO,IAAiBC,EAAY,MAAM;AACvC,MAAId,MAA2B,WACdE,EAAA,GAGbE,MAAwB,WACdC,EAAA,GAGVC,MAAwB,WACdC,EAAA;AAAA,IACd,GACC;AAAA,MACDP;AAAA,MACAE;AAAA,MACAG;AAAA,MACAE;AAAA,MACAH;AAAA,MACAE;AAAA,IAAA,CACD,GAEKS,IAAeH,EAA0C,MACzDD,MAAiB,WACZ;AAAA,MACL,cAAAA;AAAA,MACA,eAAelB;AAAA,MACf,cAAAQ;AAAA,MACA,gBAAAY;AAAA,IACF,IAGK;AAAA,MACL,cAAAF;AAAA,MACA,eAAelB;AAAA,MACf,cAAc;AAAA,MACd,gBAAAoB;AAAA,IACF,GACC,CAACpB,GAAQoB,GAAgBZ,GAAcU,CAAY,CAAC;AAEvD,6BACGK,EAA2B,UAA3B,EAAoC,OAAOD,GACzC,UAAAnB,GACH;AAAA,EAAA;AAGN;"}

package/dist/features/worksheet/learnosity-preloader/use-download-script.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-download-script.js","sources":["../../../../src/features/worksheet/learnosity-preloader/use-download-script.ts"],"sourcesContent":["import type { TScriptStatus } from './learnosity-preloader-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport useIsUnmounted from '../../hooks/use-is-unmounted';\nimport loadScript from '../../utils/load-script';\n\ninterface IEvents {\n  LOADING: string;\n  LOADED: string;\n  FAILED: string;\n  FALLBACK_LOADING?: string;\n  FALLBACK_LOADED?: string;\n  FALLBACK_FAILED?: string;\n}\n\nconst useDownloadScript = (\n  logger: (eventName: string, data?: Record<string, unknown>) => void,\n  apiURL: string,\n  id: string,\n  eventsMap: IEvents,\n  fallbackAPIURL?: string,\n  state: TScriptStatus = 'loading',\n) => {\n  const [scriptStatus, setScriptStatus] = useState<TScriptStatus>(state);\n  const [loadedAPIURL, setLoadedAPIURL] = useState<string>();\n  const unmountedRef = useIsUnmounted();\n  const fallbackId = id + '-fallback';\n\n  const downloadScript = useCallback(async () => {\n    setScriptStatus('loading');\n    try {\n      logger(eventsMap.LOADING);\n      await loadScript(apiURL, id);\n\n      logger(eventsMap.LOADED);\n      if (!unmountedRef.current) {\n        setScriptStatus('loaded');\n        setLoadedAPIURL(apiURL);\n      }\n    } catch {\n      logger(eventsMap.FAILED);\n      if (!unmountedRef.current && !!fallbackAPIURL) {\n        try {\n          logger(eventsMap.FALLBACK_LOADING as string);\n          await loadScript(fallbackAPIURL, fallbackId);\n          logger(eventsMap.FALLBACK_LOADING as string);\n          if (!unmountedRef.current) {\n            setScriptStatus('loaded');\n            setLoadedAPIURL(fallbackAPIURL);\n          }\n        } catch {\n          logger(eventsMap.FALLBACK_FAILED as string);\n          if (!unmountedRef.current) {\n            setScriptStatus('error');\n          }\n        }\n      }\n    }\n  }, [apiURL, eventsMap, fallbackAPIURL, fallbackId, id, logger, unmountedRef]);\n\n  useEffect(() => {\n    if (scriptStatus !== 'loaded') {\n      downloadScript();\n    }\n    // Disabling Because we are retruning downloadScript so\n    //  we don't want to re-run the effect for scriptStatus changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [downloadScript]);\n\n  return { scriptStatus, loadedAPIURL, downloadScript };\n};\n\nexport default useDownloadScript;\n"],"names":["useDownloadScript","logger","apiURL","id","eventsMap","fallbackAPIURL","state","scriptStatus","setScriptStatus","useState","loadedAPIURL","setLoadedAPIURL","unmountedRef","useIsUnmounted","fallbackId","downloadScript","useCallback","loadScript","useEffect"],"mappings":";;;AAgBM,MAAAA,IAAoB,CACxBC,GACAC,GACAC,GACAC,GACAC,GACAC,IAAuB,cACpB;AACH,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwBH,CAAK,GAC/D,CAACI,GAAcC,CAAe,IAAIF,EAAiB,GACnDG,IAAeC,KACfC,IAAaX,IAAK,aAElBY,IAAiBC,EAAY,YAAY;AAC7C,IAAAR,EAAgB,SAAS;AACrB,QAAA;AACF,MAAAP,EAAOG,EAAU,OAAO,GAClB,MAAAa,EAAWf,GAAQC,CAAE,GAE3BF,EAAOG,EAAU,MAAM,GAClBQ,EAAa,YAChBJ,EAAgB,QAAQ,GACxBG,EAAgBT,CAAM;AAAA,IACxB,QACM;AAEN,UADAD,EAAOG,EAAU,MAAM,GACnB,CAACQ,EAAa,WAAaP;AACzB,YAAA;AACF,UAAAJ,EAAOG,EAAU,gBAA0B,GACrC,MAAAa,EAAWZ,GAAgBS,CAAU,GAC3Cb,EAAOG,EAAU,gBAA0B,GACtCQ,EAAa,YAChBJ,EAAgB,QAAQ,GACxBG,EAAgBN,CAAc;AAAA,QAChC,QACM;AACN,UAAAJ,EAAOG,EAAU,eAAyB,GACrCQ,EAAa,WAChBJ,EAAgB,OAAO;AAAA,QAE3B;AAAA,IAEJ;AAAA,EAAA,GACC,CAACN,GAAQE,GAAWC,GAAgBS,GAAYX,GAAIF,GAAQW,CAAY,CAAC;AAE5E,SAAAM,EAAU,MAAM;AACd,IAAIX,MAAiB,YACJQ;EACjB,GAIC,CAACA,CAAc,CAAC,GAEZ,EAAE,cAAAR,GAAc,cAAAG,GAAc,gBAAAK;AACvC;"}
+{"version":3,"file":"use-download-script.js","sources":["../../../../src/features/worksheet/learnosity-preloader/use-download-script.ts"],"sourcesContent":["import type { TScriptStatus } from './learnosity-preloader-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport useIsUnmounted from '../../hooks/use-is-unmounted';\nimport loadScript from '../../utils/load-script';\n\ninterface IEvents {\n  LOADING: string;\n  LOADED: string;\n  FAILED: string;\n  FALLBACK_LOADING?: string;\n  FALLBACK_LOADED?: string;\n  FALLBACK_FAILED?: string;\n}\n\nconst useDownloadScript = (\n  logger: (eventName: string, data?: Record<string, unknown>) => void,\n  apiURL: string,\n  id: string,\n  eventsMap: IEvents,\n  fallbackAPIURL?: string,\n  state: TScriptStatus = 'loading',\n) => {\n  const [scriptStatus, setScriptStatus] = useState<TScriptStatus>(state);\n  const [loadedAPIURL, setLoadedAPIURL] = useState<string>();\n  const unmountedRef = useIsUnmounted();\n  const fallbackId = id + '-fallback';\n\n  const downloadScript = useCallback(async () => {\n    setScriptStatus('loading');\n    try {\n      logger(eventsMap.LOADING);\n      await loadScript(apiURL, id);\n\n      logger(eventsMap.LOADED);\n      if (!unmountedRef.current) {\n        setScriptStatus('loaded');\n        setLoadedAPIURL(apiURL);\n      }\n    } catch {\n      logger(eventsMap.FAILED);\n      if (!unmountedRef.current && !!fallbackAPIURL) {\n        try {\n          logger(eventsMap.FALLBACK_LOADING as string);\n          await loadScript(fallbackAPIURL, fallbackId);\n          logger(eventsMap.FALLBACK_LOADING as string);\n          if (!unmountedRef.current) {\n            setScriptStatus('loaded');\n            setLoadedAPIURL(fallbackAPIURL);\n          }\n        } catch {\n          logger(eventsMap.FALLBACK_FAILED as string);\n          if (!unmountedRef.current) {\n            setScriptStatus('error');\n          }\n        }\n      }\n    }\n  }, [apiURL, eventsMap, fallbackAPIURL, fallbackId, id, logger, unmountedRef]);\n\n  useEffect(() => {\n    if (scriptStatus !== 'loaded') {\n      downloadScript();\n    }\n    // Disabling Because we are retruning downloadScript so\n    //  we don't want to re-run the effect for scriptStatus changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [downloadScript]);\n\n  return { scriptStatus, loadedAPIURL, downloadScript };\n};\n\nexport default useDownloadScript;\n"],"names":["useDownloadScript","logger","apiURL","id","eventsMap","fallbackAPIURL","state","scriptStatus","setScriptStatus","useState","loadedAPIURL","setLoadedAPIURL","unmountedRef","useIsUnmounted","fallbackId","downloadScript","useCallback","loadScript","useEffect"],"mappings":";;;AAgBM,MAAAA,IAAoB,CACxBC,GACAC,GACAC,GACAC,GACAC,GACAC,IAAuB,cACpB;AACH,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwBH,CAAK,GAC/D,CAACI,GAAcC,CAAe,IAAIF,EAAiB,GACnDG,IAAeC,EAAe,GAC9BC,IAAaX,IAAK,aAElBY,IAAiBC,EAAY,YAAY;AAC7C,IAAAR,EAAgB,SAAS;AACrB,QAAA;AACF,MAAAP,EAAOG,EAAU,OAAO,GAClB,MAAAa,EAAWf,GAAQC,CAAE,GAE3BF,EAAOG,EAAU,MAAM,GAClBQ,EAAa,YAChBJ,EAAgB,QAAQ,GACxBG,EAAgBT,CAAM;AAAA,IACxB,QACM;AAEN,UADAD,EAAOG,EAAU,MAAM,GACnB,CAACQ,EAAa,WAAaP;AACzB,YAAA;AACF,UAAAJ,EAAOG,EAAU,gBAA0B,GACrC,MAAAa,EAAWZ,GAAgBS,CAAU,GAC3Cb,EAAOG,EAAU,gBAA0B,GACtCQ,EAAa,YAChBJ,EAAgB,QAAQ,GACxBG,EAAgBN,CAAc;AAAA,QAChC,QACM;AACN,UAAAJ,EAAOG,EAAU,eAAyB,GACrCQ,EAAa,WAChBJ,EAAgB,OAAO;AAAA,QACzB;AAAA,IAEJ;AAAA,EACF,GACC,CAACN,GAAQE,GAAWC,GAAgBS,GAAYX,GAAIF,GAAQW,CAAY,CAAC;AAE5E,SAAAM,EAAU,MAAM;AACd,IAAIX,MAAiB,YACJQ,EAAA;AAAA,EACjB,GAIC,CAACA,CAAc,CAAC,GAEZ,EAAE,cAAAR,GAAc,cAAAG,GAAc,gBAAAK,EAAe;AACtD;"}

package/dist/features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js

@@ -1,7 +1,7 @@
 import { useContext as t } from "react";
 import o from "./learnosity-preloader-context.js";
-const e = () => t(o), a = e;
+const s = () => t(o);
 export {
-  a as default
+  s as default
 };
 //# sourceMappingURL=use-is-learnosity-loaded.js.map

package/dist/features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-learnosity-loaded.js","sources":["../../../../src/features/worksheet/learnosity-preloader/use-is-learnosity-loaded.ts"],"sourcesContent":["import type { IUseIsLearnosityLoaded } from './learnosity-preloader-types';\n\nimport { useContext } from 'react';\n\nimport LearnosityPreloaderContext from './learnosity-preloader-context';\n\nconst useIsLearnosityLoaded: IUseIsLearnosityLoaded = () => {\n  const context = useContext(LearnosityPreloaderContext);\n\n  return context;\n};\n\nexport default useIsLearnosityLoaded;\n"],"names":["useIsLearnosityLoaded","useContext","LearnosityPreloaderContext","useIsLearnosityLoaded$1"],"mappings":";;AAMA,MAAMA,IAAgD,MACpCC,EAAWC,CAA0B,GAKvDC,IAAeH;"}
+{"version":3,"file":"use-is-learnosity-loaded.js","sources":["../../../../src/features/worksheet/learnosity-preloader/use-is-learnosity-loaded.ts"],"sourcesContent":["import type { IUseIsLearnosityLoaded } from './learnosity-preloader-types';\n\nimport { useContext } from 'react';\n\nimport LearnosityPreloaderContext from './learnosity-preloader-context';\n\nconst useIsLearnosityLoaded: IUseIsLearnosityLoaded = () => {\n  const context = useContext(LearnosityPreloaderContext);\n\n  return context;\n};\n\nexport default useIsLearnosityLoaded;\n"],"names":["useIsLearnosityLoaded","useContext","LearnosityPreloaderContext"],"mappings":";;AAMA,MAAMA,IAAgD,MACpCC,EAAWC,CAA0B;"}

package/dist/features/worksheet/user-pointer-pin/hooks/use-user-location.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-user-location.js","sources":["../../../../../src/features/worksheet/user-pointer-pin/hooks/use-user-location.ts"],"sourcesContent":["import type { TUserTypes } from '../../../ui/types';\nimport type { IWorksheetQuestion } from '../../worksheet/worksheet-types';\n\nimport { useAVMessage } from '@cuemath/av';\nimport { useCallback, useMemo, useState } from 'react';\n\ninterface IUseRemoteUserLocationProps {\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  userType?: TUserTypes;\n}\n\ntype TpointerLocation = 'up' | 'down' | undefined;\n\ninterface IUseRemoteUserLocation {\n  peerLocation: TpointerLocation;\n  peerQuestionIndex: number | undefined;\n  peerItemNumber: number | undefined;\n}\n\nconst useRemoteUserLocation = ({\n  questions,\n  activeQuestionIndex,\n  userType,\n}: IUseRemoteUserLocationProps): IUseRemoteUserLocation => {\n  const [peerResponseId, setPeerResponseId] = useState<string | undefined>();\n  const peerQuestionIndex = useMemo(\n    () => questions.findIndex(qs => qs.response_id === peerResponseId),\n    [peerResponseId, questions],\n  );\n  const onPointerReceive = useCallback((_: string, data: Record<string, unknown>) => {\n    setPeerResponseId(data.id as string);\n  }, []);\n\n  useAVMessage<Record<string, unknown>>({\n    type: 'STUDENT_MOUSE_POINTER_POSITION_CHANGED',\n    onMessage: onPointerReceive,\n  });\n\n  if (\n    userType !== 'TEACHER' ||\n    peerQuestionIndex === -1 ||\n    activeQuestionIndex === peerQuestionIndex\n  ) {\n    return {\n      peerLocation: undefined,\n      peerQuestionIndex: undefined,\n      peerItemNumber: undefined,\n    };\n  }\n\n  return {\n    peerLocation: peerQuestionIndex > activeQuestionIndex ? 'down' : 'up',\n    peerQuestionIndex,\n    peerItemNumber: questions[peerQuestionIndex]?.item_number,\n  };\n};\n\nexport default useRemoteUserLocation;\n"],"names":["useRemoteUserLocation","questions","activeQuestionIndex","userType","peerResponseId","setPeerResponseId","useState","peerQuestionIndex","useMemo","qs","onPointerReceive","useCallback","_","data","useAVMessage","_a"],"mappings":";;AAoBA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AACF,MAA2D;;AACzD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAA6B,GACnEC,IAAoBC;AAAA,IACxB,MAAMP,EAAU,UAAU,CAAMQ,MAAAA,EAAG,gBAAgBL,CAAc;AAAA,IACjE,CAACA,GAAgBH,CAAS;AAAA,EAAA,GAEtBS,IAAmBC,EAAY,CAACC,GAAWC,MAAkC;AACjF,IAAAR,EAAkBQ,EAAK,EAAY;AAAA,EACrC,GAAG,CAAE,CAAA;AAOL,SALsCC,EAAA;AAAA,IACpC,MAAM;AAAA,IACN,WAAWJ;AAAA,EAAA,CACZ,GAGCP,MAAa,aACbI,MAAsB,MACtBL,MAAwBK,IAEjB;AAAA,IACL,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,EAAA,IAIb;AAAA,IACL,cAAcA,IAAoBL,IAAsB,SAAS;AAAA,IACjE,mBAAAK;AAAA,IACA,iBAAgBQ,IAAAd,EAAUM,CAAiB,MAA3B,gBAAAQ,EAA8B;AAAA,EAAA;AAElD;"}
+{"version":3,"file":"use-user-location.js","sources":["../../../../../src/features/worksheet/user-pointer-pin/hooks/use-user-location.ts"],"sourcesContent":["import type { TUserTypes } from '../../../ui/types';\nimport type { IWorksheetQuestion } from '../../worksheet/worksheet-types';\n\nimport { useAVMessage } from '@cuemath/av';\nimport { useCallback, useMemo, useState } from 'react';\n\ninterface IUseRemoteUserLocationProps {\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  userType?: TUserTypes;\n}\n\ntype TpointerLocation = 'up' | 'down' | undefined;\n\ninterface IUseRemoteUserLocation {\n  peerLocation: TpointerLocation;\n  peerQuestionIndex: number | undefined;\n  peerItemNumber: number | undefined;\n}\n\nconst useRemoteUserLocation = ({\n  questions,\n  activeQuestionIndex,\n  userType,\n}: IUseRemoteUserLocationProps): IUseRemoteUserLocation => {\n  const [peerResponseId, setPeerResponseId] = useState<string | undefined>();\n  const peerQuestionIndex = useMemo(\n    () => questions.findIndex(qs => qs.response_id === peerResponseId),\n    [peerResponseId, questions],\n  );\n  const onPointerReceive = useCallback((_: string, data: Record<string, unknown>) => {\n    setPeerResponseId(data.id as string);\n  }, []);\n\n  useAVMessage<Record<string, unknown>>({\n    type: 'STUDENT_MOUSE_POINTER_POSITION_CHANGED',\n    onMessage: onPointerReceive,\n  });\n\n  if (\n    userType !== 'TEACHER' ||\n    peerQuestionIndex === -1 ||\n    activeQuestionIndex === peerQuestionIndex\n  ) {\n    return {\n      peerLocation: undefined,\n      peerQuestionIndex: undefined,\n      peerItemNumber: undefined,\n    };\n  }\n\n  return {\n    peerLocation: peerQuestionIndex > activeQuestionIndex ? 'down' : 'up',\n    peerQuestionIndex,\n    peerItemNumber: questions[peerQuestionIndex]?.item_number,\n  };\n};\n\nexport default useRemoteUserLocation;\n"],"names":["useRemoteUserLocation","questions","activeQuestionIndex","userType","peerResponseId","setPeerResponseId","useState","peerQuestionIndex","useMemo","qs","onPointerReceive","useCallback","_","data","useAVMessage","_a"],"mappings":";;AAoBA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AACF,MAA2D;;AACzD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAA6B,GACnEC,IAAoBC;AAAA,IACxB,MAAMP,EAAU,UAAU,CAAMQ,MAAAA,EAAG,gBAAgBL,CAAc;AAAA,IACjE,CAACA,GAAgBH,CAAS;AAAA,EAC5B,GACMS,IAAmBC,EAAY,CAACC,GAAWC,MAAkC;AACjF,IAAAR,EAAkBQ,EAAK,EAAY;AAAA,EACrC,GAAG,EAAE;AAOL,SALsCC,EAAA;AAAA,IACpC,MAAM;AAAA,IACN,WAAWJ;AAAA,EAAA,CACZ,GAGCP,MAAa,aACbI,MAAsB,MACtBL,MAAwBK,IAEjB;AAAA,IACL,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,EAClB,IAGK;AAAA,IACL,cAAcA,IAAoBL,IAAsB,SAAS;AAAA,IACjE,mBAAAK;AAAA,IACA,iBAAgBQ,IAAAd,EAAUM,CAAiB,MAA3B,gBAAAQ,EAA8B;AAAA,EAChD;AACF;"}

package/dist/features/worksheet/user-pointer-pin/user-pin.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-pin.js","sources":["../../../../src/features/worksheet/user-pointer-pin/user-pin.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { IWorksheetQuestion } from '../worksheet/worksheet-types';\n\nimport React, { memo, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet/worksheet-helpers';\nimport useRemoteUserLocation from './hooks/use-user-location';\n\nconst USER_PIN_WIDTH = 32;\nconst USER_PIN_HEIGHT = 36;\n\nconst StyledImage = styled.img<{ $pointer: 'up' | 'down' | undefined }>`\n  position: absolute;\n  transform: ${({ $pointer }) =>\n    $pointer === 'down'\n      ? `translate(-${USER_PIN_WIDTH / 2}px, -${USER_PIN_HEIGHT}px)`\n      : `translate(-${USER_PIN_WIDTH / 2}px, 0)`};\n`;\n\nconst StickyContainer = styled(FlexView)<{\n  $pointer: 'up' | 'down' | undefined;\n  $topOffset: number;\n  $bottomOffset: number;\n}>(\n  ({ $pointer, $topOffset, $bottomOffset }) => `\n  position: sticky;\n  top: ${\n    $pointer === 'down' ? `calc(100% - ${$bottomOffset}px)` : `calc(${$topOffset + 48 + 8}px)`\n  };\n  z-index: 1;\n`,\n);\n\ninterface IUserPointerProps {\n  activeQuestionIndex: number;\n  onClick: (questionId: string) => void;\n  questions: IWorksheetQuestion[];\n  bottomOffset: number;\n  topOffset: number;\n  userType: TUserTypes;\n}\n\nconst UserPointer: React.FC<IUserPointerProps> = memo(props => {\n  const { activeQuestionIndex, questions, bottomOffset, topOffset, userType } = props;\n  const { peerLocation, peerQuestionIndex } = useRemoteUserLocation({\n    questions,\n    activeQuestionIndex,\n    userType,\n  });\n\n  const handleClick = useCallback(() => {\n    if (peerQuestionIndex === undefined) {\n      return null;\n    }\n\n    if (questions[peerQuestionIndex]?.response_id) {\n      const qrId = questions[peerQuestionIndex]?.response_id as string;\n\n      scrollToQuestion(qrId);\n    }\n  }, [peerQuestionIndex, questions]);\n\n  if (!peerLocation || userType !== 'TEACHER') {\n    return null;\n  }\n\n  return (\n    <StickyContainer\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $pointer={peerLocation}\n      $bottomOffset={bottomOffset}\n      $topOffset={topOffset}\n    >\n      <Clickable label=\"User Location Pointer\" onClick={handleClick}>\n        <StyledImage\n          $pointer={peerLocation}\n          width={USER_PIN_WIDTH}\n          height={USER_PIN_HEIGHT}\n          src={peerLocation === 'up' ? ILLUSTRATIONS.USER_UP : ILLUSTRATIONS.USER_DOWN}\n        />\n      </Clickable>\n    </StickyContainer>\n  );\n});\n\nexport default UserPointer;\n"],"names":["USER_PIN_WIDTH","USER_PIN_HEIGHT","StyledImage","styled","$pointer","StickyContainer","FlexView","$topOffset","$bottomOffset","UserPointer","memo","props","activeQuestionIndex","questions","bottomOffset","topOffset","userType","peerLocation","peerQuestionIndex","useRemoteUserLocation","handleClick","useCallback","_a","qrId","_b","scrollToQuestion","jsx","Clickable","ILLUSTRATIONS"],"mappings":";;;;;;;;AAYA,MAAMA,IAAiB,IACjBC,IAAkB,IAElBC,IAAcC,EAAO;AAAA;AAAA,eAEZ,CAAC,EAAE,UAAAC,QACdA,MAAa,SACT,cAAcJ,IAAiB,CAAC,QAAQC,CAAe,QACvD,cAAcD,IAAiB,CAAC,QAAQ;AAAA,GAG1CK,IAAkBF,EAAOG,CAAQ;AAAA,EAKrC,CAAC,EAAE,UAAAF,GAAU,YAAAG,GAAY,eAAAC,EAAoB,MAAA;AAAA;AAAA,SAG3CJ,MAAa,SAAS,eAAeI,CAAa,QAAQ,QAAQD,IAAa,KAAK,CAAC,KACvF;AAAA;AAAA;AAGF,GAWME,IAA2CC,EAAK,CAASC,MAAA;AAC7D,QAAM,EAAE,qBAAAC,GAAqB,WAAAC,GAAW,cAAAC,GAAc,WAAAC,GAAW,UAAAC,EAAa,IAAAL,GACxE,EAAE,cAAAM,GAAc,mBAAAC,EAAkB,IAAIC,EAAsB;AAAA,IAChE,WAAAN;AAAA,IACA,qBAAAD;AAAA,IACA,UAAAI;AAAA,EAAA,CACD,GAEKI,IAAcC,EAAY,MAAM;;AACpC,QAAIH,MAAsB;AACjB,aAAA;AAGL,SAAAI,IAAAT,EAAUK,CAAiB,MAA3B,QAAAI,EAA8B,aAAa;AACvC,YAAAC,KAAOC,IAAAX,EAAUK,CAAiB,MAA3B,gBAAAM,EAA8B;AAE3C,MAAAC,EAAiBF,CAAI;AAAA,IACvB;AAAA,EAAA,GACC,CAACL,GAAmBL,CAAS,CAAC;AAE7B,SAAA,CAACI,KAAgBD,MAAa,YACzB,OAIP,gBAAAU;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,UAAUY;AAAA,MACV,eAAeH;AAAA,MACf,YAAYC;AAAA,MAEZ,UAAC,gBAAAW,EAAAC,GAAA,EAAU,OAAM,yBAAwB,SAASP,GAChD,UAAA,gBAAAM;AAAA,QAACxB;AAAA,QAAA;AAAA,UACC,UAAUe;AAAA,UACV,OAAOjB;AAAA,UACP,QAAQC;AAAA,UACR,KAAKgB,MAAiB,OAAOW,EAAc,UAAUA,EAAc;AAAA,QAAA;AAAA,MAAA,GAEvE;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"user-pin.js","sources":["../../../../src/features/worksheet/user-pointer-pin/user-pin.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { IWorksheetQuestion } from '../worksheet/worksheet-types';\n\nimport React, { memo, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet/worksheet-helpers';\nimport useRemoteUserLocation from './hooks/use-user-location';\n\nconst USER_PIN_WIDTH = 32;\nconst USER_PIN_HEIGHT = 36;\n\nconst StyledImage = styled.img<{ $pointer: 'up' | 'down' | undefined }>`\n  position: absolute;\n  transform: ${({ $pointer }) =>\n    $pointer === 'down'\n      ? `translate(-${USER_PIN_WIDTH / 2}px, -${USER_PIN_HEIGHT}px)`\n      : `translate(-${USER_PIN_WIDTH / 2}px, 0)`};\n`;\n\nconst StickyContainer = styled(FlexView)<{\n  $pointer: 'up' | 'down' | undefined;\n  $topOffset: number;\n  $bottomOffset: number;\n}>(\n  ({ $pointer, $topOffset, $bottomOffset }) => `\n  position: sticky;\n  top: ${\n    $pointer === 'down' ? `calc(100% - ${$bottomOffset}px)` : `calc(${$topOffset + 48 + 8}px)`\n  };\n  z-index: 1;\n`,\n);\n\ninterface IUserPointerProps {\n  activeQuestionIndex: number;\n  onClick: (questionId: string) => void;\n  questions: IWorksheetQuestion[];\n  bottomOffset: number;\n  topOffset: number;\n  userType: TUserTypes;\n}\n\nconst UserPointer: React.FC<IUserPointerProps> = memo(props => {\n  const { activeQuestionIndex, questions, bottomOffset, topOffset, userType } = props;\n  const { peerLocation, peerQuestionIndex } = useRemoteUserLocation({\n    questions,\n    activeQuestionIndex,\n    userType,\n  });\n\n  const handleClick = useCallback(() => {\n    if (peerQuestionIndex === undefined) {\n      return null;\n    }\n\n    if (questions[peerQuestionIndex]?.response_id) {\n      const qrId = questions[peerQuestionIndex]?.response_id as string;\n\n      scrollToQuestion(qrId);\n    }\n  }, [peerQuestionIndex, questions]);\n\n  if (!peerLocation || userType !== 'TEACHER') {\n    return null;\n  }\n\n  return (\n    <StickyContainer\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $pointer={peerLocation}\n      $bottomOffset={bottomOffset}\n      $topOffset={topOffset}\n    >\n      <Clickable label=\"User Location Pointer\" onClick={handleClick}>\n        <StyledImage\n          $pointer={peerLocation}\n          width={USER_PIN_WIDTH}\n          height={USER_PIN_HEIGHT}\n          src={peerLocation === 'up' ? ILLUSTRATIONS.USER_UP : ILLUSTRATIONS.USER_DOWN}\n        />\n      </Clickable>\n    </StickyContainer>\n  );\n});\n\nexport default UserPointer;\n"],"names":["USER_PIN_WIDTH","USER_PIN_HEIGHT","StyledImage","styled","$pointer","StickyContainer","FlexView","$topOffset","$bottomOffset","UserPointer","memo","props","activeQuestionIndex","questions","bottomOffset","topOffset","userType","peerLocation","peerQuestionIndex","useRemoteUserLocation","handleClick","useCallback","_a","qrId","_b","scrollToQuestion","jsx","Clickable","ILLUSTRATIONS"],"mappings":";;;;;;;;AAYA,MAAMA,IAAiB,IACjBC,IAAkB,IAElBC,IAAcC,EAAO;AAAA;AAAA,eAEZ,CAAC,EAAE,UAAAC,QACdA,MAAa,SACT,cAAcJ,IAAiB,CAAC,QAAQC,CAAe,QACvD,cAAcD,IAAiB,CAAC,QAAQ;AAAA,GAG1CK,IAAkBF,EAAOG,CAAQ;AAAA,EAKrC,CAAC,EAAE,UAAAF,GAAU,YAAAG,GAAY,eAAAC,QAAoB;AAAA;AAAA,SAG3CJ,MAAa,SAAS,eAAeI,CAAa,QAAQ,QAAQD,IAAa,KAAK,CAAC,KACvF;AAAA;AAAA;AAGF,GAWME,IAA2CC,EAAK,CAASC,MAAA;AAC7D,QAAM,EAAE,qBAAAC,GAAqB,WAAAC,GAAW,cAAAC,GAAc,WAAAC,GAAW,UAAAC,MAAaL,GACxE,EAAE,cAAAM,GAAc,mBAAAC,EAAkB,IAAIC,EAAsB;AAAA,IAChE,WAAAN;AAAA,IACA,qBAAAD;AAAA,IACA,UAAAI;AAAA,EAAA,CACD,GAEKI,IAAcC,EAAY,MAAM;;AACpC,QAAIH,MAAsB;AACjB,aAAA;AAGL,SAAAI,IAAAT,EAAUK,CAAiB,MAA3B,QAAAI,EAA8B,aAAa;AACvC,YAAAC,KAAOC,IAAAX,EAAUK,CAAiB,MAA3B,gBAAAM,EAA8B;AAE3C,MAAAC,EAAiBF,CAAI;AAAA,IAAA;AAAA,EACvB,GACC,CAACL,GAAmBL,CAAS,CAAC;AAE7B,SAAA,CAACI,KAAgBD,MAAa,YACzB,OAIP,gBAAAU;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,UAAUY;AAAA,MACV,eAAeH;AAAA,MACf,YAAYC;AAAA,MAEZ,UAAC,gBAAAW,EAAAC,GAAA,EAAU,OAAM,yBAAwB,SAASP,GAChD,UAAA,gBAAAM;AAAA,QAACxB;AAAA,QAAA;AAAA,UACC,UAAUe;AAAA,UACV,OAAOjB;AAAA,UACP,QAAQC;AAAA,UACR,KAAKgB,MAAiB,OAAOW,EAAc,UAAUA,EAAc;AAAA,QAAA;AAAA,MAAA,EAEvE,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/dist/features/worksheet/worksheet/constants.js

@@ -1,22 +1,22 @@
-const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, E = 42, c = 16, a = 56, _ = 0, o = 360, O = 52, N = { left: 0, top: 56 }, R = [
+const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, a = 42, c = 16, E = 56, o = 0, _ = 360, O = 52, N = { left: 0, top: 56 }, A = [
   "practice-basic-optional",
   "practice-regular-optional",
   "advanced-we-do",
   "advanced-your-turn",
   "advanced-explore",
   "advanced-practice"
-], A = 2e3, S = [
+], R = [
   { name: "CORRECT", url: "https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3" },
   {
     name: "INCORRECT",
     url: "https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3"
   }
-], i = [
+], S = [
   {
     name: "VALIDATE",
     url: "https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3"
   }
-], l = [
+], i = [
   {
     label: "Answered all the questions independently.",
     id: "E"
@@ -31,23 +31,22 @@ const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, E = 42, c = 16, a = 56,
   }
 ];
 export {
-  a as ACTION_BAR_HEIGHT,
-  A as CLOZE_FORMULA_RESPONSE_LIMIT,
+  E as ACTION_BAR_HEIGHT,
   N as DESMOS_CALC_POSITION,
-  l as EXIT_TICKET_RATING_OPTIONS,
+  i as EXIT_TICKET_RATING_OPTIONS,
   s as INTERSECTION_OBSERVER_THRESHOLD_POINTS,
   T as INTERSECTION_OBSERVER_THROTTLE_TIME,
-  o as LEARNOSITY_KEYBOARD_HEIGHT,
-  R as OPTIONAL_ITEM_TYPES,
+  _ as LEARNOSITY_KEYBOARD_HEIGHT,
+  A as OPTIONAL_ITEM_TYPES,
   c as QUESTIONS_GAP,
   t as QUESTION_WIDTH,
   O as SIDEBAR_WIDTH,
   e as SPLIT_QUESTION_WIDTH,
-  S as SYSTEM_VALIDATION_AUDIO_LIST,
-  i as TEACHER_VALIDATION_AUDIO_LIST,
-  E as TOP_NAVIGATION_ARROW_WIDTH,
+  R as SYSTEM_VALIDATION_AUDIO_LIST,
+  S as TEACHER_VALIDATION_AUDIO_LIST,
+  a as TOP_NAVIGATION_ARROW_WIDTH,
   I as TOP_NAVIGATION_HEIGHT,
-  _ as WORKSHEET_CONTAINER_BORDER_RADIUS,
+  o as WORKSHEET_CONTAINER_BORDER_RADIUS,
   n as WORKSHEET_NUDGE_BANNER_HEIGHT
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/worksheet/worksheet/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/worksheet/worksheet/constants.ts"],"sourcesContent":["import type { QUESTIONS_RATING, TItemType } from './worksheet-types';\n\nexport const QUESTION_WIDTH = 792;\nexport const SPLIT_QUESTION_WIDTH = 1008; // 1024 - 16\nexport const INTERSECTION_OBSERVER_THRESHOLD_POINTS = 30;\nexport const INTERSECTION_OBSERVER_THROTTLE_TIME = 32; // in ms, 2 frames\nexport const WORKSHEET_NUDGE_BANNER_HEIGHT = 28;\n\nexport const TOP_NAVIGATION_HEIGHT = 48;\nexport const TOP_NAVIGATION_ARROW_WIDTH = 42;\n\nexport const QUESTIONS_GAP = 16;\nexport const ACTION_BAR_HEIGHT = 56;\nexport const WORKSHEET_CONTAINER_BORDER_RADIUS = 0;\nexport const LEARNOSITY_KEYBOARD_HEIGHT = 360;\nexport const SIDEBAR_WIDTH = 52;\n\nexport const DESMOS_CALC_POSITION = { left: 0, top: 56 };\n\nexport const OPTIONAL_ITEM_TYPES: TItemType[] = [\n  'practice-basic-optional',\n  'practice-regular-optional',\n  'advanced-we-do',\n  'advanced-your-turn',\n  'advanced-explore',\n  'advanced-practice',\n];\nexport const CLOZE_FORMULA_RESPONSE_LIMIT = 2000;\n\nexport const SYSTEM_VALIDATION_AUDIO_LIST = [\n  { name: 'CORRECT', url: 'https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3' },\n  {\n    name: 'INCORRECT',\n    url: 'https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3',\n  },\n];\nexport const TEACHER_VALIDATION_AUDIO_LIST = [\n  {\n    name: 'VALIDATE',\n    url: 'https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3',\n  },\n];\n\nexport const EXIT_TICKET_RATING_OPTIONS: Array<{\n  label: string;\n  id: keyof typeof QUESTIONS_RATING;\n}> = [\n  {\n    label: 'Answered all the questions independently.',\n    id: 'E',\n  },\n  {\n    label: 'Needed some help to answer the questions.',\n    id: 'S',\n  },\n  {\n    label: 'Needed a lot of help to answer the questions.',\n    id: 'H',\n  },\n];\n"],"names":["QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","INTERSECTION_OBSERVER_THRESHOLD_POINTS","INTERSECTION_OBSERVER_THROTTLE_TIME","WORKSHEET_NUDGE_BANNER_HEIGHT","TOP_NAVIGATION_HEIGHT","TOP_NAVIGATION_ARROW_WIDTH","QUESTIONS_GAP","ACTION_BAR_HEIGHT","WORKSHEET_CONTAINER_BORDER_RADIUS","LEARNOSITY_KEYBOARD_HEIGHT","SIDEBAR_WIDTH","DESMOS_CALC_POSITION","OPTIONAL_ITEM_TYPES","CLOZE_FORMULA_RESPONSE_LIMIT","SYSTEM_VALIDATION_AUDIO_LIST","TEACHER_VALIDATION_AUDIO_LIST","EXIT_TICKET_RATING_OPTIONS"],"mappings":"AAEO,MAAMA,IAAiB,KACjBC,IAAuB,MACvBC,IAAyC,IACzCC,IAAsC,IACtCC,IAAgC,IAEhCC,IAAwB,IACxBC,IAA6B,IAE7BC,IAAgB,IAChBC,IAAoB,IACpBC,IAAoC,GACpCC,IAA6B,KAC7BC,IAAgB,IAEhBC,IAAuB,EAAE,MAAM,GAAG,KAAK,GAAG,GAE1CC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACaC,IAA+B,KAE/BC,IAA+B;AAAA,EAC1C,EAAE,MAAM,WAAW,KAAK,wEAAwE;AAAA,EAChG;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GACaC,IAAgC;AAAA,EAC3C;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GAEaC,IAGR;AAAA,EACH;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/worksheet/worksheet/constants.ts"],"sourcesContent":["import type { QUESTIONS_RATING, TItemType } from './worksheet-types';\n\nexport const QUESTION_WIDTH = 792;\nexport const SPLIT_QUESTION_WIDTH = 1008; // 1024 - 16\nexport const INTERSECTION_OBSERVER_THRESHOLD_POINTS = 30;\nexport const INTERSECTION_OBSERVER_THROTTLE_TIME = 32; // in ms, 2 frames\nexport const WORKSHEET_NUDGE_BANNER_HEIGHT = 28;\n\nexport const TOP_NAVIGATION_HEIGHT = 48;\nexport const TOP_NAVIGATION_ARROW_WIDTH = 42;\n\nexport const QUESTIONS_GAP = 16;\nexport const ACTION_BAR_HEIGHT = 56;\nexport const WORKSHEET_CONTAINER_BORDER_RADIUS = 0;\nexport const LEARNOSITY_KEYBOARD_HEIGHT = 360;\nexport const SIDEBAR_WIDTH = 52;\n\nexport const DESMOS_CALC_POSITION = { left: 0, top: 56 };\n\nexport const OPTIONAL_ITEM_TYPES: TItemType[] = [\n  'practice-basic-optional',\n  'practice-regular-optional',\n  'advanced-we-do',\n  'advanced-your-turn',\n  'advanced-explore',\n  'advanced-practice',\n];\n\nexport const SYSTEM_VALIDATION_AUDIO_LIST = [\n  { name: 'CORRECT', url: 'https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3' },\n  {\n    name: 'INCORRECT',\n    url: 'https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3',\n  },\n];\nexport const TEACHER_VALIDATION_AUDIO_LIST = [\n  {\n    name: 'VALIDATE',\n    url: 'https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3',\n  },\n];\n\nexport const EXIT_TICKET_RATING_OPTIONS: Array<{\n  label: string;\n  id: keyof typeof QUESTIONS_RATING;\n}> = [\n  {\n    label: 'Answered all the questions independently.',\n    id: 'E',\n  },\n  {\n    label: 'Needed some help to answer the questions.',\n    id: 'S',\n  },\n  {\n    label: 'Needed a lot of help to answer the questions.',\n    id: 'H',\n  },\n];\n"],"names":["QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","INTERSECTION_OBSERVER_THRESHOLD_POINTS","INTERSECTION_OBSERVER_THROTTLE_TIME","WORKSHEET_NUDGE_BANNER_HEIGHT","TOP_NAVIGATION_HEIGHT","TOP_NAVIGATION_ARROW_WIDTH","QUESTIONS_GAP","ACTION_BAR_HEIGHT","WORKSHEET_CONTAINER_BORDER_RADIUS","LEARNOSITY_KEYBOARD_HEIGHT","SIDEBAR_WIDTH","DESMOS_CALC_POSITION","OPTIONAL_ITEM_TYPES","SYSTEM_VALIDATION_AUDIO_LIST","TEACHER_VALIDATION_AUDIO_LIST","EXIT_TICKET_RATING_OPTIONS"],"mappings":"AAEO,MAAMA,IAAiB,KACjBC,IAAuB,MACvBC,IAAyC,IACzCC,IAAsC,IACtCC,IAAgC,IAEhCC,IAAwB,IACxBC,IAA6B,IAE7BC,IAAgB,IAChBC,IAAoB,IACpBC,IAAoC,GACpCC,IAA6B,KAC7BC,IAAgB,IAEhBC,IAAuB,EAAE,MAAM,GAAG,KAAK,GAAG,GAE1CC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA+B;AAAA,EAC1C,EAAE,MAAM,WAAW,KAAK,wEAAwE;AAAA,EAChG;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,GACaC,IAAgC;AAAA,EAC3C;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,GAEaC,IAGR;AAAA,EACH;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EAAA;AAER;"}