@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

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

@@ -0,0 +1,85 @@
+import i, { keyframes as r, css as s } from "styled-components";
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as n } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import c from "../../ui/text/text.js";
+import { STREAK_TOP_GREEN_SEGMENT_HEIGHT as o, STREAK_CONTAINER_TOP_OFFSET as x } from "./constants.js";
+const m = 50 * 84 / 100, p = r`
+  0%{
+    opacity: 0;
+  }
+  100%{
+    opacity: 1;
+  }
+`, l = r`
+  0%{
+    opacity: 1;
+  }
+  100%{
+    opacity: 0;
+  }
+`, S = i.div`
+  height: ${t}px;
+  width: ${t}px;
+  background: transparent;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+`, u = i.div`
+  position: absolute;
+  border-radius: ${Math.ceil((t + n) / 2)}px;
+  height: ${t + n}px;
+  width: ${t + n}px;
+  z-index: 0;
+`, y = i.div`
+  height: ${t + n}px;
+  width: ${t + n}px;
+  position: absolute;
+  z-index: 2;
+`, _ = i.div`
+  position: absolute;
+  top: ${o}px;
+  z-index: 2;
+  height: ${t - o - x}px;
+  animation: ${({ $animationType: e, $duration: a }) => s`
+    ${e === "fadein" ? p : l} ${a}ms linear forwards
+  `};
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`, A = i.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: ${(t - o) * 2}px;
+  transition: ${({ $translateDuration: e }) => `all ${e}ms linear`};
+  transform: ${({ $translate: e }) => e ? "translateY(-100%)" : "translateY(0%)"};
+`, T = i(c)`
+  font-size: 123px;
+  line-height: 123px;
+  text-align: center;
+  height: 100%;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, k = i.div`
+  z-index: 2;
+  opacity: 0;
+  animation: ${({ $animationType: e, $duration: a, $delay: d }) => s`
+    ${e === "fadein" ? p : l} ${a}ms ${d}ms ease forwards
+  `};
+  transform: translateY(${(t + m) * 84 / 200 + 25}px);
+`;
+export {
+  u as SVGImgContainer,
+  S as Streak,
+  y as StreakLottieView,
+  T as StreakValue,
+  A as StreakValueContainer,
+  _ as StreakValueWrapper,
+  k as TextWrapper
+};
+//# sourceMappingURL=streak-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"streak-styled.js","sources":["../../../../src/features/post-game-stats/streak/streak-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport Text from '../../ui/text/text';\nimport { STREAK_CONTAINER_TOP_OFFSET, STREAK_TOP_GREEN_SEGMENT_HEIGHT } from './constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Streak = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const SVGImgContainer = styled.div`\n  position: absolute;\n  border-radius: ${Math.ceil((GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING) / 2)}px;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  z-index: 0;\n`;\n\nexport const StreakLottieView = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const StreakValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  position: absolute;\n  top: ${STREAK_TOP_GREEN_SEGMENT_HEIGHT}px;\n  z-index: 2;\n  height: ${GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT - STREAK_CONTAINER_TOP_OFFSET}px;\n  animation: ${({ $animationType, $duration }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards\n  `};\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const StreakValueContainer = styled.div<{\n  $translate: boolean;\n  $translateDuration: number;\n}>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: ${(GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT) * 2}px;\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms linear`};\n  transform: ${({ $translate }) => ($translate ? 'translateY(-100%)' : 'translateY(0%)')};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Streak","styled","GAME_LAUNCHER_SIZE","SVGImgContainer","GAME_LAUNCHER_ASSET_PADDING","StreakLottieView","StreakValueWrapper","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_TOP_OFFSET","$animationType","$duration","css","StreakValueContainer","$translateDuration","$translate","StreakValue","Text","TextWrapper","$delay"],"mappings":";;;;;AAOA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAASC,EAAO;AAAA,YACjBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAkBF,EAAO;AAAA;AAAA,mBAEnB,KAAK,MAAMC,IAAqBE,KAA+B,CAAC,CAAC;AAAA,YACxEF,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA,GAI9CC,IAAmBJ,EAAO;AAAA,YAC3BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BL,IAAqBK,IAAkCC,CAA2B;AAAA,eAC/E,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAuBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAQ9BC,IAAqBK,KAAmC,CAAC;AAAA,gBACtD,CAAC,EAAE,oBAAAM,EAAyB,MAAA,OAAOA,CAAkB,WAAW;AAAA,eACjE,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,sBAAsB,gBAAiB;AAAA,GAG3EC,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWzBC,IAAchB,EAAO;AAAA;AAAA;AAAA,eAOnB,CAAC,EAAE,gBAAAQ,GAAgB,WAAAC,GAAW,QAAAQ,QAAaP;AAAA,MACpDF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS,MAAMQ,CAAM;AAAA,GAC1E;AAAA,2BACyBhB,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}

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

