@cuemath/leap 3.1.37 → 3.1.38-as2

package/dist/features/puzzles/comps/puzzle-card.js

@@ -0,0 +1,35 @@
+import { jsx as h } from "react/jsx-runtime";
+import { memo as p } from "react";
+import { PuzzleWrapper as s } from "./puzzle-card-styled.js";
+const c = p(
+  ({
+    children: e,
+    imageHue: t,
+    onAnimationEnd: r,
+    animationPhase: o,
+    width: i,
+    widthX: m,
+    height: n,
+    heightX: $,
+    backgroundColor: a
+  }) => /* @__PURE__ */ h(
+    s,
+    {
+      $animationPhase: o,
+      onAnimationEnd: r,
+      $width: i,
+      $height: n,
+      $widthX: m,
+      $heightX: $,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $imageHue: t,
+      $background: a ?? `${t}_6`,
+      children: e
+    }
+  )
+);
+export {
+  c as default
+};
+//# sourceMappingURL=puzzle-card.js.map

package/dist/features/puzzles/comps/puzzle-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-card.js","sources":["../../../../src/features/puzzles/comps/puzzle-card.tsx"],"sourcesContent":["import type { IPuzzleCardProps } from './puzzle-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport * as Styled from './puzzle-card-styled';\n\nconst PuzzleCard: FC<IPuzzleCardProps> = memo(\n  ({\n    children,\n    imageHue,\n    onAnimationEnd,\n    animationPhase,\n    width,\n    widthX,\n    height,\n    heightX,\n    backgroundColor,\n  }) => {\n    return (\n      <Styled.PuzzleWrapper\n        $animationPhase={animationPhase}\n        onAnimationEnd={onAnimationEnd}\n        $width={width}\n        $height={height}\n        $widthX={widthX}\n        $heightX={heightX}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $imageHue={imageHue}\n        $background={backgroundColor ?? `${imageHue}_6`}\n      >\n        {children}\n      </Styled.PuzzleWrapper>\n    );\n  },\n);\n\nexport default PuzzleCard;\n"],"names":["PuzzleCard","memo","children","imageHue","onAnimationEnd","animationPhase","width","widthX","height","heightX","backgroundColor","jsx","Styled.PuzzleWrapper"],"mappings":";;;AAOA,MAAMA,IAAmCC;AAAA,EACvC,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,MAGE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,iBAAiBP;AAAA,MACjB,gBAAAD;AAAA,MACA,QAAQE;AAAA,MACR,SAASE;AAAA,MACT,SAASD;AAAA,MACT,UAAUE;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,WAAWN;AAAA,MACX,aAAaO,KAAmB,GAAGP,CAAQ;AAAA,MAE1C,UAAAD;AAAA,IAAA;AAAA,EAAA;AAIT;"}

package/dist/features/puzzles/puzzle-container/puzzle-container-styled.js

@@ -0,0 +1,47 @@
+import o from "styled-components";
+import t from "../../ui/layout/flex-view.js";
+const p = o(t)`
+  cursor: pointer;
+
+  &:hover {
+    outline: 2px solid ${({ theme: e }) => e.colors.BLACK_1};
+  }
+`, l = o(t)(({ theme: e, $disabled: n }) => {
+  const { colors: r } = e;
+  return `
+    position: absolute;
+    bottom: -48px;
+    cursor: pointer;
+    z-index: -1;
+    
+    ${n && `
+      background: ${r.WHITE_4};
+      border: 2px solid ${r.WHITE_5};
+      border-top: 0;
+      pointer-events: none;
+    `}
+  `;
+}), c = o(t)`
+  position: relative;
+  top: -8px;
+  height: 100%;
+  width: 100%;
+`, u = o(t)`
+  border-radius: 50%;
+`, a = o(t)`
+  position: relative;
+  transition: height 0.3s ease-out;
+`, d = o(t)`
+  position: absolute;
+  top: 0;
+  right: 0;
+`;
+export {
+  d as AssignedTag,
+  u as CheckMarkIcon,
+  l as PuzzleButton,
+  a as PuzzleContainer,
+  p as PuzzleContent,
+  c as PuzzleText
+};
+//# sourceMappingURL=puzzle-container-styled.js.map

