@cuemath/leap 3.2.9-pzd-0.4 → 3.2.10-hg1

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;"}

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

@@ -1,110 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useCallback as w, useEffect as P } from "react";
-import _ from "../../../assets/line-icons/icons/back2.js";
-import x from "../../ui/buttons/button/button.js";
-import y from "../../ui/buttons/icon-button/icon-button.js";
-import t from "../../ui/layout/flex-view.js";
-import A from "../../ui/loader/app-loader/app-loader.js";
-import i from "../../ui/text/text.js";
-import { useGetPuzzles as I } from "../api/puzzle-dashboard.js";
-import X from "../comps/puzzle-card.js";
-import { PuzzleDashboardWrapper as j, BannerWrapper as B, BackIconContainer as k, BackIconWrapper as T, StyledPuzzleIcon as v, ContentWrapper as S } from "./puzzle-dashboard-styled.js";
-const W = ({ studentId: o, onBackCLick: s, onCardClick: d }) => {
-  const {
-    get: c,
-    data: r,
-    isProcessing: h,
-    isProcessingFailed: m
-  } = I(), l = (r == null ? void 0 : r.length) || 0, a = w(() => {
-    c(o, void 0, {
-      courseStream: "MATH"
-    });
-  }, [c, o]);
-  return P(() => {
-    a();
-  }, [a]), h ? /* @__PURE__ */ e(A, { height: "100vh" }) : m ? /* @__PURE__ */ n(t, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ e(i, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
-    /* @__PURE__ */ e(
-      x,
-      {
-        widthX: 14,
-        size: "small",
-        shape: "square",
-        renderAs: "primary",
-        label: "Try again",
-        onClick: a
-      }
-    )
-  ] }) : /* @__PURE__ */ n(
-    j,
-    {
-      $alignItems: "center",
-      $flexGapX: l === 0 ? 10 : 2.5,
-      $position: "relative",
-      children: [
-        /* @__PURE__ */ n(B, { $widthX: 50, $heightX: 10.5, $justifyContent: "center", children: [
-          /* @__PURE__ */ n(i, { $renderAs: "ah3-bold", $alignSelf: "center", children: [
-            l,
-            " Puzzles Solved"
-          ] }),
-          s && /* @__PURE__ */ e(k, { $height: "100%", children: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(
-            y,
-            {
-              Icon: _,
-              size: "xsmall",
-              renderAs: "secondary",
-              analyticsLabel: "puzzle_back",
-              onClick: s
-            }
-          ) }) })
-        ] }),
-        l === 0 ? /* @__PURE__ */ n(t, { $flexGapX: 1, $justifyContent: "center", children: [
-          /* @__PURE__ */ e(
-            t,
-            {
-              $flexDirection: "row",
-              $alignItems: "center",
-              $justifyContent: "center",
-              $width: "100%",
-              children: /* @__PURE__ */ e(t, { $widthX: 3.5, $heightX: 3.5, $background: "WHITE_4", children: /* @__PURE__ */ e(v, { width: 56, height: 56 }) })
-            }
-          ),
-          /* @__PURE__ */ n(t, { $justifyContent: "center", children: [
-            /* @__PURE__ */ e(i, { $renderAs: "ab2-bold", $color: "BLACK_T_60", $align: "center", children: "No puzzle assigned yet!" }),
-            /* @__PURE__ */ e(i, { $renderAs: "ab2-bold", $color: "BLACK_T_60", children: "Hang tight — your tutor will share one soon! 🎉🧩" })
-          ] })
-        ] }) : /* @__PURE__ */ e(S, { children: r == null ? void 0 : r.map((u) => {
-          const {
-            id: p,
-            image_hue: $,
-            image_url: g,
-            title: f,
-            user_node_id: z,
-            rewards: b,
-            node_id: C
-          } = u;
-          return /* @__PURE__ */ e(
-            X,
-            {
-              imageHue: $,
-              imageUrl: g,
-              title: f,
-              width: 126,
-              height: 152,
-              onCardClick: d,
-              userNodeId: z,
-              rewards: b,
-              nodeId: C,
-              studentId: o
-            },
-            p
-          );
-        }) })
-      ]
-    }
-  );
-}, U = W;
-export {
-  U as default
-};
-//# sourceMappingURL=puzzle-dashboard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"puzzle-dashboard.js","sources":["../../../../src/features/puzzles/puzzle-dashboard/puzzle-dashboard.tsx"],"sourcesContent":["import type { IPuzzleDashboardProps } from './puzzle-dashboard-types';\n\nimport { useCallback, useEffect, type FC } from 'react';\n\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetPuzzles } from '../api/puzzle-dashboard';\nimport PuzzleCard from '../comps/puzzle-card';\nimport * as Styled from './puzzle-dashboard-styled';\n\nconst PuzzleDashboard: FC<IPuzzleDashboardProps> = ({ studentId, onBackCLick, onCardClick }) => {\n  const {\n    get: getPuzzles,\n    data: puzzleHistoryData,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetPuzzles();\n\n  const puzzleCount = puzzleHistoryData?.length || 0;\n\n  const fetchPuzzles = useCallback(() => {\n    getPuzzles(studentId, undefined, {\n      courseStream: 'MATH',\n    });\n  }, [getPuzzles, studentId]);\n\n  useEffect(() => {\n    fetchPuzzles();\n  }, [fetchPuzzles]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchPuzzles}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.PuzzleDashboardWrapper\n      $alignItems=\"center\"\n      $flexGapX={puzzleCount === 0 ? 10 : 2.5}\n      $position=\"relative\"\n    >\n      <Styled.BannerWrapper $widthX={50} $heightX={10.5} $justifyContent=\"center\">\n        <Text $renderAs=\"ah3-bold\" $alignSelf=\"center\">\n          {puzzleCount} Puzzles Solved\n        </Text>\n\n        {onBackCLick && (\n          <Styled.BackIconContainer $height=\"100%\">\n            <Styled.BackIconWrapper>\n              <IconButton\n                Icon={Back2Icon}\n                size=\"xsmall\"\n                renderAs=\"secondary\"\n                analyticsLabel=\"puzzle_back\"\n                onClick={onBackCLick}\n              />\n            </Styled.BackIconWrapper>\n          </Styled.BackIconContainer>\n        )}\n      </Styled.BannerWrapper>\n\n      {puzzleCount === 0 ? (\n        <FlexView $flexGapX={1} $justifyContent=\"center\">\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $width=\"100%\"\n          >\n            <FlexView $widthX={3.5} $heightX={3.5} $background=\"WHITE_4\">\n              <Styled.StyledPuzzleIcon width={56} height={56} />\n            </FlexView>\n          </FlexView>\n\n          <FlexView $justifyContent=\"center\">\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n              No puzzle assigned yet!\n            </Text>\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_60\">\n              Hang tight — your tutor will share one soon! 🎉🧩\n            </Text>\n          </FlexView>\n        </FlexView>\n      ) : (\n        <Styled.ContentWrapper>\n          {puzzleHistoryData?.map(item => {\n            const {\n              id,\n              image_hue: imageHue,\n              image_url: imageUrl,\n              title,\n              user_node_id: userNodeId,\n              rewards,\n              node_id: nodeId,\n            } = item;\n\n            return (\n              <PuzzleCard\n                key={id}\n                imageHue={imageHue}\n                imageUrl={imageUrl}\n                title={title}\n                width={126}\n                height={152}\n                onCardClick={onCardClick}\n                userNodeId={userNodeId}\n                rewards={rewards}\n                nodeId={nodeId}\n                studentId={studentId}\n              />\n            );\n          })}\n        </Styled.ContentWrapper>\n      )}\n    </Styled.PuzzleDashboardWrapper>\n  );\n};\n\nexport default PuzzleDashboard;\n"],"names":["PuzzleDashboard","studentId","onBackCLick","onCardClick","getPuzzles","puzzleHistoryData","isProcessing","isProcessingFailed","useGetPuzzles","puzzleCount","fetchPuzzles","useCallback","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.PuzzleDashboardWrapper","Styled.BannerWrapper","Styled.BackIconContainer","Styled.BackIconWrapper","IconButton","Back2Icon","Styled.StyledPuzzleIcon","Styled.ContentWrapper","item","id","imageHue","imageUrl","title","userNodeId","rewards","nodeId","PuzzleCard","PuzzleDashboard$1"],"mappings":"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"}

