@cuemath/leap 2.9.4-as5 → 2.9.4-link.0

package/dist/features/homework/styles.js

@@ -1,130 +0,0 @@
-import r from "styled-components";
-import n from "../../assets/line-icons/icons/minus2.js";
-import e from "../ui/layout/flex-view.js";
-import i from "../ui/text/text.js";
-const l = r(e)(({ theme: o }) => `
-    cursor: pointer;
-    width: 24px;
-    height: 24px;
-    
-    
-    &:hover {
-      border-radius: 50%;
-      background: ${o.colors.WHITE_5}; 
-    }
-  `), d = r(i)`
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`, u = r(e)(({
-  $shouldopenonright: o,
-  $visible: t
-}) => `
-    cursor: pointer;
-    position: absolute;
-    z-index: 6;
-    top: calc(100% + 4px);
-    right: ${o ? 0 : "auto"};
-    transform-origin: top;
-    transform: scaleY(${t ? 1 : 0});
-    opacity: ${t ? 1 : 0};
-    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
-    z-index: 10;
-  `), x = r(e)`
-  border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
-
-  &:hover {
-    border: 1px solid ${({ theme: o }) => o.colors.BLACK};
-  }
-`, b = r(e)(({ $bgImage: o }) => o ? `
-      background-image: url(${o});
-      background-repeat: no-repeat;
-      background-size: cover;
-      background-position: center;
-      overflow: hidden;
-    ` : "overflow: hidden;"), h = r(e)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, w = r(e)`
-  position: absolute;
-  right: -18px;
-  top: -4px;
-`, f = r.img(({ theme: o }) => {
-  const { gutter: t } = o.layout;
-  return `
-    border: 1px solid ${o.colors.BLACK_T_15};
-    width: ${t * 4}px;
-    height: ${t * 4}px;
-    border-radius: 50%;
-  `;
-}), g = r(n)`
-  path {
-    stroke: ${({ theme: o }) => o.colors.WHITE};
-  }
-`, m = r(i)`
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: break-spaces;
-`;
-r(e)``;
-const k = r(e)(({
-  theme: o,
-  $disabled: t
-}) => `
-    cursor: ${t ? "not-allowed" : "pointer"};
-    
-    &:hover {
-      background: ${t ? "transparent" : o.colors.BLACK};
-    };
-    
-    path {
-      fill: ${o.colors.WHITE_1};
-    }
-  `), v = r(i)`
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`, C = r(e)`
-  position: absolute;
-  z-index: 6;
-  top: calc(100% - 36px);
-  right: 12px;
-  transform-origin: top;
-  transform: scaleY(1);
-`, $ = r(e)`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0.5;
-`, y = r(e)`
-  position: absolute;
-  right: 42px;
-  top: 24px;
-`;
-export {
-  f as BannerImage,
-  w as BannerImageWrapper,
-  $ as BlurContainer,
-  y as BlurFlexView,
-  x as CardContainer,
-  l as CardKebabMenuWrapper,
-  u as CardMenuOptionsWrapper,
-  k as CardOptionWrapper,
-  b as CardWrapper,
-  m as HeaderText,
-  h as IconWrapper,
-  C as MenuWrapper,
-  v as OptionText,
-  g as StyledMinus2Icon,
-  d as SubHeaderText
-};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n  $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n  $visible: boolean;\n  $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    \n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const SubHeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n  $shouldopenonright,\n  $visible,\n}) => {\n  return `\n    cursor: pointer;\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    right: ${$shouldopenonright ? 0 : 'auto'};\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n    z-index: 10;\n  `;\n});\n\nexport const CardContainer = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.BLACK};\n  }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n  if ($bgImage) {\n    return `\n      background-image: url(${$bgImage});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      overflow: hidden;\n    `;\n  }\n\n  return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  right: -18px;\n  top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    border: 1px solid ${theme.colors.BLACK_T_15};\n    width: ${gutter * 4}px;\n    height: ${gutter * 4}px;\n    border-radius: 50%;\n  `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n  path {\n    stroke: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n  $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n  $top: number;\n  $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n  theme,\n  $disabled,\n}) => {\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    \n    &:hover {\n      background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n    };\n    \n    path {\n      fill: ${theme.colors.WHITE_1};\n    }\n  `;\n});\n\nexport const OptionText = styled(Text)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n  position: absolute;\n  z-index: 6;\n  top: calc(100% - 36px);\n  right: 12px;\n  transform-origin: top;\n  transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n  position: absolute;\n  right: 42px;\n  top: 24px;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","CardOptionWrapper","$disabled","OptionText","MenuWrapper","BlurContainer","BlurFlexView"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAI5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAEnC,MAAMiB,IAAoBlB,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAiB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBjB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC,GAEYkB,IAAapB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA,GAMxBiB,IAAcrB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BqB,IAAgBtB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BsB,IAAevB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/journey/hooks/use-home-page-journey.js