@@ -0,0 +1,77 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import k from "lottie-web";
+import { memo as P, useState as p, useRef as E, useCallback as $, useEffect as L } from "react";
+import { LOTTIE as K } from "../../../assets/lottie/lottie.js";
+import { useCircleSounds as U } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
+import { CircleSoundKey as I } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { fetchLottie as x } from "../../ui/lottie-animation/helper.js";
+import { delay as l } from "../../utils/utils.js";
+import { TEXT_DISAPPEAR_DELAY as C, OUT_FRAMES as T, STREAK_DISAPPEAR_ANIMATION_DURATION as b, STREAK_APPEAR_ANIMATION_DURATION as w, STREAK_SCROLL_ANIMATION_DURATION as _, STREAK_WAIT_DURATION as R, TEXT_DISAPPEAR_DURATION as F, TEXT_APPEAR_DURATION as M, IN_FRAMES as V } from "./constants.js";
+import { Streak as W, SVGImgContainer as g, StreakLottieView as X, StreakValueWrapper as j, StreakValueContainer as H, StreakValue as O, TextWrapper as G } from "./streak-styled.js";
+const rt = P((y) => {
+  const { currStreak: c, show: A, onReveal: r, onComplete: a, helperText: m } = y, { play: o } = U(), [D, N] = p(0), u = E(null), n = E(), [i, h] = p(!1), S = $(async () => {
+    var s;
+    try {
+      await l(C), h(!0), o(I.STREAK_OUT), (s = n.current) == null || s.playSegments(T, !0), await l(
+        (T[1] - T[0]) * 1e3 / 30
+      ), a == null || a();
+    } catch (t) {
+      console.log(t);
+    }
+  }, [a, o]);
+  return L(() => {
+    if (A)
+      return (async () => {
+        var d;
+        const t = await x(K.TOTAL_STREAK);
+        n.current = k.loadAnimation({
+          container: u.current,
+          animationData: t,
+          autoplay: !1,
+          loop: !1,
+          renderer: "canvas"
+        }), o(I.STREAK_IN), (d = n.current) == null || d.playSegments(V, !0), r == null || r(), l(R).then(() => {
+          N(1), l(_).then(() => {
+            S();
+          });
+        });
+      })(), () => {
+        var t;
+        (t = n.current) == null || t.destroy();
+      };
+  }, [A, S, o, r]), A ? /* @__PURE__ */ f(W, { children: [
+    /* @__PURE__ */ e(g, {}),
+    /* @__PURE__ */ e(X, { ref: u }),
+    /* @__PURE__ */ e(
+      j,
+      {
+        $animationType: i ? "fadeout" : "fadein",
+        $duration: i ? b : w,
+        children: /* @__PURE__ */ f(
+          H,
+          {
+            $translate: D > 0,
+            $translateDuration: _,
+            children: [
+              /* @__PURE__ */ e(O, { $color: "WHITE", $renderAs: "ab1-bold", children: c }),
+              /* @__PURE__ */ e(O, { $color: "WHITE", $renderAs: "ab1-bold", children: c + 1 })
+            ]
+          }
+        )
+      }
+    ),
+    m && /* @__PURE__ */ e(
+      G,
+      {
+        $delay: R,
+        $animationType: i ? "fadeout" : "fadein",
+        $duration: i ? F : M,
+        children: m
+      }
+    )
+  ] }) : null;
+});
+export {
+  rt as Streak
+};
+//# sourceMappingURL=streak.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"streak.js","sources":["../../../../src/features/post-game-stats/streak/streak.tsx"],"sourcesContent":["import type { IStreakProps } from './streak-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { fetchLottie } from '../../ui/lottie-animation/helper';\nimport { delay } from '../../utils/utils';\nimport {\n  IN_FRAMES,\n  OUT_FRAMES,\n  STREAK_APPEAR_ANIMATION_DURATION,\n  STREAK_DISAPPEAR_ANIMATION_DURATION,\n  STREAK_SCROLL_ANIMATION_DURATION,\n  STREAK_WAIT_DURATION,\n  TEXT_APPEAR_DURATION,\n  TEXT_DISAPPEAR_DELAY,\n  TEXT_DISAPPEAR_DURATION,\n} from './constants';\nimport * as Styled from './streak-styled';\n\nexport const Streak: FC<IStreakProps> = memo(props => {\n  const { currStreak, show, onReveal, onComplete, helperText } = props;\n  const { play } = useCircleSounds();\n  const [displayStreak, setDisplayStreak] = useState(0);\n  const lottieContainerRef = useRef<HTMLDivElement>(null);\n  const lottieAnimationRef = useRef<AnimationItem>();\n  const [fadeOut, setFadeout] = useState(false);\n\n  const playExitAnimation = useCallback(async () => {\n    try {\n      await delay(TEXT_DISAPPEAR_DELAY);\n      setFadeout(true);\n      play(CircleSoundKey.STREAK_OUT);\n      lottieAnimationRef.current?.playSegments(OUT_FRAMES, true);\n      const LOTTIE_FPS = 30;\n\n      await delay(\n        (((OUT_FRAMES[1] as unknown as number) - (OUT_FRAMES[0] as unknown as number)) * 1000) /\n          LOTTIE_FPS,\n      );\n      onComplete?.();\n    } catch (err) {\n      /* eslint-disable no-console */\n      console.log(err);\n    }\n  }, [onComplete, play]);\n\n  // play entry animation\n  useEffect(() => {\n    if (show) {\n      const loadAnimation = async () => {\n        const streakLottieAnimationData = await fetchLottie(LOTTIE.TOTAL_STREAK);\n\n        lottieAnimationRef.current = Lottie.loadAnimation({\n          container: lottieContainerRef.current as Element,\n          animationData: streakLottieAnimationData,\n          autoplay: false,\n          loop: false,\n          renderer: 'canvas',\n        });\n\n        play(CircleSoundKey.STREAK_IN);\n        lottieAnimationRef.current?.playSegments(IN_FRAMES, true);\n        onReveal?.();\n\n        delay(STREAK_WAIT_DURATION).then(() => {\n          setDisplayStreak(1);\n          delay(STREAK_SCROLL_ANIMATION_DURATION).then(() => {\n            playExitAnimation();\n          });\n        });\n      };\n\n      loadAnimation();\n\n      return () => {\n        lottieAnimationRef.current?.destroy();\n      };\n    }\n  }, [show, playExitAnimation, play, onReveal]);\n\n  if (show) {\n    return (\n      <Styled.Streak>\n        <Styled.SVGImgContainer />\n        <Styled.StreakLottieView ref={lottieContainerRef} />\n\n        <Styled.StreakValueWrapper\n          $animationType={fadeOut ? 'fadeout' : 'fadein'}\n          $duration={\n            fadeOut ? STREAK_DISAPPEAR_ANIMATION_DURATION : STREAK_APPEAR_ANIMATION_DURATION\n          }\n        >\n          <Styled.StreakValueContainer\n            $translate={displayStreak > 0}\n            $translateDuration={STREAK_SCROLL_ANIMATION_DURATION}\n          >\n            <Styled.StreakValue $color=\"WHITE\" $renderAs=\"ab1-bold\">\n              {currStreak}\n            </Styled.StreakValue>\n            <Styled.StreakValue $color=\"WHITE\" $renderAs=\"ab1-bold\">\n              {currStreak + 1}\n            </Styled.StreakValue>\n          </Styled.StreakValueContainer>\n        </Styled.StreakValueWrapper>\n\n        {helperText && (\n          <Styled.TextWrapper\n            $delay={STREAK_WAIT_DURATION}\n            $animationType={fadeOut ? 'fadeout' : 'fadein'}\n            $duration={fadeOut ? TEXT_DISAPPEAR_DURATION : TEXT_APPEAR_DURATION}\n          >\n            {helperText}\n          </Styled.TextWrapper>\n        )}\n      </Styled.Streak>\n    );\n  }\n\n  return null;\n});\n"],"names":["Streak","memo","props","currStreak","show","onReveal","onComplete","helperText","play","useCircleSounds","displayStreak","setDisplayStreak","useState","lottieContainerRef","useRef","lottieAnimationRef","fadeOut","setFadeout","playExitAnimation","useCallback","delay","TEXT_DISAPPEAR_DELAY","CircleSoundKey","_a","OUT_FRAMES","err","useEffect","streakLottieAnimationData","fetchLottie","LOTTIE","Lottie","IN_FRAMES","STREAK_WAIT_DURATION","STREAK_SCROLL_ANIMATION_DURATION","jsxs","Styled.Streak","jsx","Styled.SVGImgContainer","Styled.StreakLottieView","Styled.StreakValueWrapper","STREAK_DISAPPEAR_ANIMATION_DURATION","STREAK_APPEAR_ANIMATION_DURATION","Styled.StreakValueContainer","Styled.StreakValue","Styled.TextWrapper","TEXT_DISAPPEAR_DURATION","TEXT_APPEAR_DURATION"],"mappings":";;;;;;;;;;AAyBa,MAAAA,KAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,YAAAC,GAAY,MAAAC,GAAM,UAAAC,GAAU,YAAAC,GAAY,YAAAC,EAAe,IAAAL,GACzD,EAAE,MAAAM,MAASC,KACX,CAACC,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAC9CC,IAAqBC,EAAuB,IAAI,GAChDC,IAAqBD,KACrB,CAACE,GAASC,CAAU,IAAIL,EAAS,EAAK,GAEtCM,IAAoBC,EAAY,YAAY;;AAC5C,QAAA;AACF,YAAMC,EAAMC,CAAoB,GAChCJ,EAAW,EAAI,GACfT,EAAKc,EAAe,UAAU,IACXC,IAAAR,EAAA,YAAA,QAAAQ,EAAS,aAAaC,GAAY,KAG/C,MAAAJ;AAAA,SACDI,EAAW,CAAC,IAA2BA,EAAW,CAAC,KAA2B,MAHhE;AAAA,MAIf,GAESlB,KAAA,QAAAA;AAAA,aACNmB,GAAK;AAEZ,cAAQ,IAAIA,CAAG;AAAA,IACjB;AAAA,EAAA,GACC,CAACnB,GAAYE,CAAI,CAAC;AAoCrB,SAjCAkB,EAAU,MAAM;AACd,QAAItB;AAwBY,cAvBQ,YAAY;;AAChC,cAAMuB,IAA4B,MAAMC,EAAYC,EAAO,YAAY;AAEpD,QAAAd,EAAA,UAAUe,EAAO,cAAc;AAAA,UAChD,WAAWjB,EAAmB;AAAA,UAC9B,eAAec;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,QAAA,CACX,GAEDnB,EAAKc,EAAe,SAAS,IACVC,IAAAR,EAAA,YAAA,QAAAQ,EAAS,aAAaQ,GAAW,KACzC1B,KAAA,QAAAA,KAELe,EAAAY,CAAoB,EAAE,KAAK,MAAM;AACrC,UAAArB,EAAiB,CAAC,GACZS,EAAAa,CAAgC,EAAE,KAAK,MAAM;AAC/B,YAAAf;UAAA,CACnB;AAAA,QAAA,CACF;AAAA,MAAA,MAKI,MAAM;;AACX,SAAAK,IAAAR,EAAmB,YAAnB,QAAAQ,EAA4B;AAAA,MAAQ;AAAA,KAGvC,CAACnB,GAAMc,GAAmBV,GAAMH,CAAQ,CAAC,GAExCD,IAEA,gBAAA8B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAuB;AAAA,IACvB,gBAAAD,EAAAE,GAAA,EAAwB,KAAKzB,EAAoB,CAAA;AAAA,IAElD,gBAAAuB;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,gBAAgBvB,IAAU,YAAY;AAAA,QACtC,WACEA,IAAUwB,IAAsCC;AAAA,QAGlD,UAAA,gBAAAP;AAAA,UAACQ;AAAAA,UAAA;AAAA,YACC,YAAYhC,IAAgB;AAAA,YAC5B,oBAAoBuB;AAAA,YAEpB,UAAA;AAAA,cAAA,gBAAAG,EAACO,GAAA,EAAmB,QAAO,SAAQ,WAAU,YAC1C,UACHxC,GAAA;AAAA,cACA,gBAAAiC,EAACO,GAAA,EAAmB,QAAO,SAAQ,WAAU,YAC1C,UAAAxC,IAAa,GAChB;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IAECI,KACC,gBAAA6B;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,QAAQZ;AAAA,QACR,gBAAgBhB,IAAU,YAAY;AAAA,QACtC,WAAWA,IAAU6B,IAA0BC;AAAA,QAE9C,UAAAvC;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA,IAIG;AACT,CAAC;"}

