@cuemath/leap 3.4.10-m → 3.4.11-m

package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js

@@ -1,41 +1,41 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { memo as z, useState as $, useRef as C, useCallback as s, useMemo as m, useEffect as D } from "react";
 import { useGetEligibleJourneysViaRoute as F } from "../../../journey/hooks/use-get-eligible-journeys-via-route.js";
-import { JOURNEY_ID_TEACHER as Y } from "../../../journey/journey-id/journey-id-teacher.js";
+import { JOURNEY_ID_TEACHER as G } from "../../../journey/journey-id/journey-id-teacher.js";
 import { useJourney as Q } from "../../../journey/use-journey/use-journey.js";
 import { useStickersJourney as Z } from "../../../stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey.js";
 import ee from "../../../stickers/sticker-selector/sticker-selector.js";
 import f from "../../../ui/buttons/clickable/clickable.js";
 import i from "../../../ui/layout/flex-view.js";
-import v from "../../../ui/separator/separator.js";
+import Y from "../../../ui/separator/separator.js";
 import d from "../../../ui/text/text.js";
-import J from "../../constants/events.js";
+import v from "../../constants/events.js";
 import { StickersIcon as te, GuideContainer as oe, HintIcon as ie, SolIcon as ne, Pointer as re, SectionContainer as ce, Section as le, CloseIcon as se, Guide as de } from "./worksheet-sidebar-styled.js";
 const be = z(
   ({
     questionWidth: E,
-    questions: L,
-    activeQuestionIndex: X,
+    questions: J,
+    activeQuestionIndex: L,
     learnosity: I,
     actionbarHeight: T,
     loggerRef: a,
-    studentClassroomId: b,
+    studentClassroomId: X,
     enableStickers: K
   }) => {
-    var G;
+    var A;
     const [t, h] = $(), [B, V] = $({
       top: 0,
       left: 0
-    }), [u, j] = $(!0), k = C(null), { top: R, left: O } = B, x = s(() => {
-      h("HINT"), a.current(J.WORKSHEET_V3_HINT_SEEN);
+    }), [u, j] = $(!1), b = C(null), { top: k, left: R } = B, x = s(() => {
+      h("HINT"), a.current(v.WORKSHEET_V3_HINT_SEEN);
     }, [a]), P = s(() => {
-      h("SOL"), a.current(J.WORKSHEET_V3_SOLUTION_SEEN);
+      h("SOL"), a.current(v.WORKSHEET_V3_SOLUTION_SEEN);
     }, [a]), U = s(() => {
       h(() => {
       });
     }, []), p = s(() => {
       j((c) => !c);
-    }, []), { hints: n, solution: g } = ((G = L[X]) == null ? void 0 : G.metadata) || {}, r = m(() => t === void 0 ? void 0 : t === "HINT" ? n : g, [t, n, g]), _ = C(null), N = C(null), S = s((c) => {
+    }, []), { hints: n, solution: g } = ((A = J[L]) == null ? void 0 : A.metadata) || {}, r = m(() => t === void 0 ? void 0 : t === "HINT" ? n : g, [t, n, g]), O = C(null), _ = C(null), S = s((c) => {
       if (c.current) {
         const l = c.current.getBoundingClientRect();
         V({
@@ -44,11 +44,11 @@ const be = z(
           // 52px (sidebar width) + 16px (gutter) + 10px
         });
       }
-    }, []), H = m(
-      () => /* @__PURE__ */ e("div", { ref: k, children: /* @__PURE__ */ e(f, { label: "teacher-badges", onClick: p, children: /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", children: [
+    }, []), N = m(
+      () => /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(f, { label: "teacher-badges", onClick: p, children: /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", children: [
         /* @__PURE__ */ e(te, { width: 32, height: 32, $disabled: !u }),
         /* @__PURE__ */ e(d, { $renderAs: "eyebrow2", $color: u ? "BLACK" : "GREY_4", children: "STICKERS" }),
-        /* @__PURE__ */ e(i, { $gap: 8, $alignItems: "center", children: /* @__PURE__ */ e(v, { width: 24, height: 1, background: "GREY_2" }) })
+        /* @__PURE__ */ e(i, { $gap: 8, $alignItems: "center", children: /* @__PURE__ */ e(Y, { width: 24, height: 1, background: "GREY_2" }) })
       ] }) }) }),
       [u, p]
     ), W = m(
@@ -71,44 +71,44 @@ const be = z(
       position: "left",
       tooltipXCoOrdinates: 20,
       tooltipYCoOrdinates: -20
-    }, w = F([
-      Y.STICKERS_INTRO_JOURNEY
-    ]), { isJourneyActive: y } = Q(), { startTeacherStickersJourney: A } = Z({
-      triggerRef: k,
-      triggerElement: H,
+    }, H = F([
+      G.STICKERS_INTRO_JOURNEY
+    ]), { isJourneyActive: w } = Q(), { startTeacherStickersJourney: y } = Z({
+      triggerRef: b,
+      triggerElement: N,
       tooltipConfig: q
     });
     return t && r && I && I.renderMath("mathjax"), D(() => {
-      t === "HINT" ? S(N) : t === "SOL" ? S(_) : r || h(void 0), w.includes(Y.STICKERS_INTRO_JOURNEY) && !y && A();
+      t === "HINT" ? S(_) : t === "SOL" ? S(O) : r || h(void 0), H.includes(G.STICKERS_INTRO_JOURNEY) && !w && y();
     }, [
       t,
       S,
       r,
+      H,
       w,
-      y,
-      A
+      y
     ]), /* @__PURE__ */ o(oe, { $background: "WHITE", children: [
-      K && b && /* @__PURE__ */ e(
+      K && /* @__PURE__ */ e(
         ee,
         {
-          triggerNode: H,
-          studentClassroomId: b,
+          triggerNode: N,
+          studentClassroomId: X,
           gridConfig: W,
           tooltipConfig: M,
           visible: u,
           onToggle: p
         }
       ),
-      /* @__PURE__ */ e(f, { label: "hints", onClick: x, disabled: !n, children: /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", ref: N, children: [
+      /* @__PURE__ */ e(f, { label: "hints", onClick: x, disabled: !n, children: /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", ref: _, children: [
         /* @__PURE__ */ e(ie, { width: 32, height: 32, $disabled: !n }),
         /* @__PURE__ */ e(d, { $renderAs: "eyebrow2", $color: n ? "BLACK" : "GREY_4", children: "HINT" }),
-        /* @__PURE__ */ e(i, { $gap: 8, $alignItems: "center", children: /* @__PURE__ */ e(v, { width: 24, height: 1, background: "GREY_2" }) })
+        /* @__PURE__ */ e(i, { $gap: 8, $alignItems: "center", children: /* @__PURE__ */ e(Y, { width: 24, height: 1, background: "GREY_2" }) })
       ] }) }),
-      /* @__PURE__ */ e(f, { label: "solution", onClick: P, disabled: !g, children: /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", ref: _, children: [
+      /* @__PURE__ */ e(f, { label: "solution", onClick: P, disabled: !g, children: /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", ref: O, children: [
         /* @__PURE__ */ e(ne, { width: 32, height: 32, $disabled: !g }),
         /* @__PURE__ */ e(d, { $renderAs: "eyebrow2", $color: n ? "BLACK" : "GREY_4", children: "SOL" })
       ] }) }),
-      t && R && O && /* @__PURE__ */ e(re, { topValue: R, leftValue: O }),
+      t && k && R && /* @__PURE__ */ e(re, { topValue: k, leftValue: R }),
       t && /* @__PURE__ */ e(
         ce,
         {

package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js.map

@@ -1 +1 @@
-{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n  type ReactElement,\n  type RefObject,\n} from 'react';\n\nimport { useGetEligibleJourneysViaRoute } from '../../../journey/hooks/use-get-eligible-journeys-via-route';\nimport { JOURNEY_ID_TEACHER } from '../../../journey/journey-id/journey-id-teacher';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\nimport { useStickersJourney } from '../../../stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey';\nimport StickerSelector from '../../../stickers/sticker-selector/sticker-selector';\nimport {\n  type IArrowTooltipProps,\n  type TPositionProps,\n} from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\nimport {\n  Section,\n  GuideContainer,\n  CloseIcon,\n  SolIcon,\n  HintIcon,\n  StickersIcon,\n  SectionContainer,\n  Guide,\n  Pointer,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' | 'SOL';\n\ninterface IQuestionGuideProps extends Pick<IWorksheetProps, 'loggerRef'> {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  learnosity: ILearnosity;\n  actionbarHeight: number;\n  studentClassroomId?: string;\n  enableStickers?: boolean;\n}\n\nconst QuestionGuide: React.FC<IQuestionGuideProps> = memo(\n  ({\n    questionWidth,\n    questions,\n    activeQuestionIndex,\n    learnosity,\n    actionbarHeight,\n    loggerRef,\n    studentClassroomId,\n    enableStickers,\n  }) => {\n    const [activeSection, setActiveSection] = useState<TSections | undefined>();\n    const [pointerPosition, setPointerPosition] = useState({\n      top: 0,\n      left: 0,\n    });\n    const [showStickers, setShowStickers] = useState(true);\n    const triggerRef = useRef<HTMLDivElement | null>(null);\n    const { top, left } = pointerPosition;\n\n    const handleHintClick = useCallback(() => {\n      setActiveSection('HINT');\n      loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    }, [loggerRef]);\n    const handleSolClick = useCallback(() => {\n      setActiveSection('SOL');\n      loggerRef.current(EVENTS.WORKSHEET_V3_SOLUTION_SEEN);\n    }, [loggerRef]);\n    const handleClose = useCallback(() => {\n      setActiveSection(() => undefined);\n    }, []);\n    const handleBadgeToggle = useCallback(() => {\n      setShowStickers(prev => !prev);\n    }, []);\n\n    const { hints, solution } = questions[activeQuestionIndex]?.metadata || {};\n\n    const activeSectionData = useMemo(() => {\n      return activeSection === undefined ? undefined : activeSection === 'HINT' ? hints : solution;\n    }, [activeSection, hints, solution]);\n\n    const sqlRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n    const hintRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n    const updatePointerPosition = useCallback((ref: React.RefObject<HTMLDivElement>) => {\n      if (ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n\n        setPointerPosition({\n          top: rect.top + rect.height / 2 - 8,\n          left: rect.right - 78, // 52px (sidebar width) + 16px (gutter) + 10px\n        });\n      }\n    }, []);\n\n    const stickerTrigger = useMemo(\n      () => (\n        <div ref={triggerRef}>\n          <Clickable label=\"teacher-badges\" onClick={handleBadgeToggle}>\n            <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n              <StickersIcon width={32} height={32} $disabled={!showStickers} />\n              <Text $renderAs=\"eyebrow2\" $color={!showStickers ? 'GREY_4' : 'BLACK'}>\n                STICKERS\n              </Text>\n              <FlexView $gap={8} $alignItems=\"center\">\n                <Separator width={24} height={1} background=\"GREY_2\" />\n              </FlexView>\n            </FlexView>\n          </Clickable>\n        </div>\n      ),\n      [showStickers, handleBadgeToggle],\n    );\n\n    const stickerGridConfig = useMemo(\n      () => ({\n        stickerSize: 48,\n        columns: 4,\n        gap: 8,\n      }),\n      [],\n    );\n\n    const stickerTooltipConfig = useMemo(\n      () => ({\n        position: 'left' as TPositionProps,\n        zIndex: 1000,\n        arrowYCoOrdinates: -175,\n        tooltipXCoOrdinates: '7.5%',\n        tooltipYCoOrdinates: '40%',\n      }),\n      [],\n    );\n\n    const coachmarkConfig = {\n      position: 'left',\n      tooltipXCoOrdinates: 20,\n      tooltipYCoOrdinates: -20,\n    };\n\n    const eligibleJourneyIds = useGetEligibleJourneysViaRoute([\n      JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY,\n    ]);\n\n    const { isJourneyActive } = useJourney();\n\n    const { startTeacherStickersJourney } = useStickersJourney({\n      triggerRef: triggerRef as RefObject<HTMLDivElement>,\n      triggerElement: stickerTrigger as ReactElement,\n      tooltipConfig: coachmarkConfig as IArrowTooltipProps,\n    });\n\n    if (activeSection && activeSectionData && learnosity) {\n      learnosity.renderMath('mathjax');\n    }\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      } else if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n\n      if (\n        eligibleJourneyIds.includes(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY) &&\n        !isJourneyActive\n      ) {\n        startTeacherStickersJourney();\n      }\n    }, [\n      activeSection,\n      updatePointerPosition,\n      activeSectionData,\n      eligibleJourneyIds,\n      isJourneyActive,\n      startTeacherStickersJourney,\n    ]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\n        {enableStickers && studentClassroomId && (\n          <StickerSelector\n            triggerNode={stickerTrigger}\n            studentClassroomId={studentClassroomId}\n            gridConfig={stickerGridConfig}\n            tooltipConfig={stickerTooltipConfig}\n            visible={showStickers}\n            onToggle={handleBadgeToggle}\n          />\n        )}\n        <Clickable label=\"hints\" onClick={handleHintClick} disabled={!hints}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={hintRef}>\n            <HintIcon width={32} height={32} $disabled={!hints} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              HINT\n            </Text>\n            <FlexView $gap={8} $alignItems=\"center\">\n              <Separator width={24} height={1} background=\"GREY_2\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n        <Clickable label=\"solution\" onClick={handleSolClick} disabled={!solution}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={sqlRef}>\n            <SolIcon width={32} height={32} $disabled={!solution} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              SOL\n            </Text>\n          </FlexView>\n        </Clickable>\n        {activeSection && top && left && <Pointer topValue={top} leftValue={left} />}\n        {activeSection && (\n          <SectionContainer\n            $background=\"WHITE\"\n            $questionWidth={questionWidth}\n            $actionbarHeight={actionbarHeight}\n            $borderRadius={10}\n          >\n            <Section\n              $gutterX={1}\n              $gapX={1}\n              $questionWidth={questionWidth}\n              $actionbarHeight={actionbarHeight}\n            >\n              <Clickable label=\"close\" onClick={handleClose}>\n                <CloseIcon />\n              </Clickable>\n              <FlexView $gutterX={0.5}>\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {activeSection === 'HINT' ? 'HINTS:' : 'SOLUTION:'}\n                </Text>\n              </FlexView>\n              {activeSectionData &&\n                activeSectionData.map((item, index) => (\n                  <FlexView $gutterX={0.5} $gapX={0.5} key={index.toString()}>\n                    {activeSectionData.length > 1 && (\n                      <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                        {activeSection} {index + 1}:\n                      </Text>\n                    )}\n                    <Guide\n                      dangerouslySetInnerHTML={{\n                        __html: item,\n                      }}\n                    />\n                  </FlexView>\n                ))}\n            </Section>\n          </SectionContainer>\n        )}\n      </GuideContainer>\n    );\n  },\n);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","studentClassroomId","enableStickers","activeSection","setActiveSection","useState","pointerPosition","setPointerPosition","showStickers","setShowStickers","triggerRef","useRef","top","left","handleHintClick","useCallback","EVENTS","handleSolClick","handleClose","handleBadgeToggle","prev","hints","solution","_a","activeSectionData","useMemo","sqlRef","hintRef","updatePointerPosition","ref","rect","stickerTrigger","jsx","Clickable","jsxs","FlexView","StickersIcon","Text","Separator","stickerGridConfig","stickerTooltipConfig","coachmarkConfig","eligibleJourneyIds","useGetEligibleJourneysViaRoute","JOURNEY_ID_TEACHER","isJourneyActive","useJourney","startTeacherStickersJourney","useStickersJourney","useEffect","GuideContainer","StickerSelector","HintIcon","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}
+{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n  type ReactElement,\n  type RefObject,\n} from 'react';\n\nimport { useGetEligibleJourneysViaRoute } from '../../../journey/hooks/use-get-eligible-journeys-via-route';\nimport { JOURNEY_ID_TEACHER } from '../../../journey/journey-id/journey-id-teacher';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\nimport { useStickersJourney } from '../../../stickers/sticker-selector/hooks/use-stickers-journey/use-stickers-journey';\nimport StickerSelector from '../../../stickers/sticker-selector/sticker-selector';\nimport {\n  type IArrowTooltipProps,\n  type TPositionProps,\n} from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\nimport {\n  Section,\n  GuideContainer,\n  CloseIcon,\n  SolIcon,\n  HintIcon,\n  StickersIcon,\n  SectionContainer,\n  Guide,\n  Pointer,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' | 'SOL';\n\ninterface IQuestionGuideProps extends Pick<IWorksheetProps, 'loggerRef'> {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  learnosity: ILearnosity;\n  actionbarHeight: number;\n  studentClassroomId?: string;\n  enableStickers?: boolean;\n}\n\nconst QuestionGuide: React.FC<IQuestionGuideProps> = memo(\n  ({\n    questionWidth,\n    questions,\n    activeQuestionIndex,\n    learnosity,\n    actionbarHeight,\n    loggerRef,\n    studentClassroomId,\n    enableStickers,\n  }) => {\n    const [activeSection, setActiveSection] = useState<TSections | undefined>();\n    const [pointerPosition, setPointerPosition] = useState({\n      top: 0,\n      left: 0,\n    });\n    const [showStickers, setShowStickers] = useState(false);\n    const triggerRef = useRef<HTMLDivElement | null>(null);\n    const { top, left } = pointerPosition;\n\n    const handleHintClick = useCallback(() => {\n      setActiveSection('HINT');\n      loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    }, [loggerRef]);\n    const handleSolClick = useCallback(() => {\n      setActiveSection('SOL');\n      loggerRef.current(EVENTS.WORKSHEET_V3_SOLUTION_SEEN);\n    }, [loggerRef]);\n    const handleClose = useCallback(() => {\n      setActiveSection(() => undefined);\n    }, []);\n    const handleBadgeToggle = useCallback(() => {\n      setShowStickers(prev => !prev);\n    }, []);\n\n    const { hints, solution } = questions[activeQuestionIndex]?.metadata || {};\n\n    const activeSectionData = useMemo(() => {\n      return activeSection === undefined ? undefined : activeSection === 'HINT' ? hints : solution;\n    }, [activeSection, hints, solution]);\n\n    const sqlRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n    const hintRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n    const updatePointerPosition = useCallback((ref: React.RefObject<HTMLDivElement>) => {\n      if (ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n\n        setPointerPosition({\n          top: rect.top + rect.height / 2 - 8,\n          left: rect.right - 78, // 52px (sidebar width) + 16px (gutter) + 10px\n        });\n      }\n    }, []);\n\n    const stickerTrigger = useMemo(\n      () => (\n        <div ref={triggerRef}>\n          <Clickable label=\"teacher-badges\" onClick={handleBadgeToggle}>\n            <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n              <StickersIcon width={32} height={32} $disabled={!showStickers} />\n              <Text $renderAs=\"eyebrow2\" $color={!showStickers ? 'GREY_4' : 'BLACK'}>\n                STICKERS\n              </Text>\n              <FlexView $gap={8} $alignItems=\"center\">\n                <Separator width={24} height={1} background=\"GREY_2\" />\n              </FlexView>\n            </FlexView>\n          </Clickable>\n        </div>\n      ),\n      [showStickers, handleBadgeToggle],\n    );\n\n    const stickerGridConfig = useMemo(\n      () => ({\n        stickerSize: 48,\n        columns: 4,\n        gap: 8,\n      }),\n      [],\n    );\n\n    const stickerTooltipConfig = useMemo(\n      () => ({\n        position: 'left' as TPositionProps,\n        zIndex: 1000,\n        arrowYCoOrdinates: -175,\n        tooltipXCoOrdinates: '7.5%',\n        tooltipYCoOrdinates: '40%',\n      }),\n      [],\n    );\n\n    const coachmarkConfig = {\n      position: 'left',\n      tooltipXCoOrdinates: 20,\n      tooltipYCoOrdinates: -20,\n    };\n\n    const eligibleJourneyIds = useGetEligibleJourneysViaRoute([\n      JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY,\n    ]);\n\n    const { isJourneyActive } = useJourney();\n\n    const { startTeacherStickersJourney } = useStickersJourney({\n      triggerRef: triggerRef as RefObject<HTMLDivElement>,\n      triggerElement: stickerTrigger as ReactElement,\n      tooltipConfig: coachmarkConfig as IArrowTooltipProps,\n    });\n\n    if (activeSection && activeSectionData && learnosity) {\n      learnosity.renderMath('mathjax');\n    }\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      } else if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n\n      if (\n        eligibleJourneyIds.includes(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY) &&\n        !isJourneyActive\n      ) {\n        startTeacherStickersJourney();\n      }\n    }, [\n      activeSection,\n      updatePointerPosition,\n      activeSectionData,\n      eligibleJourneyIds,\n      isJourneyActive,\n      startTeacherStickersJourney,\n    ]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\n        {enableStickers && (\n          <StickerSelector\n            triggerNode={stickerTrigger}\n            studentClassroomId={studentClassroomId}\n            gridConfig={stickerGridConfig}\n            tooltipConfig={stickerTooltipConfig}\n            visible={showStickers}\n            onToggle={handleBadgeToggle}\n          />\n        )}\n        <Clickable label=\"hints\" onClick={handleHintClick} disabled={!hints}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={hintRef}>\n            <HintIcon width={32} height={32} $disabled={!hints} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              HINT\n            </Text>\n            <FlexView $gap={8} $alignItems=\"center\">\n              <Separator width={24} height={1} background=\"GREY_2\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n        <Clickable label=\"solution\" onClick={handleSolClick} disabled={!solution}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={sqlRef}>\n            <SolIcon width={32} height={32} $disabled={!solution} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              SOL\n            </Text>\n          </FlexView>\n        </Clickable>\n        {activeSection && top && left && <Pointer topValue={top} leftValue={left} />}\n        {activeSection && (\n          <SectionContainer\n            $background=\"WHITE\"\n            $questionWidth={questionWidth}\n            $actionbarHeight={actionbarHeight}\n            $borderRadius={10}\n          >\n            <Section\n              $gutterX={1}\n              $gapX={1}\n              $questionWidth={questionWidth}\n              $actionbarHeight={actionbarHeight}\n            >\n              <Clickable label=\"close\" onClick={handleClose}>\n                <CloseIcon />\n              </Clickable>\n              <FlexView $gutterX={0.5}>\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {activeSection === 'HINT' ? 'HINTS:' : 'SOLUTION:'}\n                </Text>\n              </FlexView>\n              {activeSectionData &&\n                activeSectionData.map((item, index) => (\n                  <FlexView $gutterX={0.5} $gapX={0.5} key={index.toString()}>\n                    {activeSectionData.length > 1 && (\n                      <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                        {activeSection} {index + 1}:\n                      </Text>\n                    )}\n                    <Guide\n                      dangerouslySetInnerHTML={{\n                        __html: item,\n                      }}\n                    />\n                  </FlexView>\n                ))}\n            </Section>\n          </SectionContainer>\n        )}\n      </GuideContainer>\n    );\n  },\n);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","studentClassroomId","enableStickers","activeSection","setActiveSection","useState","pointerPosition","setPointerPosition","showStickers","setShowStickers","triggerRef","useRef","top","left","handleHintClick","useCallback","EVENTS","handleSolClick","handleClose","handleBadgeToggle","prev","hints","solution","_a","activeSectionData","useMemo","sqlRef","hintRef","updatePointerPosition","ref","rect","stickerTrigger","jsx","Clickable","jsxs","FlexView","StickersIcon","Text","Separator","stickerGridConfig","stickerTooltipConfig","coachmarkConfig","eligibleJourneyIds","useGetEligibleJourneysViaRoute","JOURNEY_ID_TEACHER","isJourneyActive","useJourney","startTeacherStickersJourney","useStickersJourney","useEffect","GuideContainer","StickerSelector","HintIcon","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.4.10-m",
+  "version": "3.4.11-m",
   "type": "module",
   "files": [
     "dist"