@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

package/dist/features/ui/time-left-timeline/time-left-timeline-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-left-timeline-styled.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline-styled.ts"],"sourcesContent":["import type { IProgressBarProps, ITextWrapperProps } from './time-left-timeline-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nexport const Wrapper = styled(FlexView)(\n  () => `\n    position: relative;\n    z-index: 1;\n  `,\n);\n\nexport const ProgressBar = styled.div<IProgressBarProps>(\n  ({ theme, $percentageCompleted, $backgroundColor, $barBackgroundColor }) => {\n    const {\n      colors,\n      layout: { gutter },\n    } = theme;\n\n    return `\n      position:absolute;\n      height:${gutter * 0.25}px;\n      width:100%;\n      top:50%;\n      transform: translateY(-50%);\n      background-image: linear-gradient(to right, ${colors[$backgroundColor]} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%, ${colors[$barBackgroundColor ?? 'WHITE_5']} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%);\n    `;\n  },\n);\n\nexport const TextWrapper = styled.div<ITextWrapperProps>(({ theme, $percentageCompleted }) => {\n  const { colors, layout } = theme;\n  const { gutter } = layout;\n\n  return `\n      position: absolute;\n      top: ${gutter * 0.875}px;\n      display:flex;\n      align-items:center;\n      width:fit-content;\n      height: ${gutter * 1.75}px;\n      ${\n        $percentageCompleted < 50\n          ? `left:${$percentageCompleted === 0 ? 0 : $percentageCompleted}%`\n          : `right:${$percentageCompleted === 100 ? 0 : 100 - $percentageCompleted}%`\n      };\n      padding: 0 ${gutter * 0.75}px;\n      background:${colors.BLACK_T_87};\n    `;\n});\n"],"names":["Wrapper","styled","FlexView","ProgressBar","theme","$percentageCompleted","$backgroundColor","$barBackgroundColor","colors","gutter","TextWrapper","layout"],"mappings":";;AAMa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR,GAEaC,IAAcF,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAG,GAAO,sBAAAC,GAAsB,kBAAAC,GAAkB,qBAAAC,QAA0B;AACpE,UAAA;AAAA,MACJ,QAAAC;AAAA,MACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACf,IAAAL;AAEG,WAAA;AAAA;AAAA,eAEIK,IAAS,IAAI;AAAA;AAAA;AAAA;AAAA,oDAIwBD,EAAOF,CAAgB,CAAC,IACpED,MAAyB,IAAI,IAAIA,CACnC,MAAMG,EAAOD,KAAuB,SAAS,CAAC,IAC5CF,MAAyB,IAAI,IAAIA,CACnC;AAAA;AAAA,EAEJ;AACF,GAEaK,IAAcT,EAAO,IAAuB,CAAC,EAAE,OAAAG,GAAO,sBAAAC,QAA2B;AACtF,QAAA,EAAE,QAAAG,GAAQ,QAAAG,EAAW,IAAAP,GACrB,EAAE,QAAAK,EAAW,IAAAE;AAEZ,SAAA;AAAA;AAAA,aAEIF,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIXA,IAAS,IAAI;AAAA,QAErBJ,IAAuB,KACnB,QAAQA,MAAyB,IAAI,IAAIA,CAAoB,MAC7D,SAASA,MAAyB,MAAM,IAAI,MAAMA,CAAoB,GAC5E;AAAA,mBACaI,IAAS,IAAI;AAAA,mBACbD,EAAO,UAAU;AAAA;AAEpC,CAAC;"}

package/dist/features/ui/time-left-timeline/time-left-timeline.js

