@cuemath/leap 3.2.2 → 3.2.3-pdb-0.2

package/dist/features/homework/hw-card-list/hw-card-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomepageStartJourneyProps } from '../../journey/hooks/use-home-page-journey/homepage-journey-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { memo, useCallback, useEffect } from 'react';\n\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport HwCardListView from './hw-card-list-view';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps, homeworkId?: string) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: ({ studentId, stream, userType }: IHomepageStartJourneyProps) => void;\n  canStartJourney?: boolean;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType,\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  homeworkRef,\n  startHomePageJourney,\n  canStartJourney,\n}) => {\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isProcessed,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  useEffect(() => {\n    if (isProcessed && startHomePageJourney && !isJourneyActive && canStartJourney) {\n      startHomePageJourney({ studentId, stream, userType });\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isProcessed,\n    startHomePageJourney,\n    stream,\n    studentId,\n    userType,\n  ]);\n\n  const fetchHomeworks = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchHomeworks();\n    }\n  }, [fetchHomeworks, isProcessing, isStale]);\n\n  useEffect(() => {\n    fetchHomeworks();\n  }, [fetchHomeworks]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <div ref={homeworkRef}>\n      <HwCardListView\n        isHwProcessing={isProcessing}\n        hwDetails={hwDetails}\n        onTestStart={onTestStart}\n        onNodeAttempt={onNodeAttempt}\n        onTestPreview={onTestPreview}\n        onNodeView={onNodeView}\n        onTestReview={onTestReview}\n        onNodeReview={onNodeReview}\n        onNodeUnassign={onNodeUnassign}\n        userType={userType}\n        studentId={studentId}\n      />\n    </div>\n  );\n};\n\nexport default memo(HWCardList);\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","homeworkRef","startHomePageJourney","canStartJourney","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isProcessed","isStale","useGetHomeworks","isJourneyActive","useJourney","useEffect","fetchHomeworks","useCallback","jsx","HwCardListView","hwCardList","memo"],"mappings":";;;;;AAyBA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAgBlB,CAAS,GACvB,EAAE,iBAAAmB,MAAoBC;AAE5B,EAAAC,EAAU,MAAM;AACd,IAAIL,KAAeN,KAAwB,CAACS,KAAmBR,KAC7DD,EAAqB,EAAE,WAAAV,GAAW,QAAAC,GAAQ,UAAAF,EAAU,CAAA;AAAA,EACtD,GACC;AAAA,IACDY;AAAA,IACAQ;AAAA,IACAH;AAAA,IACAN;AAAA,IACAT;AAAA,IACAD;AAAA,IACAD;AAAA,EAAA,CACD;AAEK,QAAAuB,IAAiBC,EAAY,MAAM;AACvC,IAAAX,EAAaZ,GAAW,QAAW,EAAE,QAAAC,EAAQ,CAAA;AAAA,EAC5C,GAAA,CAACW,GAAcX,GAAQD,CAAS,CAAC;AAYpC,SAVAqB,EAAU,MAAM;AACV,IAAA,CAACN,KAAgBE,KACJK;EAEhB,GAAA,CAACA,GAAgBP,GAAcE,CAAO,CAAC,GAE1CI,EAAU,MAAM;AACC,IAAAC;EAAA,GACd,CAACA,CAAc,CAAC,GAEfR,IACK,OAIP,gBAAAU,EAAC,OAAI,EAAA,KAAKf,GACR,UAAA,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBV;AAAA,MAChB,WAAAF;AAAA,MACA,aAAAX;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAT;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEe0B,IAAAC,EAAK7B,CAAU;"}
+{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomepageStartJourneyProps } from '../../journey/hooks/use-home-page-journey/homepage-journey-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { memo, useCallback, useEffect } from 'react';\n\nimport { usePuzzleAssignedJourney } from '../../journey/hooks/use-puzzles-journey/use-puzzle-assigned';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { getPuzzleCardData } from '../utils';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport HwCardListView from './hw-card-list-view';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps, homeworkId?: string) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: ({ studentId, stream, userType }: IHomepageStartJourneyProps) => void;\n  canStartJourney?: boolean;\n  canStartPuzzleAssignedJourney?: boolean;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType,\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  homeworkRef,\n  startHomePageJourney,\n  canStartJourney,\n  canStartPuzzleAssignedJourney,\n}) => {\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isProcessed,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  const { puzzleHWCardRef, startJourney: startPuzzleAssignedJourney } = usePuzzleAssignedJourney();\n\n  useEffect(() => {\n    if (isProcessed && startHomePageJourney && !isJourneyActive && canStartJourney) {\n      startHomePageJourney({ studentId, stream, userType });\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isProcessed,\n    startHomePageJourney,\n    stream,\n    studentId,\n    userType,\n  ]);\n\n  const fetchHomeworks = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchHomeworks();\n    }\n  }, [fetchHomeworks, isProcessing, isStale]);\n\n  useEffect(() => {\n    fetchHomeworks();\n  }, [fetchHomeworks]);\n\n  useEffect(() => {\n    const nodeData = getPuzzleCardData(hwDetails);\n\n    if (\n      canStartPuzzleAssignedJourney &&\n      !isJourneyActive &&\n      startPuzzleAssignedJourney &&\n      nodeData\n    ) {\n      startPuzzleAssignedJourney(nodeData);\n    }\n  }, [canStartPuzzleAssignedJourney, hwDetails, isJourneyActive, startPuzzleAssignedJourney]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <div ref={homeworkRef}>\n      <HwCardListView\n        isHwProcessing={isProcessing}\n        hwDetails={hwDetails}\n        onTestStart={onTestStart}\n        onNodeAttempt={onNodeAttempt}\n        onTestPreview={onTestPreview}\n        onNodeView={onNodeView}\n        onTestReview={onTestReview}\n        onNodeReview={onNodeReview}\n        onNodeUnassign={onNodeUnassign}\n        userType={userType}\n        studentId={studentId}\n        puzzleHWCardRef={puzzleHWCardRef}\n      />\n    </div>\n  );\n};\n\nexport default memo(HWCardList);\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","homeworkRef","startHomePageJourney","canStartJourney","canStartPuzzleAssignedJourney","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isProcessed","isStale","useGetHomeworks","isJourneyActive","useJourney","puzzleHWCardRef","startPuzzleAssignedJourney","usePuzzleAssignedJourney","useEffect","fetchHomeworks","useCallback","nodeData","getPuzzleCardData","jsx","HwCardListView","hwCardList","memo"],"mappings":";;;;;;;AA4BA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,+BAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAgBnB,CAAS,GACvB,EAAE,iBAAAoB,MAAoBC,KAEtB,EAAE,iBAAAC,GAAiB,cAAcC,MAA+BC,EAAyB;AAE/F,EAAAC,EAAU,MAAM;AACd,IAAIR,KAAeP,KAAwB,CAACU,KAAmBT,KAC7DD,EAAqB,EAAE,WAAAV,GAAW,QAAAC,GAAQ,UAAAF,EAAU,CAAA;AAAA,EACtD,GACC;AAAA,IACDY;AAAA,IACAS;AAAA,IACAH;AAAA,IACAP;AAAA,IACAT;AAAA,IACAD;AAAA,IACAD;AAAA,EAAA,CACD;AAEK,QAAA2B,IAAiBC,EAAY,MAAM;AACvC,IAAAd,EAAab,GAAW,QAAW,EAAE,QAAAC,EAAQ,CAAA;AAAA,EAC5C,GAAA,CAACY,GAAcZ,GAAQD,CAAS,CAAC;AAyBpC,SAvBAyB,EAAU,MAAM;AACV,IAAA,CAACT,KAAgBE,KACJQ;EAEhB,GAAA,CAACA,GAAgBV,GAAcE,CAAO,CAAC,GAE1CO,EAAU,MAAM;AACC,IAAAC;EAAA,GACd,CAACA,CAAc,CAAC,GAEnBD,EAAU,MAAM;AACR,UAAAG,IAAWC,EAAkBf,CAAS;AAE5C,IACEF,KACA,CAACQ,KACDG,KACAK,KAEAL,EAA2BK,CAAQ;AAAA,KAEpC,CAAChB,GAA+BE,GAAWM,GAAiBG,CAA0B,CAAC,GAEtFR,IACK,OAIP,gBAAAe,EAAC,OAAI,EAAA,KAAKrB,GACR,UAAA,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBf;AAAA,MAChB,WAAAF;AAAA,MACA,aAAAZ;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAT;AAAA,MACA,WAAAC;AAAA,MACA,iBAAAsB;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeU,IAAAC,EAAKnC,CAAU;"}

