@cuemath/leap 3.2.19-beta-0.1 → 3.2.19-link.0

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

@@ -1,63 +0,0 @@
-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: 42,
-            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

@@ -1 +0,0 @@
-{"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: 42,\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/hooks/use-puzzles-journey/use-puzzle-intro-journey.js

@@ -1,67 +0,0 @@
-import { jsx as t, jsxs as T } from "react/jsx-runtime";
-import { useRef as p, useCallback as r, useMemo as b } from "react";
-import g from "../../../../assets/line-icons/icons/puzzle2.js";
-import f from "../../../ui/layout/flex-view.js";
-import h from "../../../ui/text/text.js";
-import { getTheme as E } from "../../../ui/theme/get-theme.js";
-import { JOURNEY_ID_TEACHER as P } from "../../journey-id/journey-id-teacher.js";
-import { IndicatorType as x } from "../../use-journey/constants.js";
-import { useJourney as z } from "../../use-journey/use-journey.js";
-import I from "../use-home-page-journey/tooltip-item.js";
-const N = ({ onJourneyComplete: n }) => {
-  const e = P.PUZZLE_INTRO_JOURNEY, o = p(null), y = p([]), { setJourney: i, endJourney: l, nextCoachmark: s } = z(), { colors: a } = E(), c = r(() => {
-    s(e, !1, 0, !1);
-  }, [e, s]), m = r(() => {
-    document.body.style.overflow = "unset", l(e), n();
-  }, [l, e, n]), d = r(() => {
-    if (!(o != null && o.current))
-      return;
-    const C = [
-      {
-        originalElementToHighlightRef: o,
-        elementToHighlight: /* @__PURE__ */ t(f, { $gap: 12, $gutter: 12, children: /* @__PURE__ */ t(g, { width: 20, height: 20, fill: a.PURPLE_4 }) }),
-        type: x.TOOLTIP,
-        indicator: {
-          renderAs: "primary",
-          tooltipXCoOrdinates: -100,
-          tooltipYCoOrdinates: -1,
-          arrowSize: 12,
-          arrowXCoOrdinates: 100,
-          position: "bottom",
-          backgroundColor: "PURPLE_4",
-          borderColor: "BLACK",
-          arrowColor: "BLACK",
-          tooltipItem: /* @__PURE__ */ t(
-            I,
-            {
-              element: /* @__PURE__ */ T(f, { children: [
-                /* @__PURE__ */ t(h, { $renderAs: "ac4-black", children: "Improved puzzles experience!" }),
-                /* @__PURE__ */ t(h, { $renderAs: "ab2", children: "One puzzle per class, auto-adapted to student level." })
-              ] }),
-              buttonLabel: "Click to View",
-              ctaWidth: "max-content",
-              onButtonClick: m
-            }
-          )
-        },
-        isActive: !1
-      }
-    ];
-    i(e, C);
-    const u = setTimeout(() => {
-      clearTimeout(u), document.body.style.overflow = "hidden", c();
-    }, 500);
-    y.current.push(u);
-  }, [a.PURPLE_4, m, c, e, i]);
-  return b(
-    () => ({
-      puzzleIconRef: o,
-      startJourney: d
-    }),
-    [d]
-  );
-};
-export {
-  N as usePuzzleIntroJourney
-};
-//# sourceMappingURL=use-puzzle-intro-journey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-puzzle-intro-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-intro-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport type { IUsePuzzleIntroJourney } from './puzzle-journey-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport PuzzleIcon2 from '../../../../assets/line-icons/icons/puzzle2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { getTheme } from '../../../ui/theme/get-theme';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleIntroJourney = ({ onJourneyComplete }: IUsePuzzleIntroJourney) => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_INTRO_JOURNEY;\n\n  const puzzleIconRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n  const { colors } = getTheme();\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    onJourneyComplete();\n  }, [endJourney, journeyId, onJourneyComplete]);\n\n  const startJourney = useCallback(() => {\n    if (!puzzleIconRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleIconRef,\n        elementToHighlight: (\n          <FlexView $gap={12} $gutter={12}>\n            <PuzzleIcon2 width={20} height={20} fill={colors.PURPLE_4} />\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\n          tooltipYCoOrdinates: -1,\n          arrowSize: 12,\n          arrowXCoOrdinates: 100,\n          position: 'bottom',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ac4-black\">Improved puzzles experience!</Text>\n                  <Text $renderAs=\"ab2\">One puzzle per class, auto-adapted to student level.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Click to View\"\n              ctaWidth=\"max-content\"\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  }, [colors.PURPLE_4, handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleIconRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleIntroJourney };\n"],"names":["usePuzzleIntroJourney","onJourneyComplete","journeyId","JOURNEY_ID_TEACHER","puzzleIconRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","colors","getTheme","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","PuzzleIcon2","IndicatorType","TooltipItem","Text","delayBeforeStart","useMemo"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAwB,CAAC,EAAE,mBAAAC,QAAgD;AAC/E,QAAMC,IAAYC,EAAmB,sBAE/BC,IAAgBC,EAAuB,IAAI,GAC3CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GACvD,EAAE,QAAAC,MAAWC,KAEbC,IAAsBC,EAAY,MAAM;AAC9B,IAAAL,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBM,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BN,EAAWN,CAAS,GACFD;EACjB,GAAA,CAACO,GAAYN,GAAWD,CAAiB,CAAC,GAEvCe,IAAeF,EAAY,MAAM;AACjC,QAAA,EAACV,KAAA,QAAAA,EAAe;AAClB;AAGF,UAAMa,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+Bb;AAAA,QAC/B,oBACG,gBAAAc,EAAAC,GAAA,EAAS,MAAM,IAAI,SAAS,IAC3B,UAAA,gBAAAD,EAACE,GAAY,EAAA,OAAO,IAAI,QAAQ,IAAI,MAAMT,EAAO,SAAU,CAAA,GAC7D;AAAA,QAEF,MAAMU,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,2BACGH,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAD,EAAAK,GAAA,EAAK,WAAU,aAAY,UAA4B,gCAAA;AAAA,gBACvD,gBAAAL,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAoD,wDAAA;AAAA,cAAA,GAC5E;AAAA,cAEF,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,eAAeR;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAR,EAAWL,GAAWe,CAAkB;AAElC,UAAAO,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXX;OACnB,GAAG;AAEI,IAAAP,EAAA,QAAQ,KAAKkB,CAAgB;AAAA,EAAA,GACtC,CAACb,EAAO,UAAUI,GAAkBF,GAAqBX,GAAWK,CAAU,CAAC;AAU3E,SARMkB;AAAA,IACX,OAAO;AAAA,MACL,eAAArB;AAAA,MACA,cAAAY;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

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

@@ -1,70 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useRef as c, useCallback as r, useMemo as p } from "react";
-import y from "../../../ui/layout/flex-view.js";
-import h from "../../../ui/text/text.js";
-import { JOURNEY_ID_TEACHER as C } from "../../journey-id/journey-id-teacher.js";
-import { IndicatorType as b } from "../../use-journey/constants.js";
-import { useJourney as E } from "../../use-journey/use-journey.js";
-import T from "../use-home-page-journey/tooltip-item.js";
-const P = () => {
-  const e = C.PUZZLE_PROGRESS_JOURNEY, o = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = E(), l = r(() => {
-    s(e, !1, 0, !1);
-  }, [e, s]), a = r(() => {
-    document.body.style.overflow = "unset", i(e);
-  }, [i, e]), m = r(() => {
-    if (!(o != null && o.current))
-      return;
-    const f = [
-      {
-        originalElementToHighlightRef: o,
-        elementToHighlight: /* @__PURE__ */ t(
-          y,
-          {
-            $widthX: 3.625,
-            $flexDirection: "row",
-            $background: "WHITE",
-            $justifyContent: "center",
-            $alignItems: "center",
-            children: /* @__PURE__ */ t(h, { $renderAs: "ub2", children: "Progress" })
-          }
-        ),
-        type: b.TOOLTIP,
-        indicator: {
-          renderAs: "primary",
-          tooltipXCoOrdinates: -100,
-          arrowSize: 12,
-          arrowXCoOrdinates: 100,
-          position: "bottom",
-          backgroundColor: "GREEN_4",
-          borderColor: "BLACK",
-          arrowColor: "BLACK",
-          tooltipItem: /* @__PURE__ */ t(
-            T,
-            {
-              text: "Puzzles are available on the timeline view.",
-              buttonLabel: "Got it",
-              onButtonClick: a
-            }
-          )
-        },
-        isActive: !1
-      }
-    ];
-    n(e, f);
-    const u = setTimeout(() => {
-      clearTimeout(u), document.body.style.overflow = "hidden", l();
-    }, 500);
-    d.current.push(u);
-  }, [a, l, e, n]);
-  return p(
-    () => ({
-      puzzleProgressRef: o,
-      startJourney: m
-    }),
-    [m]
-  );
-};
-export {
-  P as usePuzzleProgressJourney
-};
-//# sourceMappingURL=use-puzzle-progress-journey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-puzzle-progress-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-progress-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 FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleProgressJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_PROGRESS_JOURNEY;\n\n  const puzzleProgressRef = 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 (!puzzleProgressRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleProgressRef,\n        elementToHighlight: (\n          <FlexView\n            $widthX={3.625}\n            $flexDirection=\"row\"\n            $background=\"WHITE\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n          >\n            <Text $renderAs=\"ub2\">Progress</Text>\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -100,\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=\"Puzzles are available on the timeline 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  }, [handleEndJourney, handleNextCoachMark, journeyId, setJourney]);\n\n  const data = useMemo(\n    () => ({\n      puzzleProgressRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleProgressJourney };\n"],"names":["usePuzzleProgressJourney","journeyId","JOURNEY_ID_TEACHER","puzzleProgressRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","Text","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAoBC,EAAuB,IAAI,GAC/CC,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,EAAmB;AACtB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEZ,UAAC,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,UAAQ,YAAA;AAAA,UAAA;AAAA,QAChC;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,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeP;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAM,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,KACtC,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMe;AAAA,IACX,OAAO;AAAA,MACL,mBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

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