@@ -0,0 +1,39 @@
+import { jsxs as i, jsx as p } from "react/jsx-runtime";
+import { h as n } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import s from "react";
+import $ from "../text/text.js";
+import { Wrapper as h, ProgressBar as T, TextWrapper as f } from "./time-left-timeline-styled.js";
+const g = s.memo(
+  ({
+    unitsLeft: e,
+    totalUnits: r,
+    width: o,
+    widthX: t,
+    unit: a,
+    backgroundColor: d = "YELLOW_4",
+    showRemainingTime: l,
+    barBackgroundColor: c
+  }) => {
+    const m = (r - e) / r * 100;
+    return /* @__PURE__ */ i(h, { $width: t === void 0 && o === void 0 ? "100%" : o, $widthX: t, $heightX: 2, children: [
+      /* @__PURE__ */ p(
+        T,
+        {
+          $backgroundColor: d,
+          $percentageCompleted: m,
+          $barBackgroundColor: c
+        }
+      ),
+      l && /* @__PURE__ */ p(f, { $percentageCompleted: m, children: /* @__PURE__ */ i($, { $renderAs: "ub3", $color: "WHITE", children: [
+        e,
+        " ",
+        n.pluralize(e, a),
+        " left"
+      ] }) })
+    ] });
+  }
+), P = g;
+export {
+  P as default
+};
+//# sourceMappingURL=time-left-timeline.js.map

package/dist/features/ui/time-left-timeline/time-left-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-left-timeline.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline.tsx"],"sourcesContent":["import type { ITimeLeftTimelineProps } from './time-left-timeline-types';\n\nimport { pluralize } from 'humanize-plus';\nimport React from 'react';\n\nimport Text from '../text/text';\nimport { ProgressBar, TextWrapper, Wrapper } from './time-left-timeline-styled';\n\n/**\n * A component which shows a static progress bar with a text label indicating the progress.\n * If none of width and widthX is provided, it takes 100% width of the parent.\n * @prop {number} unitsLeft - Number of (days/months/classes) left\n * @prop {number} totalUnits - Total Number of (days/months/classes)\n * @prop {number} width - Width to be used for the progress bar\n * @prop {number} widthX - WidthX * gutter defines the width.\n * @prop {string} unit - Unit to be used for the progress bar\n *\n */\n\nconst TimeLeftTimeline: React.FC<ITimeLeftTimelineProps> = React.memo(\n  ({\n    unitsLeft,\n    totalUnits,\n    width,\n    widthX,\n    unit,\n    backgroundColor = 'YELLOW_4',\n    showRemainingTime,\n    barBackgroundColor,\n  }) => {\n    const percentageCompleted = ((totalUnits - unitsLeft) / totalUnits) * 100;\n\n    const widthToPass = widthX === undefined && width === undefined ? '100%' : width;\n\n    return (\n      <Wrapper $width={widthToPass} $widthX={widthX} $heightX={2}>\n        <ProgressBar\n          $backgroundColor={backgroundColor}\n          $percentageCompleted={percentageCompleted}\n          $barBackgroundColor={barBackgroundColor}\n        />\n\n        {showRemainingTime && (\n          <TextWrapper $percentageCompleted={percentageCompleted}>\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {unitsLeft} {pluralize(unitsLeft, unit)} left\n            </Text>\n          </TextWrapper>\n        )}\n      </Wrapper>\n    );\n  },\n);\n\nexport default TimeLeftTimeline;\n"],"names":["TimeLeftTimeline","React","unitsLeft","totalUnits","width","widthX","unit","backgroundColor","showRemainingTime","barBackgroundColor","percentageCompleted","Wrapper","jsx","ProgressBar","TextWrapper","Text","pluralize","TimeLeftTimeline$1"],"mappings":";;;;;AAmBA,MAAMA,IAAqDC,EAAM;AAAA,EAC/D,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,mBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,KAAwBP,IAAaD,KAAaC,IAAc;AAItE,6BACGQ,GAAQ,EAAA,QAHSN,MAAW,UAAaD,MAAU,SAAY,SAASA,GAG3C,SAASC,GAAQ,UAAU,GACvD,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,kBAAkBN;AAAA,UAClB,sBAAsBG;AAAA,UACtB,qBAAqBD;AAAA,QAAA;AAAA,MACvB;AAAA,MAECD,KACE,gBAAAI,EAAAE,GAAA,EAAY,sBAAsBJ,GACjC,4BAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAA;AAAA,QAAAb;AAAA,QAAU;AAAA,QAAEc,EAAA,UAAUd,GAAWI,CAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CAC1C,EACF,CAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAW,IAAejB;"}

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