package/dist/features/worksheet/worksheet/hooks/use-worksheet-journey.js

@@ -1,28 +0,0 @@
-import { useMemo as p, useEffect as m } from "react";
-import { usePuzzleAttemptJourney as c } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey.js";
-import { usePuzzleReviewJourney as f } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-review-journey.js";
-import { usePuzzleUnassignJourney as l } from "../../../journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey.js";
-import { useJourney as P } from "../../../journey/use-journey/use-journey.js";
-const C = ({ behavior: a }) => {
-  const { maximumAttempts: e, canStartJourney: t } = a, { isJourneyActive: r, clearJourney: o } = P(), { puzzleAttemptCtaRef: i, startJourney: u } = c(), { puzzleReviewCtaRef: y, startJourney: n } = f(), { puzzleUnassignRef: J, startJourney: s } = l(), z = p(() => e === -2, [e]);
-  return m(() => {
-    z && t && !r && (u(), n(), s());
-  }, [
-    t,
-    r,
-    z,
-    u,
-    n,
-    s
-  ]), m(() => () => {
-    o();
-  }, [o]), {
-    puzzleAttemptCtaRef: i,
-    puzzleReviewCtaRef: y,
-    puzzleUnassignRef: J
-  };
-};
-export {
-  C as useWorksheetJourney
-};
-//# sourceMappingURL=use-worksheet-journey.js.map

