@cuemath/leap 3.2.3-pdb-0.2 → 3.2.3-pdb-0.3

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

@@ -1,30 +1,37 @@
 import o from "styled-components";
-import { ILLUSTRATIONS as r } from "../../../assets/illustrations/illustrations.js";
+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 a = o(p)``, i = o(p)`
-  background-image: url(${r.PUZZLE_DASHBOARD_BANNER});
+const s = o(p)``, l = o(p)`
+  background-image: url(${t.PUZZLE_DASHBOARD_BANNER});
   background-size: cover;
-`, c = o(p)`
+`, d = o(p)`
   position: absolute;
   top: 16px;
   left: 16px;
-`, s = o(p)`
+`, m = o(p)`
   position: sticky;
   top: 16px;
   z-index: 5;
-`, d = o.div`
+`, 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 {
-  c as BackIconContainer,
-  s as BackIconWrapper,
-  i as BannerWrapper,
-  d as ContentWrapper,
-  a as PuzzleDashboardWrapper
+  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 +1 @@
-{"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 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\nexport {\n  PuzzleDashboardWrapper,\n  BannerWrapper,\n  BackIconContainer,\n  BackIconWrapper,\n  ContentWrapper,\n};\n"],"names":["PuzzleDashboardWrapper","styled","FlexView","BannerWrapper","ILLUSTRATIONS","BackIconContainer","BackIconWrapper","ContentWrapper"],"mappings":";;;AAKM,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;"}
+{"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,84 +1,107 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useCallback as P, useEffect as b } from "react";
-import x from "../../../assets/line-icons/icons/back2.js";
-import C from "../../ui/buttons/button/button.js";
-import w from "../../ui/buttons/icon-button/icon-button.js";
-import I from "../../ui/layout/flex-view.js";
+import { useCallback as C, useEffect as w } from "react";
+import P 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 n from "../../ui/layout/flex-view.js";
 import A from "../../ui/loader/app-loader/app-loader.js";
-import l from "../../ui/text/text.js";
-import { useGetPuzzles as k } from "../api/puzzle-dashboard.js";
-import v from "../comps/puzzle-card.js";
-import { PuzzleDashboardWrapper as B, BannerWrapper as X, BackIconContainer as _, BackIconWrapper as j, ContentWrapper as y } from "./puzzle-dashboard-styled.js";
-const S = ({ studentId: i, onBackCLick: o, onCardClick: s }) => {
+import i from "../../ui/text/text.js";
+import { useGetPuzzles as I } from "../api/puzzle-dashboard.js";
+import _ from "../comps/puzzle-card.js";
+import { PuzzleDashboardWrapper as X, BannerWrapper as j, BackIconContainer as B, BackIconWrapper as k, StyledPuzzleIcon as T, ContentWrapper as v } from "./puzzle-dashboard-styled.js";
+const S = ({ studentId: a, onBackCLick: s, onCardClick: h }) => {
   const {
-    get: a,
+    get: c,
     data: r,
-    isProcessing: c,
+    isProcessing: d,
     isProcessingFailed: m
-  } = k(), h = (r == null ? void 0 : r.length) || 0, n = P(() => {
-    a(i, void 0, {
+  } = I(), o = (r == null ? void 0 : r.length) || 0, l = C(() => {
+    c(a, void 0, {
       courseStream: "MATH"
     });
-  }, [a, i]);
-  return b(() => {
-    n();
-  }, [n]), c ? /* @__PURE__ */ e(A, { height: "100vh" }) : m ? /* @__PURE__ */ t(I, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ e(l, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
+  }, [c, a]);
+  return w(() => {
+    l();
+  }, [l]), d ? /* @__PURE__ */ e(A, { height: "100vh" }) : m ? /* @__PURE__ */ t(n, { $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(
-      C,
+      x,
       {
         widthX: 14,
         size: "small",
         shape: "square",
         renderAs: "primary",
         label: "Try again",
-        onClick: n
+        onClick: l
       }
     )
-  ] }) : /* @__PURE__ */ t(B, { $alignItems: "center", $flexGapX: 2.5, $position: "relative", children: [
-    /* @__PURE__ */ t(X, { $widthX: 50, $heightX: 10.5, $justifyContent: "center", children: [
-      /* @__PURE__ */ t(l, { $renderAs: "ah3-bold", $alignSelf: "center", children: [
-        h,
-        " Puzzles Solved"
-      ] }),
-      o && /* @__PURE__ */ e(_, { $height: "100%", children: /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
-        w,
-        {
-          Icon: x,
-          size: "xsmall",
-          renderAs: "secondary",
-          analyticsLabel: "puzzle_back",
-          onClick: o
-        }
-      ) }) })
-    ] }),
-    /* @__PURE__ */ e(y, { children: r == null ? void 0 : r.map((d) => {
-      const {
-        id: p,
-        image_hue: u,
-        image_url: f,
-        title: g,
-        user_node_id: z,
-        rewards: $
-      } = d;
-      return /* @__PURE__ */ e(
-        v,
-        {
-          imageHue: u,
-          imageUrl: f,
-          title: g,
-          width: 126,
-          height: 152,
-          onCardClick: s,
-          userNodeId: z,
-          rewards: $
-        },
-        p
-      );
-    }) })
-  ] });
-}, V = S;
+  ] }) : /* @__PURE__ */ t(
+    X,
+    {
+      $alignItems: "center",
+      $flexGapX: o === 0 ? 10 : 2.5,
+      $position: "relative",
+      children: [
+        /* @__PURE__ */ t(j, { $widthX: 50, $heightX: 10.5, $justifyContent: "center", children: [
+          /* @__PURE__ */ t(i, { $renderAs: "ah3-bold", $alignSelf: "center", children: [
+            o,
+            " Puzzles Solved"
+          ] }),
+          s && /* @__PURE__ */ e(B, { $height: "100%", children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+            y,
+            {
+              Icon: P,
+              size: "xsmall",
+              renderAs: "secondary",
+              analyticsLabel: "puzzle_back",
+              onClick: s
+            }
+          ) }) })
+        ] }),
+        o === 0 ? /* @__PURE__ */ t(n, { $flexGapX: 1, $justifyContent: "center", children: [
+          /* @__PURE__ */ e(
+            n,
+            {
+              $flexDirection: "row",
+              $alignItems: "center",
+              $justifyContent: "center",
+              $width: "100%",
+              children: /* @__PURE__ */ e(n, { $widthX: 3.5, $heightX: 3.5, $background: "WHITE_4", children: /* @__PURE__ */ e(T, { width: 56, height: 56 }) })
+            }
+          ),
+          /* @__PURE__ */ t(n, { $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(v, { children: r == null ? void 0 : r.map((u) => {
+          const {
+            id: p,
+            image_hue: $,
+            image_url: g,
+            title: f,
+            user_node_id: z,
+            rewards: b
+          } = u;
+          return /* @__PURE__ */ e(
+            _,
+            {
+              imageHue: $,
+              imageUrl: g,
+              title: f,
+              width: 126,
+              height: 152,
+              onCardClick: h,
+              userNodeId: z,
+              rewards: b
+            },
+            p
+          );
+        }) })
+      ]
+    }
+  );
+}, O = S;
 export {
-  V as default
+  O as default
 };
 //# sourceMappingURL=puzzle-dashboard.js.map

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

@@ -1 +1 @@
-{"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 $alignItems=\"center\" $flexGapX={2.5} $position=\"relative\">\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      <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          } = 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            />\n          );\n        })}\n      </Styled.ContentWrapper>\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.ContentWrapper","item","id","imageHue","imageUrl","title","userNodeId","rewards","PuzzleCard","PuzzleDashboard$1"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA6C,CAAC,EAAE,WAAAC,GAAW,aAAAC,GAAa,aAAAC,QAAkB;AACxF,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAc,GAEZC,KAAcJ,KAAA,gBAAAA,EAAmB,WAAU,GAE3CK,IAAeC,EAAY,MAAM;AACrC,IAAAP,EAAWH,GAAW,QAAW;AAAA,MAC/B,cAAc;AAAA,IAAA,CACf;AAAA,EAAA,GACA,CAACG,GAAYH,CAAS,CAAC;AAM1B,SAJAW,EAAU,MAAM;AACD,IAAAF;EAAA,GACZ,CAACA,CAAY,CAAC,GAEbJ,IACK,gBAAAO,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BP,IAEA,gBAAAQ,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASR;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAKF,gBAAAK,EAACI,GAAA,EAA8B,aAAY,UAAS,WAAW,KAAK,WAAU,YAC5E,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAqB,SAAS,IAAI,UAAU,MAAM,iBAAgB,UACjE,UAAA;AAAA,MAAA,gBAAAL,EAACE,GAAK,EAAA,WAAU,YAAW,YAAW,UACnC,UAAA;AAAA,QAAAR;AAAA,QAAY;AAAA,MAAA,GACf;AAAA,MAECP,KACE,gBAAAW,EAAAQ,GAAA,EAAyB,SAAQ,QAChC,UAAA,gBAAAR,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,MAAMC;AAAA,UACN,MAAK;AAAA,UACL,UAAS;AAAA,UACT,gBAAe;AAAA,UACf,SAAStB;AAAA,QAAA;AAAA,SAEb,EACF,CAAA;AAAA,IAAA,GAEJ;AAAA,sBAECuB,GAAA,EACE,UAAApB,KAAA,gBAAAA,EAAmB,IAAI,CAAQqB,MAAA;AACxB,YAAA;AAAA,QACJ,IAAAC;AAAA,QACA,WAAWC;AAAA,QACX,WAAWC;AAAA,QACX,OAAAC;AAAA,QACA,cAAcC;AAAA,QACd,SAAAC;AAAA,MACE,IAAAN;AAGF,aAAA,gBAAAb;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEC,UAAAL;AAAA,UACA,UAAAC;AAAA,UACA,OAAAC;AAAA,UACA,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,aAAA3B;AAAA,UACA,YAAA4B;AAAA,UACA,SAAAC;AAAA,QAAA;AAAA,QARKL;AAAA,MAAA;AAAA,IAWV,IACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAO,IAAelC;"}
+{"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            } = 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              />\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","PuzzleCard","PuzzleDashboard$1"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.2.3-pdb-0.2",
+  "version": "3.2.3-pdb-0.3",
   "type": "module",
   "files": [
     "dist"