package/dist/features/recent-chapters/api/get-recent-chapters.js

@@ -0,0 +1,9 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3 as s } from "../../../constants/api.js";
+const { useGet: p } = r({
+  getURL: (e, o, { courseStream: t }) => `${s}/users/${e}/course-streams/${t}/recent-chapters`
+});
+export {
+  p as useGetRecentChapters
+};
+//# sourceMappingURL=get-recent-chapters.js.map

package/dist/features/recent-chapters/api/get-recent-chapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-recent-chapters.js","sources":["../../../../src/features/recent-chapters/api/get-recent-chapters.ts"],"sourcesContent":["import type { IChapterDataProps } from '../../chapters/chapter/chapter-types';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetRecentChapters } = createGetAPI<\n  IChapterDataProps[],\n  void,\n  { courseStream: TCourseStream }\n>({\n  getURL: (studentId: string, _, { courseStream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${courseStream}/recent-chapters`,\n});\n\nexport { useGetRecentChapters };\n"],"names":["useGetRecentChapters","createGetAPI","studentId","_","courseStream","BASE_URL_V3"],"mappings":";;AAOA,MAAM,EAAE,QAAQA,EAAqB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,cAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAY;AACpE,CAAC;"}

package/dist/features/recent-chapters/recent-chapters-styled.js

@@ -0,0 +1,16 @@
+import e from "styled-components";
+const p = e.div(({ theme: t }) => {
+  const { WHITE_5: r, WHITE_2: a } = t.colors;
+  return `
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    align-content: start;
+    background: ${a};
+    background-image: linear-gradient(${r} 0.5px, transparent 0.5px), linear-gradient(90deg, ${r} 0.5px, transparent 0.5px);
+    background-size: 45px 45px;
+  `;
+});
+export {
+  p as ChaptersWrapper
+};
+//# sourceMappingURL=recent-chapters-styled.js.map

package/dist/features/recent-chapters/recent-chapters-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recent-chapters-styled.js","sources":["../../../src/features/recent-chapters/recent-chapters-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst ChaptersWrapper = styled.div(({ theme }) => {\n  const { WHITE_5, WHITE_2 } = theme.colors;\n\n  return `\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    align-content: start;\n    background: ${WHITE_2};\n    background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px), linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n    background-size: 45px 45px;\n  `;\n});\n\nexport { ChaptersWrapper };\n"],"names":["ChaptersWrapper","styled","theme","WHITE_5","WHITE_2"],"mappings":";AAEA,MAAMA,IAAkBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AAChD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA,kBAISE,CAAO;AAAA,wCACeD,CAAO,sDAAsDA,CAAO;AAAA;AAAA;AAG5G,CAAC;"}

package/dist/features/recent-chapters/recent-chapters.js

@@ -0,0 +1,39 @@
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { useCallback as f, useEffect as h } from "react";
+import C from "../chapters/chapters-list/chapter-item/chapter-item.js";
+import d from "../ui/layout/flex-view.js";
+import u from "../ui/text/text.js";
+import { useGetRecentChapters as x } from "./api/get-recent-chapters.js";
+import { ChaptersWrapper as g } from "./recent-chapters-styled.js";
+const R = ({
+  studentId: r,
+  courseStream: t,
+  onChapterClick: p,
+  recentChaptersRef: a
+}) => {
+  const { get: o, data: e, isProcessingFailed: m } = x(), i = f(() => {
+    o(r, void 0, { courseStream: t });
+  }, [t, o, r]);
+  return h(() => {
+    i();
+  }, [i]), m ? null : e && e.length > 0 ? /* @__PURE__ */ s(d, { $flexRowGapX: 1, ref: a, children: [
+    /* @__PURE__ */ s(u, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+      "Recent Chapters (",
+      e == null ? void 0 : e.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ l(g, { children: e.map((n, c) => /* @__PURE__ */ l(
+      C,
+      {
+        chapter: n,
+        onChapterClick: p,
+        itemIndex: c
+      },
+      n.id
+    )) })
+  ] }) : null;
+}, G = R;
+export {
+  G as default
+};
+//# sourceMappingURL=recent-chapters.js.map

package/dist/features/recent-chapters/recent-chapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recent-chapters.js","sources":["../../../src/features/recent-chapters/recent-chapters.tsx"],"sourcesContent":["import type { IChaptersListProps } from '../chapters/chapters-list/chapters-list-types';\nimport type { TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect } from 'react';\n\nimport ChapterItem from '../chapters/chapters-list/chapter-item/chapter-item';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { useGetRecentChapters } from './api/get-recent-chapters';\nimport * as Styled from './recent-chapters-styled';\n\ninterface RecentChaptersProps {\n  studentId: string;\n  courseStream: TCourseStream;\n  userType: TUserTypes;\n  onChapterClick: IChaptersListProps['onChapterClick'];\n  recentChaptersRef?: React.RefObject<HTMLDivElement>;\n}\n\nconst RecentChapters: FC<RecentChaptersProps> = ({\n  studentId,\n  courseStream,\n  onChapterClick,\n  recentChaptersRef,\n}) => {\n  const { get: getChapters, data: chapterData, isProcessingFailed } = useGetRecentChapters();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapters(studentId, undefined, { courseStream });\n  }, [courseStream, getChapters, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  if (chapterData && chapterData.length > 0) {\n    return (\n      <FlexView $flexRowGapX={1} ref={recentChaptersRef}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recent Chapters ({chapterData?.length})\n        </Text>\n        <Styled.ChaptersWrapper>\n          {chapterData.map((chapter, idx) => (\n            <ChapterItem\n              key={chapter.id}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n            />\n          ))}\n        </Styled.ChaptersWrapper>\n      </FlexView>\n    );\n  }\n\n  return null;\n};\n\nexport default RecentChapters;\n"],"names":["RecentChapters","studentId","courseStream","onChapterClick","recentChaptersRef","getChapters","chapterData","isProcessingFailed","useGetRecentChapters","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","Text","jsx","Styled.ChaptersWrapper","chapter","idx","ChapterItem","RecentChapters$1"],"mappings":";;;;;;;AAqBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,KAAKC,GAAa,MAAMC,GAAa,oBAAAC,EAAA,IAAuBC,KAE9DC,IAAsBC,EAAY,MAAM;AAC5C,IAAAL,EAAYJ,GAAW,QAAW,EAAE,cAAAC,EAAc,CAAA;AAAA,EACjD,GAAA,CAACA,GAAcG,GAAaJ,CAAS,CAAC;AAMzC,SAJAU,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAEpBF,IACK,OAGLD,KAAeA,EAAY,SAAS,IAEnC,gBAAAM,EAAAC,GAAA,EAAS,cAAc,GAAG,KAAKT,GAC9B,UAAA;AAAA,IAAA,gBAAAQ,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC5BR,KAAA,gBAAAA,EAAa;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAS,EAACC,GAAA,EACE,YAAY,IAAI,CAACC,GAASC,MACzB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,gBAAAd;AAAA,QACA,WAAWe;AAAA,MAAA;AAAA,MAHND,EAAQ;AAAA,IAKhB,CAAA,GACH;AAAA,EACF,EAAA,CAAA,IAIG;AACT,GAEAG,IAAepB;"}

package/dist/features/sentry/constants/ignored.js

@@ -0,0 +1,33 @@
+const e = [
+  "getSettings",
+  "ResizeObserver loop limit exceeded",
+  "Non-Error promise rejection captured",
+  "NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.",
+  "Cannot read property 'getReadModeRender' of undefined",
+  "Cannot read property 'getReadModeExtract' of undefined",
+  "TypeError: Failed to fetch",
+  "privateSpecialRepair is not defined",
+  "Failed to execute 'send' on 'XMLHttpRequest'",
+  "Cannot read properties of null (reading 'appendChild')",
+  "SecurityError: Failed to execute 'replaceState' on 'History'",
+  "Cannot read properties of null (reading 'postMessage')",
+  "OT_HARDWARE_UNAVAILABLE",
+  "OT_UNABLE_TO_CAPTURE_SCREEN",
+  "OT_USER_MEDIA_ACCESS_DENIED",
+  "OT_UNEXPECTED_SERVER_RESPONSE",
+  "null is not an object (evaluating 'Te.subscribeToVideo')",
+  "Cannot read property 'socketId' of null",
+  "NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.",
+  /PubNub call failed, check status for details/
+], o = [
+  /static\.mathigon\.org/i,
+  // /questions-ie\.learnosity\.com/i,
+  // /assess-ie\.learnosity\.com/i,
+  /static\.mathigon\.org\/api\/polypad-v1\.10\.js/i,
+  /static\.opentok\.com\/v2\/js\/opentok\.min\.js/i
+];
+export {
+  o as SENTRY_DENIED_URLS,
+  e as SENTRY_IGNORED_ERRORS
+};
+//# sourceMappingURL=ignored.js.map

package/dist/features/sentry/constants/ignored.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ignored.js","sources":["../../../../src/features/sentry/constants/ignored.ts"],"sourcesContent":["const SENTRY_IGNORED_ERRORS: Array<string | RegExp> = [\n  'getSettings',\n  'ResizeObserver loop limit exceeded',\n  'Non-Error promise rejection captured',\n  \"NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.\",\n  \"Cannot read property 'getReadModeRender' of undefined\",\n  \"Cannot read property 'getReadModeExtract' of undefined\",\n  'TypeError: Failed to fetch',\n  'privateSpecialRepair is not defined',\n  \"Failed to execute 'send' on 'XMLHttpRequest'\",\n  \"Cannot read properties of null (reading 'appendChild')\",\n  \"SecurityError: Failed to execute 'replaceState' on 'History'\",\n  \"Cannot read properties of null (reading 'postMessage')\",\n  'OT_HARDWARE_UNAVAILABLE',\n  'OT_UNABLE_TO_CAPTURE_SCREEN',\n  'OT_USER_MEDIA_ACCESS_DENIED',\n  'OT_UNEXPECTED_SERVER_RESPONSE',\n  \"null is not an object (evaluating 'Te.subscribeToVideo')\",\n  \"Cannot read property 'socketId' of null\",\n  'NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.',\n  /PubNub call failed, check status for details/,\n];\n\nconst SENTRY_DENIED_URLS: Array<string | RegExp> = [\n  /static\\.mathigon\\.org/i,\n  // /questions-ie\\.learnosity\\.com/i,\n  // /assess-ie\\.learnosity\\.com/i,\n  /static\\.mathigon\\.org\\/api\\/polypad-v1\\.10\\.js/i,\n  /static\\.opentok\\.com\\/v2\\/js\\/opentok\\.min\\.js/i,\n];\n\nexport { SENTRY_IGNORED_ERRORS, SENTRY_DENIED_URLS };\n"],"names":["SENTRY_IGNORED_ERRORS","SENTRY_DENIED_URLS"],"mappings":"AAAA,MAAMA,IAAgD;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAA6C;AAAA,EACjD;AAAA;AAAA;AAAA,EAGA;AAAA,EACA;AACF;"}

package/dist/features/sheet-tools/desmos-calculator/desmos-calculator-styled.js

@@ -0,0 +1,19 @@
+import t from "styled-components";
+const p = t.div(({ theme: r, $height: o }) => {
+  const { WHITE: e } = r.colors;
+  return `
+    position: relative;
+    height: ${o || 556}px;
+    overflow: hidden;
+    background: ${e};
+    > iframe {
+        position: absolute;
+        height: calc(100% + 47px);
+        top: -47px;
+    }
+  `;
+});
+export {
+  p as IFrameWrapper
+};
+//# sourceMappingURL=desmos-calculator-styled.js.map

package/dist/features/sheet-tools/desmos-calculator/desmos-calculator-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desmos-calculator-styled.js","sources":["../../../../src/features/sheet-tools/desmos-calculator/desmos-calculator-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst IFrameWrapper = styled.div<{ $height?: string | number }>(({ theme, $height }) => {\n  const { WHITE } = theme.colors;\n\n  return `\n    position: relative;\n    height: ${$height ? $height : 556}px;\n    overflow: hidden;\n    background: ${WHITE};\n    > iframe {\n        position: absolute;\n        height: calc(100% + 47px);\n        top: -47px;\n    }\n  `;\n});\n\nexport { IFrameWrapper };\n"],"names":["IFrameWrapper","styled","theme","$height","WHITE"],"mappings":";AAEA,MAAMA,IAAgBC,EAAO,IAAmC,CAAC,EAAE,OAAAC,GAAO,SAAAC,QAAc;AAChF,QAAA,EAAE,OAAAC,EAAM,IAAIF,EAAM;AAEjB,SAAA;AAAA;AAAA,cAEKC,KAAoB,GAAG;AAAA;AAAA,kBAEnBC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,CAAC;"}

package/dist/features/sheet-tools/desmos-calculator/desmos-calculator.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as s } from "react";
+import m from "../tool-header/tool-header.js";
+import { IFrameWrapper as c } from "./desmos-calculator-styled.js";
+const i = ({ onClose: r, height: a, initialPosition: o }) => {
+  const [t, l] = s(!1);
+  return /* @__PURE__ */ e(
+    m,
+    {
+      isDraggable: !0,
+      expanded: t,
+      title: "Calculator",
+      width: t ? 960 : 450,
+      onClick: () => l(!t),
+      onClose: r,
+      initialPosition: o,
+      children: /* @__PURE__ */ e(c, { $height: a, children: /* @__PURE__ */ e("iframe", { src: "https://www.desmos.com/calculator", width: "100%", title: "Desmos Calculator" }) })
+    }
+  );
+}, f = i;
+export {
+  f as default
+};
+//# sourceMappingURL=desmos-calculator.js.map

package/dist/features/sheet-tools/desmos-calculator/desmos-calculator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desmos-calculator.js","sources":["../../../../src/features/sheet-tools/desmos-calculator/desmos-calculator.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { useState } from 'react';\n\nimport ExpandableHeader from '../tool-header/tool-header';\nimport { IFrameWrapper } from './desmos-calculator-styled';\n\ninterface IDesmosCalculatorProps {\n  onClose: () => void;\n  height?: string | number;\n  initialPosition?: {\n    left?: number;\n    top?: number;\n    bottom?: number;\n    right?: number;\n  };\n}\n\nconst DesmosCalculator: FC<IDesmosCalculatorProps> = ({ onClose, height, initialPosition }) => {\n  const [expanded, setExpanded] = useState(false);\n\n  return (\n    <ExpandableHeader\n      isDraggable\n      expanded={expanded}\n      title=\"Calculator\"\n      width={expanded ? 960 : 450}\n      onClick={() => setExpanded(!expanded)}\n      onClose={onClose}\n      initialPosition={initialPosition}\n    >\n      <IFrameWrapper $height={height}>\n        <iframe src=\"https://www.desmos.com/calculator\" width=\"100%\" title=\"Desmos Calculator\" />\n      </IFrameWrapper>\n    </ExpandableHeader>\n  );\n};\n\nexport default DesmosCalculator;\n"],"names":["DesmosCalculator","onClose","height","initialPosition","expanded","setExpanded","useState","jsx","ExpandableHeader","IFrameWrapper","DesmosCalculator$1"],"mappings":";;;;AAkBA,MAAMA,IAA+C,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,iBAAAC,QAAsB;AAC7F,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAG5C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,UAAAJ;AAAA,MACA,OAAM;AAAA,MACN,OAAOA,IAAW,MAAM;AAAA,MACxB,SAAS,MAAMC,EAAY,CAACD,CAAQ;AAAA,MACpC,SAAAH;AAAA,MACA,iBAAAE;AAAA,MAEA,UAAC,gBAAAI,EAAAE,GAAA,EAAc,SAASP,GACtB,UAAC,gBAAAK,EAAA,UAAA,EAAO,KAAI,qCAAoC,OAAM,QAAO,OAAM,oBAAoB,CAAA,GACzF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAG,IAAeV;"}

package/dist/features/sheet-tools/tool-header/tool-header-styled.js

@@ -0,0 +1,48 @@
+import t from "styled-components";
+import s from "../../../assets/line-icons/icons/cross.js";
+import e from "../../../assets/line-icons/icons/drag.js";
+import i from "../../ui/layout/flex-view.js";
+import p from "../../ui/text/text.js";
+const d = t(i)`
+  position: absolute;
+  padding: 0 8px 0 16px;
+  cursor: grab;
+  &: active {
+    cursor: grabbing;
+  }
+`, u = t(p)`
+  text-transform: capitalize;
+`, b = t(s)(({ theme: o }) => {
+  const { WHITE: r } = o.colors;
+  return `
+    margin-left: 28px;
+    color: ${r};
+    &: hover {
+        cursor: pointer;
+    }
+  `;
+}), f = t(e)(({ theme: o }) => {
+  const { WHITE: r } = o.colors;
+  return `
+  color: ${r};
+  `;
+}), g = t.div(({ theme: o }) => {
+  const { GREY_2: r, BLACK_10: n } = o.colors;
+  return `
+    position: absolute;
+    top: 40px;
+    left: 0;
+    right: 0;
+    border-radius: 2px;
+    border: 1px solid ${r};
+    box-shadow: 0px 4px 17px 0px ${n};
+`;
+});
+export {
+  g as Children,
+  b as CrossIconContainer,
+  f as MoreIconContainer,
+  u as StyledText,
+  d as Wrapper
+};
+//# sourceMappingURL=tool-header-styled.js.map

package/dist/features/sheet-tools/tool-header/tool-header-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-header-styled.js","sources":["../../../../src/features/sheet-tools/tool-header/tool-header-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport DragIcon from '../../../assets/line-icons/icons/drag';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\n\nconst Wrapper = styled(FlexView)`\n  position: absolute;\n  padding: 0 8px 0 16px;\n  cursor: grab;\n  &: active {\n    cursor: grabbing;\n  }\n`;\n\nconst StyledText = styled(Text)`\n  text-transform: capitalize;\n`;\n\nconst CrossIconContainer = styled(CrossIcon)(({ theme }) => {\n  const { WHITE } = theme.colors;\n\n  return `\n    margin-left: 28px;\n    color: ${WHITE};\n    &: hover {\n        cursor: pointer;\n    }\n  `;\n});\n\nconst MoreIconContainer = styled(DragIcon)(({ theme }) => {\n  const { WHITE } = theme.colors;\n\n  return `\n  color: ${WHITE};\n  `;\n});\n\nconst Children = styled.div(({ theme }) => {\n  const { GREY_2, BLACK_10 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: 40px;\n    left: 0;\n    right: 0;\n    border-radius: 2px;\n    border: 1px solid ${GREY_2};\n    box-shadow: 0px 4px 17px 0px ${BLACK_10};\n`;\n});\n\nexport { Wrapper, StyledText, CrossIconContainer, MoreIconContainer, Children };\n"],"names":["Wrapper","styled","FlexView","StyledText","Text","CrossIconContainer","CrossIcon","theme","WHITE","MoreIconContainer","DragIcon","Children","GREY_2","BLACK_10"],"mappings":";;;;;AAOM,MAAAA,IAAUC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASzBC,IAAaF,EAAOG,CAAI;AAAA;AAAA,GAIxBC,IAAqBJ,EAAOK,CAAS,EAAE,CAAC,EAAE,OAAAC,QAAY;AACpD,QAAA,EAAE,OAAAC,EAAM,IAAID,EAAM;AAEjB,SAAA;AAAA;AAAA,aAEIC,CAAK;AAAA;AAAA;AAAA;AAAA;AAKlB,CAAC,GAEKC,IAAoBR,EAAOS,CAAQ,EAAE,CAAC,EAAE,OAAAH,QAAY;AAClD,QAAA,EAAE,OAAAC,EAAM,IAAID,EAAM;AAEjB,SAAA;AAAA,WACEC,CAAK;AAAA;AAEhB,CAAC,GAEKG,IAAWV,EAAO,IAAI,CAAC,EAAE,OAAAM,QAAY;AACzC,QAAM,EAAE,QAAAK,GAAQ,UAAAC,MAAaN,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMeK,CAAM;AAAA,mCACKC,CAAQ;AAAA;AAE3C,CAAC;"}

package/dist/features/sheet-tools/tool-header/tool-header.js

@@ -0,0 +1,45 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Wrapper as d, StyledText as m, MoreIconContainer as x, CrossIconContainer as $, Children as u } from "./tool-header-styled.js";
+import { useRef as h, useEffect as C } from "react";
+import { useDragHelper as E } from "../../hooks/use-drag-helper.js";
+import w from "../../ui/buttons/text-button/text-button.js";
+import I from "../../ui/layout/flex-view.js";
+const b = ({
+  title: i,
+  expanded: r,
+  onClick: l,
+  onClose: a,
+  isDraggable: c,
+  children: s,
+  width: f,
+  initialPosition: p
+}) => {
+  const o = h(null), t = E(o, c, p);
+  return C(() => {
+    t();
+  }, [r, t]), /* @__PURE__ */ n(
+    d,
+    {
+      ref: o,
+      $height: 40,
+      $flexDirection: "row",
+      $alignItems: "center",
+      $justifyContent: "space-between",
+      $background: "BLACK",
+      $width: f,
+      children: [
+        /* @__PURE__ */ e(m, { $color: "WHITE", $renderAs: "cta2", children: i }),
+        /* @__PURE__ */ e(x, {}),
+        /* @__PURE__ */ n(I, { $flexDirection: "row", children: [
+          /* @__PURE__ */ e(w, { onClick: l, color: "WHITE", label: r ? "Collapse" : "Expand" }),
+          /* @__PURE__ */ e($, { onClick: a })
+        ] }),
+        /* @__PURE__ */ e(u, { children: s })
+      ]
+    }
+  );
+}, k = b;
+export {
+  k as default
+};
+//# sourceMappingURL=tool-header.js.map