@@ -0,0 +1,74 @@
+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 d from "../../layout/flex-view.js";
+import h from "../../loader/reverse-circular-bar/reverse-circular-bar.js";
+import I from "../../text/text.js";
+const w = l.div`
+  position: absolute;
+  left: 50%;
+  top: 54%;
+  transform: translate(-50%, -50%);
+`, S = l(d)`
+  position: relative;
+`, x = ({
+  hideDigits: o,
+  onTimerComplete: t,
+  timeRemaining: i,
+  duration: p,
+  theme: n
+}) => {
+  const [e, u] = g(i);
+  f(() => {
+    const m = setInterval(() => {
+      u((s) => s <= 1 ? (clearInterval(m), 0) : s - 1);
+    }, 1e3);
+    return () => clearInterval(m);
+  }, []), f(() => {
+    !e && t && t();
+  }, [t, e]);
+  const a = $(e);
+  return /* @__PURE__ */ c(
+    d,
+    {
+      $gap: 4,
+      $gutter: o ? 4 : 8,
+      $background: n,
+      $flexDirection: "row",
+      $alignItems: "center",
+      $borderRadius: 18,
+      $width: "fit-content",
+      $flexGap: 4,
+      children: [
+        /* @__PURE__ */ c(S, { children: [
+          /* @__PURE__ */ r("img", { src: R.CROSSHAIR_CIRCLE, width: 28, height: 28 }),
+          /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(
+            h,
+            {
+              timeRemaining: i,
+              duration: p,
+              color: n === "GREEN_1" ? "GREEN_5" : "ORANGE_5",
+              width: 14,
+              height: 14
+            }
+          ) })
+        ] }),
+        !o && /* @__PURE__ */ r(
+          I,
+          {
+            $width: a.length > 5 ? 66 : 46,
+            $alignSelf: "center",
+            $renderAs: "eyebrow1",
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}, T = x;
+export {
+  T as default
+};
+//# sourceMappingURL=countdown-timer.js.map

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

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

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

@@ -0,0 +1,60 @@
+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 { 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);
+  }, [r]), [d, y] = P(!!n), u = () => {
+    e && i("VIDEO_CLICK", e);
+  }, E = () => {
+    var o;
+    y(!1), (o = l.current) == null || o.play(), u();
+  }, b = () => {
+    e && i("VIDEO_PLAY", e);
+  }, w = () => {
+    e && i("VIDEO_ENDED", e);
+  }, h = !!(n && !d);
+  return /* @__PURE__ */ m(C, { id: "test", $width: a, $height: a, children: [
+    d && /* @__PURE__ */ m(D, { onClick: E, children: [
+      /* @__PURE__ */ t(
+        k,
+        {
+          src: n,
+          withLoader: !1,
+          width: "100%",
+          height: s
+        }
+      ),
+      /* @__PURE__ */ t(v, {})
+    ] }),
+    /* @__PURE__ */ t(g, { children: f ? /* @__PURE__ */ t(
+      "iframe",
+      {
+        id: "frame",
+        width: a,
+        height: s,
+        src: `${r}&enablejsapi=1${h ? "&autoplay=1" : ""}`,
+        title: "YouTube video player",
+        allow: "accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; autoplay;",
+        referrerPolicy: "strict-origin-when-cross-origin",
+        allowFullScreen: !0
+      }
+    ) : /* @__PURE__ */ t(
+      "video",
+      {
+        onClick: u,
+        onPlay: b,
+        onEnded: w,
+        ref: l,
+        autoPlay: h,
+        ...c
+      }
+    ) })
+  ] });
+}, j = _;
+export {
+  j as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,44 @@
+import o from "styled-components";
+import i from "../../../assets/line-icons/icons/play.js";
+import r from "../image/image.js";
+import e from "../layout/flex-view.js";
+const s = o(e)(
+  () => `
+        position: relative;
+        &:hover {
+          cursor: pointer;
+        }
+    `
+), l = o(i)(
+  ({
+    theme: {
+      layout: { gutter: t }
+    }
+  }) => `
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+    width: ${t * 6.25}px;
+    height: ${t * 6.25}px;
+  `
+), h = o.div`
+  z-index: 2;
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+`, c = o(r)`
+  filter: brightness(0.75);
+  &:hover {
+    cursor: pointer;
+  }
+`;
+export {
+  s as MediaWrapper,
+  h as Thumbnail,
+  c as ThumbnailImage,
+  l as ThumbnailPlayIcon
+};
+//# sourceMappingURL=styled.js.map

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

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

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

@@ -0,0 +1,15 @@
+const c = {}, l = (s, e) => {
+  let r = c[e];
+  return r || (r = new Promise((d, a) => {
+    const n = 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();
+    }, 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;
+export {
+  p as default
+};
+//# sourceMappingURL=load-script.js.map

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

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

package/dist/features/utils/utils.js

@@ -0,0 +1,19 @@
+import { addYears as s } from "../../node_modules/date-fns/addYears.js";
+const c = (t) => Array.isArray(t) && t.length > 0, i = (t) => {
+  const r = (n) => n.toString().padStart(2, "0"), e = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), a = t % 60;
+  return e > 0 ? `${r(e)}:${r(o)}:${r(a)}` : `${r(o)}:${r(a)}`;
+}, d = async (t) => await new Promise((r) => {
+  const e = setTimeout(() => {
+    clearTimeout(e), r("resolved");
+  }, t);
+}), l = () => {
+  const r = s(/* @__PURE__ */ new Date(), 1);
+  return Math.floor(r.getTime() / 1e3);
+};
+export {
+  d as delay,
+  l as epochTimestampAfterOneYear,
+  i as formatTimeInHHMMSS,
+  c as isNonEmptyArray
+};
+//# sourceMappingURL=utils.js.map

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

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

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

@@ -0,0 +1,41 @@
+const _ = {
+  WORKSHEET_V3_SCRIPT_LOADING: "worksheet_v3_script_loading",
+  WORKSHEET_V3_SCRIPT_LOADED: "worksheet_v3_script_loaded",
+  WORKSHEET_V3_SCRIPT_FAILED: "worksheet_v3_script_failed",
+  WORKSHEET_V3_SCRIPT_FALLBACK_LOADING: "worksheet_v3_script_fallback_loading",
+  WORKSHEET_V3_SCRIPT_FALLBACK_LOADED: "worksheet_v3_script_fallback_loaded",
+  WORKSHEET_V3_SCRIPT_FALLBACK_FAILED: "worksheet_v3_script_fallback_failed",
+  WORKSHEET_V3_SCRIPT_READY: "worksheet_v3_script_ready",
+  WORKSHEET_V3_ITEMS_LOADING: "worksheet_v3_items_loading",
+  WORKSHEET_V3_ITEMS_LOADED: "worksheet_v3_items_loaded",
+  WORKSHEET_V3_ITEMS_FAILED: "worksheet_v3_items_failed",
+  WORKSHEET_V3_ATTEMPT_RESPONSES_LOADING: "worksheet_v3_attempt_responses_loading",
+  WORKSHEET_V3_ATTEMPT_RESPONSES_LOADED: "worksheet_v3_attempt_responses_loaded",
+  WORKSHEET_V3_ATTEMPT_RESPONSES_FAILED: "worksheet_v3_attempt_responses_failed",
+  WORKSHHEET_V3_LEANROSITY_INITIALIZING: "worksheet_v3_learnosity_initializing",
+  WORKSHEET_V3_LEARNOSITY_INITIALIZED: "worksheet_v3_learnosity_initialized",
+  WORKSHEET_V3_LEARNOSITY_FAILED: "worksheet_v3_learnosity_failed",
+  WORKSHEET_V3_READY: "worksheet_v3_ready",
+  WORKSHEET_V3_QUESTION_APPENDING_QUEUED: "worksheet_v3_question_appending_queued",
+  WORKSHEET_V3_QUESTION_APPENDING: "worksheet_v3_question_appending",
+  WORKSHEET_V3_QUESTION_APPENDED: "worksheet_v3_question_appended",
+  WORKSHEET_V3_FIRST_QUESTION_APPENDED: "worksheet_v3_first_question_appended",
+  WORKSHEET_V3_QUESTION_MISSING_VALIDATION: "worksheet_v3_question_missing_validation",
+  MATHJAX_COMPILE_ERROR: "mathjax_compile_error",
+  MATHJAX_TYPESET_ERROR: "mathjax_typeset_error",
+  MATHJAX_FORMAT_ERROR: "mathjax_format_error",
+  MATHJAX_SCRIPT_LOADING: "mathjax_script_loading",
+  MATHJAX_SCRIPT_LOADED: "mathjax_script_loaded",
+  MATHJAX_SCRIPT_FAILED: "mathjax_script_failed",
+  POLYPAD_SCRIPT_LOADING: "polypad_script_loading",
+  POLYPAD_SCRIPT_LOADED: "polypad_script_loaded",
+  POLYPAD_SCRIPT_FAILED: "polypad_script_failed",
+  WORKSHEET_V3_SCRIBBLE_TOGGLE: "worksheet_v3_scribble_toggled",
+  WORKSHEET_V3_HINT_SEEN: "worksheet_v3_hint_seen",
+  WORKSHEET_V3_SOLUTION_SEEN: "worksheet_v3_solution_seen",
+  WORKSHEET_V3_GREATER_WIDTH_ELEMENT: "worksheet_v3_greater_width_element"
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=events.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sources":["../../../../src/features/worksheet/constants/events.ts"],"sourcesContent":["const EVENTS = {\n  WORKSHEET_V3_SCRIPT_LOADING: 'worksheet_v3_script_loading',\n  WORKSHEET_V3_SCRIPT_LOADED: 'worksheet_v3_script_loaded',\n  WORKSHEET_V3_SCRIPT_FAILED: 'worksheet_v3_script_failed',\n\n  WORKSHEET_V3_SCRIPT_FALLBACK_LOADING: 'worksheet_v3_script_fallback_loading',\n  WORKSHEET_V3_SCRIPT_FALLBACK_LOADED: 'worksheet_v3_script_fallback_loaded',\n  WORKSHEET_V3_SCRIPT_FALLBACK_FAILED: 'worksheet_v3_script_fallback_failed',\n\n  WORKSHEET_V3_SCRIPT_READY: 'worksheet_v3_script_ready',\n\n  WORKSHEET_V3_ITEMS_LOADING: 'worksheet_v3_items_loading',\n  WORKSHEET_V3_ITEMS_LOADED: 'worksheet_v3_items_loaded',\n  WORKSHEET_V3_ITEMS_FAILED: 'worksheet_v3_items_failed',\n\n  WORKSHEET_V3_ATTEMPT_RESPONSES_LOADING: 'worksheet_v3_attempt_responses_loading',\n  WORKSHEET_V3_ATTEMPT_RESPONSES_LOADED: 'worksheet_v3_attempt_responses_loaded',\n  WORKSHEET_V3_ATTEMPT_RESPONSES_FAILED: 'worksheet_v3_attempt_responses_failed',\n\n  WORKSHHEET_V3_LEANROSITY_INITIALIZING: 'worksheet_v3_learnosity_initializing',\n  WORKSHEET_V3_LEARNOSITY_INITIALIZED: 'worksheet_v3_learnosity_initialized',\n  WORKSHEET_V3_LEARNOSITY_FAILED: 'worksheet_v3_learnosity_failed',\n\n  WORKSHEET_V3_READY: 'worksheet_v3_ready',\n\n  WORKSHEET_V3_QUESTION_APPENDING_QUEUED: 'worksheet_v3_question_appending_queued',\n  WORKSHEET_V3_QUESTION_APPENDING: 'worksheet_v3_question_appending',\n  WORKSHEET_V3_QUESTION_APPENDED: 'worksheet_v3_question_appended',\n\n  WORKSHEET_V3_FIRST_QUESTION_APPENDED: 'worksheet_v3_first_question_appended',\n\n  WORKSHEET_V3_QUESTION_MISSING_VALIDATION: 'worksheet_v3_question_missing_validation',\n  MATHJAX_COMPILE_ERROR: 'mathjax_compile_error',\n  MATHJAX_TYPESET_ERROR: 'mathjax_typeset_error',\n  MATHJAX_FORMAT_ERROR: 'mathjax_format_error',\n\n  MATHJAX_SCRIPT_LOADING: 'mathjax_script_loading',\n  MATHJAX_SCRIPT_LOADED: 'mathjax_script_loaded',\n  MATHJAX_SCRIPT_FAILED: 'mathjax_script_failed',\n\n  POLYPAD_SCRIPT_LOADING: 'polypad_script_loading',\n  POLYPAD_SCRIPT_LOADED: 'polypad_script_loaded',\n  POLYPAD_SCRIPT_FAILED: 'polypad_script_failed',\n\n  WORKSHEET_V3_SCRIBBLE_TOGGLE: 'worksheet_v3_scribble_toggled',\n  WORKSHEET_V3_HINT_SEEN: 'worksheet_v3_hint_seen',\n  WORKSHEET_V3_SOLUTION_SEEN: 'worksheet_v3_solution_seen',\n  WORKSHEET_V3_GREATER_WIDTH_ELEMENT: 'worksheet_v3_greater_width_element',\n};\n\nexport default EVENTS;\n"],"names":["EVENTS"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAC5B,4BAA4B;AAAA,EAE5B,sCAAsC;AAAA,EACtC,qCAAqC;AAAA,EACrC,qCAAqC;AAAA,EAErC,2BAA2B;AAAA,EAE3B,4BAA4B;AAAA,EAC5B,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAE3B,wCAAwC;AAAA,EACxC,uCAAuC;AAAA,EACvC,uCAAuC;AAAA,EAEvC,uCAAuC;AAAA,EACvC,qCAAqC;AAAA,EACrC,gCAAgC;AAAA,EAEhC,oBAAoB;AAAA,EAEpB,wCAAwC;AAAA,EACxC,iCAAiC;AAAA,EACjC,gCAAgC;AAAA,EAEhC,sCAAsC;AAAA,EAEtC,0CAA0C;AAAA,EAC1C,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EAEtB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,oCAAoC;AACtC;"}

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

@@ -0,0 +1,11 @@
+import { createContext as t } from "react";
+const e = t({
+  scriptStatus: "loading",
+  loadedAPIURL: void 0,
+  defaultAPIURL: "",
+  downloadScript: () => null
+});
+export {
+  e as default
+};
+//# sourceMappingURL=learnosity-preloader-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"learnosity-preloader-context.js","sources":["../../../../src/features/worksheet/learnosity-preloader/learnosity-preloader-context.ts"],"sourcesContent":["import type { TLearnosityPreloaderContextValue } from './learnosity-preloader-types';\n\nimport { createContext } from 'react';\n\nconst LearnosityPreloaderContext = createContext<TLearnosityPreloaderContextValue>({\n  scriptStatus: 'loading',\n  loadedAPIURL: undefined,\n  defaultAPIURL: '',\n  downloadScript: () => null,\n});\n\nexport default LearnosityPreloaderContext;\n"],"names":["LearnosityPreloaderContext","createContext"],"mappings":";AAIA,MAAMA,IAA6BC,EAAgD;AAAA,EACjF,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB,MAAM;AACxB,CAAC;"}

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

@@ -0,0 +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 { LIB as f } from "../../../assets/lib/lib.js";
+import o 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";
+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
+}, 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), {
+      scriptStatus: r,
+      loadedAPIURL: i,
+      downloadScript: l
+    } = n(
+      t,
+      d,
+      "learnosity-preloader-script",
+      x,
+      I
+    ), { scriptStatus: a, downloadScript: D } = n(
+      t,
+      F,
+      "mathjax-script",
+      y,
+      void 0,
+      A ? "loaded" : "loading"
+    ), { scriptStatus: e, downloadScript: _ } = n(
+      t,
+      f.POLYPAD,
+      "polypad-script",
+      M,
+      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" && _();
+    }, [
+      r,
+      l,
+      D,
+      _,
+      a,
+      e
+    ]), P = E(() => s === "loaded" ? {
+      scriptStatus: s,
+      defaultAPIURL: d,
+      loadedAPIURL: i,
+      downloadScript: L
+    } : {
+      scriptStatus: s,
+      defaultAPIURL: d,
+      loadedAPIURL: void 0,
+      downloadScript: L
+    }, [d, L, i, s]);
+    return /* @__PURE__ */ O(R.Provider, { value: P, children: S });
+  }
+), V = K;
+export {
+  F as MATHJAX_URL,
+  V as default
+};
+//# sourceMappingURL=learnosity-preloader.js.map

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

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

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