package/dist/features/homework/utils.js

@@ -1,48 +1,54 @@
 import { TESTS_CREATION_ANALYTICS_EVENTS as l } from "../milestone/milestone-tests/tests-creation/tests-creation-analytics-events.js";
-import { NODE_TYPE as E } from "../sheets/constants/sheet.js";
+import { NODE_TYPE as n } from "../sheets/constants/sheet.js";
 import { HOMEWORK_ANALYTICS_EVENTS as c } from "./homework-analytics-events.js";
 const y = ({
-  canResume: a,
-  canStart: i,
-  homeworkId: e,
-  isHomeWork: _,
-  isStudent: o,
-  milestoneId: n,
-  nodeType: t,
-  studentId: r,
-  userNodeId: s
+  canResume: t,
+  canStart: e,
+  homeworkId: i,
+  isHomeWork: o,
+  isStudent: _,
+  milestoneId: s,
+  nodeType: r,
+  studentId: a,
+  userNodeId: d
 }) => {
-  if (o) {
-    if (_)
-      return i || a ? {
+  if (_) {
+    if (o)
+      return e || t ? {
         analyticsLabel: c.HOMEWORK_ATTEMPTED,
-        analyticsProps: { student_id: r, node_type: t, homework_id: e }
+        analyticsProps: { student_id: a, node_type: r, homework_id: i }
       } : {
         analyticsLabel: "homework-student-menu",
-        analyticsProps: { student_id: r, node_type: t, homework_id: e }
+        analyticsProps: { student_id: a, node_type: r, homework_id: i }
       };
-    if (i || a)
+    if (e || t)
       return {
-        analyticsLabel: t === E.DYNAMIC ? l.CUSTOM_TEST_ATTEMPTED : "node-attempted",
+        analyticsLabel: r === n.DYNAMIC ? l.CUSTOM_TEST_ATTEMPTED : "node-attempted",
         analyticsProps: {
-          student_id: r,
-          node_type: t,
-          user_node_id: s,
-          milestone_id: n,
-          can_start: i,
-          can_resume: a
+          student_id: a,
+          node_type: r,
+          user_node_id: d,
+          milestone_id: s,
+          can_start: e,
+          can_resume: t
         }
       };
   }
-  return _ ? {
+  return o ? {
     analyticsLabel: "homework-card-teacher",
-    analyticsProps: { student_id: r, node_type: t }
+    analyticsProps: { student_id: a, node_type: r }
   } : {
     analyticsLabel: "goals-card-teacher",
-    analyticsProps: { student_id: r, node_type: t }
+    analyticsProps: { student_id: a, node_type: r }
   };
+}, T = (t) => {
+  if (!t)
+    return;
+  const { assigned_homeworks: e } = t;
+  return e.find((i) => i.node_type === n.PUZZLE_CARD);
 };
 export {
-  y as getCardAnalyticProps
+  y as getCardAnalyticProps,
+  T as getPuzzleCardData
 };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/features/homework/utils.ts"],"sourcesContent":["import type { TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\n\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../milestone/milestone-tests/tests-creation/tests-creation-analytics-events';\nimport { NODE_TYPE } from '../sheets/constants/sheet';\nimport { HOMEWORK_ANALYTICS_EVENTS } from './homework-analytics-events';\n\ninterface IGetCardAnalyticProps {\n  canResume: boolean;\n  canStart: boolean;\n  homeworkId?: string;\n  isHomeWork: boolean;\n  isStudent: boolean;\n  milestoneId?: string;\n  nodeType: TNodeTypes;\n  studentId: string;\n  userNodeId: string | null;\n}\n\nconst getCardAnalyticProps = ({\n  canResume,\n  canStart,\n  homeworkId,\n  isHomeWork,\n  isStudent,\n  milestoneId,\n  nodeType,\n  studentId,\n  userNodeId,\n}: IGetCardAnalyticProps) => {\n  if (isStudent) {\n    if (isHomeWork) {\n      if (canStart || canResume) {\n        return {\n          analyticsLabel: HOMEWORK_ANALYTICS_EVENTS.HOMEWORK_ATTEMPTED,\n          analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n        };\n      }\n\n      return {\n        analyticsLabel: 'homework-student-menu',\n        analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n      };\n    }\n\n    if (canStart || canResume) {\n      return {\n        analyticsLabel:\n          nodeType === NODE_TYPE.DYNAMIC\n            ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n            : 'node-attempted',\n        analyticsProps: {\n          student_id: studentId,\n          node_type: nodeType,\n          user_node_id: userNodeId,\n          milestone_id: milestoneId,\n          can_start: canStart,\n          can_resume: canResume,\n        },\n      };\n    }\n  }\n\n  if (isHomeWork) {\n    return {\n      analyticsLabel: 'homework-card-teacher',\n      analyticsProps: { student_id: studentId, node_type: nodeType },\n    };\n  }\n\n  return {\n    analyticsLabel: 'goals-card-teacher',\n    analyticsProps: { student_id: studentId, node_type: nodeType },\n  };\n};\n\nexport { getCardAnalyticProps };\n"],"names":["getCardAnalyticProps","canResume","canStart","homeworkId","isHomeWork","isStudent","milestoneId","nodeType","studentId","userNodeId","HOMEWORK_ANALYTICS_EVENTS","NODE_TYPE","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;AAkBA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,MAA6B;AAC3B,MAAIJ,GAAW;AACb,QAAID;AACF,aAAIF,KAAYD,IACP;AAAA,QACL,gBAAgBS,EAA0B;AAAA,QAC1C,gBAAgB,EAAE,YAAYF,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA,IAInF;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB,EAAE,YAAYK,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA;AAI1F,QAAID,KAAYD;AACP,aAAA;AAAA,QACL,gBACEM,MAAaI,EAAU,UACnBC,EAAgC,wBAChC;AAAA,QACN,gBAAgB;AAAA,UACd,YAAYJ;AAAA,UACZ,WAAWD;AAAA,UACX,cAAcE;AAAA,UACd,cAAcH;AAAA,UACd,WAAWJ;AAAA,UACX,YAAYD;AAAA,QACd;AAAA,MAAA;AAAA,EAGN;AAEA,SAAIG,IACK;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYI,GAAW,WAAWD,EAAS;AAAA,EAAA,IAI1D;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYC,GAAW,WAAWD,EAAS;AAAA,EAAA;AAEjE;"}
+{"version":3,"file":"utils.js","sources":["../../../src/features/homework/utils.ts"],"sourcesContent":["import type { TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomeworkDetails } from './hw-card-list/api/get-homeworks';\n\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../milestone/milestone-tests/tests-creation/tests-creation-analytics-events';\nimport { NODE_TYPE } from '../sheets/constants/sheet';\nimport { HOMEWORK_ANALYTICS_EVENTS } from './homework-analytics-events';\n\ninterface IGetCardAnalyticProps {\n  canResume: boolean;\n  canStart: boolean;\n  homeworkId?: string;\n  isHomeWork: boolean;\n  isStudent: boolean;\n  milestoneId?: string;\n  nodeType: TNodeTypes;\n  studentId: string;\n  userNodeId: string | null;\n}\n\nconst getCardAnalyticProps = ({\n  canResume,\n  canStart,\n  homeworkId,\n  isHomeWork,\n  isStudent,\n  milestoneId,\n  nodeType,\n  studentId,\n  userNodeId,\n}: IGetCardAnalyticProps) => {\n  if (isStudent) {\n    if (isHomeWork) {\n      if (canStart || canResume) {\n        return {\n          analyticsLabel: HOMEWORK_ANALYTICS_EVENTS.HOMEWORK_ATTEMPTED,\n          analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n        };\n      }\n\n      return {\n        analyticsLabel: 'homework-student-menu',\n        analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n      };\n    }\n\n    if (canStart || canResume) {\n      return {\n        analyticsLabel:\n          nodeType === NODE_TYPE.DYNAMIC\n            ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n            : 'node-attempted',\n        analyticsProps: {\n          student_id: studentId,\n          node_type: nodeType,\n          user_node_id: userNodeId,\n          milestone_id: milestoneId,\n          can_start: canStart,\n          can_resume: canResume,\n        },\n      };\n    }\n  }\n\n  if (isHomeWork) {\n    return {\n      analyticsLabel: 'homework-card-teacher',\n      analyticsProps: { student_id: studentId, node_type: nodeType },\n    };\n  }\n\n  return {\n    analyticsLabel: 'goals-card-teacher',\n    analyticsProps: { student_id: studentId, node_type: nodeType },\n  };\n};\n\nconst getPuzzleCardData = (hwDetails?: IHomeworkDetails) => {\n  if (!hwDetails) {\n    return undefined;\n  }\n\n  const { assigned_homeworks: assignedHomework } = hwDetails;\n\n  return assignedHomework.find(homework => homework.node_type === NODE_TYPE.PUZZLE_CARD);\n};\n\nexport { getCardAnalyticProps, getPuzzleCardData };\n"],"names":["getCardAnalyticProps","canResume","canStart","homeworkId","isHomeWork","isStudent","milestoneId","nodeType","studentId","userNodeId","HOMEWORK_ANALYTICS_EVENTS","NODE_TYPE","TESTS_CREATION_ANALYTICS_EVENTS","getPuzzleCardData","hwDetails","assignedHomework","homework"],"mappings":";;;AAmBA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,MAA6B;AAC3B,MAAIJ,GAAW;AACb,QAAID;AACF,aAAIF,KAAYD,IACP;AAAA,QACL,gBAAgBS,EAA0B;AAAA,QAC1C,gBAAgB,EAAE,YAAYF,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA,IAInF;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB,EAAE,YAAYK,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA;AAI1F,QAAID,KAAYD;AACP,aAAA;AAAA,QACL,gBACEM,MAAaI,EAAU,UACnBC,EAAgC,wBAChC;AAAA,QACN,gBAAgB;AAAA,UACd,YAAYJ;AAAA,UACZ,WAAWD;AAAA,UACX,cAAcE;AAAA,UACd,cAAcH;AAAA,UACd,WAAWJ;AAAA,UACX,YAAYD;AAAA,QACd;AAAA,MAAA;AAAA,EAGN;AAEA,SAAIG,IACK;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYI,GAAW,WAAWD,EAAS;AAAA,EAAA,IAI1D;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYC,GAAW,WAAWD,EAAS;AAAA,EAAA;AAEjE,GAEMM,IAAoB,CAACC,MAAiC;AAC1D,MAAI,CAACA;AACI;AAGH,QAAA,EAAE,oBAAoBC,EAAqB,IAAAD;AAEjD,SAAOC,EAAiB,KAAK,CAAAC,MAAYA,EAAS,cAAcL,EAAU,WAAW;AACvF;"}

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.js

@@ -0,0 +1,72 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as r, useCallback as n, useMemo as h } from "react";
+import C from "../../../homework/homework-card-view.js";
+import T from "../../../ui/layout/flex-view.js";
+import { JOURNEY_ID_STUDENT as w } from "../../journey-id/journey-id-student.js";
+import { IndicatorType as E } from "../../use-journey/constants.js";
+import { useJourney as b } from "../../use-journey/use-journey.js";
+import g from "../use-home-page-journey/tooltip-item.js";
+const z = () => {
+  const e = w.PUZZLE_ASSIGNED_JOURNEY, d = r(null), o = r(null), p = r([]), { setJourney: i, endJourney: s, nextCoachmark: l } = b(), a = n(() => {
+    l(e, !1, 0, !1);
+  }, [e, l]), u = n(() => {
+    document.body.style.overflow = "unset", s(e);
+  }, [s, e]), m = n(
+    (f) => {
+      if (!(o != null && o.current))
+        return;
+      const y = [
+        {
+          originalElementToHighlightRef: o,
+          elementToHighlight: /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(
+            C,
+            {
+              header: "",
+              subHeader: "",
+              userType: "STUDENT",
+              nodeData: f,
+              studentContainerRef: d
+            }
+          ) }),
+          type: E.TOOLTIP,
+          indicator: {
+            renderAs: "primary",
+            tooltipXCoOrdinates: 66,
+            arrowSize: 12,
+            arrowXCoOrdinates: -100,
+            position: "bottom",
+            backgroundColor: "GREEN_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            tooltipItem: /* @__PURE__ */ t(
+              g,
+              {
+                text: "New Puzzle assigned! Click here to view.",
+                buttonLabel: "Got it",
+                onButtonClick: u
+              }
+            )
+          },
+          isActive: !1
+        }
+      ];
+      i(e, y);
+      const c = setTimeout(() => {
+        clearTimeout(c), document.body.style.overflow = "hidden", a();
+      }, 500);
+      p.current.push(c);
+    },
+    [u, a, e, i]
+  );
+  return h(
+    () => ({
+      puzzleHWCardRef: o,
+      startJourney: m
+    }),
+    [m]
+  );
+};
+export {
+  z as usePuzzleAssignedJourney
+};
+//# sourceMappingURL=use-puzzle-assigned.js.map

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-puzzle-assigned.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport HomeworkCardView from '../../../homework/homework-card-view';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleAssignedJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.PUZZLE_ASSIGNED_JOURNEY;\n\n  const studentContainerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const puzzleHWCardRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    (nodeData: INodeDataProps) => {\n      if (!puzzleHWCardRef?.current) {\n        return;\n      }\n\n      const puzzleAttemptSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleHWCardRef,\n          elementToHighlight: (\n            <FlexView>\n              <HomeworkCardView\n                header=\"\"\n                subHeader=\"\"\n                userType=\"STUDENT\"\n                nodeData={nodeData}\n                studentContainerRef={studentContainerRef}\n              />\n            </FlexView>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            renderAs: 'primary',\n            tooltipXCoOrdinates: 66,\n            arrowSize: 12,\n            arrowXCoOrdinates: -100,\n            position: 'bottom',\n            backgroundColor: 'GREEN_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            tooltipItem: (\n              <TooltipItem\n                text=\"New Puzzle assigned! Click here to view.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, puzzleAttemptSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachMark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      puzzleHWCardRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleAssignedJourney };\n"],"names":["usePuzzleAssignedJourney","journeyId","JOURNEY_ID_STUDENT","studentContainerRef","useRef","puzzleHWCardRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","nodeData","puzzleAttemptSteps","FlexView","jsx","HomeworkCardView","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAaA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAsBC,EAAuB,IAAI,GACjDC,IAAkBD,EAAuB,IAAI,GAC7CE,IAAYF,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAG,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAR,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWQ,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWP,CAAS;AAAA,EAAA,GACnB,CAACO,GAAYP,CAAS,CAAC,GAEpBa,IAAeF;AAAA,IACnB,CAACG,MAA6B;AACxB,UAAA,EAACV,KAAA,QAAAA,EAAiB;AACpB;AAGF,YAAMW,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BX;AAAA,UAC/B,sCACGY,GACC,EAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,UAAS;AAAA,cACT,UAAAJ;AAAA,cACA,qBAAAZ;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UAEF,MAAMiB,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeR;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWN,GAAWe,CAAkB;AAElC,YAAAM,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXX;SACnB,GAAG;AAEI,MAAAL,EAAA,QAAQ,KAAKgB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACT,GAAkBF,GAAqBV,GAAWM,CAAU;AAAA,EAAA;AAWxD,SARMgB;AAAA,IACX,OAAO;AAAA,MACL,iBAAAlB;AAAA,MACA,cAAAS;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.js

@@ -0,0 +1,59 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as c, useCallback as r, useMemo as y } from "react";
+import f from "../../../ui/buttons/button/button.js";
+import { JOURNEY_ID_STUDENT as h } from "../../journey-id/journey-id-student.js";
+import { IndicatorType as T } from "../../use-journey/constants.js";
+import { useJourney as C } from "../../use-journey/use-journey.js";
+import b from "../use-home-page-journey/tooltip-item.js";
+const z = () => {
+  const o = h.PUZZLE_ATTEMPT_JOURNEY, e = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = C(), l = r(() => {
+    s(o, !1, 0, !1);
+  }, [o, s]), a = r(() => {
+    document.body.style.overflow = "unset", i(o);
+  }, [i, o]), u = r(() => {
+    if (!(e != null && e.current))
+      return;
+    const p = [
+      {
+        originalElementToHighlightRef: e,
+        elementToHighlight: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(f, { renderAs: "primary", size: "small", label: "I have solved" }) }),
+        type: T.TOOLTIP,
+        indicator: {
+          renderAs: "primary",
+          tooltipXCoOrdinates: -100,
+          arrowSize: 12,
+          arrowXCoOrdinates: 100,
+          position: "top",
+          backgroundColor: "PURPLE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ t(
+            b,
+            {
+              text: "Click here when you've solved the puzzle.",
+              buttonLabel: "Got it",
+              onButtonClick: a
+            }
+          )
+        },
+        isActive: !1
+      }
+    ];
+    n(o, p);
+    const m = setTimeout(() => {
+      clearTimeout(m), document.body.style.overflow = "hidden", l();
+    }, 500);
+    d.current.push(m);
+  }, [a, l, o, n]);
+  return y(
+    () => ({
+      puzzleAttemptCtaRef: e,
+      startJourney: u
+    }),
+    [u]
+  );
+};
+export {
+  z as usePuzzleAttemptJourney
+};
+//# sourceMappingURL=use-puzzle-attempt-journey.js.map

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-puzzle-attempt-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleAttemptJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.PUZZLE_ATTEMPT_JOURNEY;\n\n  const puzzleAttemptCtaRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleAttemptCtaRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleAttemptCtaRef,\n        elementToHighlight: (\n          <div>\n            <Button renderAs=\"primary\" size=\"small\" label=\"I have solved\" />\n          </div>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'top',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text={`Click here when you've solved the puzzle.`}\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n        isActive: false,\n      },\n    ];\n\n    setJourney(journeyId, puzzleAttemptSteps);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      handleNextCoachMark();\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleAttemptCtaRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleAttemptJourney };\n"],"names":["usePuzzleAttemptJourney","journeyId","JOURNEY_ID_STUDENT","puzzleAttemptCtaRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAMC,IAAYC,EAAmB,wBAE/BC,IAAsBC,EAAuB,IAAI,GACjDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAqB;AACxB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACG,gBAAAY,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAO,UAAS,WAAU,MAAK,SAAQ,OAAM,gBAAA,CAAgB,EAChE,CAAA;AAAA,QAEF,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,aAAY;AAAA,cACZ,eAAeN;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAK,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXT;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKc,CAAgB;AAAA,KACtC,CAACP,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMc;AAAA,IACX,OAAO;AAAA,MACL,qBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js

@@ -0,0 +1,63 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as c, useCallback as r, useMemo as f } from "react";
+import h from "../../../ui/avatar/avatar.js";
+import { JOURNEY_ID_STUDENT as C } from "../../journey-id/journey-id-student.js";
+import { IndicatorType as T } from "../../use-journey/constants.js";
+import { useJourney as b } from "../../use-journey/use-journey.js";
+import A from "../use-home-page-journey/tooltip-item.js";
+const I = () => {
+  const o = C.PUZZLE_DASHBOARD_JOURNEY, t = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = b(), a = r(() => {
+    s(o, !1, 0, !1);
+  }, [o, s]), l = r(() => {
+    document.body.style.overflow = "unset", i(o);
+  }, [i, o]), u = r(
+    (p) => {
+      if (!(t != null && t.current))
+        return;
+      const y = [
+        {
+          originalElementToHighlightRef: t,
+          elementToHighlight: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(h, { size: 55, avatar: p }) }),
+          type: T.TOOLTIP,
+          indicator: {
+            renderAs: "primary",
+            tooltipXCoOrdinates: 14,
+            tooltipYCoOrdinates: 36,
+            arrowSize: 12,
+            arrowYCoOrdinates: -36,
+            position: "right",
+            backgroundColor: "BLUE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            tooltipItem: /* @__PURE__ */ e(
+              A,
+              {
+                text: "Click here to see all previously solved puzzles.",
+                buttonLabel: "Got it",
+                onButtonClick: l
+              }
+            )
+          },
+          isActive: !1
+        }
+      ];
+      n(o, y);
+      const m = setTimeout(() => {
+        clearTimeout(m), document.body.style.overflow = "hidden", a();
+      }, 500);
+      d.current.push(m);
+    },
+    [l, a, o, n]
+  );
+  return f(
+    () => ({
+      puzzleProfileRef: t,
+      startJourney: u
+    }),
+    [u]
+  );
+};
+export {
+  I as usePuzzleDashboardJourney
+};
+//# sourceMappingURL=use-puzzle-dashboard-journey.js.map

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-puzzle-dashboard-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Avatar from '../../../ui/avatar/avatar';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleDashboardJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.PUZZLE_DASHBOARD_JOURNEY;\n\n  const puzzleProfileRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    (avatar: IAvatarLayer[]) => {\n      if (!puzzleProfileRef?.current) {\n        return;\n      }\n\n      const puzzleAttemptSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleProfileRef,\n          elementToHighlight: (\n            <div>\n              <Avatar size={55} avatar={avatar} />\n            </div>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            renderAs: 'primary',\n            tooltipXCoOrdinates: 14,\n            tooltipYCoOrdinates: 36,\n            arrowSize: 12,\n            arrowYCoOrdinates: -36,\n            position: 'right',\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            tooltipItem: (\n              <TooltipItem\n                text=\"Click here to see all previously solved puzzles.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, puzzleAttemptSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachMark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      puzzleProfileRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleDashboardJourney };\n"],"names":["usePuzzleDashboardJourney","journeyId","JOURNEY_ID_STUDENT","puzzleProfileRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","avatar","puzzleAttemptSteps","jsx","Avatar","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAYA,MAAMA,IAA4B,MAAM;AACtC,QAAMC,IAAYC,EAAmB,0BAE/BC,IAAmBC,EAAuB,IAAI,GAC9CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF;AAAA,IACnB,CAACG,MAA2B;AACtB,UAAA,EAACX,KAAA,QAAAA,EAAkB;AACrB;AAGF,YAAMY,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BZ;AAAA,UAC/B,sCACG,OACC,EAAA,UAAA,gBAAAa,EAACC,KAAO,MAAM,IAAI,QAAAH,GAAgB,EACpC,CAAA;AAAA,UAEF,MAAMI,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeP;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWL,GAAWc,CAAkB;AAElC,YAAAK,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;SACnB,GAAG;AAEI,MAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,IACzC;AAAA,IACA,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU;AAAA,EAAA;AAWxD,SARMe;AAAA,IACX,OAAO;AAAA,MACL,kBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/journey-id/journey-id-student.js

@@ -1,5 +1,5 @@
-var E = /* @__PURE__ */ ((R) => (R.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", R.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", R.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", R.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", R.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", R.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", R.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", R.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", R.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY", R.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", R.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", R.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", R))(E || {});
+var R = /* @__PURE__ */ ((E) => (E.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", E.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", E.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", E.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", E.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", E.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", E.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", E.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", E.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY", E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGNED_JOURNEY = "PUZZLE_ASSIGNED_JOURNEY", E.PUZZLE_DASHBOARD_JOURNEY = "PUZZLE_DASHBOARD_JOURNEY", E))(R || {});
 export {
-  E as JOURNEY_ID_STUDENT
+  R as JOURNEY_ID_STUDENT
 };
 //# sourceMappingURL=journey-id-student.js.map

package/dist/features/journey/journey-id/journey-id-student.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n  CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n  CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n  CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n  CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n  CIRCLE_TABLES_INFINTE_JOURNEY = 'CIRCLE_TABLES_INFINITE_JOURNEY',\n  CIRCLE_LESSONS_K_1_INTRO_JOURNEY = 'CIRCLE_LESSONS_K_1_INTRO_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_JOURNEY',\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,kCAChCA,EAAA,mCAAmC,oCAGnCA,EAAA,kCAAkC,mCAClCA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAdhBA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n  CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n  CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n  CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n  CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n  CIRCLE_TABLES_INFINTE_JOURNEY = 'CIRCLE_TABLES_INFINITE_JOURNEY',\n  CIRCLE_LESSONS_K_1_INTRO_JOURNEY = 'CIRCLE_LESSONS_K_1_INTRO_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_JOURNEY',\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  PUZZLE_ATTEMPT_JOURNEY = 'PUZZLE_ATTEMPT_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n  PUZZLE_ASSIGNED_JOURNEY = 'PUZZLE_ASSIGNED_JOURNEY',\n  PUZZLE_DASHBOARD_JOURNEY = 'PUZZLE_DASHBOARD_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,kCAChCA,EAAA,mCAAmC,oCAGnCA,EAAA,kCAAkC,mCAClCA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,yBAAyB,0BACzBA,EAAA,0BAA0B,2BAC1BA,EAAA,0BAA0B,2BAC1BA,EAAA,2BAA2B,4BAjBjBA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/journey/journey-id/journey-id-teacher.js

@@ -1,4 +1,4 @@
-var A = /* @__PURE__ */ ((E) => (E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E))(A || {});
+var A = /* @__PURE__ */ ((E) => (E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGN_JOURNEY = "PUZZLE_ASSIGN_JOURNEY", E))(A || {});
 export {
   A as JOURNEY_ID_TEACHER
 };

package/dist/features/journey/journey-id/journey-id-teacher.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-id-teacher.js","sources":["../../../../src/features/journey/journey-id/journey-id-teacher.ts"],"sourcesContent":["export enum JOURNEY_ID_TEACHER {\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n}\n"],"names":["JOURNEY_ID_TEACHER"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAHhBA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"journey-id-teacher.js","sources":["../../../../src/features/journey/journey-id/journey-id-teacher.ts"],"sourcesContent":["export enum JOURNEY_ID_TEACHER {\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n  PUZZLE_ASSIGN_JOURNEY = 'PUZZLE_ASSIGN_JOURNEY',\n}\n"],"names":["JOURNEY_ID_TEACHER"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAC1BA,EAAA,wBAAwB,yBAJdA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/puzzles/api/puzzle-dashboard.js

@@ -0,0 +1,10 @@
+import { createGetAPI as s } from "@cuemath/rest-api";
+import { BASE_URL_V3 as r } from "../../../constants/api.js";
+const { useGet: a, invalidate: z } = s({
+  getURL: (e, o, { courseStream: t }) => `${r}/users/${e}/course-streams/${t}/puzzles-history/`
+});
+export {
+  z as invalidateGetPuzzles,
+  a as useGetPuzzles
+};
+//# sourceMappingURL=puzzle-dashboard.js.map

package/dist/features/puzzles/api/puzzle-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-dashboard.js","sources":["../../../../src/features/puzzles/api/puzzle-dashboard.ts"],"sourcesContent":["import type { TCourseStream } from '../../milestone/create/milestone-create-types';\nimport type { IPuzzleCardAssignData } from '../puzzle-container/puzzle-container-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetPuzzles, invalidate: invalidateGetPuzzles } = createGetAPI<\n  IPuzzleCardAssignData[],\n  void,\n  { courseStream: TCourseStream }\n>({\n  getURL: (studentId, _, { courseStream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${courseStream}/puzzles-history/`,\n});\n\nexport { useGetPuzzles, invalidateGetPuzzles };\n"],"names":["useGetPuzzles","invalidateGetPuzzles","createGetAPI","studentId","_","courseStream","BASE_URL_V3"],"mappings":";;AAOA,MAAM,EAAE,QAAQA,GAAe,YAAYC,EAAA,IAAyBC,EAIlE;AAAA,EACA,QAAQ,CAACC,GAAWC,GAAG,EAAE,cAAAC,EAAA,MACvB,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAY;AACpE,CAAC;"}

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

@@ -1,79 +1,34 @@
-import e, { keyframes as a, css as r } from "styled-components";
-import n from "../../ui/layout/flex-view.js";
-import { getPuzzleCardPattern as l } from "../utils/puzzle-pattern.js";
-const m = a`
-  from { transform: translateY(-100%); }
-  to   { transform: translateY(0); }
-`, o = a`
-  from { transform: rotateY(0deg); }
-  to   { transform: rotateY(360deg); }
-`, c = a`
-  from { transform: translateY(0); opacity: 1; }
-  to   { transform: translateY(-100%); opacity: 0; }
-`, d = e(n)`
+import e from "styled-components";
+import r from "../../ui/layout/flex-view.js";
+import i from "../../ui/text/text.js";
+import { getPuzzleCardPattern as p } from "../utils/puzzle-pattern.js";
+const n = e(r)`
   position: relative;
+  cursor: pointer;
 
-  box-shadow: inset 0px 0px 0px 4px ${({ theme: t, $imageHue: i }) => t.colors[`${i}_4`]};
+  box-shadow: inset 0px 0px 0px 4px ${({ theme: o, $imageHue: t }) => o.colors[`${t}_4`]};
 
-  background-image: ${({ $imageHue: t }) => `url(${l(t)})`};
+  background-image: ${({ $imageHue: o }) => `url(${p(o)})`};
   background-size: cover;
 
-  ${({ $animationPhase: t }) => t && r`
-      transform-style: preserve-3d;
-      opacity: 0;
-      visibility: hidden;
-      transform: translateY(-100%);
-    `}
-
-  ${({ $animationPhase: t, theme: i, $imageHue: s }) => {
-  switch (t) {
-    case "movingIn":
-      return r`
-          visibility: visible;
-          opacity: 1;
-          animation: ${m} 0.5s ease-out forwards;
-        `;
-    case "revealing":
-      return r`
-          visibility: visible;
-          opacity: 1;
-          transform: translateY(0); /* Position after moveIn */
-          animation: ${o} 1s ease-in-out forwards;
-        `;
-    case "visible":
-      return r`
-          visibility: visible;
-          opacity: 1;
-          transform: translateY(0) rotateY(360deg);
-          background-color: ${i.colors[`${s}_2`]};
-          transition: background-color 0.2s ease-in;
-        `;
-    case "assigning":
-      return r`
-          visibility: visible;
-          opacity: 1;
-          transform: translateY(0); /* Reset rotation for this animation */
-          animation: ${o} 1s ease-in-out forwards;
-        `;
-    case "assigned":
-      return r`
-          visibility: visible;
-          opacity: 1;
-          transform: translateY(0) rotateY(360deg);
-        `;
-    case "movingOut":
-      return r`
-          visibility: visible;
-          opacity: 1;
-          transform: translateY(0); /* Start from final position */
-          animation: ${c} 0.5s ease-in forwards;
-        `;
-    default:
-      return "";
+  &:hover {
+    outline: 1px solid ${({ theme: o }) => o.colors.BLACK_1};
   }
-}}
+`, x = e(i)`
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: break-spaces;
+`, b = e(r)`
+  position: absolute;
+  top: -10px;
+  right: -10px;
 `;
 export {
-  d as PuzzleWrapper
+  n as PuzzleWrapper,
+  b as StickerWrapper,
+  x as Title
 };
 //# sourceMappingURL=puzzle-card-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"puzzle-card-styled.js","sources":["../../../../src/features/puzzles/comps/puzzle-card-styled.tsx"],"sourcesContent":["import type { THueNames } from '../../ui/types';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getPuzzleCardPattern } from '../utils/puzzle-pattern';\n\n// --- Keyframes for each animation step ---\nconst moveInAnim = keyframes`\n  from { transform: translateY(-100%); }\n  to   { transform: translateY(0); }\n`;\n\nconst rotateYAnim = keyframes`\n  from { transform: rotateY(0deg); }\n  to   { transform: rotateY(360deg); }\n`;\n\nconst moveOutAnim = keyframes`\n  from { transform: translateY(0); opacity: 1; }\n  to   { transform: translateY(-100%); opacity: 0; }\n`;\n\nconst PuzzleWrapper = styled(FlexView)<{ $animationPhase?: string; $imageHue: THueNames }>`\n  position: relative;\n\n  box-shadow: inset 0px 0px 0px 4px ${({ theme, $imageHue }) => theme.colors[`${$imageHue}_4`]};\n\n  background-image: ${({ $imageHue }) => `url(${getPuzzleCardPattern($imageHue)})`};\n  background-size: cover;\n\n  ${({ $animationPhase }) =>\n    $animationPhase &&\n    css`\n      transform-style: preserve-3d;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(-100%);\n    `}\n\n  ${({ $animationPhase, theme, $imageHue }) => {\n    switch ($animationPhase) {\n      case 'movingIn':\n        return css`\n          visibility: visible;\n          opacity: 1;\n          animation: ${moveInAnim} 0.5s ease-out forwards;\n        `;\n      case 'revealing':\n        return css`\n          visibility: visible;\n          opacity: 1;\n          transform: translateY(0); /* Position after moveIn */\n          animation: ${rotateYAnim} 1s ease-in-out forwards;\n        `;\n      case 'visible':\n        return css`\n          visibility: visible;\n          opacity: 1;\n          transform: translateY(0) rotateY(360deg);\n          background-color: ${theme.colors[`${$imageHue}_2`]};\n          transition: background-color 0.2s ease-in;\n        `;\n      case 'assigning':\n        return css`\n          visibility: visible;\n          opacity: 1;\n          transform: translateY(0); /* Reset rotation for this animation */\n          animation: ${rotateYAnim} 1s ease-in-out forwards;\n        `;\n      case 'assigned':\n        return css`\n          visibility: visible;\n          opacity: 1;\n          transform: translateY(0) rotateY(360deg);\n        `;\n      case 'movingOut':\n        return css`\n          visibility: visible;\n          opacity: 1;\n          transform: translateY(0); /* Start from final position */\n          animation: ${moveOutAnim} 0.5s ease-in forwards;\n        `;\n      default:\n        return '';\n    }\n  }}\n`;\n\nexport { PuzzleWrapper };\n"],"names":["moveInAnim","keyframes","rotateYAnim","moveOutAnim","PuzzleWrapper","styled","FlexView","theme","$imageHue","getPuzzleCardPattern","$animationPhase","css"],"mappings":";;;AAQA,MAAMA,IAAaC;AAAA;AAAA;AAAA,GAKbC,IAAcD;AAAA;AAAA;AAAA,GAKdE,IAAcF;AAAA;AAAA;AAAA,GAKdG,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,sCAGC,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgBD,EAAM,OAAO,GAAGC,CAAS,IAAI,CAAC;AAAA;AAAA,sBAExE,CAAC,EAAE,WAAAA,EAAU,MAAM,OAAOC,EAAqBD,CAAS,CAAC,GAAG;AAAA;AAAA;AAAA,IAG9E,CAAC,EAAE,iBAAAE,QACHA,KACAC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKC;AAAA;AAAA,IAED,CAAC,EAAE,iBAAAD,GAAiB,OAAAH,GAAO,WAAAC,QAAgB;AAC3C,UAAQE,GAAiB;AAAA,IACvB,KAAK;AACI,aAAAC;AAAA;AAAA;AAAA,uBAGQX,CAAU;AAAA;AAAA,IAE3B,KAAK;AACI,aAAAW;AAAA;AAAA;AAAA;AAAA,uBAIQT,CAAW;AAAA;AAAA,IAE5B,KAAK;AACI,aAAAS;AAAA;AAAA;AAAA;AAAA,8BAIeJ,EAAM,OAAO,GAAGC,CAAS,IAAI,CAAC;AAAA;AAAA;AAAA,IAGtD,KAAK;AACI,aAAAG;AAAA;AAAA;AAAA;AAAA,uBAIQT,CAAW;AAAA;AAAA,IAE5B,KAAK;AACI,aAAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,KAAK;AACI,aAAAA;AAAA;AAAA;AAAA;AAAA,uBAIQR,CAAW;AAAA;AAAA,IAE5B;AACS,aAAA;AAAA,EACX;AACF,CAAC;AAAA;"}
+{"version":3,"file":"puzzle-card-styled.js","sources":["../../../../src/features/puzzles/comps/puzzle-card-styled.tsx"],"sourcesContent":["import type { THueNames } from '../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getPuzzleCardPattern } from '../utils/puzzle-pattern';\n\nconst PuzzleWrapper = styled(FlexView)<{ $animationPhase?: string; $imageHue: THueNames }>`\n  position: relative;\n  cursor: pointer;\n\n  box-shadow: inset 0px 0px 0px 4px ${({ theme, $imageHue }) => theme.colors[`${$imageHue}_4`]};\n\n  background-image: ${({ $imageHue }) => `url(${getPuzzleCardPattern($imageHue)})`};\n  background-size: cover;\n\n  &:hover {\n    outline: 1px solid ${({ theme }) => theme.colors.BLACK_1};\n  }\n`;\n\nconst Title = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: break-spaces;\n`;\n\nconst StickerWrapper = styled(FlexView)`\n  position: absolute;\n  top: -10px;\n  right: -10px;\n`;\n\nexport { PuzzleWrapper, Title, StickerWrapper };\n"],"names":["PuzzleWrapper","styled","FlexView","theme","$imageHue","getPuzzleCardPattern","Title","Text","StickerWrapper"],"mappings":";;;;AAQM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,sCAIC,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgBD,EAAM,OAAO,GAAGC,CAAS,IAAI,CAAC;AAAA;AAAA,sBAExE,CAAC,EAAE,WAAAA,EAAU,MAAM,OAAOC,EAAqBD,CAAS,CAAC,GAAG;AAAA;AAAA;AAAA;AAAA,yBAIzD,CAAC,EAAE,OAAAD,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAItDG,IAAQL,EAAOM,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBC,IAAiBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}