package/dist/features/worksheet/worksheet/hooks/use-worksheet-journey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-worksheet-journey.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-worksheet-journey.ts"],"sourcesContent":["import type { IWorksheetBehavior } from '../worksheet-types';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { usePuzzleAttemptJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-attempt-journey';\nimport { usePuzzleReviewJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-review-journey';\nimport { usePuzzleUnassignJourney } from '../../../journey/hooks/use-puzzles-journey/use-puzzle-unassign-journey';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\n\ninterface IUseWorksheetJourney {\n  behavior: IWorksheetBehavior;\n}\n\nconst useWorksheetJourney = ({ behavior }: IUseWorksheetJourney) => {\n  const { maximumAttempts, canStartJourney } = behavior;\n\n  const { isJourneyActive, clearJourney } = useJourney();\n\n  const { puzzleAttemptCtaRef, startJourney: startPuzzleAttemptJourney } =\n    usePuzzleAttemptJourney();\n\n  const { puzzleReviewCtaRef, startJourney: startPuzzleReviewJourney } = usePuzzleReviewJourney();\n  const { puzzleUnassignRef, startJourney: startPuzzleUnassignJourney } =\n    usePuzzleUnassignJourney();\n\n  const isPuzzleCard = useMemo(() => maximumAttempts === -2, [maximumAttempts]);\n\n  useEffect(() => {\n    if (isPuzzleCard && canStartJourney && !isJourneyActive) {\n      //* This will be triggered by STUDENT during resume sheet.\n      startPuzzleAttemptJourney();\n      //* This will be triggered by TEACHER during review sheet\n      startPuzzleReviewJourney();\n      //* This will be trigger by TEACHER during preview sheet.\n      startPuzzleUnassignJourney();\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isPuzzleCard,\n    startPuzzleAttemptJourney,\n    startPuzzleReviewJourney,\n    startPuzzleUnassignJourney,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      clearJourney();\n    };\n  }, [clearJourney]);\n\n  return {\n    puzzleAttemptCtaRef,\n    puzzleReviewCtaRef,\n    puzzleUnassignRef,\n  };\n};\n\nexport { useWorksheetJourney };\n"],"names":["useWorksheetJourney","behavior","maximumAttempts","canStartJourney","isJourneyActive","clearJourney","useJourney","puzzleAttemptCtaRef","startPuzzleAttemptJourney","usePuzzleAttemptJourney","puzzleReviewCtaRef","startPuzzleReviewJourney","usePuzzleReviewJourney","puzzleUnassignRef","startPuzzleUnassignJourney","usePuzzleUnassignJourney","isPuzzleCard","useMemo","useEffect"],"mappings":";;;;;AAaA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,QAAqC;AAC5D,QAAA,EAAE,iBAAAC,GAAiB,iBAAAC,EAAoB,IAAAF,GAEvC,EAAE,iBAAAG,GAAiB,cAAAC,EAAa,IAAIC,EAAW,GAE/C,EAAE,qBAAAC,GAAqB,cAAcC,MACzCC,EAAwB,GAEpB,EAAE,oBAAAC,GAAoB,cAAcC,MAA6BC,EAAuB,GACxF,EAAE,mBAAAC,GAAmB,cAAcC,MACvCC,EAAyB,GAErBC,IAAeC,EAAQ,MAAMf,MAAoB,IAAI,CAACA,CAAe,CAAC;AAE5E,SAAAgB,EAAU,MAAM;AACV,IAAAF,KAAgBb,KAAmB,CAACC,MAEZI,KAEDG,KAEEG;EAC7B,GACC;AAAA,IACDX;AAAA,IACAC;AAAA,IACAY;AAAA,IACAR;AAAA,IACAG;AAAA,IACAG;AAAA,EAAA,CACD,GAEDI,EAAU,MACD,MAAM;AACE,IAAAb;EAAA,GAEd,CAACA,CAAY,CAAC,GAEV;AAAA,IACL,qBAAAE;AAAA,IACA,oBAAAG;AAAA,IACA,mBAAAG;AAAA,EAAA;AAEJ;"}