@@ -0,0 +1,25 @@
+import { useState as A, useCallback as e, useEffect as S } from "react";
+import I from "../../hooks/use-is-unmounted.js";
+import L from "../../utils/load-script.js";
+const C = (t, u, a, o, r, m = "loading") => {
+  const [i, d] = A(m), [D, s] = A(), c = I(), f = a + "-fallback", n = e(async () => {
+    d("loading");
+    try {
+      t(o.LOADING), await L(u, a), t(o.LOADED), c.current || (d("loaded"), s(u));
+    } catch {
+      if (t(o.FAILED), !c.current && r)
+        try {
+          t(o.FALLBACK_LOADING), await L(r, f), t(o.FALLBACK_LOADING), c.current || (d("loaded"), s(r));
+        } catch {
+          t(o.FALLBACK_FAILED), c.current || d("error");
+        }
+    }
+  }, [u, o, r, f, a, t, c]);
+  return S(() => {
+    i !== "loaded" && n();
+  }, [n]), { scriptStatus: i, loadedAPIURL: D, downloadScript: n };
+};
+export {
+  C as default
+};
+//# sourceMappingURL=use-download-script.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { useAVMessage as u } from "@cuemath/av";
+import { useState as a, useMemo as I, useCallback as c } from "react";
+const N = ({
+  questions: o,
+  activeQuestionIndex: r,
+  userType: p
+}) => {
+  var n;
+  const [t, i] = a(), e = I(
+    () => o.findIndex((s) => s.response_id === t),
+    [t, o]
+  ), d = c((s, m) => {
+    i(m.id);
+  }, []);
+  return u({
+    type: "STUDENT_MOUSE_POINTER_POSITION_CHANGED",
+    onMessage: d
+  }), p !== "TEACHER" || e === -1 || r === e ? {
+    peerLocation: void 0,
+    peerQuestionIndex: void 0,
+    peerItemNumber: void 0
+  } : {
+    peerLocation: e > r ? "down" : "up",
+    peerQuestionIndex: e,
+    peerItemNumber: (n = o[e]) == null ? void 0 : n.item_number
+  };
+};
+export {
+  N as default
+};
+//# sourceMappingURL=use-user-location.js.map

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

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

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