package/dist/features/sheet-tools/tool-header/tool-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-header.js","sources":["../../../../src/features/sheet-tools/tool-header/tool-header.tsx"],"sourcesContent":["import './tool-header-styled';\nimport type { IExpandableHeaderProps } from './tool-header-types';\n\nimport { useEffect, useRef, type FC } from 'react';\n\nimport { useDragHelper } from '../../hooks/use-drag-helper';\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  Children,\n  CrossIconContainer,\n  MoreIconContainer,\n  StyledText,\n  Wrapper,\n} from './tool-header-styled';\n\nconst ExpandableHeader: FC<IExpandableHeaderProps> = ({\n  title,\n  expanded,\n  onClick,\n  onClose,\n  isDraggable,\n  children,\n  width,\n  initialPosition,\n}) => {\n  const headerRef = useRef<HTMLDivElement>(null);\n\n  const validateElementInViewport = useDragHelper(headerRef, isDraggable, initialPosition);\n\n  useEffect(() => {\n    validateElementInViewport();\n  }, [expanded, validateElementInViewport]);\n\n  return (\n    <Wrapper\n      ref={headerRef}\n      $height={40}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $background=\"BLACK\"\n      $width={width}\n    >\n      <StyledText $color=\"WHITE\" $renderAs=\"cta2\">\n        {title}\n      </StyledText>\n      <MoreIconContainer />\n      <FlexView $flexDirection=\"row\">\n        <TextButton onClick={onClick} color=\"WHITE\" label={expanded ? 'Collapse' : 'Expand'} />\n        <CrossIconContainer onClick={onClose} />\n      </FlexView>\n      <Children>{children}</Children>\n    </Wrapper>\n  );\n};\n\nexport default ExpandableHeader;\n"],"names":["ExpandableHeader","title","expanded","onClick","onClose","isDraggable","children","width","initialPosition","headerRef","useRef","validateElementInViewport","useDragHelper","useEffect","jsxs","Wrapper","jsx","StyledText","MoreIconContainer","FlexView","TextButton","CrossIconContainer","Children","ExpandableHeader$1"],"mappings":";;;;;;AAgBA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACE,QAAAC,IAAYC,EAAuB,IAAI,GAEvCC,IAA4BC,EAAcH,GAAWJ,GAAaG,CAAe;AAEvF,SAAAK,EAAU,MAAM;AACY,IAAAF;EAAA,GACzB,CAACT,GAAUS,CAAyB,CAAC,GAGtC,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,SAAS;AAAA,MACT,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQF;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAS,EAACC,GAAW,EAAA,QAAO,SAAQ,WAAU,QAClC,UACHhB,GAAA;AAAA,0BACCiB,GAAkB,EAAA;AAAA,QACnB,gBAAAJ,EAACK,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,UAAA,gBAAAH,EAACI,KAAW,SAAAjB,GAAkB,OAAM,SAAQ,OAAOD,IAAW,aAAa,UAAU;AAAA,UACrF,gBAAAc,EAACK,GAAmB,EAAA,SAASjB,EAAS,CAAA;AAAA,QAAA,GACxC;AAAA,QACA,gBAAAY,EAACM,KAAU,UAAAhB,GAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1B,GAEAiB,IAAevB;"}