@@ -1,189 +0,0 @@
-import { jsx as e, jsxs as h, Fragment as P } from "react/jsx-runtime";
-import { useRef as a, useCallback as L, useMemo as Y, useEffect as _ } from "react";
-import $ from "../../homework/homework-card.js";
-import J from "../../homework/hw-card-list/hw-card-list.js";
-import { getTopicsFromItems as U } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
-import z from "../../recent-chapters/recent-chapters.js";
-import u from "../../ui/buttons/button/button.js";
-import s from "../../ui/layout/flex-view.js";
-import C from "../../ui/text/text.js";
-import { ELementWrapper as H } from "../comps/coachmark/coachmark-styled.js";
-import { JOURNEY_ID_STUDENT as O } from "../journey-id/journey-id-student.js";
-import { IndicatorType as f } from "../use-journey/constants.js";
-import { useJourney as K } from "../use-journey/use-journey.js";
-const ie = () => {
-  const o = O.HOMEPAGE_JOURNEY, i = a(null), n = a(null), l = a(null), c = a(null), g = a([]), { nextCoachmark: t, setJourney: A, endJourney: w, addCoachmark: E } = K(), y = L(
-    (r, d, m) => {
-      c.current ? (E(O.HOMEPAGE_JOURNEY, {
-        originalElementToHighlightRef: c,
-        elementToHighlight: /* @__PURE__ */ e(s, { $widthX: 45, children: /* @__PURE__ */ e(
-          z,
-          {
-            studentId: r,
-            courseStream: m,
-            userType: d ? "STUDENT" : "TEACHER",
-            onChapterClick: () => null
-          }
-        ) }),
-        isActive: !1,
-        type: f.TOOLTIP,
-        indicator: {
-          tooltipItem: /* @__PURE__ */ h(s, { $flexRowGapX: 0.75, $justifyContent: "flex-start", children: [
-            /* @__PURE__ */ e(C, { $renderAs: "ab2-bold", children: "Access all your recent chapters in one place." }),
-            /* @__PURE__ */ e(
-              u,
-              {
-                label: "Got it",
-                size: "xsmall",
-                widthX: 6,
-                renderAs: "secondary",
-                onClick: () => w(O.HOMEPAGE_JOURNEY)
-              }
-            )
-          ] }),
-          position: "top",
-          renderAs: "primary",
-          tooltipXCoOrdinates: -227,
-          tooltipYCoOrdinates: 12,
-          arrowXCoOrdinates: -110,
-          backgroundColor: "YELLOW_4",
-          borderColor: "BLACK",
-          arrowColor: "BLACK",
-          arrowSize: 12,
-          width: 264
-        }
-      }), t(o, !1, 0, !0)) : w(o);
-    },
-    [t, o, E, w]
-  ), b = L(
-    ({ hwDetails: r, studentId: d, stream: m, userType: T }) => {
-      const { items: k, node_type: X, title: I, subtext: N } = r[0], S = U(k).join(", "), B = X === "DYNAMIC", p = T === "STUDENT";
-      if (!(i != null && i.current) || !(n != null && n.current) || !(l != null && l.current))
-        return;
-      const G = [
-        {
-          originalElementToHighlightRef: i,
-          isActive: !1,
-          type: f.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(P, {}),
-          indicator: {
-            position: "left",
-            tooltipXCoOrdinates: 0,
-            tooltipYCoOrdinates: p ? 100 : 0,
-            backgroundColor: "BLUE_4",
-            borderColor: "BLACK",
-            arrowColor: "BLACK",
-            arrowSize: 12,
-            width: 264,
-            tooltipItem: /* @__PURE__ */ h(s, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ e(C, { $renderAs: "ab2-bold", children: p ? "Welcome to the all new learning homepage." : "Welcome to the all new tutoring homepage." }),
-              /* @__PURE__ */ e(
-                u,
-                {
-                  label: "Next",
-                  size: "xsmall",
-                  widthX: 6,
-                  renderAs: "secondary",
-                  onClick: () => t(o, !1, 0, !0)
-                }
-              )
-            ] })
-          }
-        },
-        {
-          originalElementToHighlightRef: n,
-          elementToHighlight: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(J, { userType: T, studentId: d, stream: m }) }),
-          type: f.TOOLTIP,
-          indicator: {
-            position: "top",
-            tooltipXCoOrdinates: -197,
-            tooltipYCoOrdinates: -12,
-            arrowXCoOrdinates: -110,
-            backgroundColor: "GREEN_4",
-            borderColor: "BLACK",
-            arrowColor: "BLACK",
-            width: 264,
-            arrowSize: 12,
-            tooltipItem: /* @__PURE__ */ h(s, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ e(C, { $renderAs: "ab2-bold", children: p ? "Homework is now easy to access and easy to complete!" : "Homework is now easy to access and easy to review!" }),
-              /* @__PURE__ */ e(
-                u,
-                {
-                  label: "Next",
-                  size: "xsmall",
-                  widthX: 6,
-                  renderAs: "secondary",
-                  onClick: () => t(o, !1, 0, !0)
-                }
-              )
-            ] })
-          },
-          isActive: !1
-        },
-        {
-          originalElementToHighlightRef: l,
-          elementToHighlight: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
-            $,
-            {
-              isInQueue: !1,
-              userType: T,
-              header: B ? S : I,
-              subHeader: N || "",
-              nodeData: r[0],
-              renderAs: "homework",
-              shouldOpenOnRight: !1
-            }
-          ) }),
-          type: f.TOOLTIP,
-          indicator: {
-            position: "top",
-            tooltipXCoOrdinates: -35,
-            tooltipYCoOrdinates: -7,
-            backgroundColor: "PURPLE_4",
-            borderColor: "BLACK",
-            arrowColor: "BLACK",
-            arrowXCoOrdinates: -97,
-            arrowSize: 12,
-            width: 264,
-            tooltipItem: /* @__PURE__ */ h(s, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ e(C, { $renderAs: "ab2-bold", children: "Track homework status and their due dates." }),
-              /* @__PURE__ */ e(
-                u,
-                {
-                  label: c.current ? "Next" : "Got it",
-                  size: "xsmall",
-                  widthX: 6,
-                  renderAs: "secondary",
-                  onClick: () => y(d, p, m)
-                }
-              )
-            ] })
-          },
-          isActive: !1
-        }
-      ];
-      A(o, G);
-      const x = setTimeout(() => {
-        clearTimeout(x), t(o);
-      }, 200);
-      g.current.push(x);
-    },
-    [A, o, t, y]
-  ), R = Y(
-    () => ({
-      homepageRef: i,
-      homeworkRef: n,
-      individualHomeworkRef: l,
-      recentChaptersRef: c,
-      startJourney: b
-    }),
-    [b]
-  );
-  return _(() => () => {
-    g.current.forEach((r) => clearTimeout(r)), g.current = [];
-  }, []), R;
-};
-export {
-  ie as useHomePageJourney
-};
-//# sourceMappingURL=use-home-page-journey.js.map