@@ -0,0 +1,55 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as I, useCallback as U } from "react";
+import a from "styled-components";
+import { ILLUSTRATIONS as m } from "../../../assets/illustrations/illustrations.js";
+import S from "../../ui/buttons/clickable/clickable.js";
+import _ from "../../ui/layout/flex-view.js";
+import { scrollToQuestion as C } from "../worksheet/worksheet-helpers.js";
+import E from "./hooks/use-user-location.js";
+const s = 32, f = 36, R = a.img`
+  position: absolute;
+  transform: ${({ $pointer: o }) => o === "down" ? `translate(-${s / 2}px, -${f}px)` : `translate(-${s / 2}px, 0)`};
+`, T = a(_)(
+  ({ $pointer: o, $topOffset: r, $bottomOffset: t }) => `
+  position: sticky;
+  top: ${o === "down" ? `calc(100% - ${t}px)` : `calc(${r + 48 + 8}px)`};
+  z-index: 1;
+`
+), w = I((o) => {
+  const { activeQuestionIndex: r, questions: t, bottomOffset: d, topOffset: u, userType: c } = o, { peerLocation: e, peerQuestionIndex: n } = E({
+    questions: t,
+    activeQuestionIndex: r,
+    userType: c
+  }), $ = U(() => {
+    var l, p;
+    if (n === void 0)
+      return null;
+    if ((l = t[n]) != null && l.response_id) {
+      const x = (p = t[n]) == null ? void 0 : p.response_id;
+      C(x);
+    }
+  }, [n, t]);
+  return !e || c !== "TEACHER" ? null : /* @__PURE__ */ i(
+    T,
+    {
+      $alignItems: "center",
+      $justifyContent: "center",
+      $pointer: e,
+      $bottomOffset: d,
+      $topOffset: u,
+      children: /* @__PURE__ */ i(S, { label: "User Location Pointer", onClick: $, children: /* @__PURE__ */ i(
+        R,
+        {
+          $pointer: e,
+          width: s,
+          height: f,
+          src: e === "up" ? m.USER_UP : m.USER_DOWN
+        }
+      ) })
+    }
+  );
+});
+export {
+  w as default
+};
+//# sourceMappingURL=user-pin.js.map