package/dist/features/sheet-v2/resource-list/resource-list.js

@@ -0,0 +1,45 @@
+import { jsx as t } from "react/jsx-runtime";
+import { h as $ } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as x } from "react";
+import _ from "styled-components";
+import g from "../../homework/homework-card.js";
+import w from "../../ui/layout/flex-view.js";
+const R = _.div`
+  display: grid;
+  grid-template-columns: repeat(3, 200px);
+  grid-gap: 32px;
+  justify-content: center;
+  padding: 32px 0;
+`, T = ({
+  sheets: r,
+  studentId: n,
+  userType: m,
+  ...d
+}) => /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(R, { children: r.map((o, s) => {
+  const {
+    title: a,
+    node_id: p,
+    worksheet_id: l,
+    is_timed: c,
+    sheet_time: u,
+    total_questions: e
+  } = o, h = Math.ceil((u || 0) / 60), i = e ? `${e} ${$.pluralize(e, "Question")}` : "", f = c ? `${i} • ${h} Mins` : i;
+  return /* @__PURE__ */ t(
+    g,
+    {
+      header: a,
+      subHeader: f,
+      userType: m,
+      studentId: n,
+      nodeData: o,
+      renderAs: "milestone",
+      shouldOpenOnRight: (s + 1) % 3 === 0,
+      ...d
+    },
+    `${l}_${p}_${s}`
+  );
+}) }) }), z = x(T);
+export {
+  z as default
+};
+//# sourceMappingURL=resource-list.js.map