@@ -1,59 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useRef as c, useCallback as r, useMemo as f } from "react";
-import y from "../../../ui/buttons/button/button.js";
-import { JOURNEY_ID_TEACHER as h } from "../../journey-id/journey-id-teacher.js";
-import { IndicatorType as C } from "../../use-journey/constants.js";
-import { useJourney as E } from "../../use-journey/use-journey.js";
-import T from "../use-home-page-journey/tooltip-item.js";
-const k = () => {
-  const o = h.PUZZLE_REVIEW_JOURNEY, e = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = E(), 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(y, { widthX: 6, renderAs: "primary", size: "small", label: "Review" }) }),
-        type: C.TOOLTIP,
-        indicator: {
-          renderAs: "primary",
-          tooltipXCoOrdinates: -100,
-          arrowSize: 12,
-          arrowXCoOrdinates: 100,
-          position: "top",
-          backgroundColor: "ORANGE_4",
-          borderColor: "BLACK",
-          arrowColor: "BLACK",
-          tooltipItem: /* @__PURE__ */ t(
-            T,
-            {
-              text: "Click here to review the student's solution.",
-              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 f(
-    () => ({
-      puzzleReviewCtaRef: e,
-      startJourney: u
-    }),
-    [u]
-  );
-};
-export {
-  k as usePuzzleReviewJourney
-};
-//# sourceMappingURL=use-puzzle-review-journey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-puzzle-review-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-review-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_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleReviewJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_REVIEW_JOURNEY;\n\n  const puzzleReviewCtaRef = 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 (!puzzleReviewCtaRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleReviewCtaRef,\n        elementToHighlight: (\n          <div>\n            <Button widthX={6} renderAs=\"primary\" size=\"small\" label=\"Review\" />\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: 'ORANGE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              text={`Click here to review the student's solution.`}\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      puzzleReviewCtaRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleReviewJourney };\n"],"names":["usePuzzleReviewJourney","journeyId","JOURNEY_ID_TEACHER","puzzleReviewCtaRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAWA,MAAMA,IAAyB,MAAM;AACnC,QAAMC,IAAYC,EAAmB,uBAE/BC,IAAqBC,EAAuB,IAAI,GAChDC,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,EAAoB;AACvB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAO,EAAA,QAAQ,GAAG,UAAS,WAAU,MAAK,SAAQ,OAAM,SAAS,CAAA,GACpE;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,oBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-puzzle-unassign-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-unassign-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_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleUnassignJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_UNASSIGN_JOURNEY;\n\n  const puzzleUnassignRef = 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 (!puzzleUnassignRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleUnassignRef,\n        elementToHighlight: (\n          <div>\n            <Button widthX={6} renderAs=\"primary\" size=\"small\" label=\"Unassign\" />\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=\"You can click here to unassign 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      puzzleUnassignRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleUnassignJourney };\n"],"names":["usePuzzleUnassignJourney","journeyId","JOURNEY_ID_TEACHER","puzzleUnassignRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","Button","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAWA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAoBC,EAAuB,IAAI,GAC/CC,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,EAAmB;AACtB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAO,EAAA,QAAQ,GAAG,UAAS,WAAU,MAAK,SAAQ,OAAM,WAAW,CAAA,GACtE;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,MAAK;AAAA,cACL,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,mBAAAjB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

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

@@ -1,70 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useRef as u, useCallback as r, useMemo as p } from "react";
-import h from "../../../ui/layout/flex-view.js";
-import y from "../../../ui/text/text.js";
-import { JOURNEY_ID_TEACHER as C } from "../../journey-id/journey-id-teacher.js";
-import { IndicatorType as T } from "../../use-journey/constants.js";
-import { useJourney as g } from "../../use-journey/use-journey.js";
-import E from "../use-home-page-journey/tooltip-item.js";
-const $ = () => {
-  const e = C.PUZZLE_ASSIGN_JOURNEY, o = u(null), d = u([]), { setJourney: n, endJourney: i, nextCoachmark: s } = g(), l = r(() => {
-    s(e, !1, 0, !1);
-  }, [e, s]), a = r(() => {
-    document.body.style.overflow = "unset", i(e);
-  }, [i, e]), c = r(() => {
-    if (!(o != null && o.current))
-      return;
-    const f = [
-      {
-        originalElementToHighlightRef: o,
-        elementToHighlight: /* @__PURE__ */ t(
-          h,
-          {
-            $widthX: 2.75,
-            $flexDirection: "row",
-            $background: "WHITE",
-            $justifyContent: "center",
-            $alignItems: "center",
-            children: /* @__PURE__ */ t(y, { $renderAs: "ub2", children: "Home" })
-          }
-        ),
-        type: T.TOOLTIP,
-        indicator: {
-          renderAs: "primary",
-          tooltipXCoOrdinates: 100,
-          arrowSize: 12,
-          arrowXCoOrdinates: -100,
-          position: "bottom",
-          backgroundColor: "GREEN_4",
-          borderColor: "BLACK",
-          arrowColor: "BLACK",
-          tooltipItem: /* @__PURE__ */ t(
-            E,
-            {
-              text: "Puzzle assigned as homework. Discuss it in the next class.",
-              buttonLabel: "Got it",
-              onButtonClick: a
-            }
-          )
-        },
-        isActive: !1
-      }
-    ];
-    n(e, f);
-    const m = setTimeout(() => {
-      clearTimeout(m), document.body.style.overflow = "hidden", l();
-    }, 500);
-    d.current.push(m);
-  }, [a, l, e, n]);
-  return p(
-    () => ({
-      puzzleHomeTabRef: o,
-      startJourney: c
-    }),
-    [c]
-  );
-};
-export {
-  $ as useTeacherPuzzleAssignedJourney
-};
-//# sourceMappingURL=use-teacher-puzzle-assigned-journey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-teacher-puzzle-assigned-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-teacher-puzzle-assigned-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 FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst useTeacherPuzzleAssignedJourney = () => {\n  const journeyId = JOURNEY_ID_TEACHER.PUZZLE_ASSIGN_JOURNEY;\n\n  const puzzleHomeTabRef = 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 (!puzzleHomeTabRef?.current) {\n      return;\n    }\n\n    const puzzleAttemptSteps: ICoachmarkProps[] = [\n      {\n        originalElementToHighlightRef: puzzleHomeTabRef,\n        elementToHighlight: (\n          <FlexView\n            $widthX={2.75}\n            $flexDirection=\"row\"\n            $background=\"WHITE\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n          >\n            <Text $renderAs=\"ub2\">Home</Text>\n          </FlexView>\n        ),\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 100,\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=\"Puzzle assigned as homework. Discuss it in the next class.\"\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      puzzleHomeTabRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useTeacherPuzzleAssignedJourney };\n"],"names":["useTeacherPuzzleAssignedJourney","journeyId","JOURNEY_ID_TEACHER","puzzleHomeTabRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","puzzleAttemptSteps","jsx","FlexView","Text","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkC,MAAM;AAC5C,QAAMC,IAAYC,EAAmB,uBAE/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,EAAY,MAAM;AACjC,QAAA,EAACR,KAAA,QAAAA,EAAkB;AACrB;AAGF,UAAMW,IAAwC;AAAA,MAC5C;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBACE,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEZ,UAAC,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,UAAI,QAAA;AAAA,UAAA;AAAA,QAC5B;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,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,eAAeP;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IAAA;AAGF,IAAAN,EAAWL,GAAWa,CAAkB;AAElC,UAAAM,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;OACnB,GAAG;AAEI,IAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,KACtC,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU,CAAC;AAU1D,SARMe;AAAA,IACX,OAAO;AAAA,MACL,kBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/constants/puzzle-container.js

@@ -1,8 +0,0 @@
-const A = {
-  REVEAL: [0, 50],
-  REVEAL_ASSIGNED: [58, 160]
-};
-export {
-  A as PUZZLE_ASSIGN_ANIMATION
-};
-//# sourceMappingURL=puzzle-container.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"puzzle-container.js","sources":["../../../../src/features/puzzles/constants/puzzle-container.ts"],"sourcesContent":["import type { AnimationSegment } from 'lottie-web';\n\nexport const PUZZLE_ASSIGN_ANIMATION = {\n  REVEAL: [0, 50] as AnimationSegment,\n  REVEAL_ASSIGNED: [58, 160] as AnimationSegment,\n};\n"],"names":["PUZZLE_ASSIGN_ANIMATION"],"mappings":"AAEO,MAAMA,IAA0B;AAAA,EACrC,QAAQ,CAAC,GAAG,EAAE;AAAA,EACd,iBAAiB,CAAC,IAAI,GAAG;AAC3B;"}

package/dist/features/puzzles/puzzle-analytics-events.js

@@ -1,11 +0,0 @@
-import { PLUGINS as z } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
-var E = /* @__PURE__ */ ((e) => (e.PUZZLE_ASSIGNED = "puzzle_assigned", e.PUZZLE_VIEWED = "puzzle_viewed", e))(E || {});
-const _ = {
-  puzzle_viewed: [z.MIXPANEL],
-  puzzle_assigned: [z.MIXPANEL]
-};
-export {
-  E as PUZZLE_ANALYTICS_EVENTS,
-  _ as PUZZLE_ANALYTICS_WHITELIST_EVENTS
-};
-//# sourceMappingURL=puzzle-analytics-events.js.map

package/dist/features/puzzles/puzzle-analytics-events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"puzzle-analytics-events.js","sources":["../../../src/features/puzzles/puzzle-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum PUZZLE_ANALYTICS_EVENTS {\n  PUZZLE_ASSIGNED = 'puzzle_assigned',\n  PUZZLE_VIEWED = 'puzzle_viewed',\n}\n\nexport const PUZZLE_ANALYTICS_WHITELIST_EVENTS = {\n  [PUZZLE_ANALYTICS_EVENTS.PUZZLE_VIEWED]: [PLUGINS.MIXPANEL],\n  [PUZZLE_ANALYTICS_EVENTS.PUZZLE_ASSIGNED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PUZZLE_ANALYTICS_EVENTS","PUZZLE_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,mBAClBA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA;AAKL,MAAMC,IAAoC;AAAA,EAC9C,eAAwC,CAACC,EAAQ,QAAQ;AAAA,EACzD,iBAA0C,CAACA,EAAQ,QAAQ;AAC9D;"}

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

@@ -1,55 +0,0 @@
-import { jsxs as i, Fragment as $, jsx as e } from "react/jsx-runtime";
-import { memo as d } from "react";
-import m from "../../ui/buttons/clickable/clickable.js";
-import u from "../../ui/image/image.js";
-import t from "../../ui/text/text.js";
-import { PuzzleContent as g, AssignedTag as h, PuzzleButton as p } from "./puzzle-container-styled.js";
-const k = d(
-  ({ handleOnPuzzleClick: l, imageUrl: o, title: c, handleAssign: a, assigned: r, assigning: n, analyticsProps: s }) => /* @__PURE__ */ i($, { children: [
-    /* @__PURE__ */ i(
-      g,
-      {
-        $justifyContent: "center",
-        $alignItems: "center",
-        onClick: l,
-        title: "Click to preview",
-        $flexGapX: 1.5,
-        $assigned: r,
-        $gutterX: 1,
-        children: [
-          /* @__PURE__ */ e(u, { width: 136, height: 136, src: o, withLoader: !1, alt: "Puzzle" }),
-          /* @__PURE__ */ e(t, { $renderAs: "h4", $align: "center", children: c }),
-          r && /* @__PURE__ */ e(h, { $gap: 4, $gutter: 8, $background: "BLACK_1", children: /* @__PURE__ */ e(t, { $renderAs: "ac4", $color: "WHITE_1", children: "Assigned" }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      m,
-      {
-        onClick: a,
-        label: "",
-        analyticsLabel: "puzzle_assigned",
-        disabled: r || n,
-        analyticsProps: s,
-        children: /* @__PURE__ */ e(
-          p,
-          {
-            $background: "BLACK_1",
-            $widthX: 15.75,
-            $alignItems: "center",
-            $justifyContent: "center",
-            $gapX: 0.75,
-            $gutterX: 1,
-            $assigned: r,
-            $assigning: n,
-            children: /* @__PURE__ */ e(t, { $renderAs: "ub1-bold", $color: r ? "BLACK_T_38" : "WHITE_1", children: r ? "Discuss in next class" : "Assign" })
-          }
-        )
-      }
-    )
-  ] })
-);
-export {
-  k as default
-};
-//# sourceMappingURL=puzzle-container-view.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"puzzle-container-view.js","sources":["../../../../src/features/puzzles/puzzle-container/puzzle-container-view.tsx"],"sourcesContent":["import type { IPuzzleContainerViewProps } from './puzzle-container-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport * as Styled from './puzzle-container-styled';\n\nconst PuzzleContainerView: FC<IPuzzleContainerViewProps> = memo(\n  ({ handleOnPuzzleClick, imageUrl, title, handleAssign, assigned, assigning, analyticsProps }) => {\n    return (\n      <>\n        <Styled.PuzzleContent\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          onClick={handleOnPuzzleClick}\n          title=\"Click to preview\"\n          $flexGapX={1.5}\n          $assigned={assigned}\n          $gutterX={1}\n        >\n          <Image width={136} height={136} src={imageUrl} withLoader={false} alt=\"Puzzle\" />\n          <Text $renderAs=\"h4\" $align=\"center\">\n            {title}\n          </Text>\n\n          {assigned && (\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        <Clickable\n          onClick={handleAssign}\n          label=\"\"\n          analyticsLabel=\"puzzle_assigned\"\n          disabled={assigned || assigning}\n          analyticsProps={analyticsProps}\n        >\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            $assigned={assigned}\n            $assigning={assigning}\n          >\n            <Text $renderAs=\"ub1-bold\" $color={assigned ? 'BLACK_T_38' : 'WHITE_1'}>\n              {assigned ? 'Discuss in next class' : 'Assign'}\n            </Text>\n          </Styled.PuzzleButton>\n        </Clickable>\n      </>\n    );\n  },\n);\n\nexport default PuzzleContainerView;\n"],"names":["PuzzleContainerView","memo","handleOnPuzzleClick","imageUrl","title","handleAssign","assigned","assigning","analyticsProps","jsxs","Fragment","Styled.PuzzleContent","jsx","Image","Text","Styled.AssignedTag","Clickable","Styled.PuzzleButton"],"mappings":";;;;;;AAUA,MAAMA,IAAqDC;AAAA,EACzD,CAAC,EAAE,qBAAAC,GAAqB,UAAAC,GAAU,OAAAC,GAAO,cAAAC,GAAc,UAAAC,GAAU,WAAAC,GAAW,gBAAAC,QAGtE,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAAST;AAAA,QACT,OAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAWI;AAAA,QACX,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAM,EAAAC,GAAA,EAAM,OAAO,KAAK,QAAQ,KAAK,KAAKV,GAAU,YAAY,IAAO,KAAI,SAAS,CAAA;AAAA,4BAC9EW,GAAK,EAAA,WAAU,MAAK,QAAO,UACzB,UACHV,GAAA;AAAA,UAECE,KACE,gBAAAM,EAAAG,GAAA,EAAmB,MAAM,GAAG,SAAS,GAAG,aAAY,WACnD,4BAACD,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,qBAEvC,CAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,gBAAAF;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAASX;AAAA,QACT,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,UAAUC,KAAYC;AAAA,QACtB,gBAAAC;AAAA,QAEA,UAAA,gBAAAI;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,SAAS;AAAA,YACT,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YACV,WAAWX;AAAA,YACX,YAAYC;AAAA,YAEZ,UAAA,gBAAAK,EAACE,GAAK,EAAA,WAAU,YAAW,QAAQR,IAAW,eAAe,WAC1D,UAAWA,IAAA,0BAA0B,SACxC,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAGN;"}

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

@@ -1,37 +0,0 @@
-import o from "styled-components";
-import { ILLUSTRATIONS as t } from "../../../assets/illustrations/illustrations.js";
-import e from "../../../assets/line-icons/icons/puzzle2.js";
-import p from "../../ui/layout/flex-view.js";
-const s = o(p)``, l = o(p)`
-  background-image: url(${t.PUZZLE_DASHBOARD_BANNER});
-  background-size: cover;
-`, d = o(p)`
-  position: absolute;
-  top: 16px;
-  left: 16px;
-`, m = o(p)`
-  position: sticky;
-  top: 16px;
-  z-index: 5;
-`, u = o.div`
-  display: grid;
-  width: 100%;
-  grid-template-columns: repeat(5, 1fr);
-  column-gap: 24px;
-  row-gap: 40px;
-  padding: 0 37px;
-`, x = o(e)`
-  path {
-    stroke: ${({ theme: r }) => r.colors.BLACK_T_60};
-    opacity: 0.38;
-  }
-`;
-export {
-  d as BackIconContainer,
-  m as BackIconWrapper,
-  l as BannerWrapper,
-  u as ContentWrapper,
-  s as PuzzleDashboardWrapper,
-  x as StyledPuzzleIcon
-};
-//# sourceMappingURL=puzzle-dashboard-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"puzzle-dashboard-styled.js","sources":["../../../../src/features/puzzles/puzzle-dashboard/puzzle-dashboard-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport PuzzleIcon2 from '../../../assets/line-icons/icons/puzzle2';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst PuzzleDashboardWrapper = styled(FlexView)``;\n\nconst BannerWrapper = styled(FlexView)`\n  background-image: url(${ILLUSTRATIONS.PUZZLE_DASHBOARD_BANNER});\n  background-size: cover;\n`;\n\nconst BackIconContainer = styled(FlexView)`\n  position: absolute;\n  top: 16px;\n  left: 16px;\n`;\n\nconst BackIconWrapper = styled(FlexView)`\n  position: sticky;\n  top: 16px;\n  z-index: 5;\n`;\n\nconst ContentWrapper = styled.div`\n  display: grid;\n  width: 100%;\n  grid-template-columns: repeat(5, 1fr);\n  column-gap: 24px;\n  row-gap: 40px;\n  padding: 0 37px;\n`;\n\nconst StyledPuzzleIcon = styled(PuzzleIcon2)`\n  path {\n    stroke: ${({ theme }) => theme.colors.BLACK_T_60};\n    opacity: 0.38;\n  }\n`;\n\nexport {\n  PuzzleDashboardWrapper,\n  BannerWrapper,\n  BackIconContainer,\n  BackIconWrapper,\n  ContentWrapper,\n  StyledPuzzleIcon,\n};\n"],"names":["PuzzleDashboardWrapper","styled","FlexView","BannerWrapper","ILLUSTRATIONS","BackIconContainer","BackIconWrapper","ContentWrapper","StyledPuzzleIcon","PuzzleIcon2","theme"],"mappings":";;;;AAMM,MAAAA,IAAyBC,EAAOC,CAAQ,KAExCC,IAAgBF,EAAOC,CAAQ;AAAA,0BACXE,EAAc,uBAAuB;AAAA;AAAA,GAIzDC,IAAoBJ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMnCI,IAAkBL,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMjCK,IAAiBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASxBO,IAAmBP,EAAOQ,CAAW;AAAA;AAAA,cAE7B,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;"}