package/dist/features/journey/hooks/use-home-page-journey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-home-page-journey.js","sources":["../../../../src/features/journey/hooks/use-home-page-journey.tsx"],"sourcesContent":["import type { IHomeworkData } from '../../homework/hw-card-list/api/get-homeworks';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IHomepageStartJourneyProps } from '../types/homepage-journey-types';\nimport type { ICoachmarkProps } from '../use-journey/journey-context-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport HWCardList from '../../homework/hw-card-list/hw-card-list';\nimport { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\nimport RecentChapters from '../../recent-chapters/recent-chapters';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { ELementWrapper } from '../comps/coachmark/coachmark-styled';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { IndicatorType } from '../use-journey/constants';\nimport { useJourney } from '../use-journey/use-journey';\n\nexport const useHomePageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY;\n\n  const homepageRef = useRef<HTMLDivElement>(null);\n  const homeworkRef = useRef<HTMLDivElement>(null);\n  const individualHomeworkRef = useRef<HTMLDivElement>(null);\n  const recentChaptersRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney, addCoachmark } = useJourney();\n\n  const handleLastStep = useCallback(\n    (userId: string, isStudent: boolean, courseValue: string) => {\n      if (recentChaptersRef.current) {\n        addCoachmark(JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY, {\n          originalElementToHighlightRef: recentChaptersRef,\n          elementToHighlight: (\n            <FlexView $widthX={45}>\n              <RecentChapters\n                studentId={userId}\n                courseStream={courseValue as TCourseStream}\n                userType={isStudent ? 'STUDENT' : 'TEACHER'}\n                onChapterClick={() => null}\n              />\n            </FlexView>\n          ),\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75} $justifyContent=\"flex-start\">\n                <Text $renderAs=\"ab2-bold\">Access all your recent chapters in one place.</Text>\n                <Button\n                  label=\"Got it\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => endJourney(JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY)}\n                />\n              </FlexView>\n            ),\n            position: 'top',\n            renderAs: 'primary',\n            tooltipXCoOrdinates: -227,\n            tooltipYCoOrdinates: 12,\n            arrowXCoOrdinates: -110,\n            backgroundColor: 'YELLOW_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n          } as IArrowTooltipProps,\n        });\n        nextCoachmark(journeyId, false, 0, true);\n      } else {\n        endJourney(journeyId);\n      }\n    },\n    [nextCoachmark, journeyId, addCoachmark, endJourney],\n  );\n\n  const startJourney = useCallback(\n    ({ hwDetails, studentId, stream, userType }: IHomepageStartJourneyProps) => {\n      const { items, node_type: nodeType, title, subtext } = hwDetails[0] as IHomeworkData;\n      const topics = getTopicsFromItems(items);\n      const testChapterName = topics.join(', ');\n      const isDynamicSheet = nodeType === 'DYNAMIC';\n      const isStudent = userType === 'STUDENT';\n\n      if (!homepageRef?.current || !homeworkRef?.current || !individualHomeworkRef?.current) {\n        return;\n      }\n\n      const homepageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: homepageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'left',\n            tooltipXCoOrdinates: 0,\n            tooltipYCoOrdinates: isStudent ? 100 : 0,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">\n                  {isStudent\n                    ? 'Welcome to the all new learning homepage.'\n                    : 'Welcome to the all new tutoring homepage.'}\n                </Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HWCardList userType={userType} studentId={studentId} stream={stream} />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -197,\n            tooltipYCoOrdinates: -12,\n            arrowXCoOrdinates: -110,\n            backgroundColor: 'GREEN_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">\n                  {isStudent\n                    ? 'Homework is now easy to access and easy to complete!'\n                    : 'Homework is now easy to access and easy to review!'}\n                </Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: individualHomeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HomeworkCard\n                isInQueue={false}\n                userType={userType}\n                header={isDynamicSheet ? testChapterName : title}\n                subHeader={subtext || ''}\n                nodeData={hwDetails[0] as IHomeworkData}\n                renderAs=\"homework\"\n                shouldOpenOnRight={false}\n              />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -35,\n            tooltipYCoOrdinates: -7,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">Track homework status and their due dates.</Text>\n                <Button\n                  label={recentChaptersRef.current ? 'Next' : 'Got it'}\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => handleLastStep(studentId, isStudent, stream)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, homepageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, 200);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n    },\n    [setJourney, journeyId, nextCoachmark, handleLastStep],\n  );\n\n  const data = useMemo(\n    () => ({\n      homepageRef,\n      homeworkRef,\n      individualHomeworkRef,\n      recentChaptersRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useHomePageJourney","journeyId","JOURNEY_ID_STUDENT","homepageRef","useRef","homeworkRef","individualHomeworkRef","recentChaptersRef","timerRefs","nextCoachmark","setJourney","endJourney","addCoachmark","useJourney","handleLastStep","useCallback","userId","isStudent","courseValue","jsx","FlexView","RecentChapters","IndicatorType","jsxs","Text","Button","startJourney","hwDetails","studentId","stream","userType","items","nodeType","title","subtext","testChapterName","getTopicsFromItems","isDynamicSheet","homepageSteps","Fragment","ELementWrapper","HWCardList","HomeworkCard","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js

@@ -1,165 +0,0 @@
-import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { memo as H, useCallback as l, useEffect as L } from "react";
-import { IMAGES as X } from "../../../../assets/images/images.js";
-import D from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import S from "../../../ui/buttons/button/button.js";
-import T from "../../../ui/layout/flex-view.js";
-import j from "../../../ui/loader/app-loader/app-loader.js";
-import _ from "../../../ui/separator/separator.js";
-import N from "../../../ui/text/text.js";
-import { MILESTONE_WIDGET_MIN_HEIGHT as v } from "../../constants.js";
-import { useGetTestHelpData as G } from "../../milestone-list-container/api/get-tests-list.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as R } from "../tests-creation/tests-creation-analytics-events.js";
-import W from "./test-list-view.js";
-const re = H((c) => {
-  const {
-    isChaptersAvailable: g,
-    isDraftMilestone: E,
-    isMilestoneActive: d,
-    userType: b,
-    studentId: m,
-    userMilestoneId: t,
-    canUpdatePlan: I
-  } = c, { onCreateMilestoneTest: i, onTestPreview: o, onTestStart: n, onTestReview: s } = c, {
-    get: A,
-    data: r,
-    isProcessingFailed: p,
-    isProcessed: f,
-    isStale: C,
-    isProcessing: w
-  } = G(), y = !I || !g || !d || d && E, k = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
-    A(t, void 0, {
-      studentId: m
-    });
-  }, [A, m, t]);
-  L(() => {
-    !w && (!f && !p || C) && h();
-  }, [h, f, w, p, C]);
-  const $ = l(() => {
-    if (typeof i == "function") {
-      i == null || i(t, ((r == null ? void 0 : r.length) || 0) + 1);
-      return;
-    }
-    throw new Error("No callback provided. If provided it must be a function");
-  }, [i, t, r]), M = l(
-    (a) => {
-      if (typeof o == "function") {
-        o == null || o(a, t);
-        return;
-      }
-      throw new Error("No callback provided. If provided it must be a function");
-    },
-    [o, t]
-  ), O = l(
-    (a) => {
-      if (typeof n == "function") {
-        n == null || n(a);
-        return;
-      }
-      throw new Error("No callback provided. If provided it must be a function");
-    },
-    [n]
-  ), P = l(
-    (a) => {
-      if (typeof s == "function") {
-        s == null || s(a, t);
-        return;
-      }
-      throw new Error("No callback provided. If provided it must be a function");
-    },
-    [s, t]
-  );
-  return p ? /* @__PURE__ */ u(
-    T,
-    {
-      $flexGapX: 1.5,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $height: "100%",
-      $background: "WHITE",
-      children: [
-        /* @__PURE__ */ e(N, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
-        /* @__PURE__ */ e(
-          S,
-          {
-            widthX: 14,
-            size: "small",
-            shape: "square",
-            renderAs: "primary",
-            label: "Try again",
-            onClick: h
-          }
-        )
-      ]
-    }
-  ) : f ? r != null && r.length ? /* @__PURE__ */ e(
-    W,
-    {
-      ...c,
-      onNodeAttempt: O,
-      onNodeView: M,
-      onNodeReview: P,
-      milestoneId: t,
-      sheets: r,
-      userType: b,
-      studentId: m,
-      onCreateNewTest: $,
-      canUpdatedPlan: I,
-      isMilestoneActive: d
-    }
-  ) : /* @__PURE__ */ u(
-    T,
-    {
-      $gapX: 6.75,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $background: "WHITE",
-      $height: v,
-      children: [
-        /* @__PURE__ */ e("img", { src: X.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
-        /* @__PURE__ */ e(_, { heightX: 2 }),
-        b === "TEACHER" ? /* @__PURE__ */ u(x, { children: [
-          /* @__PURE__ */ e(
-            D,
-            {
-              renderAs: "primary",
-              position: "bottom",
-              hidden: !y,
-              tooltipItem: k,
-              children: /* @__PURE__ */ e(
-                S,
-                {
-                  widthX: 10,
-                  renderAs: "primary",
-                  shape: "square",
-                  size: "small",
-                  label: "Create a Test",
-                  onClick: $,
-                  disabled: y,
-                  analyticsLabel: R.CUSTOM_TEST_CREATION_STARTED,
-                  analyticsProps: {
-                    milestone_id: t
-                  }
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(_, { heightX: 2 })
-        ] }) : /* @__PURE__ */ e(N, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to create a test" })
-      ]
-    }
-  ) : /* @__PURE__ */ e(
-    T,
-    {
-      $height: v,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $background: "WHITE",
-      children: /* @__PURE__ */ e(j, { height: "100%" })
-    }
-  );
-});
-export {
-  re as default
-};
-//# sourceMappingURL=test-list-container.js.map

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-list-container.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-container.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestsListProps } from './types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { useGetTestHelpData } from '../../milestone-list-container/api/get-tests-list';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestSheetsList from './test-list-view';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(props => {\n  const {\n    isChaptersAvailable,\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n  } = props;\n  const { onCreateMilestoneTest, onTestPreview, onTestStart, onTestReview } = props;\n\n  const {\n    get: getTestHelpData,\n    data,\n    isProcessingFailed,\n    isProcessed,\n    isStale,\n    isProcessing,\n  } = useGetTestHelpData();\n\n  const isTestSheetCreationDisabled =\n    !canUpdatePlan ||\n    !isChaptersAvailable ||\n    !isMilestoneActive ||\n    (isMilestoneActive && isDraftMilestone);\n  const testCreationCtaTooltipText =\n    isMilestoneActive && !isChaptersAvailable\n      ? 'Chapters need to be assigned'\n      : isDraftMilestone\n        ? 'Allowed after plan is published'\n        : 'Plan is completed';\n\n  const handleOnTryAgain = useCallback(() => {\n    getTestHelpData(userMilestoneId, undefined, {\n      studentId,\n    });\n  }, [getTestHelpData, studentId, userMilestoneId]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnCreateMilestoneTest = useCallback(() => {\n    if (typeof onCreateMilestoneTest === 'function') {\n      onCreateMilestoneTest?.(userMilestoneId, (data?.length || 0) + 1);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [onCreateMilestoneTest, userMilestoneId, data]);\n\n  const handleOnTestPreview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestPreview === 'function') {\n        onTestPreview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestPreview, userMilestoneId],\n  );\n\n  const handleOnTestStart = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestStart === 'function') {\n        onTestStart?.(sheetData);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestStart],\n  );\n\n  const handleOnTestReview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestReview === 'function') {\n        onTestReview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestReview, userMilestoneId],\n  );\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $height=\"100%\"\n        $background=\"WHITE\"\n      >\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={handleOnTryAgain}\n        />\n      </FlexView>\n    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <TestSheetsList\n          {...props}\n          onNodeAttempt={handleOnTestStart}\n          onNodeView={handleOnTestPreview}\n          onNodeReview={handleOnTestReview}\n          milestoneId={userMilestoneId}\n          sheets={data}\n          userType={userType}\n          studentId={studentId}\n          onCreateNewTest={handleOnCreateMilestoneTest}\n          canUpdatedPlan={canUpdatePlan}\n          isMilestoneActive={isMilestoneActive}\n        />\n      );\n    }\n\n    return (\n      <FlexView\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      >\n        <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n        <Separator heightX={2} />\n        {userType === 'TEACHER' ? (\n          <>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              hidden={!isTestSheetCreationDisabled}\n              tooltipItem={testCreationCtaTooltipText}\n            >\n              <Button\n                widthX={10}\n                renderAs=\"primary\"\n                shape=\"square\"\n                size=\"small\"\n                label=\"Create a Test\"\n                onClick={handleOnCreateMilestoneTest}\n                disabled={isTestSheetCreationDisabled}\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                analyticsProps={{\n                  milestone_id: userMilestoneId,\n                }}\n              />\n            </ArrowTooltip>\n            <Separator heightX={2} />\n          </>\n        ) : (\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n            Wait for the teacher to create a test\n          </Text>\n        )}\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView\n      $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"WHITE\"\n    >\n      <AppLoader height=\"100%\" />\n    </FlexView>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestStart","onTestReview","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","handleOnTestReview","jsxs","FlexView","jsx","Text","Button","TestSheetsList","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.js

@@ -1,25 +0,0 @@
-import { styled as t } from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-const i = t(o)`
-  position: sticky;
-  bottom: 0;
-  margin-left: auto;
-`, s = t(o)(({ theme: e }) => {
-  const { colors: r } = e;
-  return `
-      border-radius: 50%;
-      box-shadow: 0px 10px 20px 0px ${r.BLACK_T_15};
-    `;
-}), a = t.div`
-  display: grid;
-  grid-template-columns: repeat(3, 200px);
-  grid-gap: 32px;
-  justify-content: center;
-  padding: 32px 0;
-`;
-export {
-  s as IconButtonCover,
-  i as IconContainer,
-  a as TestSheetItemWrapper
-};
-//# sourceMappingURL=test-list-view-styled.js.map

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-list-view-styled.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst IconContainer = styled(FlexView)`\n  position: sticky;\n  bottom: 0;\n  margin-left: auto;\n`;\n\nconst IconButtonCover = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n      border-radius: 50%;\n      box-shadow: 0px 10px 20px 0px ${colors.BLACK_T_15};\n    `;\n});\n\nconst TestSheetItemWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nexport { IconContainer, IconButtonCover, TestSheetItemWrapper };\n"],"names":["IconContainer","styled","FlexView","IconButtonCover","theme","colors","TestSheetItemWrapper"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM/BC,IAAkBF,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AAChD,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA,sCAE6BC,EAAO,UAAU;AAAA;AAEvD,CAAC,GAEKC,IAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}