@cuemath/leap 3.1.12-as1 → 3.1.13-akm-1

package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js

@@ -9,8 +9,8 @@ import R from "../../../../ui/lottie-animation/lottie-animation.js";
 import Le from "../../../../ui/separator/separator.js";
 import z from "../../../../ui/text/text.js";
 import { useCircleSounds as ve } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as fe } from "../../game-launcher-analytics-events.js";
-import { CardContainer as _e } from "../card-container/card-container.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as _e } from "../../game-launcher-analytics-events.js";
+import { CardContainer as fe } from "../card-container/card-container.js";
 import { GAME_LAUNCHER_SIZE as p, GAME_LAUNCHER_SIZE_LARGE as Te } from "../card-container/constants.js";
 import { TABLE_REVEAL_ANIMATION as C, TABLE_MODE_LABEL_COLOR as He } from "./constants.js";
 import $e from "./table-mode/table-mode.js";
@@ -37,13 +37,13 @@ const G = {
     ), [L, y] = o(null), [Q, A] = o("WHITE_T_60"), [c, v] = o({
       stars: ((q = l.tableList.find((e) => e.tableNumber === (r == null ? void 0 : r.tableNumber))) == null ? void 0 : q.stars) ?? [],
       tableNumber: (r == null ? void 0 : r.tableNumber) ?? 0
-    }), [X, M] = o(!0), [f, B] = o(!1), [D, O] = o("WHITE_T_60"), P = N(null), V = N(null), [k, ee] = o((r == null ? void 0 : r.rewardStar) ?? []), [x] = o(!1), _ = N(null), T = N(), U = i(
+    }), [X, M] = o(!0), [_, B] = o(!1), [D, O] = o("WHITE_T_60"), P = N(null), V = N(null), [k, ee] = o((r == null ? void 0 : r.rewardStar) ?? []), [x] = o(!0), f = N(null), T = N(), U = i(
       (e) => {
         if (S) {
           S(e);
           return;
         }
-        m(), I(!0), h(e.tableNumber), v({ ...e }), ee([]), W(fe.TABLE_SELECTED, {
+        m(), I(!0), h(e.tableNumber), v({ ...e }), ee([]), W(_e.TABLE_SELECTED, {
           meta: {
             table_of: e.tableNumber
           }
@@ -52,21 +52,21 @@ const G = {
       [S, m, W]
     ), te = i(
       (e) => {
-        A(f ? D : "WHITE_T_60"), h(e.tableNumber);
+        A(_ ? D : "WHITE_T_60"), h(e.tableNumber);
       },
-      [D, f]
+      [D, _]
     ), re = i(() => {
       A("WHITE_T_60"), !c.tableNumber && h(null);
     }, [c.tableNumber]), ie = i(() => {
       var n;
       g == null || g(), m(), I(!1), h(null);
       const e = (C.DISAPPEAR[1] - C.DISAPPEAR[0]) / 30;
-      (n = _.current) == null || n.playSegments(C.DISAPPEAR, !0), T.current = setTimeout(() => {
+      (n = f.current) == null || n.playSegments(C.DISAPPEAR, !0), T.current = setTimeout(() => {
         v({ stars: [], tableNumber: 0 });
       }, e * 1e3);
     }, [g, m]), ne = i(() => {
       var e;
-      (e = _.current) == null || e.playSegments(C.REVEAL, !0);
+      (e = f.current) == null || e.playSegments(C.REVEAL, !0);
     }, []), oe = i((e) => {
       const n = {
         sequence: 1,
@@ -136,14 +136,14 @@ const G = {
     }, []), Z(() => {
       E && (m(), I(!0), h(E.tableNumber), v({ ...E }));
     }, [E, m]), /* @__PURE__ */ t(
-      _e,
+      fe,
       {
         labelRef: P,
         ref: V,
         strokeColor: "WHITE",
         label: me(),
         labelColor: Q,
-        isAnimated: f,
+        isAnimated: _,
         showLabel: X,
         children: /* @__PURE__ */ a(we, { children: [
           /* @__PURE__ */ a(We, { children: [
@@ -261,7 +261,7 @@ const G = {
               R,
               {
                 src: $.TABLE_MODE_REVEAL,
-                ref: _,
+                ref: f,
                 settings: je,
                 onRender: ne,
                 animateOnIntersect: !0

package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"tables-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/tables-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type {\n  ITableInfo,\n  TTableMode,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { ITableCardRef, ITablesCardProps } from './tables-card-types';\n\nimport React, {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport Back2Icon from '../../../../../assets/line-icons/icons/back2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport { CardContainer } from '../card-container/card-container';\nimport { GAME_LAUNCHER_SIZE, GAME_LAUNCHER_SIZE_LARGE } from '../card-container/constants';\nimport { TABLE_MODE_LABEL_COLOR, TABLE_REVEAL_ANIMATION } from './constants';\nimport TableMode from './table-mode/table-mode';\nimport TableSegmentStar from './table-segment-star/table-segment-star';\nimport * as Styled from './tables-card-styled';\n\nconst rendererSettings = {\n  renderer: 'canvas',\n};\n\nconst modeRevealAnimationSettings = {\n  loop: false,\n  renderer: 'svg',\n};\n\nconst TablesCardComponent = forwardRef<ITableCardRef, ITablesCardProps>(\n  (\n    {\n      data,\n      label,\n      onPress,\n      openModesOfTable,\n      defaultTable,\n      onGoBackFromTableLevel,\n      onPressTableSegment,\n    },\n    ref,\n  ) => {\n    const { onEvent: trackEvent } = useUIContext();\n    const { playButtonSound } = useCircleSounds();\n    const [fadeIn, setFadeIn] = useState(true);\n    const [highlightedTable, setHighlightedTable] = useState<number | null>(\n      openModesOfTable?.tableNumber ?? null,\n    );\n    const [highlightedLevel, setHighlightedLevel] = useState<number | null>(null);\n    const [labelColor, setLabelColor] = useState<TColorNames>('WHITE_T_60');\n    const [revealTableModes, setRevealTableModes] = useState<ITableInfo>({\n      stars:\n        data.tableList.find(table => table.tableNumber === openModesOfTable?.tableNumber)?.stars ??\n        [],\n      tableNumber: openModesOfTable?.tableNumber ?? 0,\n    });\n\n    const [showLabel, setShowLabel] = useState(true);\n    const [isLabelAnimated, setIsLabelAnimated] = useState(false);\n    const [animatedColor, setAniimatedColor] = useState<TColorNames>('WHITE_T_60');\n\n    const labelRef = useRef<HTMLDivElement>(null);\n    const cardRef = useRef<HTMLDivElement>(null);\n\n    const [rewardStar, setRewardStar] = useState(openModesOfTable?.rewardStar ?? []);\n    const [enableInfiniteMode] = useState(false);\n\n    const revealAnimationRef = useRef<ILottieAnimationRef | null>(null);\n    const disappearAnimationTimer = useRef<ReturnType<typeof setTimeout>>();\n\n    const handleTableSegmentClick = useCallback(\n      (table: ITableInfo) => {\n        if (onPressTableSegment) {\n          onPressTableSegment(table);\n\n          return;\n        }\n        playButtonSound();\n        setFadeIn(true);\n        setHighlightedTable(table.tableNumber);\n        setRevealTableModes({ ...table });\n        setRewardStar([]);\n        trackEvent(GAME_LAUNCHER_ANALYTICS_EVENTS.TABLE_SELECTED, {\n          meta: {\n            table_of: table.tableNumber,\n          },\n        });\n      },\n      [onPressTableSegment, playButtonSound, trackEvent],\n    );\n\n    const handleTableSegmentMouseOver = useCallback(\n      (table: ITableInfo) => {\n        setLabelColor(isLabelAnimated ? animatedColor : 'WHITE_T_60');\n        setHighlightedTable(table.tableNumber);\n      },\n      [animatedColor, isLabelAnimated],\n    );\n\n    const handleTableSegmentMouseLeave = useCallback(() => {\n      setLabelColor('WHITE_T_60');\n      !revealTableModes.tableNumber && setHighlightedTable(null);\n    }, [revealTableModes.tableNumber]);\n\n    const goBack = useCallback(() => {\n      onGoBackFromTableLevel?.();\n      playButtonSound();\n      setFadeIn(false);\n      setHighlightedTable(null);\n      const time = (TABLE_REVEAL_ANIMATION.DISAPPEAR[1] - TABLE_REVEAL_ANIMATION.DISAPPEAR[0]) / 30;\n\n      revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.DISAPPEAR, true);\n      disappearAnimationTimer.current = setTimeout(() => {\n        setRevealTableModes({ stars: [], tableNumber: 0 });\n      }, time * 1000);\n    }, [onGoBackFromTableLevel, playButtonSound]);\n\n    const showTableModes = useCallback(() => {\n      revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.REVEAL, true);\n    }, []);\n\n    const handleModeMouseOver = useCallback((type: TTableMode) => {\n      const level: Partial<Record<TTableMode, number>> = {\n        sequence: 1,\n        random: 2,\n        advance: 3,\n      };\n\n      setLabelColor(TABLE_MODE_LABEL_COLOR[type] ?? 'WHITE_T_60');\n      setHighlightedLevel(level[type] ?? 0);\n    }, []);\n\n    const handleModeMouseLeave = useCallback(() => {\n      setHighlightedLevel(null);\n      setLabelColor('WHITE_T_60');\n    }, []);\n\n    const revealTableModesMemo = useMemo(() => revealTableModes, [revealTableModes]);\n\n    const tableModes = useMemo(() => {\n      return [\n        {\n          top: 20,\n          left: 10.5,\n          type: 'sequence' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('sequence'),\n          semicirclePosiiionTop: '-19%',\n          semicirclePosiiionLeft: '-43%',\n          semicircleHoverColor: '#B259004D',\n        },\n        {\n          top: 20,\n          left: 65.5,\n          type: 'random' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('random'),\n          semicirclePosiiionTop: '-19%',\n          semicirclePosiiionLeft: '65%',\n          semicircleHoverColor: '#0055CC4D',\n        },\n        {\n          top: 66,\n          left: 38,\n          type: 'advance' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('advance'),\n          semicirclePosiiionTop: '74%',\n          semicirclePosiiionLeft: '11%',\n          semicircleHoverColor: '#A9099C4D',\n        },\n      ];\n    }, [revealTableModesMemo.tableNumber, revealTableModesMemo.stars]);\n\n    // Disabled infinite mode\n    const handleInfiniteModeClick = useCallback(() => {\n      onPress({\n        mode: 'infinite',\n        infiniteModeHighScore: data.infiniteModeHighScore,\n      });\n    }, [onPress, data.infiniteModeHighScore]);\n\n    const handleNormalModeClick = useCallback(\n      (mode: TTableMode, isStarRewarded: boolean) => {\n        onPress({\n          mode,\n          tableNumber: revealTableModes.tableNumber,\n          isStarRewarded,\n        });\n      },\n      [onPress, revealTableModes.tableNumber],\n    );\n\n    const getHighlightedText = useCallback(() => {\n      if (highlightedLevel) {\n        return `${highlightedTable}× LEVEL${highlightedLevel}`;\n      }\n\n      return highlightedTable ? `${highlightedTable}× Table` : label;\n    }, [highlightedLevel, highlightedTable, label]);\n\n    const startLabelAnimation = useCallback((color: TColorNames) => {\n      setLabelColor(color);\n      setAniimatedColor(color);\n      setIsLabelAnimated(true);\n    }, []);\n\n    const stopLabelAnimation = useCallback(() => setIsLabelAnimated(false), []);\n    const setLabelVisiblity = useCallback((visible: boolean) => setShowLabel(visible), []);\n\n    useImperativeHandle(ref, () => ({\n      labelRef: labelRef,\n      segmentedCardWrapperRef: cardRef,\n      startLabelAnimation,\n      stopLabelAnimation,\n      setLabelVisiblity,\n      handleTableSegmentClick,\n    }));\n\n    useEffect(() => {\n      return () => {\n        disappearAnimationTimer.current && clearTimeout(disappearAnimationTimer.current);\n      };\n    }, []);\n\n    // Used in trial journey, to open table levels by default if given in props\n    useEffect(() => {\n      if (defaultTable) {\n        playButtonSound();\n        setFadeIn(true);\n        setHighlightedTable(defaultTable.tableNumber);\n        setRevealTableModes({ ...defaultTable });\n      }\n    }, [defaultTable, playButtonSound]);\n\n    return (\n      <CardContainer\n        labelRef={labelRef}\n        ref={cardRef}\n        strokeColor=\"WHITE\"\n        label={getHighlightedText()}\n        labelColor={labelColor}\n        isAnimated={isLabelAnimated}\n        showLabel={showLabel}\n      >\n        <Styled.CardWrapper>\n          {/* table selection */}\n          <Styled.TableSegmentsWrapper>\n            {/* infinite button */}\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              hidden={enableInfiniteMode}\n              tooltipItem={\n                <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                  Coming Soon\n                </Text>\n              }\n            >\n              <Styled.InfiniteButtonWrapper\n                onClick={enableInfiniteMode ? handleInfiniteModeClick : undefined}\n              >\n                <Styled.ExtendedAbsoluteView>\n                  <LottieAnimation\n                    src={LOTTIE.INFINITE_BUTTON_BG}\n                    settings={rendererSettings}\n                    animateOnIntersect\n                  />\n                </Styled.ExtendedAbsoluteView>\n                <Styled.ExtendedAbsoluteView>\n                  <LottieAnimation\n                    src={LOTTIE.INFINITE_BUTTON_SYMBOL}\n                    settings={rendererSettings}\n                    animateOnIntersect\n                  />\n                </Styled.ExtendedAbsoluteView>\n              </Styled.InfiniteButtonWrapper>\n            </ArrowTooltip>\n\n            {/* card shadow */}\n            <Styled.TableSegmentCardShadowContainer />\n\n            {/* table segments */}\n            {data.tableList.map((table, index) => {\n              const segmentAngle = 360 / data.tableList.length;\n              const startAngle = -(90 + 360 / (2 * data.tableList.length));\n              const currentAngle = startAngle + segmentAngle * (index + 1);\n\n              return (\n                <Styled.TableSegment\n                  key={index}\n                  $angle={currentAngle}\n                  $totalSegments={data.tableList.length}\n                  $zIndex={index + 1}\n                  onClick={() => handleTableSegmentClick(table)}\n                  onMouseOver={() => handleTableSegmentMouseOver(table)}\n                  onMouseLeave={handleTableSegmentMouseLeave}\n                >\n                  <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n                    {['sequence', 'random', 'advance'].map(star => (\n                      <TableSegmentStar\n                        key={star}\n                        isStarAchieved={table.stars.includes(star as TTableMode)}\n                        rewardStar={\n                          !fadeIn && openModesOfTable?.tableNumber === table.tableNumber\n                            ? rewardStar.includes(star as TTableMode)\n                            : undefined\n                        }\n                      />\n                    ))}\n                    <Separator width={GAME_LAUNCHER_SIZE * 0.055} />\n\n                    <Styled.TableNumber $angle={-currentAngle}>\n                      <Text\n                        $renderAs={\n                          GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE\n                            ? 'ac3-black'\n                            : 'ac4-black'\n                        }\n                        $color={highlightedTable === table.tableNumber ? 'BLACK_1' : 'WHITE'}\n                      >\n                        {table.tableNumber}\n                      </Text>\n                    </Styled.TableNumber>\n                  </FlexView>\n                </Styled.TableSegment>\n              );\n            })}\n          </Styled.TableSegmentsWrapper>\n\n          {/* table modes */}\n          {revealTableModes.tableNumber > 0 && (\n            <Styled.TableModeContainer>\n              <Styled.TableModeWrapper>\n                {/* tables modes with back button */}\n                <Styled.AnimatedView animation={fadeIn ? 'fade-in' : 'fade-out'}>\n                  {tableModes.map((tableMode, index) => (\n                    <React.Fragment key={index}>\n                      <Styled.ModeOverlay\n                        $top={tableMode.semicirclePosiiionTop}\n                        $left={tableMode.semicirclePosiiionLeft}\n                        $hoverColor={tableMode.semicircleHoverColor}\n                        onClick={() =>\n                          fadeIn\n                            ? handleNormalModeClick(tableMode.type, tableMode.isStarAchieved)\n                            : undefined\n                        }\n                        onMouseOver={() =>\n                          fadeIn ? handleModeMouseOver(tableMode.type as TTableMode) : undefined\n                        }\n                        onMouseLeave={fadeIn ? handleModeMouseLeave : undefined}\n                      />\n                      <Styled.AbsoluteView\n                        $top={tableMode.top}\n                        $left={tableMode.left}\n                        $isPointerEventsNone={true}\n                      >\n                        <TableMode\n                          tableNumber={tableMode.tableNumber}\n                          isStarAchieved={tableMode.isStarAchieved}\n                          type={tableMode.type as TTableMode}\n                          rewardStar={rewardStar.includes(tableMode.type as TTableMode)}\n                        />\n                      </Styled.AbsoluteView>\n                    </React.Fragment>\n                  ))}\n                  {/* back button */}\n                  <Styled.AbsoluteView $top={50} $left={50} $alignCenter={true}>\n                    <Styled.IconWrapper>\n                      <Back2Icon\n                        onClick={goBack}\n                        height={GAME_LAUNCHER_SIZE * 0.1}\n                        width={GAME_LAUNCHER_SIZE * 0.1}\n                      />\n                    </Styled.IconWrapper>\n                  </Styled.AbsoluteView>\n                </Styled.AnimatedView>\n\n                {/* overlay lottie for modes */}\n                <LottieAnimation\n                  src={LOTTIE.TABLE_MODE_REVEAL}\n                  ref={revealAnimationRef}\n                  settings={modeRevealAnimationSettings}\n                  onRender={showTableModes}\n                  animateOnIntersect\n                />\n              </Styled.TableModeWrapper>\n            </Styled.TableModeContainer>\n          )}\n        </Styled.CardWrapper>\n      </CardContainer>\n    );\n  },\n);\n\nexport const TablesCard = memo(TablesCardComponent);\n"],"names":["rendererSettings","modeRevealAnimationSettings","TablesCardComponent","forwardRef","data","label","onPress","openModesOfTable","defaultTable","onGoBackFromTableLevel","onPressTableSegment","ref","trackEvent","useUIContext","playButtonSound","useCircleSounds","fadeIn","setFadeIn","useState","highlightedTable","setHighlightedTable","highlightedLevel","setHighlightedLevel","labelColor","setLabelColor","revealTableModes","setRevealTableModes","_a","table","showLabel","setShowLabel","isLabelAnimated","setIsLabelAnimated","animatedColor","setAniimatedColor","labelRef","useRef","cardRef","rewardStar","setRewardStar","enableInfiniteMode","revealAnimationRef","disappearAnimationTimer","handleTableSegmentClick","useCallback","GAME_LAUNCHER_ANALYTICS_EVENTS","handleTableSegmentMouseOver","handleTableSegmentMouseLeave","goBack","time","TABLE_REVEAL_ANIMATION","showTableModes","handleModeMouseOver","type","level","TABLE_MODE_LABEL_COLOR","handleModeMouseLeave","revealTableModesMemo","useMemo","tableModes","handleInfiniteModeClick","handleNormalModeClick","mode","isStarRewarded","getHighlightedText","startLabelAnimation","color","stopLabelAnimation","setLabelVisiblity","visible","useImperativeHandle","useEffect","jsx","CardContainer","jsxs","Styled.CardWrapper","Styled.TableSegmentsWrapper","ArrowTooltip","Text","Styled.InfiniteButtonWrapper","Styled.ExtendedAbsoluteView","LottieAnimation","LOTTIE","Styled.TableSegmentCardShadowContainer","index","segmentAngle","currentAngle","Styled.TableSegment","FlexView","star","TableSegmentStar","Separator","GAME_LAUNCHER_SIZE","Styled.TableNumber","GAME_LAUNCHER_SIZE_LARGE","Styled.TableModeContainer","Styled.TableModeWrapper","Styled.AnimatedView","tableMode","React","Styled.ModeOverlay","Styled.AbsoluteView","TableMode","Styled.IconWrapper","Back2Icon","TablesCard","memo"],"mappings":"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"}
+{"version":3,"file":"tables-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/tables-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type {\n  ITableInfo,\n  TTableMode,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { ITableCardRef, ITablesCardProps } from './tables-card-types';\n\nimport React, {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport Back2Icon from '../../../../../assets/line-icons/icons/back2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport { CardContainer } from '../card-container/card-container';\nimport { GAME_LAUNCHER_SIZE, GAME_LAUNCHER_SIZE_LARGE } from '../card-container/constants';\nimport { TABLE_MODE_LABEL_COLOR, TABLE_REVEAL_ANIMATION } from './constants';\nimport TableMode from './table-mode/table-mode';\nimport TableSegmentStar from './table-segment-star/table-segment-star';\nimport * as Styled from './tables-card-styled';\n\nconst rendererSettings = {\n  renderer: 'canvas',\n};\n\nconst modeRevealAnimationSettings = {\n  loop: false,\n  renderer: 'svg',\n};\n\nconst TablesCardComponent = forwardRef<ITableCardRef, ITablesCardProps>(\n  (\n    {\n      data,\n      label,\n      onPress,\n      openModesOfTable,\n      defaultTable,\n      onGoBackFromTableLevel,\n      onPressTableSegment,\n    },\n    ref,\n  ) => {\n    const { onEvent: trackEvent } = useUIContext();\n    const { playButtonSound } = useCircleSounds();\n    const [fadeIn, setFadeIn] = useState(true);\n    const [highlightedTable, setHighlightedTable] = useState<number | null>(\n      openModesOfTable?.tableNumber ?? null,\n    );\n    const [highlightedLevel, setHighlightedLevel] = useState<number | null>(null);\n    const [labelColor, setLabelColor] = useState<TColorNames>('WHITE_T_60');\n    const [revealTableModes, setRevealTableModes] = useState<ITableInfo>({\n      stars:\n        data.tableList.find(table => table.tableNumber === openModesOfTable?.tableNumber)?.stars ??\n        [],\n      tableNumber: openModesOfTable?.tableNumber ?? 0,\n    });\n\n    const [showLabel, setShowLabel] = useState(true);\n    const [isLabelAnimated, setIsLabelAnimated] = useState(false);\n    const [animatedColor, setAniimatedColor] = useState<TColorNames>('WHITE_T_60');\n\n    const labelRef = useRef<HTMLDivElement>(null);\n    const cardRef = useRef<HTMLDivElement>(null);\n\n    const [rewardStar, setRewardStar] = useState(openModesOfTable?.rewardStar ?? []);\n    const [enableInfiniteMode] = useState(true);\n\n    const revealAnimationRef = useRef<ILottieAnimationRef | null>(null);\n    const disappearAnimationTimer = useRef<ReturnType<typeof setTimeout>>();\n\n    const handleTableSegmentClick = useCallback(\n      (table: ITableInfo) => {\n        if (onPressTableSegment) {\n          onPressTableSegment(table);\n\n          return;\n        }\n        playButtonSound();\n        setFadeIn(true);\n        setHighlightedTable(table.tableNumber);\n        setRevealTableModes({ ...table });\n        setRewardStar([]);\n        trackEvent(GAME_LAUNCHER_ANALYTICS_EVENTS.TABLE_SELECTED, {\n          meta: {\n            table_of: table.tableNumber,\n          },\n        });\n      },\n      [onPressTableSegment, playButtonSound, trackEvent],\n    );\n\n    const handleTableSegmentMouseOver = useCallback(\n      (table: ITableInfo) => {\n        setLabelColor(isLabelAnimated ? animatedColor : 'WHITE_T_60');\n        setHighlightedTable(table.tableNumber);\n      },\n      [animatedColor, isLabelAnimated],\n    );\n\n    const handleTableSegmentMouseLeave = useCallback(() => {\n      setLabelColor('WHITE_T_60');\n      !revealTableModes.tableNumber && setHighlightedTable(null);\n    }, [revealTableModes.tableNumber]);\n\n    const goBack = useCallback(() => {\n      onGoBackFromTableLevel?.();\n      playButtonSound();\n      setFadeIn(false);\n      setHighlightedTable(null);\n      const time = (TABLE_REVEAL_ANIMATION.DISAPPEAR[1] - TABLE_REVEAL_ANIMATION.DISAPPEAR[0]) / 30;\n\n      revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.DISAPPEAR, true);\n      disappearAnimationTimer.current = setTimeout(() => {\n        setRevealTableModes({ stars: [], tableNumber: 0 });\n      }, time * 1000);\n    }, [onGoBackFromTableLevel, playButtonSound]);\n\n    const showTableModes = useCallback(() => {\n      revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.REVEAL, true);\n    }, []);\n\n    const handleModeMouseOver = useCallback((type: TTableMode) => {\n      const level: Partial<Record<TTableMode, number>> = {\n        sequence: 1,\n        random: 2,\n        advance: 3,\n      };\n\n      setLabelColor(TABLE_MODE_LABEL_COLOR[type] ?? 'WHITE_T_60');\n      setHighlightedLevel(level[type] ?? 0);\n    }, []);\n\n    const handleModeMouseLeave = useCallback(() => {\n      setHighlightedLevel(null);\n      setLabelColor('WHITE_T_60');\n    }, []);\n\n    const revealTableModesMemo = useMemo(() => revealTableModes, [revealTableModes]);\n\n    const tableModes = useMemo(() => {\n      return [\n        {\n          top: 20,\n          left: 10.5,\n          type: 'sequence' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('sequence'),\n          semicirclePosiiionTop: '-19%',\n          semicirclePosiiionLeft: '-43%',\n          semicircleHoverColor: '#B259004D',\n        },\n        {\n          top: 20,\n          left: 65.5,\n          type: 'random' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('random'),\n          semicirclePosiiionTop: '-19%',\n          semicirclePosiiionLeft: '65%',\n          semicircleHoverColor: '#0055CC4D',\n        },\n        {\n          top: 66,\n          left: 38,\n          type: 'advance' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('advance'),\n          semicirclePosiiionTop: '74%',\n          semicirclePosiiionLeft: '11%',\n          semicircleHoverColor: '#A9099C4D',\n        },\n      ];\n    }, [revealTableModesMemo.tableNumber, revealTableModesMemo.stars]);\n\n    // Disabled infinite mode\n    const handleInfiniteModeClick = useCallback(() => {\n      onPress({\n        mode: 'infinite',\n        infiniteModeHighScore: data.infiniteModeHighScore,\n      });\n    }, [onPress, data.infiniteModeHighScore]);\n\n    const handleNormalModeClick = useCallback(\n      (mode: TTableMode, isStarRewarded: boolean) => {\n        onPress({\n          mode,\n          tableNumber: revealTableModes.tableNumber,\n          isStarRewarded,\n        });\n      },\n      [onPress, revealTableModes.tableNumber],\n    );\n\n    const getHighlightedText = useCallback(() => {\n      if (highlightedLevel) {\n        return `${highlightedTable}× LEVEL${highlightedLevel}`;\n      }\n\n      return highlightedTable ? `${highlightedTable}× Table` : label;\n    }, [highlightedLevel, highlightedTable, label]);\n\n    const startLabelAnimation = useCallback((color: TColorNames) => {\n      setLabelColor(color);\n      setAniimatedColor(color);\n      setIsLabelAnimated(true);\n    }, []);\n\n    const stopLabelAnimation = useCallback(() => setIsLabelAnimated(false), []);\n    const setLabelVisiblity = useCallback((visible: boolean) => setShowLabel(visible), []);\n\n    useImperativeHandle(ref, () => ({\n      labelRef: labelRef,\n      segmentedCardWrapperRef: cardRef,\n      startLabelAnimation,\n      stopLabelAnimation,\n      setLabelVisiblity,\n      handleTableSegmentClick,\n    }));\n\n    useEffect(() => {\n      return () => {\n        disappearAnimationTimer.current && clearTimeout(disappearAnimationTimer.current);\n      };\n    }, []);\n\n    // Used in trial journey, to open table levels by default if given in props\n    useEffect(() => {\n      if (defaultTable) {\n        playButtonSound();\n        setFadeIn(true);\n        setHighlightedTable(defaultTable.tableNumber);\n        setRevealTableModes({ ...defaultTable });\n      }\n    }, [defaultTable, playButtonSound]);\n\n    return (\n      <CardContainer\n        labelRef={labelRef}\n        ref={cardRef}\n        strokeColor=\"WHITE\"\n        label={getHighlightedText()}\n        labelColor={labelColor}\n        isAnimated={isLabelAnimated}\n        showLabel={showLabel}\n      >\n        <Styled.CardWrapper>\n          {/* table selection */}\n          <Styled.TableSegmentsWrapper>\n            {/* infinite button */}\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              hidden={enableInfiniteMode}\n              tooltipItem={\n                <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                  Coming Soon\n                </Text>\n              }\n            >\n              <Styled.InfiniteButtonWrapper\n                onClick={enableInfiniteMode ? handleInfiniteModeClick : undefined}\n              >\n                <Styled.ExtendedAbsoluteView>\n                  <LottieAnimation\n                    src={LOTTIE.INFINITE_BUTTON_BG}\n                    settings={rendererSettings}\n                    animateOnIntersect\n                  />\n                </Styled.ExtendedAbsoluteView>\n                <Styled.ExtendedAbsoluteView>\n                  <LottieAnimation\n                    src={LOTTIE.INFINITE_BUTTON_SYMBOL}\n                    settings={rendererSettings}\n                    animateOnIntersect\n                  />\n                </Styled.ExtendedAbsoluteView>\n              </Styled.InfiniteButtonWrapper>\n            </ArrowTooltip>\n\n            {/* card shadow */}\n            <Styled.TableSegmentCardShadowContainer />\n\n            {/* table segments */}\n            {data.tableList.map((table, index) => {\n              const segmentAngle = 360 / data.tableList.length;\n              const startAngle = -(90 + 360 / (2 * data.tableList.length));\n              const currentAngle = startAngle + segmentAngle * (index + 1);\n\n              return (\n                <Styled.TableSegment\n                  key={index}\n                  $angle={currentAngle}\n                  $totalSegments={data.tableList.length}\n                  $zIndex={index + 1}\n                  onClick={() => handleTableSegmentClick(table)}\n                  onMouseOver={() => handleTableSegmentMouseOver(table)}\n                  onMouseLeave={handleTableSegmentMouseLeave}\n                >\n                  <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n                    {['sequence', 'random', 'advance'].map(star => (\n                      <TableSegmentStar\n                        key={star}\n                        isStarAchieved={table.stars.includes(star as TTableMode)}\n                        rewardStar={\n                          !fadeIn && openModesOfTable?.tableNumber === table.tableNumber\n                            ? rewardStar.includes(star as TTableMode)\n                            : undefined\n                        }\n                      />\n                    ))}\n                    <Separator width={GAME_LAUNCHER_SIZE * 0.055} />\n\n                    <Styled.TableNumber $angle={-currentAngle}>\n                      <Text\n                        $renderAs={\n                          GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE\n                            ? 'ac3-black'\n                            : 'ac4-black'\n                        }\n                        $color={highlightedTable === table.tableNumber ? 'BLACK_1' : 'WHITE'}\n                      >\n                        {table.tableNumber}\n                      </Text>\n                    </Styled.TableNumber>\n                  </FlexView>\n                </Styled.TableSegment>\n              );\n            })}\n          </Styled.TableSegmentsWrapper>\n\n          {/* table modes */}\n          {revealTableModes.tableNumber > 0 && (\n            <Styled.TableModeContainer>\n              <Styled.TableModeWrapper>\n                {/* tables modes with back button */}\n                <Styled.AnimatedView animation={fadeIn ? 'fade-in' : 'fade-out'}>\n                  {tableModes.map((tableMode, index) => (\n                    <React.Fragment key={index}>\n                      <Styled.ModeOverlay\n                        $top={tableMode.semicirclePosiiionTop}\n                        $left={tableMode.semicirclePosiiionLeft}\n                        $hoverColor={tableMode.semicircleHoverColor}\n                        onClick={() =>\n                          fadeIn\n                            ? handleNormalModeClick(tableMode.type, tableMode.isStarAchieved)\n                            : undefined\n                        }\n                        onMouseOver={() =>\n                          fadeIn ? handleModeMouseOver(tableMode.type as TTableMode) : undefined\n                        }\n                        onMouseLeave={fadeIn ? handleModeMouseLeave : undefined}\n                      />\n                      <Styled.AbsoluteView\n                        $top={tableMode.top}\n                        $left={tableMode.left}\n                        $isPointerEventsNone={true}\n                      >\n                        <TableMode\n                          tableNumber={tableMode.tableNumber}\n                          isStarAchieved={tableMode.isStarAchieved}\n                          type={tableMode.type as TTableMode}\n                          rewardStar={rewardStar.includes(tableMode.type as TTableMode)}\n                        />\n                      </Styled.AbsoluteView>\n                    </React.Fragment>\n                  ))}\n                  {/* back button */}\n                  <Styled.AbsoluteView $top={50} $left={50} $alignCenter={true}>\n                    <Styled.IconWrapper>\n                      <Back2Icon\n                        onClick={goBack}\n                        height={GAME_LAUNCHER_SIZE * 0.1}\n                        width={GAME_LAUNCHER_SIZE * 0.1}\n                      />\n                    </Styled.IconWrapper>\n                  </Styled.AbsoluteView>\n                </Styled.AnimatedView>\n\n                {/* overlay lottie for modes */}\n                <LottieAnimation\n                  src={LOTTIE.TABLE_MODE_REVEAL}\n                  ref={revealAnimationRef}\n                  settings={modeRevealAnimationSettings}\n                  onRender={showTableModes}\n                  animateOnIntersect\n                />\n              </Styled.TableModeWrapper>\n            </Styled.TableModeContainer>\n          )}\n        </Styled.CardWrapper>\n      </CardContainer>\n    );\n  },\n);\n\nexport const TablesCard = memo(TablesCardComponent);\n"],"names":["rendererSettings","modeRevealAnimationSettings","TablesCardComponent","forwardRef","data","label","onPress","openModesOfTable","defaultTable","onGoBackFromTableLevel","onPressTableSegment","ref","trackEvent","useUIContext","playButtonSound","useCircleSounds","fadeIn","setFadeIn","useState","highlightedTable","setHighlightedTable","highlightedLevel","setHighlightedLevel","labelColor","setLabelColor","revealTableModes","setRevealTableModes","_a","table","showLabel","setShowLabel","isLabelAnimated","setIsLabelAnimated","animatedColor","setAniimatedColor","labelRef","useRef","cardRef","rewardStar","setRewardStar","enableInfiniteMode","revealAnimationRef","disappearAnimationTimer","handleTableSegmentClick","useCallback","GAME_LAUNCHER_ANALYTICS_EVENTS","handleTableSegmentMouseOver","handleTableSegmentMouseLeave","goBack","time","TABLE_REVEAL_ANIMATION","showTableModes","handleModeMouseOver","type","level","TABLE_MODE_LABEL_COLOR","handleModeMouseLeave","revealTableModesMemo","useMemo","tableModes","handleInfiniteModeClick","handleNormalModeClick","mode","isStarRewarded","getHighlightedText","startLabelAnimation","color","stopLabelAnimation","setLabelVisiblity","visible","useImperativeHandle","useEffect","jsx","CardContainer","jsxs","Styled.CardWrapper","Styled.TableSegmentsWrapper","ArrowTooltip","Text","Styled.InfiniteButtonWrapper","Styled.ExtendedAbsoluteView","LottieAnimation","LOTTIE","Styled.TableSegmentCardShadowContainer","index","segmentAngle","currentAngle","Styled.TableSegment","FlexView","star","TableSegmentStar","Separator","GAME_LAUNCHER_SIZE","Styled.TableNumber","GAME_LAUNCHER_SIZE_LARGE","Styled.TableModeContainer","Styled.TableModeWrapper","Styled.AnimatedView","tableMode","React","Styled.ModeOverlay","Styled.AbsoluteView","TableMode","Styled.IconWrapper","Back2Icon","TablesCard","memo"],"mappings":"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"}

package/dist/features/ui/modals/modal-styled.js

@@ -1,6 +1,6 @@
 import o from "styled-components";
 const s = o.div(
-  ({ theme: { colors: a, zIndex: t }, $isClosing: i }) => `
+  ({ theme: { colors: a }, $isClosing: t }) => `
   position: fixed;
   top: 0;
   left: 0;
@@ -9,9 +9,8 @@ const s = o.div(
   background-color: ${a.BLACK_T_60};
   backdrop-filter: blur(40px);
   display: flex;
-  animation: ${i ? "backdropFadeOut" : "backdropFadeIn"} 0.2s ease-out forwards;
-  z-index: ${t.MODAL};
-
+  animation: ${t ? "backdropFadeOut" : "backdropFadeIn"} 0.2s ease-out forwards;
+  
   @keyframes backdropFadeIn {
     from {
       opacity: 0;

package/dist/features/ui/modals/modal-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-styled.js","sources":["../../../../src/features/ui/modals/modal-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst ModalContainer = styled.div<{ $isClosing?: boolean }>(\n  ({ theme: { colors, zIndex }, $isClosing }) => `\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ${colors.BLACK_T_60};\n  backdrop-filter: blur(40px);\n  display: flex;\n  animation: ${$isClosing ? 'backdropFadeOut' : 'backdropFadeIn'} 0.2s ease-out forwards;\n  z-index: ${zIndex.MODAL};\n\n  @keyframes backdropFadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  \n  @keyframes backdropFadeOut {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n`,\n);\n\n/**\n * Base modal container with customizable width and animation state\n */\nconst BaseModal = styled.div<{\n  $isClosing?: boolean;\n  $width: string;\n}>(\n  ({ theme: { colors }, $isClosing, $width }) => `\n  position: relative;\n  align-self: center;\n  margin: 0 auto;\n  width: ${$width};\n  background-color: ${colors.WHITE_1};\n  border: 1px solid ${colors.BLACK_1};\n  transform-origin: center center;\n  animation: ${\n    $isClosing ? 'modalDisappear' : 'modalAppear'\n  } 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);\n  \n  /* Responsive behavior for smaller screens */\n  @media (max-width: calc(${$width} + 80px)) {\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border: none;\n  }\n  \n  @keyframes modalAppear {\n    0% {\n      opacity: 0;\n      transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n    }\n    100% {\n      opacity: 1;\n      transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes modalDisappear {\n    0% {\n      opacity: 1;\n      transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n    }\n    100% {\n      opacity: 0;\n      transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n    }\n  }\n`,\n);\n\n/**\n * Scrollable content container inside the modal\n */\nconst BaseModalContent = styled.div<{ $modalWidth: string }>(\n  ({ $modalWidth }) => `\n  max-height: calc(100vh - 142px);\n  overflow-y: auto;\n\n  @media (max-width: calc(${$modalWidth} + 80px)) {\n    max-height: 100vh;\n  }\n}`,\n);\n\n/**\n * Container for the close button with responsive positioning\n */\nconst CloseButtonContainer = styled.div<{ $modalWidth: string }>(\n  ({ theme: { colors }, $modalWidth }) => `\n  position: absolute;\n  top: -56px;\n  right: -40px;\n  color: ${colors.WHITE_1};\n  transition: all 0.2s ease;\n  \n  &:hover {\n    transform: scale(1.05);\n  }\n\n  @media (max-width: calc(${$modalWidth} + 80px)) {\n    top: 16px;\n    right: 16px;\n    color: ${colors.BLACK_1};\n  }\n`,\n);\n\nconst spotlightWidth = 720;\nconst spotlightAnimationStartDuration = 800;\nconst spotlightAnimationEndDuration = 500;\n\nconst SpotlightModal = styled.div<{\n  $isClosing?: boolean;\n}>(\n  ({ $isClosing }) => `\n  position: absolute;\n  width: ${spotlightWidth}px;\n  height: 100%;\n  left: 50%;\n  margin-left: ${-(spotlightWidth / 2)}px;\n  clip-path: polygon(calc(50% - 100px) 0, calc(50% + 100px) 0, 100% 100%, 0 100%);\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 1) 0%,\n    rgba(0, 0, 0, 0) 100%\n  );\n  animation: openSpotlight;\n  animation-duration: ${spotlightAnimationStartDuration}ms;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n  opacity: 0;\n  ${\n    $isClosing\n      ? `\n      animation: closeSpotlight;\n      animation-duration: ${spotlightAnimationEndDuration}ms;\n      animation-timing-function: linear;\n      animation-fill-mode: forwards;\n      opacity: 1;\n    `\n      : ''\n  }\n\n  @keyframes openSpotlight {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes closeSpotlight {\n    from {\n      transform: rotateY(0);\n    }\n    to {\n      transform: rotateY(90deg);\n    }\n  }\n`,\n);\n\nexport { ModalContainer, BaseModal, BaseModalContent, CloseButtonContainer, SpotlightModal };\n"],"names":["ModalContainer","styled","colors","zIndex","$isClosing","BaseModal","$width","BaseModalContent","$modalWidth","CloseButtonContainer","spotlightWidth","spotlightAnimationStartDuration","spotlightAnimationEndDuration","SpotlightModal"],"mappings":";AAEA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAO,EAAE,QAAAC,GAAQ,QAAAC,EAAO,GAAG,YAAAC,QAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAM3BF,EAAO,UAAU;AAAA;AAAA;AAAA,eAGxBE,IAAa,oBAAoB,gBAAgB;AAAA,aACnDD,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBzB,GAKME,IAAYJ,EAAO;AAAA,EAIvB,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAU,GAAA,YAAAE,GAAY,QAAAE,QAAa;AAAA;AAAA;AAAA;AAAA,WAItCA,CAAM;AAAA,sBACKJ,EAAO,OAAO;AAAA,sBACdA,EAAO,OAAO;AAAA;AAAA,eAGhCE,IAAa,mBAAmB,aAClC;AAAA;AAAA;AAAA;AAAA,4BAI0BE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BlC,GAKMC,IAAmBN,EAAO;AAAA,EAC9B,CAAC,EAAE,aAAAO,EAAA,MAAkB;AAAA;AAAA;AAAA;AAAA,4BAIKA,CAAW;AAAA;AAAA;AAAA;AAIvC,GAKMC,IAAuBR,EAAO;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,aAAAM,EAAkB,MAAA;AAAA;AAAA;AAAA;AAAA,WAI/BN,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOGM,CAAW;AAAA;AAAA;AAAA,aAG1BN,EAAO,OAAO;AAAA;AAAA;AAG3B,GAEMQ,IAAiB,KACjBC,IAAkC,KAClCC,IAAgC,KAEhCC,IAAiBZ,EAAO;AAAA,EAG5B,CAAC,EAAE,YAAAG,EAAA,MAAiB;AAAA;AAAA,WAEXM,CAAc;AAAA;AAAA;AAAA,iBAGR,EAAEA,IAAiB,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQdC,CAA+B;AAAA;AAAA;AAAA;AAAA,IAKnDP,IACI;AAAA;AAAA,4BAEoBQ,CAA6B;AAAA;AAAA;AAAA;AAAA,QAKjD,EACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBF;"}
+{"version":3,"file":"modal-styled.js","sources":["../../../../src/features/ui/modals/modal-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst ModalContainer = styled.div<{ $isClosing?: boolean }>(\n  ({ theme: { colors }, $isClosing }) => `\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ${colors.BLACK_T_60};\n  backdrop-filter: blur(40px);\n  display: flex;\n  animation: ${$isClosing ? 'backdropFadeOut' : 'backdropFadeIn'} 0.2s ease-out forwards;\n  \n  @keyframes backdropFadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  \n  @keyframes backdropFadeOut {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n`,\n);\n\n/**\n * Base modal container with customizable width and animation state\n */\nconst BaseModal = styled.div<{\n  $isClosing?: boolean;\n  $width: string;\n}>(\n  ({ theme: { colors }, $isClosing, $width }) => `\n  position: relative;\n  align-self: center;\n  margin: 0 auto;\n  width: ${$width};\n  background-color: ${colors.WHITE_1};\n  border: 1px solid ${colors.BLACK_1};\n  transform-origin: center center;\n  animation: ${\n    $isClosing ? 'modalDisappear' : 'modalAppear'\n  } 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);\n  \n  /* Responsive behavior for smaller screens */\n  @media (max-width: calc(${$width} + 80px)) {\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border: none;\n  }\n  \n  @keyframes modalAppear {\n    0% {\n      opacity: 0;\n      transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n    }\n    100% {\n      opacity: 1;\n      transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes modalDisappear {\n    0% {\n      opacity: 1;\n      transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n    }\n    100% {\n      opacity: 0;\n      transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n    }\n  }\n`,\n);\n\n/**\n * Scrollable content container inside the modal\n */\nconst BaseModalContent = styled.div<{ $modalWidth: string }>(\n  ({ $modalWidth }) => `\n  max-height: calc(100vh - 142px);\n  overflow-y: auto;\n\n  @media (max-width: calc(${$modalWidth} + 80px)) {\n    max-height: 100vh;\n  }\n}`,\n);\n\n/**\n * Container for the close button with responsive positioning\n */\nconst CloseButtonContainer = styled.div<{ $modalWidth: string }>(\n  ({ theme: { colors }, $modalWidth }) => `\n  position: absolute;\n  top: -56px;\n  right: -40px;\n  color: ${colors.WHITE_1};\n  transition: all 0.2s ease;\n  \n  &:hover {\n    transform: scale(1.05);\n  }\n\n  @media (max-width: calc(${$modalWidth} + 80px)) {\n    top: 16px;\n    right: 16px;\n    color: ${colors.BLACK_1};\n  }\n`,\n);\n\nconst spotlightWidth = 720;\nconst spotlightAnimationStartDuration = 800;\nconst spotlightAnimationEndDuration = 500;\n\nconst SpotlightModal = styled.div<{\n  $isClosing?: boolean;\n}>(\n  ({ $isClosing }) => `\n  position: absolute;\n  width: ${spotlightWidth}px;\n  height: 100%;\n  left: 50%;\n  margin-left: ${-(spotlightWidth / 2)}px;\n  clip-path: polygon(calc(50% - 100px) 0, calc(50% + 100px) 0, 100% 100%, 0 100%);\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 1) 0%,\n    rgba(0, 0, 0, 0) 100%\n  );\n  animation: openSpotlight;\n  animation-duration: ${spotlightAnimationStartDuration}ms;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n  opacity: 0;\n  ${\n    $isClosing\n      ? `\n      animation: closeSpotlight;\n      animation-duration: ${spotlightAnimationEndDuration}ms;\n      animation-timing-function: linear;\n      animation-fill-mode: forwards;\n      opacity: 1;\n    `\n      : ''\n  }\n\n  @keyframes openSpotlight {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes closeSpotlight {\n    from {\n      transform: rotateY(0);\n    }\n    to {\n      transform: rotateY(90deg);\n    }\n  }\n`,\n);\n\nexport { ModalContainer, BaseModal, BaseModalContent, CloseButtonContainer, SpotlightModal };\n"],"names":["ModalContainer","styled","colors","$isClosing","BaseModal","$width","BaseModalContent","$modalWidth","CloseButtonContainer","spotlightWidth","spotlightAnimationStartDuration","spotlightAnimationEndDuration","SpotlightModal"],"mappings":";AAEA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,YAAAC,EAAiB,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnBD,EAAO,UAAU;AAAA;AAAA;AAAA,eAGxBC,IAAa,oBAAoB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBhE,GAKMC,IAAYH,EAAO;AAAA,EAIvB,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAU,GAAA,YAAAC,GAAY,QAAAE,QAAa;AAAA;AAAA;AAAA;AAAA,WAItCA,CAAM;AAAA,sBACKH,EAAO,OAAO;AAAA,sBACdA,EAAO,OAAO;AAAA;AAAA,eAGhCC,IAAa,mBAAmB,aAClC;AAAA;AAAA;AAAA;AAAA,4BAI0BE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BlC,GAKMC,IAAmBL,EAAO;AAAA,EAC9B,CAAC,EAAE,aAAAM,EAAA,MAAkB;AAAA;AAAA;AAAA;AAAA,4BAIKA,CAAW;AAAA;AAAA;AAAA;AAIvC,GAKMC,IAAuBP,EAAO;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,aAAAK,EAAkB,MAAA;AAAA;AAAA;AAAA;AAAA,WAI/BL,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOGK,CAAW;AAAA;AAAA;AAAA,aAG1BL,EAAO,OAAO;AAAA;AAAA;AAG3B,GAEMO,IAAiB,KACjBC,IAAkC,KAClCC,IAAgC,KAEhCC,IAAiBX,EAAO;AAAA,EAG5B,CAAC,EAAE,YAAAE,EAAA,MAAiB;AAAA;AAAA,WAEXM,CAAc;AAAA;AAAA;AAAA,iBAGR,EAAEA,IAAiB,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQdC,CAA+B;AAAA;AAAA;AAAA;AAAA,IAKnDP,IACI;AAAA;AAAA,4BAEoBQ,CAA6B;AAAA;AAAA;AAAA;AAAA,QAKjD,EACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBF;"}

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

@@ -1,5 +1,5 @@
 import { jsxs as T, jsx as e, Fragment as Kt } from "react/jsx-runtime";
-import { memo as Vt, useMemo as R, useState as A, useRef as U, useCallback as Xt, useEffect as E, useLayoutEffect as Pt } from "react";
+import { memo as Vt, useMemo as R, useState as A, useRef as K, useCallback as Xt, useEffect as E, useLayoutEffect as Pt } from "react";
 import { IMAGES as jt } from "../../../../assets/images/images.js";
 import Gt from "../../../cue-canvas/cue-canvas.js";
 import Yt from "../../../pointer-sync/pointer.js";
@@ -26,55 +26,55 @@ const Ai = Vt(
     nextQuestionId: v,
     isActive: S,
     isHidden: M,
-    canRender: K,
+    canRender: V,
     loggerRef: O,
     appended: a,
-    maxQuestionWidth: V,
-    behavior: X,
-    layout: P,
+    maxQuestionWidth: X,
+    behavior: P,
+    layout: j,
     actionbarHeight: yt,
     learnosity: w,
-    intersectionObserver: j,
-    background: G = "paper",
+    intersectionObserver: G,
+    background: Y = "paper",
     onMediaStateChange: Bt,
     onMarkForReview: xt,
     userId: It,
-    onPublishStrokes: Y,
-    onReceiveStrokes: Z,
-    isScribblingEnabled: J,
+    onPublishStrokes: Z,
+    onReceiveStrokes: J,
+    isScribblingEnabled: q,
     initialStrokesData: N,
-    isCanvasEnabled: q,
-    onPublishMouseMove: k,
-    onSubscribeMouseMove: tt,
-    setActiveQuestionId: it,
+    isCanvasEnabled: k,
+    onPublishMouseMove: tt,
+    onSubscribeMouseMove: it,
+    setActiveQuestionId: et,
     canResolveDoubt: Lt,
     onResolveDoubt: Tt,
     studentId: At,
     responses: Mt,
-    subjectiveProps: et
+    subjectiveProps: rt
   }) => {
     const C = R(
-      () => G === "paper" ? qt(n) : void 0,
-      [G, n]
-    ), [y, Ot] = A(), [rt, Nt] = A(), {
-      validation: ot,
+      () => Y === "paper" ? qt(n) : void 0,
+      [Y, n]
+    ), [y, Ot] = A(), [ot, Nt] = A(), {
+      validation: nt,
       review: Q,
-      maximumAttempts: nt,
-      canExceedAttempts: ct,
+      maximumAttempts: ct,
+      canExceedAttempts: at,
       teacherValidationEnabled: H,
-      solutionHidden: at
-    } = X, { minQuestionHeight: Qt, topOffset: st, questionsScrollable: B } = P, {
+      solutionHidden: st
+    } = P, { minQuestionHeight: Qt, topOffset: mt, questionsScrollable: B } = j, {
       type: _,
       response_id: r,
       stimulus_review: $,
       item_type: h,
-      instructor_stimulus: mt,
-      metadata: { hints: d, solution: b, widget_reference: lt },
-      item_reference: ut,
-      question_number: ft,
-      item_number: ht,
-      item_display_number: dt
-    } = n, gt = !!$, x = h === "overview", l = kt(mt), g = mt === "SystemIntro", Et = l || g, _t = i == null ? void 0 : i.responseEdited, Ft = R(() => {
+      instructor_stimulus: lt,
+      metadata: { hints: d, solution: b, widget_reference: ut },
+      item_reference: ft,
+      question_number: ht,
+      item_number: dt,
+      item_display_number: gt
+    } = n, Et = !!$, x = h === "overview", l = kt(lt), g = lt === "SystemIntro", F = l || g, _t = i == null ? void 0 : i.responseEdited, Ft = R(() => {
       const t = [];
       return _t && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), _ === "hotspot" && t.push("correct-answers-hidden"), a && H && _ === "clozetext" && (!l || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), x && t.push("lesson-overview"), l && t.push("concept-intro"), g && t.push("system-intro"), t.join(" ");
     }, [
@@ -86,16 +86,16 @@ const Ai = Vt(
       _t,
       H,
       c
-    ]), F = U({}), I = (i == null ? void 0 : i.hintsUsed) ?? 0, [$t] = A((i == null ? void 0 : i.validatedByTeacher) ?? !1), L = U(null), z = U(null), D = R(() => d == null ? void 0 : d.slice(0, I), [d, I]), pt = R(() => c === "TEACHER" || f ? !0 : !i || !i.response || i.responseEdited ? !1 : ot, [i, c, ot, f]), Rt = R(() => {
+    ]), z = K({}), I = (i == null ? void 0 : i.hintsUsed) ?? 0, [$t] = A((i == null ? void 0 : i.validatedByTeacher) ?? !1), L = K(null), D = K(null), U = R(() => d == null ? void 0 : d.slice(0, I), [d, I]), pt = R(() => c === "TEACHER" || f ? !0 : !i || !i.response || i.responseEdited ? !1 : nt, [i, c, nt, f]), Rt = R(() => {
       if (c === "TEACHER") return !0;
       if (Q) {
         const { attemptsHistory: t } = i ?? {};
-        return ((t == null ? void 0 : t.length) ?? 0) >= nt && !ct;
+        return ((t == null ? void 0 : t.length) ?? 0) >= ct && !at;
       }
       return !1;
-    }, [ct, nt, i, Q, c]), zt = R(
-      () => b && f && !at,
-      [at, b, f]
+    }, [at, ct, i, Q, c]), zt = R(
+      () => b && f && !st,
+      [st, b, f]
     ), [vt, Dt] = A({
       width: 0,
       height: 0
@@ -103,8 +103,8 @@ const Ai = Vt(
       Nt(t);
     }, []);
     return E(() => {
-      L.current && j.observe(L.current);
-    }, [j]), E(() => {
+      L.current && G.observe(L.current);
+    }, [G]), E(() => {
       if (a && (n.type === "clozeassociation" || n.type === "association" || n.type === "clozeformula")) {
         const t = document.querySelectorAll(
           `.widget-${n.response_id} .lrn_draggable`
@@ -125,44 +125,44 @@ const Ai = Vt(
         });
       }
     }, [a, w, r, Q, Rt, c, pt]), E(() => {
-      const t = z.current;
-      if (a && t && O.current && F.current[r] === void 0 && !l && !g) {
+      const t = D.current;
+      if (a && t && O.current && z.current[r] === void 0 && !l && !g) {
         const s = t.clientWidth, o = t.querySelectorAll("*");
         for (let m = 0; m < o.length; m++) {
           const u = o[m];
           if (u != null && u.closest(".resize-sensor"))
             continue;
           if (((u == null ? void 0 : u.clientWidth) ?? 0) > s) {
-            F.current[r] = !0, O.current(Zt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
-              item_reference: ut,
-              widget_reference: lt,
+            z.current[r] = !0, O.current(Zt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
+              item_reference: ft,
+              widget_reference: ut,
               question_type: _,
-              question_number: ft,
+              question_number: ht,
               responseId: r,
-              item_number: ht,
-              item_display_number: dt
+              item_number: dt,
+              item_display_number: gt
             });
             break;
           }
         }
-        F.current[r] = !1;
+        z.current[r] = !1;
       }
     }, [
       a,
       l,
       g,
+      gt,
       dt,
-      ht,
-      ut,
+      ft,
       O,
       _,
-      ft,
+      ht,
       r,
-      lt
+      ut
     ]), E(() => {
       const t = L.current, s = (o) => {
         const m = o.querySelector(".lrn_response_wrapper");
-        if (!m)
+        if (F || !m)
           return 0;
         const u = o.getBoundingClientRect().bottom, W = m.getBoundingClientRect().bottom, p = Math.abs(u - W);
         return p < bt ? bt - p : 0;
@@ -183,12 +183,12 @@ const Ai = Vt(
       });
     }), Pt(() => {
       !B && !M && Wt(r);
-    }, [M, B, r, st]), E(() => {
-      (I || gt || b && f) && w.renderMath("mathjax");
-    }, [gt, I, w, b, f]), E(() => {
+    }, [M, B, r, mt]), E(() => {
+      (I || Et || b && f) && w.renderMath("mathjax");
+    }, [Et, I, w, b, f]), E(() => {
       if (H && v && !$t && (i != null && i.validatedByTeacher)) {
         const t = setTimeout(() => {
-          B ? Wt(v) : it(v);
+          B ? Wt(v) : et(v);
         }, 1e3);
         return () => {
           clearTimeout(t);
@@ -199,7 +199,7 @@ const Ai = Vt(
       H,
       $t,
       B,
-      it,
+      et,
       i == null ? void 0 : i.validatedByTeacher
     ]), /* @__PURE__ */ T(
       si,
@@ -207,7 +207,7 @@ const Ai = Vt(
         "data-response-id": r,
         className: `widget-${r}`,
         ref: L,
-        $topOffset: st,
+        $topOffset: mt,
         $flexDirection: $ ? "row" : "column",
         $alignItems: $ ? "flex-start" : "center",
         $hidden: M,
@@ -224,19 +224,19 @@ const Ai = Vt(
           /* @__PURE__ */ T(
             li,
             {
-              ref: z,
-              $width: $ ? "50%" : `${V}px`,
-              $minHeight: y ? Math.max(y - 72, rt ?? 0) : Qt,
+              ref: D,
+              $width: $ ? "50%" : `${X}px`,
+              $minHeight: y ? Math.max(y - 72, ot ?? 0) : Qt,
               $isActive: S,
               $paperColor: C,
               $opacity: S ? 1 : 0.2,
               children: [
-                S && !!k && !!tt && q && /* @__PURE__ */ e(
+                S && !!tt && !!it && k && /* @__PURE__ */ e(
                   Yt,
                   {
-                    containerRef: z,
-                    onPublish: k,
-                    onSubscribe: tt,
+                    containerRef: D,
+                    onPublish: tt,
+                    onSubscribe: it,
                     responseId: r
                   }
                 ),
@@ -253,8 +253,8 @@ const Ai = Vt(
                           userType: c,
                           question: n,
                           response: i,
-                          behavior: X,
-                          layout: P,
+                          behavior: P,
+                          layout: j,
                           paperColor: C,
                           onMarkForReview: xt,
                           actionbarHeight: yt,
@@ -278,7 +278,7 @@ const Ai = Vt(
                           appended: a,
                           question: n,
                           response: i == null ? void 0 : i.response,
-                          canRender: K || S,
+                          canRender: V || S,
                           learnosity: w,
                           canForceAppend: c === "TEACHER",
                           isConceptIntro: l,
@@ -286,24 +286,24 @@ const Ai = Vt(
                           onMediaStateChange: Bt
                         }
                       ),
-                      !Et && q && Y && Z && y !== void 0 && /* @__PURE__ */ e(hi, { $canScribble: J, children: /* @__PURE__ */ e(
+                      !F && k && Z && J && y !== void 0 && /* @__PURE__ */ e(hi, { $canScribble: q, children: /* @__PURE__ */ e(
                         Gt,
                         {
-                          canRender: K,
-                          canScribble: J && S,
+                          canRender: V,
+                          canScribble: q && S,
                           appended: a,
                           canvasId: r,
-                          width: V,
-                          height: Math.max(y, rt ?? 0),
+                          width: X,
+                          height: Math.max(y, ot ?? 0),
                           onUpdateHeight: Ut,
-                          onPublish: Y,
-                          onSubscribe: Z,
+                          onPublish: Z,
+                          onSubscribe: J,
                           userId: It,
                           initialData: N == null ? void 0 : N[r],
                           userType: c
                         }
                       ) }),
-                      !Et && D && D.length > 0 && /* @__PURE__ */ e(
+                      !F && U && U.length > 0 && /* @__PURE__ */ e(
                         Ht,
                         {
                           $background: "BLUE_1",
@@ -311,7 +311,7 @@ const Ai = Vt(
                           $gapX: 0.5,
                           $borderRadiusX: 0,
                           $borderColor: "BLUE_2",
-                          children: D.map((t, s) => /* @__PURE__ */ e(
+                          children: U.map((t, s) => /* @__PURE__ */ e(
                             di,
                             {
                               dangerouslySetInnerHTML: {
@@ -340,7 +340,7 @@ const Ai = Vt(
                           )
                         }
                       ),
-                      !!et && /* @__PURE__ */ e(
+                      !!rt && /* @__PURE__ */ e(
                         ri,
                         {
                           responses: Mt,
@@ -349,7 +349,7 @@ const Ai = Vt(
                           responseId: r,
                           studentId: At,
                           userType: c,
-                          ...et
+                          ...rt
                         }
                       )
                     ]

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMediaStateChange,\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n      item_number,\n      item_display_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element?.closest('.resize-sensor')) {\n            continue;\n          }\n\n          const elementWidth = element?.clientWidth ?? 0;\n\n          if (elementWidth > parentWidth) {\n            overflowDetectedRef.current[responseId] = true;\n            loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n              item_reference,\n              widget_reference,\n              question_type: questionType,\n              question_number,\n              responseId,\n              item_number,\n              item_display_number,\n            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_display_number,\n      item_number,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n              simState={response?.simState}\n              onMediaStateChange={onMediaStateChange}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    canvasId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMediaStateChange","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}
+{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMediaStateChange,\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n      item_number,\n      item_display_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element?.closest('.resize-sensor')) {\n            continue;\n          }\n\n          const elementWidth = element?.clientWidth ?? 0;\n\n          if (elementWidth > parentWidth) {\n            overflowDetectedRef.current[responseId] = true;\n            loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n              item_reference,\n              widget_reference,\n              question_type: questionType,\n              question_number,\n              responseId,\n              item_number,\n              item_display_number,\n            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_display_number,\n      item_number,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (isIntro || !$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n              simState={response?.simState}\n              onMediaStateChange={onMediaStateChange}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    canvasId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMediaStateChange","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.12-as1",
+  "version": "3.1.13-akm-1",
   "type": "module",
   "files": [
     "dist"