package/dist/features/puzzles/puzzle-container/puzzle-container-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-container-styled.js","sources":["../../../../src/features/puzzles/puzzle-container/puzzle-container-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst PuzzleContent = styled(FlexView)`\n  cursor: pointer;\n\n  &:hover {\n    outline: 2px solid ${({ theme }) => theme.colors.BLACK_1};\n  }\n`;\n\ninterface IPuzzleButton {\n  $disabled?: boolean;\n}\n\nconst PuzzleButton = styled(FlexView)<IPuzzleButton>(({ theme, $disabled }) => {\n  const { colors } = theme;\n\n  return `\n    position: absolute;\n    bottom: -48px;\n    cursor: pointer;\n    z-index: -1;\n    \n    ${\n      $disabled &&\n      `\n      background: ${colors.WHITE_4};\n      border: 2px solid ${colors.WHITE_5};\n      border-top: 0;\n      pointer-events: none;\n    `\n    }\n  `;\n});\n\nconst PuzzleText = styled(FlexView)`\n  position: relative;\n  top: -8px;\n  height: 100%;\n  width: 100%;\n`;\n\nconst CheckMarkIcon = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst PuzzleContainer = styled(FlexView)`\n  position: relative;\n  transition: height 0.3s ease-out;\n`;\n\nconst AssignedTag = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  right: 0;\n`;\n\nexport { PuzzleContainer, PuzzleContent, PuzzleButton, PuzzleText, CheckMarkIcon, AssignedTag };\n"],"names":["PuzzleContent","styled","FlexView","theme","PuzzleButton","$disabled","colors","PuzzleText","CheckMarkIcon","PuzzleContainer","AssignedTag"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,yBAIZ,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAQtDC,IAAeH,EAAOC,CAAQ,EAAiB,CAAC,EAAE,OAAAC,GAAO,WAAAE,QAAgB;AACvE,QAAA,EAAE,QAAAC,EAAW,IAAAH;AAEZ,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOHE,KACA;AAAA,oBACcC,EAAO,OAAO;AAAA,0BACRA,EAAO,OAAO;AAAA;AAAA;AAAA,KAIpC;AAAA;AAEJ,CAAC,GAEKC,IAAaN,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BM,IAAgBP,EAAOC,CAAQ;AAAA;AAAA,GAI/BO,IAAkBR,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKjCQ,IAAcT,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/puzzles/puzzle-container/puzzle-container.js

@@ -0,0 +1,127 @@
+import { jsx as i, jsxs as l, Fragment as w } from "react/jsx-runtime";
+import { memo as X, useState as z, useRef as j, useEffect as C, useCallback as c } from "react";
+import L from "../../../assets/line-icons/icons/check2.js";
+import O from "../../ui/image/image.js";
+import r from "../../ui/text/text.js";
+import { usePostPuzzleToAssign as B } from "../api/puzzle-assign.js";
+import D from "../comps/puzzle-card.js";
+import { PuzzleContainer as W, PuzzleContent as G, AssignedTag as K, PuzzleButton as S, PuzzleText as U, CheckMarkIcon as H } from "./puzzle-container-styled.js";
+const N = 1500, M = X(
+  ({
+    userType: A,
+    triggerReveal: o = !1,
+    onFullyHidden: s,
+    onPuzzleClick: d,
+    puzzleData: p,
+    courseStream: g,
+    studentId: u
+  }) => {
+    const {
+      image_hue: m,
+      image_url: b,
+      assigned: e,
+      title: I,
+      id: h
+    } = p, [n, t] = z("hidden"), [f, P] = z(!1), a = j(null), { post: $, isProcessing: k } = B({
+      onComplete: (x) => {
+        x ? t("visible") : n === "visible" && t("assigning");
+      }
+    });
+    C(() => {
+      e || (o ? f ? t("assigned") : n === "hidden" && t("movingIn") : n !== "hidden" && n !== "movingOut" && t("movingOut"));
+    }, [o, f, e]), C(() => (n === "assigned" && !e && (a.current = setTimeout(() => {
+      t("movingOut");
+    }, N)), () => {
+      a.current && clearTimeout(a.current);
+    }), [n, e]);
+    const T = c(() => {
+      switch (n) {
+        case "movingIn":
+          t("revealing");
+          break;
+        case "revealing":
+          t("visible");
+          break;
+        case "assigning":
+          t("assigned"), P(!0);
+          break;
+        case "movingOut":
+          t("hidden"), s == null || s();
+          break;
+      }
+    }, [n, s]), v = c(() => {
+      e || $(
+        {
+          puzzle_id: h
+        },
+        {
+          studentId: u,
+          courseStream: g
+        }
+      );
+    }, [g, e, $, h, u]), _ = c(() => {
+      d();
+    }, [d]), E = () => n === "visible" || e ? /* @__PURE__ */ l(w, { children: [
+      /* @__PURE__ */ l(
+        G,
+        {
+          $justifyContent: "center",
+          $alignItems: "center",
+          $width: "100%",
+          $height: "100%",
+          onClick: _,
+          title: "Click to preview",
+          $flexGapX: 1.5,
+          children: [
+            /* @__PURE__ */ i(O, { width: 136, height: 136, src: b, withLoader: !1, alt: "Puzzle" }),
+            /* @__PURE__ */ i(r, { $renderAs: "h4", children: I }),
+            e && /* @__PURE__ */ i(K, { $gap: 4, $gutter: 8, $background: "BLACK_1", children: /* @__PURE__ */ i(r, { $renderAs: "ac4", $color: "WHITE_1", children: "Assigned" }) })
+          ]
+        }
+      ),
+      A === "TEACHER" && /* @__PURE__ */ i(
+        S,
+        {
+          $background: "BLACK_1",
+          $widthX: 15.75,
+          $alignItems: "center",
+          $justifyContent: "center",
+          $gapX: 0.75,
+          $gutterX: 1,
+          onClick: v,
+          $disabled: e || k,
+          children: /* @__PURE__ */ i(r, { $renderAs: "ub1-bold", $color: e ? "BLACK_T_38" : "WHITE_1", children: e ? "Discuss in next class" : "Assign" })
+        }
+      )
+    ] }) : n === "assigned" ? /* @__PURE__ */ l(U, { $alignItems: "center", $justifyContent: "center", $flexGap: 8, children: [
+      /* @__PURE__ */ i(
+        H,
+        {
+          $widthX: 2.5,
+          $heightX: 2.5,
+          $background: "WHITE",
+          $alignItems: "center",
+          $justifyContent: "center",
+          children: /* @__PURE__ */ i(L, {})
+        }
+      ),
+      /* @__PURE__ */ i(r, { $renderAs: "ab1-bold", $align: "center", $color: "WHITE", children: "Puzzle assigned" })
+    ] }) : null;
+    return n === "hidden" && !o ? null : /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(
+      D,
+      {
+        animationPhase: e ? void 0 : n,
+        onAnimationEnd: T,
+        imageHue: m ?? "BLUE",
+        heightX: 19,
+        widthX: 15.75,
+        backgroundColor: e ? `${m}_2` : void 0,
+        children: E()
+      }
+    ) });
+  }
+), F = M;
+export {
+  F as default
+};
+//# sourceMappingURL=puzzle-container.js.map

package/dist/features/puzzles/puzzle-container/puzzle-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-container.js","sources":["../../../../src/features/puzzles/puzzle-container/puzzle-container.tsx"],"sourcesContent":["import type { TPuzzleCardAnimationPhases } from '../comps/puzzle-card-types';\nimport type { IPuzzleCardContainerProps } from './puzzle-container-types';\nimport type { FC } from 'react';\n\nimport { useState, useCallback, useEffect, useRef, memo } from 'react';\n\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport { usePostPuzzleToAssign } from '../api/puzzle-assign';\nimport PuzzleCard from '../comps/puzzle-card';\nimport * as Styled from './puzzle-container-styled';\n\nconst ASSIGNED_DISPLAY_DURATION = 1500; // ms\n\nconst PuzzleCardContainer: FC<IPuzzleCardContainerProps> = memo(\n  ({\n    userType,\n    triggerReveal = false,\n    onFullyHidden,\n    onPuzzleClick,\n    puzzleData,\n    courseStream,\n    studentId,\n  }) => {\n    const {\n      image_hue: imageHue,\n      image_url: imageUrl,\n      assigned: externalAssigned,\n      title,\n      id: puzzleId,\n    } = puzzleData;\n\n    const [animationPhase, setAnimationPhase] = useState<TPuzzleCardAnimationPhases>('hidden');\n    const [isAssigned, setIsAssigned] = useState(false);\n\n    const assignedTimer = useRef<NodeJS.Timeout | null>(null);\n\n    const { post: postPuzzleToAssign, isProcessing } = usePostPuzzleToAssign({\n      onComplete: (error: string | null) => {\n        if (error) {\n          // Handle error (e.g., show a notification)\n          setAnimationPhase('visible'); // Reset to visible if assignment fails\n        } else {\n          if (animationPhase === 'visible') {\n            setAnimationPhase('assigning');\n          }\n        }\n      },\n    });\n\n    // Main trigger to start or hide the card\n    useEffect(() => {\n      if (!externalAssigned) {\n        if (triggerReveal) {\n          if (isAssigned) {\n            setAnimationPhase('assigned'); // Already assigned, show statically\n          } else if (animationPhase === 'hidden') {\n            setAnimationPhase('movingIn'); // Start the animation sequence\n          }\n        } else {\n          // If trigger is removed, start hiding (unless already hidden/hiding)\n          if (animationPhase !== 'hidden' && animationPhase !== 'movingOut') {\n            setAnimationPhase('movingOut');\n          }\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [triggerReveal, isAssigned, externalAssigned]);\n\n    // Timer to auto-hide after the 'assigned' phase\n    useEffect(() => {\n      if (animationPhase === 'assigned' && !externalAssigned) {\n        assignedTimer.current = setTimeout(() => {\n          setAnimationPhase('movingOut');\n        }, ASSIGNED_DISPLAY_DURATION);\n      }\n\n      return () => {\n        if (assignedTimer.current) clearTimeout(assignedTimer.current);\n      };\n    }, [animationPhase, externalAssigned]);\n\n    // State machine for animations\n    const handleAnimationEnd = useCallback(() => {\n      switch (animationPhase) {\n        case 'movingIn':\n          setAnimationPhase('revealing');\n          break;\n        case 'revealing':\n          setAnimationPhase('visible');\n          break;\n        case 'assigning':\n          setAnimationPhase('assigned');\n          setIsAssigned(true);\n          break;\n        case 'movingOut':\n          setAnimationPhase('hidden');\n          onFullyHidden?.();\n          break;\n        default:\n          break;\n      }\n    }, [animationPhase, onFullyHidden]);\n\n    const handleAssign = useCallback(() => {\n      if (externalAssigned) return; // Do nothing if already assigned\n\n      postPuzzleToAssign(\n        {\n          puzzle_id: puzzleId,\n        },\n        {\n          studentId,\n          courseStream,\n        },\n      );\n    }, [courseStream, externalAssigned, postPuzzleToAssign, puzzleId, studentId]);\n\n    const handleOnPuzzleClick = useCallback(() => {\n      onPuzzleClick();\n    }, [onPuzzleClick]);\n\n    // Render content only during specific phases\n    const renderContent = () => {\n      if (animationPhase === 'visible' || externalAssigned) {\n        return (\n          <>\n            <Styled.PuzzleContent\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              $width=\"100%\"\n              $height=\"100%\"\n              onClick={handleOnPuzzleClick}\n              title=\"Click to preview\"\n              $flexGapX={1.5}\n            >\n              <Image width={136} height={136} src={imageUrl} withLoader={false} alt=\"Puzzle\" />\n              <Text $renderAs=\"h4\">{title}</Text>\n\n              {externalAssigned && (\n                <Styled.AssignedTag $gap={4} $gutter={8} $background=\"BLACK_1\">\n                  <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                    Assigned\n                  </Text>\n                </Styled.AssignedTag>\n              )}\n            </Styled.PuzzleContent>\n\n            {userType === 'TEACHER' && (\n              <Styled.PuzzleButton\n                $background=\"BLACK_1\"\n                $widthX={15.75}\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $gapX={0.75}\n                $gutterX={1}\n                onClick={handleAssign}\n                $disabled={externalAssigned || isProcessing}\n              >\n                <Text $renderAs=\"ub1-bold\" $color={externalAssigned ? 'BLACK_T_38' : 'WHITE_1'}>\n                  {externalAssigned ? 'Discuss in next class' : 'Assign'}\n                </Text>\n              </Styled.PuzzleButton>\n            )}\n          </>\n        );\n      }\n\n      if (animationPhase === 'assigned') {\n        return (\n          <Styled.PuzzleText $alignItems=\"center\" $justifyContent=\"center\" $flexGap={8}>\n            <Styled.CheckMarkIcon\n              $widthX={2.5}\n              $heightX={2.5}\n              $background=\"WHITE\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n            >\n              <Check2Icon />\n            </Styled.CheckMarkIcon>\n\n            <Text $renderAs=\"ab1-bold\" $align=\"center\" $color=\"WHITE\">\n              Puzzle assigned\n            </Text>\n          </Styled.PuzzleText>\n        );\n      }\n\n      // No content during animations\n      return null;\n    };\n\n    if (animationPhase === 'hidden' && !triggerReveal) {\n      return null;\n    }\n\n    return (\n      <Styled.PuzzleContainer>\n        <PuzzleCard\n          animationPhase={!externalAssigned ? animationPhase : undefined}\n          onAnimationEnd={handleAnimationEnd}\n          imageHue={imageHue ?? 'BLUE'}\n          heightX={19}\n          widthX={15.75}\n          backgroundColor={externalAssigned ? `${imageHue}_2` : undefined}\n        >\n          {renderContent()}\n        </PuzzleCard>\n      </Styled.PuzzleContainer>\n    );\n  },\n);\n\nexport default PuzzleCardContainer;\n"],"names":["ASSIGNED_DISPLAY_DURATION","PuzzleCardContainer","memo","userType","triggerReveal","onFullyHidden","onPuzzleClick","puzzleData","courseStream","studentId","imageHue","imageUrl","externalAssigned","title","puzzleId","animationPhase","setAnimationPhase","useState","isAssigned","setIsAssigned","assignedTimer","useRef","postPuzzleToAssign","isProcessing","usePostPuzzleToAssign","error","useEffect","handleAnimationEnd","useCallback","handleAssign","handleOnPuzzleClick","renderContent","jsxs","Fragment","Styled.PuzzleContent","jsx","Image","Text","Styled.AssignedTag","Styled.PuzzleButton","Styled.PuzzleText","Styled.CheckMarkIcon","Check2Icon","Styled.PuzzleContainer","PuzzleCard","PuzzleCardContainer$1"],"mappings":"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"}

package/dist/features/puzzles/utils/puzzle-pattern.js

@@ -0,0 +1,25 @@
+import { ILLUSTRATIONS as P } from "../../../assets/illustrations/illustrations.js";
+const {
+  PUZZLE_PATTERN_BLUE: r,
+  PUZZLE_PATTERN_GREEN: e,
+  PUZZLE_PATTERN_ORANGE: t,
+  PUZZLE_PATTERN_PURPLE: L,
+  PUZZLE_PATTERN_YELLOW: R
+} = P, N = (E) => {
+  switch (E) {
+    case "YELLOW":
+      return R;
+    case "GREEN":
+      return e;
+    case "ORANGE":
+      return t;
+    case "PURPLE":
+      return L;
+    default:
+      return r;
+  }
+};
+export {
+  N as getPuzzleCardPattern
+};
+//# sourceMappingURL=puzzle-pattern.js.map

package/dist/features/puzzles/utils/puzzle-pattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-pattern.js","sources":["../../../../src/features/puzzles/utils/puzzle-pattern.ts"],"sourcesContent":["import type { THueNames } from '../../ui/types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nconst {\n  PUZZLE_PATTERN_BLUE,\n  PUZZLE_PATTERN_GREEN,\n  PUZZLE_PATTERN_ORANGE,\n  PUZZLE_PATTERN_PURPLE,\n  PUZZLE_PATTERN_YELLOW,\n} = ILLUSTRATIONS;\n\nconst getPuzzleCardPattern = (imageHue: THueNames) => {\n  switch (imageHue) {\n    case 'YELLOW':\n      return PUZZLE_PATTERN_YELLOW;\n    case 'GREEN':\n      return PUZZLE_PATTERN_GREEN;\n    case 'ORANGE':\n      return PUZZLE_PATTERN_ORANGE;\n    case 'PURPLE':\n      return PUZZLE_PATTERN_PURPLE;\n\n    default:\n      return PUZZLE_PATTERN_BLUE;\n  }\n};\n\nexport { getPuzzleCardPattern };\n"],"names":["PUZZLE_PATTERN_BLUE","PUZZLE_PATTERN_GREEN","PUZZLE_PATTERN_ORANGE","PUZZLE_PATTERN_PURPLE","PUZZLE_PATTERN_YELLOW","ILLUSTRATIONS","getPuzzleCardPattern","imageHue"],"mappings":";AAIA,MAAM;AAAA,EACJ,qBAAAA;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AACF,IAAIC,GAEEC,IAAuB,CAACC,MAAwB;AACpD,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAAH;AAAA,IACT,KAAK;AACI,aAAAH;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IAET;AACS,aAAAH;AAAA,EACX;AACF;"}

package/dist/features/sheets/constants/sheet.js

@@ -64,6 +64,7 @@ const { TETRA: A, HEXO: S, OCTO: R, DODA: C, CHATVA: N, COSA: _, ASHTA: P, ZODAS
   PUZZLE_HARD: "PUZZLE_HARD",
   PUZZLE_MEDIUM: "PUZZLE_MEDIUM",
   PUZZLE: "PUZZLE",
+  PUZZLE_CARD: "PUZZLE_CARD",
   PYTHON_BASIC: "PYTHON_BASIC",
   PYTHON_VISUAL: "PYTHON_VISUAL",
   RECAP: "RECAP",

package/dist/features/sheets/constants/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../../src/features/sheets/constants/sheet.ts"],"sourcesContent":["import type {\n  TSheetAttemptLocation,\n  TSheetStateProps,\n} from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { REWARD_BADGE } from '../../../constants/reward-badge';\n\nconst { TETRA, HEXO, OCTO, DODA, CHATVA, COSA, ASHTA, ZODASA, DVI, EKA } = REWARD_BADGE;\n\nconst MATH_REWARDS = [TETRA, HEXO, OCTO, DODA, COSA];\n\nconst INSTRUCTION_REWARDS = [EKA, DVI, CHATVA, ASHTA, ZODASA];\n\nconst REWARDS_LIST = [...MATH_REWARDS, ...INSTRUCTION_REWARDS];\n\nconst SHEET_STATE: Record<TSheetStateProps, TSheetStateProps> = {\n  NOT_STARTED: 'NOT_STARTED',\n  LOCKED: 'LOCKED',\n  FAMILIAR: 'FAMILIAR',\n  IN_PROGRESS: 'IN_PROGRESS',\n  PROFICIENT: 'PROFICIENT',\n  MASTERED: 'MASTERED',\n  RE_ATTEMPT: 'RE_ATTEMPT',\n  COMPLETED: 'COMPLETED',\n};\n\nconst COMPLETED_SHEET_STATE = [\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.MASTERED,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.COMPLETED,\n];\n\nconst NODE_LABELS = {\n  ASSESSMENT: 'ASSESSMENT',\n  CHAPTER_ASSESSMENT: 'ASSESSMENT',\n  DIAGNOSTIC: 'READINESS',\n  EXTRA_PRACTICE: 'EXTRA PRACTICE',\n  LEARNING: 'LEARNING',\n  LEVEL2: 'ADVANCED',\n  LEVEL3: 'ADVANCED',\n  PPT_BASIC: 'PRESENTATION',\n  PPT_CONTENT: 'PRESENTATION',\n  PPT_VIVA: 'PRESENTATION',\n  PRACTICE: 'PRACTICE',\n  PUZZLE: 'PUZZLE',\n  PYTHON_BASIC: 'CODING ACTIVITY',\n  PYTHON_VISUAL: 'CODING ACTIVITY',\n  RECAP: 'RECAP',\n  REMEDIAL: 'BRUSH UP',\n  REVISION: 'REVISION',\n  SUBJECTIVE: 'SUBJECTIVE',\n  TEST_SERIES: 'TEST SERIES',\n  TURING_ASSESSMENT: 'CODING ASSESSMENT',\n  TURING_BASIC: 'CODING ACTIVITY',\n  TURING_LINK: 'CODING ACTIVITY',\n  TURING_PRACTICE: 'CODING PRACTICE',\n  TURING_SHARE: 'CODING ACTIVITY',\n  TURING_SUBJECTIVE: 'CODING SUBJECTIVE',\n  TEST: 'TEST',\n  TARGET_PRACTICE: 'TARGET PRACTICE',\n} as const;\n\nconst PYTHON_NODE_TYPES = {\n  PPT_BASIC: 'PPT_BASIC',\n  PPT_CONTENT: 'PPT_CONTENT',\n  PPT_VIVA: 'PPT_VIVA',\n} as const;\n\nconst NODE_TYPE = {\n  ASSESSMENT: 'ASSESSMENT',\n  CHAPTER_ASSESSMENT: 'CHAPTER_ASSESSMENT',\n  DECK: 'DECK',\n  DIAGNOSTIC: 'DIAGNOSTIC',\n  DYNAMIC: 'DYNAMIC',\n  EXTRA_PRACTICE: 'EXTRA_PRACTICE',\n  GENERAL: 'GENERAL',\n  HIDDEN_BASIC: 'HIDDEN_BASIC',\n  LEARNING: 'LEARNING',\n  LEGACY: 'LEGACY',\n  LEVEL2: 'LEVEL2',\n  LEVEL3: 'LEVEL3',\n  NOTE: 'NOTE',\n  PRACTICE: 'PRACTICE',\n  PUZZLE_EASY: 'PUZZLE_EASY',\n  PUZZLE_HARD: 'PUZZLE_HARD',\n  PUZZLE_MEDIUM: 'PUZZLE_MEDIUM',\n  PUZZLE: 'PUZZLE',\n  PYTHON_BASIC: 'PYTHON_BASIC',\n  PYTHON_VISUAL: 'PYTHON_VISUAL',\n  RECAP: 'RECAP',\n  REMEDIAL: 'REMEDIAL',\n  REVISION: 'REVISION',\n  SIMULATION: 'SIMULATION',\n  SUBJECTIVE: 'SUBJECTIVE',\n  TEST_SERIES: 'TEST_SERIES',\n  TEST: 'TEST',\n  TURING_ASSESSMENT: 'TURING_ASSESSMENT',\n  TURING_BASIC: 'TURING_BASIC',\n  TURING_LINK: 'TURING_LINK',\n  TURING_PRACTICE: 'TURING_PRACTICE',\n  TURING_SHARE: 'TURING_SHARE',\n  TURING_SUBJECTIVE: 'TURING_SUBJECTIVE',\n  VIDEO: 'VIDEO',\n  TARGET_PRACTICE: 'TARGET_PRACTICE',\n  MASTERY: 'MASTERY',\n  TRIAL_DIAGNOSTIC: 'TRIAL_DIAGNOSTIC',\n} as const;\n\nexport const NODE_SUB_GROUP = {\n  CORE: 'CORE',\n  TESTS: 'TESTS',\n  CATCH_UP: 'CATCH_UP',\n  STEP_UP: 'STEP_UP',\n  PUZZLE: 'PUZZLE',\n  PRACTICE: 'PRACTICE',\n} as const;\n\nconst SHEET_ATTEMPT_STATE = {\n  COMPLETED: 'COMPLETED',\n  IN_PROGRESS: 'IN_PROGRESS',\n  IN_REVIEW: 'IN_REVIEW',\n  NO_JUSTIFY: 'NO_JUSTIFY',\n  REJECTED: 'REJECTED',\n  REVIEWED: 'REVIEWED',\n  SKIPPED: 'SKIPPED',\n  WAIT_FOR_END_REVIEW: 'WAIT_FOR_END_REVIEW',\n  WAIT_FOR_REVIEW: 'WAIT_FOR_REVIEW',\n} as const;\n\nconst SHEET_ATTEMPT_LOCATION = {\n  INCLASS: 'INCLASS',\n  ATHOME: 'ATHOME',\n  ANY: 'ANY',\n} as const;\n\nconst SHEET_ACTIONS = {\n  START: 'START',\n  RESUME: 'RESUME',\n  RE_ATTEMPT: 'RE_ATTEMPT',\n} as const;\n\nconst SHEET_ATTEMPT_LOCATION_MAP: Record<TSheetAttemptLocation, string> = {\n  [SHEET_ATTEMPT_LOCATION.INCLASS]: 'CW',\n  [SHEET_ATTEMPT_LOCATION.ATHOME]: 'HW',\n  [SHEET_ATTEMPT_LOCATION.ANY]: 'CW/HW',\n};\n\nconst SHEET_DATA_TYPE = {\n  LESSON: 'lesson',\n  SUPPLEMENTARY: 'supplementary-sheets-grouped',\n} as const;\n\nexport {\n  COMPLETED_SHEET_STATE,\n  NODE_TYPE,\n  REWARDS_LIST,\n  SHEET_ACTIONS,\n  SHEET_ATTEMPT_LOCATION,\n  SHEET_ATTEMPT_STATE,\n  SHEET_STATE,\n  SHEET_ATTEMPT_LOCATION_MAP,\n  SHEET_DATA_TYPE,\n  NODE_LABELS,\n  PYTHON_NODE_TYPES,\n};\n"],"names":["TETRA","HEXO","OCTO","DODA","CHATVA","COSA","ASHTA","ZODASA","DVI","EKA","REWARD_BADGE","MATH_REWARDS","INSTRUCTION_REWARDS","REWARDS_LIST","SHEET_STATE","COMPLETED_SHEET_STATE","NODE_LABELS","PYTHON_NODE_TYPES","NODE_TYPE","NODE_SUB_GROUP","SHEET_ATTEMPT_STATE","SHEET_ATTEMPT_LOCATION","SHEET_ACTIONS","SHEET_ATTEMPT_LOCATION_MAP","SHEET_DATA_TYPE"],"mappings":"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"}
+{"version":3,"file":"sheet.js","sources":["../../../../src/features/sheets/constants/sheet.ts"],"sourcesContent":["import type {\n  TSheetAttemptLocation,\n  TSheetStateProps,\n} from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { REWARD_BADGE } from '../../../constants/reward-badge';\n\nconst { TETRA, HEXO, OCTO, DODA, CHATVA, COSA, ASHTA, ZODASA, DVI, EKA } = REWARD_BADGE;\n\nconst MATH_REWARDS = [TETRA, HEXO, OCTO, DODA, COSA];\n\nconst INSTRUCTION_REWARDS = [EKA, DVI, CHATVA, ASHTA, ZODASA];\n\nconst REWARDS_LIST = [...MATH_REWARDS, ...INSTRUCTION_REWARDS];\n\nconst SHEET_STATE: Record<TSheetStateProps, TSheetStateProps> = {\n  NOT_STARTED: 'NOT_STARTED',\n  LOCKED: 'LOCKED',\n  FAMILIAR: 'FAMILIAR',\n  IN_PROGRESS: 'IN_PROGRESS',\n  PROFICIENT: 'PROFICIENT',\n  MASTERED: 'MASTERED',\n  RE_ATTEMPT: 'RE_ATTEMPT',\n  COMPLETED: 'COMPLETED',\n};\n\nconst COMPLETED_SHEET_STATE = [\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.MASTERED,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.COMPLETED,\n];\n\nconst NODE_LABELS = {\n  ASSESSMENT: 'ASSESSMENT',\n  CHAPTER_ASSESSMENT: 'ASSESSMENT',\n  DIAGNOSTIC: 'READINESS',\n  EXTRA_PRACTICE: 'EXTRA PRACTICE',\n  LEARNING: 'LEARNING',\n  LEVEL2: 'ADVANCED',\n  LEVEL3: 'ADVANCED',\n  PPT_BASIC: 'PRESENTATION',\n  PPT_CONTENT: 'PRESENTATION',\n  PPT_VIVA: 'PRESENTATION',\n  PRACTICE: 'PRACTICE',\n  PUZZLE: 'PUZZLE',\n  PYTHON_BASIC: 'CODING ACTIVITY',\n  PYTHON_VISUAL: 'CODING ACTIVITY',\n  RECAP: 'RECAP',\n  REMEDIAL: 'BRUSH UP',\n  REVISION: 'REVISION',\n  SUBJECTIVE: 'SUBJECTIVE',\n  TEST_SERIES: 'TEST SERIES',\n  TURING_ASSESSMENT: 'CODING ASSESSMENT',\n  TURING_BASIC: 'CODING ACTIVITY',\n  TURING_LINK: 'CODING ACTIVITY',\n  TURING_PRACTICE: 'CODING PRACTICE',\n  TURING_SHARE: 'CODING ACTIVITY',\n  TURING_SUBJECTIVE: 'CODING SUBJECTIVE',\n  TEST: 'TEST',\n  TARGET_PRACTICE: 'TARGET PRACTICE',\n} as const;\n\nconst PYTHON_NODE_TYPES = {\n  PPT_BASIC: 'PPT_BASIC',\n  PPT_CONTENT: 'PPT_CONTENT',\n  PPT_VIVA: 'PPT_VIVA',\n} as const;\n\nconst NODE_TYPE = {\n  ASSESSMENT: 'ASSESSMENT',\n  CHAPTER_ASSESSMENT: 'CHAPTER_ASSESSMENT',\n  DECK: 'DECK',\n  DIAGNOSTIC: 'DIAGNOSTIC',\n  DYNAMIC: 'DYNAMIC',\n  EXTRA_PRACTICE: 'EXTRA_PRACTICE',\n  GENERAL: 'GENERAL',\n  HIDDEN_BASIC: 'HIDDEN_BASIC',\n  LEARNING: 'LEARNING',\n  LEGACY: 'LEGACY',\n  LEVEL2: 'LEVEL2',\n  LEVEL3: 'LEVEL3',\n  NOTE: 'NOTE',\n  PRACTICE: 'PRACTICE',\n  PUZZLE_EASY: 'PUZZLE_EASY',\n  PUZZLE_HARD: 'PUZZLE_HARD',\n  PUZZLE_MEDIUM: 'PUZZLE_MEDIUM',\n  PUZZLE: 'PUZZLE',\n  PUZZLE_CARD: 'PUZZLE_CARD',\n  PYTHON_BASIC: 'PYTHON_BASIC',\n  PYTHON_VISUAL: 'PYTHON_VISUAL',\n  RECAP: 'RECAP',\n  REMEDIAL: 'REMEDIAL',\n  REVISION: 'REVISION',\n  SIMULATION: 'SIMULATION',\n  SUBJECTIVE: 'SUBJECTIVE',\n  TEST_SERIES: 'TEST_SERIES',\n  TEST: 'TEST',\n  TURING_ASSESSMENT: 'TURING_ASSESSMENT',\n  TURING_BASIC: 'TURING_BASIC',\n  TURING_LINK: 'TURING_LINK',\n  TURING_PRACTICE: 'TURING_PRACTICE',\n  TURING_SHARE: 'TURING_SHARE',\n  TURING_SUBJECTIVE: 'TURING_SUBJECTIVE',\n  VIDEO: 'VIDEO',\n  TARGET_PRACTICE: 'TARGET_PRACTICE',\n  MASTERY: 'MASTERY',\n  TRIAL_DIAGNOSTIC: 'TRIAL_DIAGNOSTIC',\n} as const;\n\nexport const NODE_SUB_GROUP = {\n  CORE: 'CORE',\n  TESTS: 'TESTS',\n  CATCH_UP: 'CATCH_UP',\n  STEP_UP: 'STEP_UP',\n  PUZZLE: 'PUZZLE',\n  PRACTICE: 'PRACTICE',\n} as const;\n\nconst SHEET_ATTEMPT_STATE = {\n  COMPLETED: 'COMPLETED',\n  IN_PROGRESS: 'IN_PROGRESS',\n  IN_REVIEW: 'IN_REVIEW',\n  NO_JUSTIFY: 'NO_JUSTIFY',\n  REJECTED: 'REJECTED',\n  REVIEWED: 'REVIEWED',\n  SKIPPED: 'SKIPPED',\n  WAIT_FOR_END_REVIEW: 'WAIT_FOR_END_REVIEW',\n  WAIT_FOR_REVIEW: 'WAIT_FOR_REVIEW',\n} as const;\n\nconst SHEET_ATTEMPT_LOCATION = {\n  INCLASS: 'INCLASS',\n  ATHOME: 'ATHOME',\n  ANY: 'ANY',\n} as const;\n\nconst SHEET_ACTIONS = {\n  START: 'START',\n  RESUME: 'RESUME',\n  RE_ATTEMPT: 'RE_ATTEMPT',\n} as const;\n\nconst SHEET_ATTEMPT_LOCATION_MAP: Record<TSheetAttemptLocation, string> = {\n  [SHEET_ATTEMPT_LOCATION.INCLASS]: 'CW',\n  [SHEET_ATTEMPT_LOCATION.ATHOME]: 'HW',\n  [SHEET_ATTEMPT_LOCATION.ANY]: 'CW/HW',\n};\n\nconst SHEET_DATA_TYPE = {\n  LESSON: 'lesson',\n  SUPPLEMENTARY: 'supplementary-sheets-grouped',\n} as const;\n\nexport {\n  COMPLETED_SHEET_STATE,\n  NODE_TYPE,\n  REWARDS_LIST,\n  SHEET_ACTIONS,\n  SHEET_ATTEMPT_LOCATION,\n  SHEET_ATTEMPT_STATE,\n  SHEET_STATE,\n  SHEET_ATTEMPT_LOCATION_MAP,\n  SHEET_DATA_TYPE,\n  NODE_LABELS,\n  PYTHON_NODE_TYPES,\n};\n"],"names":["TETRA","HEXO","OCTO","DODA","CHATVA","COSA","ASHTA","ZODASA","DVI","EKA","REWARD_BADGE","MATH_REWARDS","INSTRUCTION_REWARDS","REWARDS_LIST","SHEET_STATE","COMPLETED_SHEET_STATE","NODE_LABELS","PYTHON_NODE_TYPES","NODE_TYPE","NODE_SUB_GROUP","SHEET_ATTEMPT_STATE","SHEET_ATTEMPT_LOCATION","SHEET_ACTIONS","SHEET_ATTEMPT_LOCATION_MAP","SHEET_DATA_TYPE"],"mappings":"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"}

package/dist/index.d.ts

@@ -402,6 +402,9 @@ declare interface ErrorProps {
 }
 
 export declare const EVENTS: {
+    TEACHER_BADGE: string;
+    STUDENT_BADGE: string;
+    OPEN_ADDITIONAL_CLASS_CONFIRMED_MODAL: string;
     HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN";
     INVALIDATE_HOMEWORK: "INVALIDATE_HOMEWORK";
     GOAL_CREATED: "GOAL_CREATED";
@@ -2023,6 +2026,11 @@ export declare const ILLUSTRATIONS: {
     PROFICIENT_BADGE: string;
     PROFILE_BOARD: string;
     PUZZLE: string;
+    PUZZLE_PATTERN_BLUE: string;
+    PUZZLE_PATTERN_GREEN: string;
+    PUZZLE_PATTERN_ORANGE: string;
+    PUZZLE_PATTERN_PURPLE: string;
+    PUZZLE_PATTERN_YELLOW: string;
     PUZZLE_STUDENT: string;
     REFUND_POLICY: string;
     REFUND_POLICY_WITH_HEADPHONE: string;
@@ -2551,6 +2559,8 @@ export declare const invalidateMilestonesData: (query?: TQuery | undefined) => v
 
 export declare const invalidatePastMilestoneCount: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
+export declare const invalidatePuzzleToAssign: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
+
 export declare const invalidateTestHelpData: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
 declare interface IOnChapterExitWarningProps {
@@ -2801,6 +2811,32 @@ declare interface IPuzzleCard_2 {
     programId: string;
 }
 
+export declare interface IPuzzleCardAssignData {
+    id: string;
+    item_ref: string;
+    image_url: string;
+    image_hue: THueNames;
+    title: string;
+    assigned: boolean;
+    created_on_ts: number;
+    state: TSheetStates;
+    user_id: string;
+    node_type: TNodeTypes;
+    node_id: string;
+    user_node_id: string | null;
+}
+
+declare interface IPuzzleCardContainerProps {
+    userType: TUserTypes;
+    triggerReveal?: boolean;
+    puzzleData: IPuzzleCardAssignData;
+    courseStream: TCourseStream;
+    studentId: string;
+    onFullyHidden?: () => void;
+    onPuzzleClick: () => void;
+    onPuzzleAssign?: () => void;
+}
+
 export declare interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {
     question: string;
     askHintPermission?: boolean;
@@ -4296,6 +4332,7 @@ export declare const NODE_TYPE: {
     readonly PUZZLE_HARD: "PUZZLE_HARD";
     readonly PUZZLE_MEDIUM: "PUZZLE_MEDIUM";
     readonly PUZZLE: "PUZZLE";
+    readonly PUZZLE_CARD: "PUZZLE_CARD";
     readonly PYTHON_BASIC: "PYTHON_BASIC";
     readonly PYTHON_VISUAL: "PYTHON_VISUAL";
     readonly RECAP: "RECAP";
@@ -4344,7 +4381,8 @@ export declare enum NODE_TYPES {
     'TRIAL_BASIC' = "TRIAL_BASIC",
     'TRIAL_INTERMEDIATE' = "TRIAL_INTERMEDIATE",
     'TRIAL_ADVANCED' = "TRIAL_ADVANCED",
-    'MASTERY' = "MASTERY"
+    'MASTERY' = "MASTERY",
+    'PUZZLE_CARD' = "PUZZLE_CARD"
 }
 
 export declare const Nudge: React_2.FC<INudgeProps>;
@@ -4463,6 +4501,8 @@ export declare interface Puzzle extends BaseProject {
     solved: boolean;
 }
 
+export declare const Puzzle2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 declare const PUZZLE_CARD_STATE: {
     readonly LOCKED: "LOCKED";
     readonly COMPLETED: "COMPLETED";
@@ -4478,6 +4518,10 @@ declare const PUZZLE_CARD_STATE: {
 
 declare const PUZZLE_CARDS: "puzzle_cards";
 
+export declare const PuzzleCard: FC<IPuzzleCardContainerProps>;
+
+export declare const PuzzleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const PYTHON_NODE_TYPES: {
     readonly PPT_BASIC: "PPT_BASIC";
     readonly PPT_CONTENT: "PPT_CONTENT";
@@ -5180,6 +5224,28 @@ export declare type TInclassMessage = {
     eventPayload: {
         chapterId: string;
     };
+} | {
+    eventName: 'TEACHER_BADGE';
+    eventPayload: {
+        data: {
+            selectedBadge: Record<string, string>;
+            badgeId: string;
+        };
+    };
+} | {
+    eventName: 'STUDENT_BADGE';
+    eventPayload: {
+        studentId: string;
+        badges: unknown[];
+    };
+} | {
+    eventName: 'OPEN_ADDITIONAL_CLASS_CONFIRMED_MODAL';
+    eventPayload: {
+        studentId: string;
+        teacherId: string;
+        timezone: string;
+        timestamp: null | string;
+    };
 };
 
 export declare type TInputShapes = 'border' | 'borderLess' | 'curved';
@@ -5449,7 +5515,7 @@ declare type TNodeSubGroupProps = keyof typeof NODE_SUB_GROUP;
 
 declare type TNodeTypeProps = keyof typeof NODE_TYPE | keyof typeof PYTHON_NODE_TYPES | keyof typeof SAT_NODE_TYPE;
 
-export declare type TNodeTypes = 'LEGACY' | 'LEARNING' | 'REMEDIAL' | 'GENERAL' | 'SAT_MATH_RECAP' | 'SAT_MATH_LEARNING' | 'SAT_MATH_ASSESSMENT' | 'SAT_ENGLISH_RECAP' | 'SAT_ENGLISH_LEARNING' | 'SAT_ENGLISH_ASSESSMENT' | 'LEVEL3' | 'RECAP' | 'REVISION' | 'LEVEL2' | 'TARGET_PRACTICE' | 'PRACTICE' | 'EXTRA_PRACTICE' | 'PUZZLE_EASY' | 'PUZZLE_MEDIUM' | 'PUZZLE_HARD' | 'CHAPTER_ASSESSMENT' | 'ASSESSMENT' | 'TRIAL_DIAGNOSTIC' | 'TRIAL_BASIC' | 'TRIAL_INTERMEDIATE' | 'TRIAL_ADVANCED' | 'MASTERY' | 'DYNAMIC' | 'TURING_ASSESSMENT' | 'TURING_SUBJECTIVE' | 'TURING_PRACTICE' | 'DIAGNOSTIC' | 'SUBJECTIVE' | 'VIDEO';
+export declare type TNodeTypes = 'LEGACY' | 'LEARNING' | 'REMEDIAL' | 'GENERAL' | 'SAT_MATH_RECAP' | 'SAT_MATH_LEARNING' | 'SAT_MATH_ASSESSMENT' | 'SAT_ENGLISH_RECAP' | 'SAT_ENGLISH_LEARNING' | 'SAT_ENGLISH_ASSESSMENT' | 'LEVEL3' | 'RECAP' | 'REVISION' | 'LEVEL2' | 'TARGET_PRACTICE' | 'PRACTICE' | 'EXTRA_PRACTICE' | 'PUZZLE_EASY' | 'PUZZLE_MEDIUM' | 'PUZZLE_HARD' | 'CHAPTER_ASSESSMENT' | 'ASSESSMENT' | 'TRIAL_DIAGNOSTIC' | 'TRIAL_BASIC' | 'TRIAL_INTERMEDIATE' | 'TRIAL_ADVANCED' | 'MASTERY' | 'DYNAMIC' | 'TURING_ASSESSMENT' | 'TURING_SUBJECTIVE' | 'TURING_PRACTICE' | 'DIAGNOSTIC' | 'SUBJECTIVE' | 'VIDEO' | 'PUZZLE_CARD';
 
 declare type TNodeTypes_2 = keyof typeof NODE_TYPE | keyof typeof PYTHON_NODE_TYPES | keyof typeof SAT_NODE_TYPE;
 
@@ -5899,6 +5965,22 @@ export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery
     } & Record<string, unknown>) | undefined;
 };
 
+export declare const useGetPuzzleToAssign: (initialId?: string, initialQuery?: void | undefined) => {
+    get: (id: string, query: void, meta: {
+        courseStream: TCourseStream;
+    }) => Promise<void>;
+    resource: ResourceModel<IPuzzleCardAssignData[]> | undefined;
+    data: IPuzzleCardAssignData[] | undefined;
+    permissions: Record<string, unknown> | undefined;
+    isProcessing: boolean;
+    isProcessed: boolean;
+    isProcessingFailed: boolean;
+    isStale: boolean;
+    error: ({
+        message?: string | undefined;
+    } & Record<string, unknown>) | undefined;
+};
+
 export declare const useGetTestHelpData: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: {
         studentId: string;