package/dist/features/sheet-v2/resource-list/resource-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-list.js","sources":["../../../../src/features/sheet-v2/resource-list/resource-list.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ResourceItemListWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nconst ResourcesList: FC<IResourcesListProps> = ({\n  sheets,\n  studentId,\n  userType,\n  ...sheetCallBacks\n}) => (\n  <FlexView>\n    <ResourceItemListWrapper>\n      {sheets.map((sheet, idx) => {\n        const {\n          title,\n          node_id: nodeId,\n          worksheet_id: worksheetId,\n          is_timed: isTimed,\n          sheet_time: sheetTime,\n          total_questions: totalQuestions,\n        } = sheet;\n        const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n        const totalQuestionsText = totalQuestions\n          ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}`\n          : '';\n        const subHeader = isTimed\n          ? `${totalQuestionsText} • ${totalSheetTime} Mins`\n          : totalQuestionsText;\n\n        return (\n          <HomeworkCard\n            key={`${worksheetId}_${nodeId}_${idx}`}\n            header={title}\n            subHeader={subHeader}\n            userType={userType}\n            studentId={studentId}\n            nodeData={sheet}\n            renderAs=\"milestone\"\n            shouldOpenOnRight={(idx + 1) % 3 === 0}\n            {...sheetCallBacks}\n          />\n        );\n      })}\n    </ResourceItemListWrapper>\n  </FlexView>\n);\n\nexport default memo(ResourcesList);\n"],"names":["ResourceItemListWrapper","styled","ResourcesList","sheets","studentId","userType","sheetCallBacks","jsx","FlexView","sheet","idx","title","nodeId","worksheetId","isTimed","sheetTime","totalQuestions","totalSheetTime","totalQuestionsText","pluralize","subHeader","HomeworkCard","ResourcesList$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAyC,CAAC;AAAA,EAC9C,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAP,GAAA,EACE,YAAO,IAAI,CAACS,GAAOC,MAAQ;AACpB,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,SAASC;AAAA,IACT,cAAcC;AAAA,IACd,UAAUC;AAAA,IACV,YAAYC;AAAA,IACZ,iBAAiBC;AAAA,EACf,IAAAP,GACEQ,IAAiB,KAAK,MAAMF,KAAa,KAAK,EAAE,GAChDG,IAAqBF,IACvB,GAAGA,CAAc,IAAIG,EAAU,UAAAH,GAAgB,UAAU,CAAC,KAC1D,IACEI,IAAYN,IACd,GAAGI,CAAkB,MAAMD,CAAc,UACzCC;AAGF,SAAA,gBAAAX;AAAA,IAACc;AAAA,IAAA;AAAA,MAEC,QAAQV;AAAA,MACR,WAAAS;AAAA,MACA,UAAAf;AAAA,MACA,WAAAD;AAAA,MACA,UAAUK;AAAA,MACV,UAAS;AAAA,MACT,oBAAoBC,IAAM,KAAK,MAAM;AAAA,MACpC,GAAGJ;AAAA,IAAA;AAAA,IARC,GAAGO,CAAW,IAAID,CAAM,IAAIF,CAAG;AAAA,EAAA;AAW1C,CAAC,GACH,EACF,CAAA,GAGaY,IAAAC,EAAKrB,CAAa;"}

package/dist/features/sheets/comps/sheet-button/index.js

@@ -0,0 +1,71 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { memo as v, useCallback as x } from "react";
+import A from "../../../../assets/line-icons/icons/alert.js";
+import w from "../../../../assets/line-icons/icons/check2.js";
+import B from "../../../../assets/line-icons/icons/play2.js";
+import E from "../../../ui/hooks/use-click-handler.js";
+import s from "../../../ui/text/text.js";
+import { SheetButtonWrapper as S, ProgressTag as T } from "./styled.js";
+import { sheetButtonVariant as _ } from "./variant.js";
+const j = {
+  in_progress: { tag: /* @__PURE__ */ o(B, {}), backgroundColor: "YELLOW_4" },
+  overdue: { tag: /* @__PURE__ */ o(A, {}), backgroundColor: "ORANGE_4" },
+  completed: { tag: /* @__PURE__ */ o(w, {}), backgroundColor: "GREEN_4" }
+}, D = v(
+  ({
+    renderAs: n,
+    label: r,
+    disabled: i,
+    Icon: t,
+    analyticsLabel: g,
+    analyticsProps: h,
+    state: c,
+    backgroundColor: u,
+    borderColor: $,
+    hoverActive: p = !0,
+    onClick: C,
+    accuracy: a,
+    width: f,
+    widthX: k
+  }) => {
+    const { handleClick: l } = E({ label: r, analyticsLabel: g, analyticsProps: h }, C), { colorName: d } = _[n], e = c ? j[c] : void 0, b = x(() => {
+      l();
+    }, [l]);
+    return /* @__PURE__ */ m(
+      S,
+      {
+        $renderAs: n,
+        $justifyContent: "center",
+        disabled: i,
+        onClick: b,
+        $iconPresent: !!(t && r),
+        $backgroundColor: u,
+        $borderColor: $,
+        $hoverActive: p,
+        $width: f,
+        $widthX: k,
+        children: [
+          t && /* @__PURE__ */ o(t, { width: 18, height: 18 }),
+          /* @__PURE__ */ o(s, { $renderAs: "ac4", $color: i ? d.disabled : d.active, children: r }),
+          e && /* @__PURE__ */ m(
+            T,
+            {
+              $flexDirection: "row",
+              $alignItems: "center",
+              $backgroundColor: e.backgroundColor,
+              $gutter: 4,
+              children: [
+                e.tag,
+                a && /* @__PURE__ */ o(s, { $renderAs: "ub3", children: a })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  D as default
+};
+//# sourceMappingURL=index.js.map

package/dist/features/sheets/comps/sheet-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/features/sheets/comps/sheet-button/index.tsx"],"sourcesContent":["import type { ISheetButtonProps, TSheetButtonStateTags } from './types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport AlertIcon from '../../../../assets/line-icons/icons/alert';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Play2Icon from '../../../../assets/line-icons/icons/play2';\nimport useClickHandler from '../../../ui/hooks/use-click-handler';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './styled';\nimport { sheetButtonVariant } from './variant';\n\nconst sheetStateTag: TSheetButtonStateTags = {\n  in_progress: { tag: <Play2Icon />, backgroundColor: 'YELLOW_4' },\n  overdue: { tag: <AlertIcon />, backgroundColor: 'ORANGE_4' },\n  completed: { tag: <Check2Icon />, backgroundColor: 'GREEN_4' },\n};\n\nconst SheetButton: FC<ISheetButtonProps> = memo(\n  ({\n    renderAs,\n    label,\n    disabled,\n    Icon,\n    analyticsLabel,\n    analyticsProps,\n    state,\n    backgroundColor,\n    borderColor,\n    hoverActive = true,\n    onClick,\n    accuracy,\n    width,\n    widthX,\n  }) => {\n    const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n    const { colorName } = sheetButtonVariant[renderAs];\n    const sheetButtonStateTag = state ? sheetStateTag[state] : undefined;\n\n    const handleOnClick = useCallback(() => {\n      handleClick();\n    }, [handleClick]);\n\n    return (\n      <Styled.SheetButtonWrapper\n        $renderAs={renderAs}\n        $justifyContent=\"center\"\n        disabled={disabled}\n        onClick={handleOnClick}\n        $iconPresent={!!(Icon && label)}\n        $backgroundColor={backgroundColor}\n        $borderColor={borderColor}\n        $hoverActive={hoverActive}\n        $width={width}\n        $widthX={widthX}\n      >\n        {Icon && <Icon width={18} height={18} />}\n\n        <Text $renderAs=\"ac4\" $color={disabled ? colorName.disabled : colorName.active}>\n          {label}\n        </Text>\n\n        {sheetButtonStateTag && (\n          <Styled.ProgressTag\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $backgroundColor={sheetButtonStateTag.backgroundColor}\n            $gutter={4}\n          >\n            {sheetButtonStateTag.tag}\n            {accuracy && <Text $renderAs=\"ub3\">{accuracy}</Text>}\n          </Styled.ProgressTag>\n        )}\n      </Styled.SheetButtonWrapper>\n    );\n  },\n);\n\nexport default SheetButton;\n"],"names":["sheetStateTag","Play2Icon","AlertIcon","Check2Icon","SheetButton","memo","renderAs","label","disabled","Icon","analyticsLabel","analyticsProps","state","backgroundColor","borderColor","hoverActive","onClick","accuracy","width","widthX","handleClick","useClickHandler","colorName","sheetButtonVariant","sheetButtonStateTag","handleOnClick","useCallback","jsxs","Styled.SheetButtonWrapper","jsx","Text","Styled.ProgressTag"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAuC;AAAA,EAC3C,aAAa,EAAE,uBAAMC,GAAU,EAAA,GAAI,iBAAiB,WAAW;AAAA,EAC/D,SAAS,EAAE,uBAAMC,GAAU,EAAA,GAAI,iBAAiB,WAAW;AAAA,EAC3D,WAAW,EAAE,uBAAMC,GAAW,EAAA,GAAI,iBAAiB,UAAU;AAC/D,GAEMC,IAAqCC;AAAA,EACzC,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,aAAAC,EAAgB,IAAAC,EAAgB,EAAE,OAAAd,GAAO,gBAAAG,GAAgB,gBAAAC,KAAkBK,CAAO,GAEpF,EAAE,WAAAM,EAAA,IAAcC,EAAmBjB,CAAQ,GAC3CkB,IAAsBZ,IAAQZ,EAAcY,CAAK,IAAI,QAErDa,IAAgBC,EAAY,MAAM;AAC1B,MAAAN;IAAA,GACX,CAACA,CAAW,CAAC;AAGd,WAAA,gBAAAO;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWtB;AAAA,QACX,iBAAgB;AAAA,QAChB,UAAAE;AAAA,QACA,SAASiB;AAAA,QACT,cAAc,CAAC,EAAEhB,KAAQF;AAAA,QACzB,kBAAkBM;AAAA,QAClB,cAAcC;AAAA,QACd,cAAcC;AAAA,QACd,QAAQG;AAAA,QACR,SAASC;AAAA,QAER,UAAA;AAAA,UAAAV,KAAS,gBAAAoB,EAAApB,GAAA,EAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEtC,gBAAAoB,EAACC,GAAK,EAAA,WAAU,OAAM,QAAQtB,IAAWc,EAAU,WAAWA,EAAU,QACrE,UACHf,EAAA,CAAA;AAAA,UAECiB,KACC,gBAAAG;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,kBAAkBP,EAAoB;AAAA,cACtC,SAAS;AAAA,cAER,UAAA;AAAA,gBAAoBA,EAAA;AAAA,gBACpBP,KAAY,gBAAAY,EAACC,GAAK,EAAA,WAAU,OAAO,UAASb,GAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}