@cuemath/leap 3.1.33-aa2 → 3.1.33

package/dist/features/auth/signup/custom-input-field/country-selector/country-list-menu.js

@@ -65,9 +65,7 @@ const R = ({ selectedCountry: g, onChange: u, menuVisible: w }) => {
           return /* @__PURE__ */ h(
             X,
             {
-              ref: (L) => {
-                E.current[t] = L;
-              },
+              ref: (L) => E.current[t] = L,
               "data-country-id": n,
               onClick: () => u({ code: C, id: n }),
               $gutterX: 0.5,

package/dist/features/auth/signup/custom-input-field/country-selector/country-list-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"country-list-menu.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-list-menu.tsx"],"sourcesContent":["import type { ICountryListMenuProps } from './country-selector-types';\nimport type { FC } from 'react';\n\nimport { useState, useEffect, useRef, useCallback, memo } from 'react';\n\nimport { COUNTRY_CODE_MAP } from '../../../../../constants/country';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './country-selector-styled';\n\nconst CountryListMenu: FC<ICountryListMenuProps> = ({ selectedCountry, onChange, menuVisible }) => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const searchTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  useEffect(() => {\n    if (highlightedIndex >= 0) {\n      itemRefs.current[highlightedIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }, [highlightedIndex]);\n\n  useEffect(() => {\n    if (searchTerm) {\n      const index = COUNTRY_CODE_MAP.findIndex(\n        c =>\n          c.value.toLowerCase().includes(searchTerm.toLowerCase()) || c.code.startsWith(searchTerm),\n      );\n\n      setHighlightedIndex(index);\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n      searchTimeoutRef.current = setTimeout(() => {\n        setSearchTerm('');\n      }, 1000);\n    }\n\n    return () => {\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n    };\n  }, [searchTerm]);\n\n  const handleKeyDown = useCallback(\n    (event: globalThis.KeyboardEvent) => {\n      const { key } = event;\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (key.length === 1 && /[a-zA-Z0-9\\s]/.test(key)) {\n        setSearchTerm(prev => prev + key.toLowerCase());\n\n        return;\n      }\n\n      if (key === 'ArrowDown') {\n        setHighlightedIndex(prev => (prev < COUNTRY_CODE_MAP.length - 1 ? prev + 1 : 0));\n      } else if (key === 'ArrowUp') {\n        setHighlightedIndex(prev => (prev > 0 ? prev - 1 : COUNTRY_CODE_MAP.length - 1));\n      } else if (key === 'Enter' && highlightedIndex >= 0) {\n        const selectedOption = COUNTRY_CODE_MAP[highlightedIndex];\n\n        selectedOption && onChange({ code: selectedOption.code, id: selectedOption.id });\n        menuRef.current?.click();\n      } else if (key === 'Escape') {\n        setSearchTerm('');\n        setHighlightedIndex(-1);\n      }\n    },\n    [highlightedIndex, onChange],\n  );\n\n  useEffect(() => {\n    const menuElement = menuRef.current;\n\n    if (!menuElement || !menuVisible) return;\n\n    menuElement.focus();\n    menuElement.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      menuElement.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [menuVisible, handleKeyDown, selectedCountry.id]);\n\n  return (\n    <Styled.MenuWrapper\n      ref={menuRef}\n      tabIndex={0}\n      $widthX={10}\n      $gapX={0.5}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      {COUNTRY_CODE_MAP.map((option, index) => {\n        const { id, value, icon, code } = option;\n\n        return (\n          <Styled.MenuItem\n            key={id}\n            ref={el => {\n              itemRefs.current[index] = el;\n            }}\n            data-country-id={id}\n            onClick={() => onChange({ code, id })}\n            $gutterX={0.5}\n            $gapX={0.75}\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGap={8}\n            $isSelected={selectedCountry.id === id}\n            $isHighlighted={highlightedIndex === index}\n          >\n            <Styled.FlagIcon src={icon} />\n            <Text $renderAs=\"ab3\" $color=\"WHITE\">\n              {value}\n            </Text>\n          </Styled.MenuItem>\n        );\n      })}\n\n      <Styled.Instructions $gutterX={0.5}>\n        <Separator heightX={0.5} />\n        <Text $renderAs=\"ab3\" $color=\"WHITE\">\n          Type to search • ↑↓ to navigate • Enter to select • Esc to clear\n        </Text>\n      </Styled.Instructions>\n    </Styled.MenuWrapper>\n  );\n};\n\nexport default memo(CountryListMenu);\n"],"names":["CountryListMenu","selectedCountry","onChange","menuVisible","searchTerm","setSearchTerm","useState","highlightedIndex","setHighlightedIndex","searchTimeoutRef","useRef","menuRef","itemRefs","useEffect","_a","index","COUNTRY_CODE_MAP","c","handleKeyDown","useCallback","event","key","prev","selectedOption","menuElement","jsxs","Styled.MenuWrapper","option","id","value","icon","code","Styled.MenuItem","el","jsx","Styled.FlagIcon","Text","Styled.Instructions","Separator","CountryListMenu$1","memo"],"mappings":"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"}
+{"version":3,"file":"country-list-menu.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-list-menu.tsx"],"sourcesContent":["import type { ICountryListMenuProps } from './country-selector-types';\nimport type { FC } from 'react';\n\nimport { useState, useEffect, useRef, useCallback, memo } from 'react';\n\nimport { COUNTRY_CODE_MAP } from '../../../../../constants/country';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './country-selector-styled';\n\nconst CountryListMenu: FC<ICountryListMenuProps> = ({ selectedCountry, onChange, menuVisible }) => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const searchTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  useEffect(() => {\n    if (highlightedIndex >= 0) {\n      itemRefs.current[highlightedIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }, [highlightedIndex]);\n\n  useEffect(() => {\n    if (searchTerm) {\n      const index = COUNTRY_CODE_MAP.findIndex(\n        c =>\n          c.value.toLowerCase().includes(searchTerm.toLowerCase()) || c.code.startsWith(searchTerm),\n      );\n\n      setHighlightedIndex(index);\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n      searchTimeoutRef.current = setTimeout(() => {\n        setSearchTerm('');\n      }, 1000);\n    }\n\n    return () => {\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n    };\n  }, [searchTerm]);\n\n  const handleKeyDown = useCallback(\n    (event: globalThis.KeyboardEvent) => {\n      const { key } = event;\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (key.length === 1 && /[a-zA-Z0-9\\s]/.test(key)) {\n        setSearchTerm(prev => prev + key.toLowerCase());\n\n        return;\n      }\n\n      if (key === 'ArrowDown') {\n        setHighlightedIndex(prev => (prev < COUNTRY_CODE_MAP.length - 1 ? prev + 1 : 0));\n      } else if (key === 'ArrowUp') {\n        setHighlightedIndex(prev => (prev > 0 ? prev - 1 : COUNTRY_CODE_MAP.length - 1));\n      } else if (key === 'Enter' && highlightedIndex >= 0) {\n        const selectedOption = COUNTRY_CODE_MAP[highlightedIndex];\n\n        selectedOption && onChange({ code: selectedOption.code, id: selectedOption.id });\n        menuRef.current?.click();\n      } else if (key === 'Escape') {\n        setSearchTerm('');\n        setHighlightedIndex(-1);\n      }\n    },\n    [highlightedIndex, onChange],\n  );\n\n  useEffect(() => {\n    const menuElement = menuRef.current;\n\n    if (!menuElement || !menuVisible) return;\n\n    menuElement.focus();\n    menuElement.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      menuElement.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [menuVisible, handleKeyDown, selectedCountry.id]);\n\n  return (\n    <Styled.MenuWrapper\n      ref={menuRef}\n      tabIndex={0}\n      $widthX={10}\n      $gapX={0.5}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      {COUNTRY_CODE_MAP.map((option, index) => {\n        const { id, value, icon, code } = option;\n\n        return (\n          <Styled.MenuItem\n            key={id}\n            ref={el => (itemRefs.current[index] = el)}\n            data-country-id={id}\n            onClick={() => onChange({ code, id })}\n            $gutterX={0.5}\n            $gapX={0.75}\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGap={8}\n            $isSelected={selectedCountry.id === id}\n            $isHighlighted={highlightedIndex === index}\n          >\n            <Styled.FlagIcon src={icon} />\n            <Text $renderAs=\"ab3\" $color=\"WHITE\">\n              {value}\n            </Text>\n          </Styled.MenuItem>\n        );\n      })}\n\n      <Styled.Instructions $gutterX={0.5}>\n        <Separator heightX={0.5} />\n        <Text $renderAs=\"ab3\" $color=\"WHITE\">\n          Type to search • ↑↓ to navigate • Enter to select • Esc to clear\n        </Text>\n      </Styled.Instructions>\n    </Styled.MenuWrapper>\n  );\n};\n\nexport default memo(CountryListMenu);\n"],"names":["CountryListMenu","selectedCountry","onChange","menuVisible","searchTerm","setSearchTerm","useState","highlightedIndex","setHighlightedIndex","searchTimeoutRef","useRef","menuRef","itemRefs","useEffect","_a","index","COUNTRY_CODE_MAP","c","handleKeyDown","useCallback","event","key","prev","selectedOption","menuElement","jsxs","Styled.MenuWrapper","option","id","value","icon","code","Styled.MenuItem","el","jsx","Styled.FlagIcon","Text","Styled.Instructions","Separator","CountryListMenu$1","memo"],"mappings":"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"}

package/dist/features/chapters/lpar-chapter/comps/chapter-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-progress.js","sources":["../../../../../src/features/chapters/lpar-chapter/comps/chapter-progress.tsx"],"sourcesContent":["import type { FlexViewProps } from '../../../ui/layout/flex-view';\nimport type { FC, ReactElement } from 'react';\n\nimport { memo } from 'react';\nimport styled, { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ntype TProgressProps = {\n  $progress?: number;\n};\n\nconst Progress = styled.div<TProgressProps>(({ theme, $progress }) => {\n  const { REAL_BLACK_15, GREEN_4, BLACK } = theme.colors;\n\n  return `\n    width: 100%;\n    height: 4px;\n    border-radius: 16px;\n    background-color: ${REAL_BLACK_15};\n    position: relative;\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      width: ${$progress}%;\n      height: 4px;\n      border-radius: 16px;\n      background-color: ${$progress === 100 ? GREEN_4 : BLACK}\n    }\n  `;\n});\n\nconst FlexText = styled(Text)`\n  display: inline-flex;\n`;\n\ninterface IProgressStatsProps {\n  progress: number;\n  progressStats: ReactElement;\n  width?: number | string;\n  flexDirection?: FlexViewProps['$flexDirection'];\n}\n\nconst ProgressStats: FC<IProgressStatsProps> = memo(\n  ({ progress, progressStats, width, flexDirection }) => {\n    const theme = useTheme();\n\n    return (\n      <FlexView\n        $width={width ?? theme.layout.gutter * 7.5}\n        $flexGap={4}\n        $flexDirection={flexDirection}\n      >\n        <Progress $progress={progress} />\n        <FlexText $renderAs=\"body2\">{progressStats}</FlexText>\n      </FlexView>\n    );\n  },\n);\n\nexport default ProgressStats;\n"],"names":["Progress","styled","theme","$progress","REAL_BLACK_15","GREEN_4","BLACK","FlexText","Text","ProgressStats","memo","progress","progressStats","width","flexDirection","useTheme","jsxs","FlexView","jsx"],"mappings":";;;;;AAaA,MAAMA,IAAWC,EAAO,IAAoB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACpE,QAAM,EAAE,eAAAC,GAAe,SAAAC,GAAS,OAAAC,EAAA,IAAUJ,EAAM;AAEzC,SAAA;AAAA;AAAA;AAAA;AAAA,wBAIeE,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOtBD,CAAS;AAAA;AAAA;AAAA,0BAGEA,MAAc,MAAME,IAAUC,CAAK;AAAA;AAAA;AAG7D,CAAC,GAEKC,IAAWN,EAAOO,CAAI;AAAA;AAAA,GAWtBC,IAAyCC;AAAA,EAC7C,CAAC,EAAE,UAAAC,GAAU,eAAAC,GAAe,OAAAC,GAAO,eAAAC,QAAoB;AACrD,UAAMZ,IAAQa;AAGZ,WAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQJ,KAASX,EAAM,OAAO,SAAS;AAAA,QACvC,UAAU;AAAA,QACV,gBAAgBY;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAI,EAAAlB,GAAA,EAAS,WAAWW,EAAU,CAAA;AAAA,UAC9B,gBAAAO,EAAAX,GAAA,EAAS,WAAU,SAAS,UAAcK,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjD;AACF;"}
+{"version":3,"file":"chapter-progress.js","sources":["../../../../../src/features/chapters/lpar-chapter/comps/chapter-progress.tsx"],"sourcesContent":["import type { FlexViewProps } from '../../../ui/layout/flex-view';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport styled, { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ntype TProgressProps = {\n  $progress?: number;\n};\n\nconst Progress = styled.div<TProgressProps>(({ theme, $progress }) => {\n  const { REAL_BLACK_15, GREEN_4, BLACK } = theme.colors;\n\n  return `\n    width: 100%;\n    height: 4px;\n    border-radius: 16px;\n    background-color: ${REAL_BLACK_15};\n    position: relative;\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      width: ${$progress}%;\n      height: 4px;\n      border-radius: 16px;\n      background-color: ${$progress === 100 ? GREEN_4 : BLACK}\n    }\n  `;\n});\n\nconst FlexText = styled(Text)`\n  display: inline-flex;\n`;\n\ninterface IProgressStatsProps {\n  progress: number;\n  progressStats: JSX.Element;\n  width?: number | string;\n  flexDirection?: FlexViewProps['$flexDirection'];\n}\n\nconst ProgressStats: FC<IProgressStatsProps> = memo(\n  ({ progress, progressStats, width, flexDirection }) => {\n    const theme = useTheme();\n\n    return (\n      <FlexView\n        $width={width ?? theme.layout.gutter * 7.5}\n        $flexGap={4}\n        $flexDirection={flexDirection}\n      >\n        <Progress $progress={progress} />\n        <FlexText $renderAs=\"body2\">{progressStats}</FlexText>\n      </FlexView>\n    );\n  },\n);\n\nexport default ProgressStats;\n"],"names":["Progress","styled","theme","$progress","REAL_BLACK_15","GREEN_4","BLACK","FlexText","Text","ProgressStats","memo","progress","progressStats","width","flexDirection","useTheme","jsxs","FlexView","jsx"],"mappings":";;;;;AAaA,MAAMA,IAAWC,EAAO,IAAoB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACpE,QAAM,EAAE,eAAAC,GAAe,SAAAC,GAAS,OAAAC,EAAA,IAAUJ,EAAM;AAEzC,SAAA;AAAA;AAAA;AAAA;AAAA,wBAIeE,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOtBD,CAAS;AAAA;AAAA;AAAA,0BAGEA,MAAc,MAAME,IAAUC,CAAK;AAAA;AAAA;AAG7D,CAAC,GAEKC,IAAWN,EAAOO,CAAI;AAAA;AAAA,GAWtBC,IAAyCC;AAAA,EAC7C,CAAC,EAAE,UAAAC,GAAU,eAAAC,GAAe,OAAAC,GAAO,eAAAC,QAAoB;AACrD,UAAMZ,IAAQa;AAGZ,WAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQJ,KAASX,EAAM,OAAO,SAAS;AAAA,QACvC,UAAU;AAAA,QACV,gBAAgBY;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAI,EAAAlB,GAAA,EAAS,WAAWW,EAAU,CAAA;AAAA,UAC9B,gBAAAO,EAAAX,GAAA,EAAS,WAAU,SAAS,UAAcK,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjD;AACF;"}

package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport Lock3Icon from '../../../../../assets/line-icons/icons/lock3';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport SkipIcon from '../../../../../assets/line-icons/icons/skip';\nimport Unlock2Icon from '../../../../../assets/line-icons/icons/unlock2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_TYPE } from '../../../constants/block-constants';\nimport { NODE_CARD_STATES, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE, RESET, LOCK, UNLOCK } = TEACHER_MENU_LABELS;\n\nconst customEventName = 'cue_cp_close_other_node_card_menu_options';\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeUnlock,\n    onNodeUnassign,\n    onNodeSkipUnSkip,\n  }) => {\n    const componentUniqueIdRef = useRef(nodeData.node_id);\n    const containerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n    const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(containerRef);\n\n    const {\n      accuracy,\n      attempt_location: attemptLocation,\n      node_type: nodeType,\n      card_header: cardHeader,\n      title,\n      state,\n      is_optional: isOptional,\n      sheet_statement: sheetStatement,\n      permissions,\n      user_attempt_id: userAttemptId,\n    } = nodeData;\n\n    const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n    const {\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n      can_assign_as_homework: canAssignAsHw,\n      can_reset: canReset,\n      can_unlock: canUnlock,\n      can_unassign: canUnassign,\n      can_un_skip: canUnSkip,\n      can_skip: canSkip,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED || canUnSkip;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const canLockUnlockSheet = (sheetLocked || sheetNotStarted) && (canUnlock || canUnassign);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview && userAttemptId) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\n\n            return;\n\n          case 'node-card-assign-as-hw':\n            onNodeAssignAsHomework?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n\n          case 'node-card-reset':\n            onNodeReattempt?.(nodeData);\n\n            return;\n          case 'node-card-unlock':\n            onNodeUnlock?.(nodeData);\n\n            return;\n          case 'node-card-lock':\n            onNodeUnassign?.(nodeData);\n\n            return;\n          case 'node-card-skip':\n          case 'node-card-revert-skip':\n            onNodeSkipUnSkip?.(nodeData);\n\n            return;\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAssignAsHomework,\n        onNodeMarkAsDone,\n        onNodeReattempt,\n        onNodeReview,\n        onNodeSkipUnSkip,\n        onNodeUnassign,\n        onNodeUnlock,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      if (sheetLocked) return;\n      animationRef.current?.play();\n    }, [sheetLocked]);\n\n    const handleOnMouseLeave = useCallback(() => {\n      animationRef.current?.stop();\n    }, []);\n\n    const handleOnNodeCardClick = useCallback(() => {\n      if (canReview && userAttemptId) {\n        onNodeReview?.(nodeData);\n      } else {\n        onNodeView?.(nodeData);\n      }\n    }, [canReview, nodeData, onNodeReview, onNodeView, userAttemptId]);\n\n    const handleOnKebabMenuClick = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.stopPropagation();\n\n        //* If this menu is not currently visible, it means onMenuClick will attempt to open it.\n        //* In that case, dispatch an event to close other menus.\n        //* This check ensures we only dispatch, When this menu is about to be opened.\n        if (!menuVisible) {\n          const event = new CustomEvent(customEventName, {\n            detail: { sourceId: componentUniqueIdRef.current },\n          });\n\n          document.dispatchEvent(event);\n        }\n\n        //* This will toggle the current menu's visibility.\n        onMenuClick();\n      },\n      [onMenuClick, menuVisible],\n    );\n\n    useEffect(() => {\n      const handleCloseRequest = (event: CustomEvent) => {\n        //*() Ensure event.detail and event.detail.sourceId exist before accessing\n        if (event.detail && event.detail.sourceId !== componentUniqueIdRef.current && menuVisible) {\n          hideMenu();\n        }\n      };\n\n      document.addEventListener(customEventName, handleCloseRequest as EventListener);\n\n      return () => {\n        document.removeEventListener(customEventName, handleCloseRequest as EventListener);\n      };\n    }, [menuVisible, hideMenu]);\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview && userAttemptId ? REVIEW : VIEW,\n        icon: Eye2Icon,\n        disabled: false,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-assign-as-hw',\n        label: ASSIGN_AS_HW,\n        icon: Home2Icon,\n        disabled: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-reset',\n        label: RESET,\n        icon: RedoIcon,\n        disabled: !canReset,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-mark-as-done',\n        label: MARK_AS_DONE,\n        icon: Check2Icon,\n        disabled: !canMarkFamiliar,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canUnlock ? 'unlock' : 'lock'}`,\n        label: canUnlock ? UNLOCK : LOCK,\n        icon: canUnlock ? Unlock2Icon : Lock3Icon,\n        disabled: !canLockUnlockSheet,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canSkip ? 'skip' : `revert-skip`}`,\n        label: canSkip ? 'Skip' : `Revert 'Skip'`,\n        icon: SkipIcon,\n        disabled: !canUnSkip && !canSkip,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return (\n      <FlexView $position=\"relative\">\n        <Styled.NodeCardContainer\n          $background={`${imageHue}_2`}\n          $disabled={sheetLocked}\n          onClick={handleOnNodeCardClick}\n          $opacity={isSkipped ? 0.5 : 1}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={menuVisible || !sheetStatement}\n            parentWidth=\"100%\"\n            widthX={11.25}\n          >\n            <Styled.NodeCardInfoWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $width=\"100%\"\n              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              onMouseEnter={handleOnMouseEnter}\n              onMouseLeave={handleOnMouseLeave}\n            >\n              <Styled.IconWrapper\n                $width={31}\n                $height={31}\n                $background=\"WHITE_1\"\n                $position=\"relative\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                <LottieAnimation\n                  src={nodeCardLottie}\n                  ref={animationRef}\n                  settings={renderSettings}\n                />\n                {!isOptional && <Styled.StyledImportantIcon />}\n              </Styled.IconWrapper>\n\n              <Text\n                $renderAs=\"ac4-black\"\n                $color=\"BLACK\"\n                $opacity={sheetLocked ? 0.5 : 1}\n                $textDecoration={canUnSkip ? 'line-through' : 'none'}\n              >\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n\n              <FlexView className=\"context-menu\">\n                {isGoalBlock && (\n                  <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                    <MoreVerticalIcon width={18} height={18} />\n                  </Styled.NodeKebabMenuWrapper>\n                )}\n              </FlexView>\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $background=\"WHITE_1\"\n                $flexGap={8}\n                $heightX={4}\n                $justifyContent=\"space-between\"\n              >\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n\n                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                  <MoreVerticalIcon width={18} height={18} />\n                </Styled.NodeKebabMenuWrapper>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["renderSettings","ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","RESET","LOCK","UNLOCK","TEACHER_MENU_LABELS","customEventName","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeView","onNodeReview","onNodeReattempt","onNodeUnlock","onNodeUnassign","onNodeSkipUnSkip","componentUniqueIdRef","useRef","containerRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","nodeCardLottie","getNodeCardBasedIcon","animationRef","canMarkFamiliar","canReview","canAssignAsHw","canReset","canUnlock","canUnassign","canUnSkip","canSkip","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","inClassSheet","canLockUnlockSheet","nodeBgImage","getNodeTypeBasedBgImage","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","_a","handleOnMouseLeave","handleOnNodeCardClick","handleOnKebabMenuClick","event","useEffect","handleCloseRequest","menuOptions","Eye2Icon","Home2Icon","RedoIcon","Check2Icon","Unlock2Icon","Lock3Icon","SkipIcon","jsxs","FlexView","jsx","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":"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"}
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport Lock3Icon from '../../../../../assets/line-icons/icons/lock3';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport SkipIcon from '../../../../../assets/line-icons/icons/skip';\nimport Unlock2Icon from '../../../../../assets/line-icons/icons/unlock2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_TYPE } from '../../../constants/block-constants';\nimport { NODE_CARD_STATES, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE, RESET, LOCK, UNLOCK } = TEACHER_MENU_LABELS;\n\nconst customEventName = 'cue_cp_close_other_node_card_menu_options';\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeUnlock,\n    onNodeUnassign,\n    onNodeSkipUnSkip,\n  }) => {\n    const componentUniqueIdRef = useRef(nodeData.node_id);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(containerRef);\n\n    const {\n      accuracy,\n      attempt_location: attemptLocation,\n      node_type: nodeType,\n      card_header: cardHeader,\n      title,\n      state,\n      is_optional: isOptional,\n      sheet_statement: sheetStatement,\n      permissions,\n      user_attempt_id: userAttemptId,\n    } = nodeData;\n\n    const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n    const {\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n      can_assign_as_homework: canAssignAsHw,\n      can_reset: canReset,\n      can_unlock: canUnlock,\n      can_unassign: canUnassign,\n      can_un_skip: canUnSkip,\n      can_skip: canSkip,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED || canUnSkip;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const canLockUnlockSheet = (sheetLocked || sheetNotStarted) && (canUnlock || canUnassign);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview && userAttemptId) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\n\n            return;\n\n          case 'node-card-assign-as-hw':\n            onNodeAssignAsHomework?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n\n          case 'node-card-reset':\n            onNodeReattempt?.(nodeData);\n\n            return;\n          case 'node-card-unlock':\n            onNodeUnlock?.(nodeData);\n\n            return;\n          case 'node-card-lock':\n            onNodeUnassign?.(nodeData);\n\n            return;\n          case 'node-card-skip':\n          case 'node-card-revert-skip':\n            onNodeSkipUnSkip?.(nodeData);\n\n            return;\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAssignAsHomework,\n        onNodeMarkAsDone,\n        onNodeReattempt,\n        onNodeReview,\n        onNodeSkipUnSkip,\n        onNodeUnassign,\n        onNodeUnlock,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      if (sheetLocked) return;\n      animationRef.current?.play();\n    }, [sheetLocked]);\n\n    const handleOnMouseLeave = useCallback(() => {\n      animationRef.current?.stop();\n    }, []);\n\n    const handleOnNodeCardClick = useCallback(() => {\n      if (canReview && userAttemptId) {\n        onNodeReview?.(nodeData);\n      } else {\n        onNodeView?.(nodeData);\n      }\n    }, [canReview, nodeData, onNodeReview, onNodeView, userAttemptId]);\n\n    const handleOnKebabMenuClick = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.stopPropagation();\n\n        //* If this menu is not currently visible, it means onMenuClick will attempt to open it.\n        //* In that case, dispatch an event to close other menus.\n        //* This check ensures we only dispatch, When this menu is about to be opened.\n        if (!menuVisible) {\n          const event = new CustomEvent(customEventName, {\n            detail: { sourceId: componentUniqueIdRef.current },\n          });\n\n          document.dispatchEvent(event);\n        }\n\n        //* This will toggle the current menu's visibility.\n        onMenuClick();\n      },\n      [onMenuClick, menuVisible],\n    );\n\n    useEffect(() => {\n      const handleCloseRequest = (event: CustomEvent) => {\n        //*() Ensure event.detail and event.detail.sourceId exist before accessing\n        if (event.detail && event.detail.sourceId !== componentUniqueIdRef.current && menuVisible) {\n          hideMenu();\n        }\n      };\n\n      document.addEventListener(customEventName, handleCloseRequest as EventListener);\n\n      return () => {\n        document.removeEventListener(customEventName, handleCloseRequest as EventListener);\n      };\n    }, [menuVisible, hideMenu]);\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview && userAttemptId ? REVIEW : VIEW,\n        icon: Eye2Icon,\n        disabled: false,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-assign-as-hw',\n        label: ASSIGN_AS_HW,\n        icon: Home2Icon,\n        disabled: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-reset',\n        label: RESET,\n        icon: RedoIcon,\n        disabled: !canReset,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-mark-as-done',\n        label: MARK_AS_DONE,\n        icon: Check2Icon,\n        disabled: !canMarkFamiliar,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canUnlock ? 'unlock' : 'lock'}`,\n        label: canUnlock ? UNLOCK : LOCK,\n        icon: canUnlock ? Unlock2Icon : Lock3Icon,\n        disabled: !canLockUnlockSheet,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canSkip ? 'skip' : `revert-skip`}`,\n        label: canSkip ? 'Skip' : `Revert 'Skip'`,\n        icon: SkipIcon,\n        disabled: !canUnSkip && !canSkip,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return (\n      <FlexView $position=\"relative\">\n        <Styled.NodeCardContainer\n          $background={`${imageHue}_2`}\n          $disabled={sheetLocked}\n          onClick={handleOnNodeCardClick}\n          $opacity={isSkipped ? 0.5 : 1}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={menuVisible || !sheetStatement}\n            parentWidth=\"100%\"\n            widthX={11.25}\n          >\n            <Styled.NodeCardInfoWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $width=\"100%\"\n              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              onMouseEnter={handleOnMouseEnter}\n              onMouseLeave={handleOnMouseLeave}\n            >\n              <Styled.IconWrapper\n                $width={31}\n                $height={31}\n                $background=\"WHITE_1\"\n                $position=\"relative\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                <LottieAnimation\n                  src={nodeCardLottie}\n                  ref={animationRef}\n                  settings={renderSettings}\n                />\n                {!isOptional && <Styled.StyledImportantIcon />}\n              </Styled.IconWrapper>\n\n              <Text\n                $renderAs=\"ac4-black\"\n                $color=\"BLACK\"\n                $opacity={sheetLocked ? 0.5 : 1}\n                $textDecoration={canUnSkip ? 'line-through' : 'none'}\n              >\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n\n              <FlexView className=\"context-menu\">\n                {isGoalBlock && (\n                  <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                    <MoreVerticalIcon width={18} height={18} />\n                  </Styled.NodeKebabMenuWrapper>\n                )}\n              </FlexView>\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $background=\"WHITE_1\"\n                $flexGap={8}\n                $heightX={4}\n                $justifyContent=\"space-between\"\n              >\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n\n                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                  <MoreVerticalIcon width={18} height={18} />\n                </Styled.NodeKebabMenuWrapper>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["renderSettings","ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","RESET","LOCK","UNLOCK","TEACHER_MENU_LABELS","customEventName","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeView","onNodeReview","onNodeReattempt","onNodeUnlock","onNodeUnassign","onNodeSkipUnSkip","componentUniqueIdRef","useRef","containerRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","nodeCardLottie","getNodeCardBasedIcon","animationRef","canMarkFamiliar","canReview","canAssignAsHw","canReset","canUnlock","canUnassign","canUnSkip","canSkip","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","inClassSheet","canLockUnlockSheet","nodeBgImage","getNodeTypeBasedBgImage","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","_a","handleOnMouseLeave","handleOnNodeCardClick","handleOnKebabMenuClick","event","useEffect","handleCloseRequest","menuOptions","Eye2Icon","Home2Icon","RedoIcon","Check2Icon","Unlock2Icon","Lock3Icon","SkipIcon","jsxs","FlexView","jsx","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\n\nimport CaratLeftIcon from '../../../../../assets/line-icons/icons/carat-left';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './carousel-styled';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0, onNext, onPrev, analyticsPrev, analyticsNext },\n  ref,\n) => {\n  const memoizedAnalyticsPrev = useMemo(() => analyticsPrev, [analyticsPrev]);\n  const memoizedAnalyticsNext = useMemo(() => analyticsNext, [analyticsNext]);\n\n  const nextBtnRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n  // Create a stable array of refs for indicators\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const handleCarouselPrev = useCallback(() => {\n    onPrev?.();\n    setCurrIndex(prev => prev - 1);\n  }, [onPrev]);\n\n  const handleCarouselNext = useCallback(() => {\n    onNext?.();\n    setCurrIndex(prev => prev + 1);\n  }, [onNext]);\n\n  const handleCarouselIndicatorClick = useCallback((index: number) => {\n    setCurrIndex(index);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    nextBtnRef,\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex: (index: number) => {\n      setCurrIndex(index);\n    },\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  // Change index from parent\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  return (\n    <Styled.Carousel>\n      <Styled.CarouselWrapper\n        $translate={currIndex * 100}\n        $translateDuration={isFirstMount.current ? 0 : 300}\n      >\n        {items.map((item, index) => (\n          <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n        ))}\n      </Styled.CarouselWrapper>\n\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <IconButton\n            renderAs=\"secondary\"\n            Icon={CaratLeftIcon}\n            onClick={handleCarouselPrev}\n            analyticsLabel={memoizedAnalyticsPrev.analyticsLabel}\n            analyticsProps={memoizedAnalyticsPrev.analyticsProps}\n            disabled={currIndex === 0}\n          />\n          <Separator width={48} />\n          {items.map((_, index) => (\n            <Styled.Indicator\n              ref={indicatorRefs[index]}\n              $isActive={index === currIndex}\n              key={index}\n              onClick={() => handleCarouselIndicatorClick(index)}\n            />\n          ))}\n          <Separator width={48} />\n          <div ref={nextBtnRef}>\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={handleCarouselNext}\n              analyticsLabel={memoizedAnalyticsNext.analyticsLabel}\n              analyticsProps={memoizedAnalyticsNext.analyticsProps}\n              disabled={currIndex === items.length - 1}\n            />\n          </div>\n        </Styled.ExtendedFlexView>\n      )}\n    </Styled.Carousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","onNext","onPrev","analyticsPrev","analyticsNext","ref","memoizedAnalyticsPrev","useMemo","memoizedAnalyticsNext","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","createRef","handleCarouselPrev","useCallback","prev","handleCarouselNext","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","IconButton","CaratLeftIcon","Separator","_","Styled.Indicator","CaratRightIcon","Carousel","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\n\nimport CaratLeftIcon from '../../../../../assets/line-icons/icons/carat-left';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './carousel-styled';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0, onNext, onPrev, analyticsPrev, analyticsNext },\n  ref,\n) => {\n  const memoizedAnalyticsPrev = useMemo(() => analyticsPrev, [analyticsPrev]);\n  const memoizedAnalyticsNext = useMemo(() => analyticsNext, [analyticsNext]);\n\n  const nextBtnRef = useRef<HTMLDivElement>(null);\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n  // Create a stable array of refs for indicators\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const handleCarouselPrev = useCallback(() => {\n    onPrev?.();\n    setCurrIndex(prev => prev - 1);\n  }, [onPrev]);\n\n  const handleCarouselNext = useCallback(() => {\n    onNext?.();\n    setCurrIndex(prev => prev + 1);\n  }, [onNext]);\n\n  const handleCarouselIndicatorClick = useCallback((index: number) => {\n    setCurrIndex(index);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    nextBtnRef,\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex: (index: number) => {\n      setCurrIndex(index);\n    },\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  // Change index from parent\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  return (\n    <Styled.Carousel>\n      <Styled.CarouselWrapper\n        $translate={currIndex * 100}\n        $translateDuration={isFirstMount.current ? 0 : 300}\n      >\n        {items.map((item, index) => (\n          <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n        ))}\n      </Styled.CarouselWrapper>\n\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <IconButton\n            renderAs=\"secondary\"\n            Icon={CaratLeftIcon}\n            onClick={handleCarouselPrev}\n            analyticsLabel={memoizedAnalyticsPrev.analyticsLabel}\n            analyticsProps={memoizedAnalyticsPrev.analyticsProps}\n            disabled={currIndex === 0}\n          />\n          <Separator width={48} />\n          {items.map((_, index) => (\n            <Styled.Indicator\n              ref={indicatorRefs[index]}\n              $isActive={index === currIndex}\n              key={index}\n              onClick={() => handleCarouselIndicatorClick(index)}\n            />\n          ))}\n          <Separator width={48} />\n          <div ref={nextBtnRef}>\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={handleCarouselNext}\n              analyticsLabel={memoizedAnalyticsNext.analyticsLabel}\n              analyticsProps={memoizedAnalyticsNext.analyticsProps}\n              disabled={currIndex === items.length - 1}\n            />\n          </div>\n        </Styled.ExtendedFlexView>\n      )}\n    </Styled.Carousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","onNext","onPrev","analyticsPrev","analyticsNext","ref","memoizedAnalyticsPrev","useMemo","memoizedAnalyticsNext","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","createRef","handleCarouselPrev","useCallback","prev","handleCarouselNext","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","IconButton","CaratLeftIcon","Separator","_","Styled.Indicator","CaratRightIcon","Carousel","memo","forwardRef"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"segmented-game-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n  IGameCardSegmentContentProps,\n  ISegmentedGameCardProps,\n  ISegmentedGameCardRefs,\n} from './segmented-game-card-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport React, {\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport CheckIcon from '../../../../../assets/line-icons/icons/check';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport { CardContainer } from '../card-container/card-container';\nimport * as Styled from './segmented-game-card-styled';\n\nconst renderSettings = { renderer: 'canvas', loop: true };\n\nexport const SegmentContent = memo(\n  ({ segmentType, isCompleted, card, name, onMouseEnter }: IGameCardSegmentContentProps) => {\n    const handleMouseEnter = useCallback(() => onMouseEnter(name), [onMouseEnter, name]);\n\n    return (\n      <Styled.SegmentContainer>\n        <Styled.SegmentContentContainer $segmentType={segmentType} onMouseEnter={handleMouseEnter}>\n          <Styled.SegmentAssetContainer $segmentType={segmentType}>\n            <LottieAnimation src={card} settings={renderSettings} animateOnIntersect />\n          </Styled.SegmentAssetContainer>\n\n          {isCompleted && (\n            <Styled.SegmentOverlay $segmentType={segmentType}>\n              <Styled.IconWrapper>\n                <CheckIcon color=\"#fff\" height={40} width={40} />\n              </Styled.IconWrapper>\n            </Styled.SegmentOverlay>\n          )}\n        </Styled.SegmentContentContainer>\n      </Styled.SegmentContainer>\n    );\n  },\n);\n\nconst SegmentedGameCardComponent: ForwardRefRenderFunction<\n  ISegmentedGameCardRefs,\n  ISegmentedGameCardProps\n> = ({ data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1 }, ref) => {\n  const labelRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const cardWrapperRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n  const [label, setLabel] = useState<string>(gameCategoryLabel);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n  const isLabelHighlighted = label !== gameCategoryLabel;\n\n  const onMouseEnter = useCallback((gameName: string) => {\n    setLabel(gameName);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    setLabel(gameCategoryLabel);\n  }, [gameCategoryLabel]);\n\n  const onSegmentPress = useCallback(\n    (index: number) => {\n      data[index]?.onPress?.();\n    },\n    [data],\n  );\n\n  const startLabelAnimation = useCallback((color: TColorNames) => {\n    setIsAnimated(true);\n    setAnimatedColor(color);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    labelRef,\n    segmentedCardWrapperRef: cardWrapperRef,\n    startLabelAnimation,\n  }));\n\n  const animationSegments: [number, number] | undefined = useMemo(() => {\n    if (maxValue <= 0) {\n      return;\n    }\n\n    const totalFrames = 92;\n    const framesPerValue = totalFrames / maxValue;\n\n    const initialFrameToPlay = Math.min(framesPerValue * initialValue, totalFrames);\n    const finalFrameToPlay = Math.min(framesPerValue * value + 1, totalFrames);\n\n    return [initialFrameToPlay, finalFrameToPlay];\n  }, [initialValue, maxValue, value]);\n\n  const levelUpAnimationSettings = useMemo(\n    () => ({\n      renderer: 'canvas',\n      autoplay: true,\n      loop: false,\n      initialSegment: animationSegments,\n    }),\n    [animationSegments],\n  );\n\n  return (\n    <CardContainer\n      ref={cardWrapperRef}\n      labelRef={labelRef}\n      label={label}\n      isAnimated={isAnimated}\n      onMouseLeave={onMouseLeave}\n      labelColor={isAnimated ? animatedColor : isLabelHighlighted ? 'WHITE_T_87' : 'WHITE_T_60'}\n    >\n      <Styled.CircularProgressLottieContainer>\n        <Styled.RingContainer>\n          <Styled.LottieAnmationContainer>\n            <LottieAnimation\n              src={LOTTIE.LEVELUP_RINGS}\n              settings={levelUpAnimationSettings}\n              animateOnIntersect\n            />\n          </Styled.LottieAnmationContainer>\n        </Styled.RingContainer>\n      </Styled.CircularProgressLottieContainer>\n      {/* left segment */}\n      <Styled.SegmentLeft onClick={() => onSegmentPress(0)}>\n        <SegmentContent\n          segmentType={'left'}\n          card={data[0]!.card}\n          name={data[0]!.name}\n          isCompleted={data[0]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentLeft>\n\n      {/* right segment */}\n      <Styled.SegmentRight onClick={() => onSegmentPress(1)}>\n        <SegmentContent\n          segmentType={'right'}\n          card={data[1]!.card}\n          name={data[1]!.name}\n          isCompleted={data[1]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentRight>\n\n      {/* bottom segment */}\n      <Styled.SegmentBottom onClick={() => onSegmentPress(2)}>\n        <SegmentContent\n          segmentType={'bottom'}\n          card={data[2]!.card}\n          name={data[2]!.name}\n          isCompleted={data[2]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentBottom>\n    </CardContainer>\n  );\n};\n\nexport const SegmentedGameCard = memo(forwardRef(SegmentedGameCardComponent));\n"],"names":["renderSettings","SegmentContent","memo","segmentType","isCompleted","card","name","onMouseEnter","handleMouseEnter","useCallback","jsx","Styled.SegmentContainer","jsxs","Styled.SegmentContentContainer","Styled.SegmentAssetContainer","LottieAnimation","Styled.SegmentOverlay","Styled.IconWrapper","CheckIcon","SegmentedGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","useRef","cardWrapperRef","label","setLabel","useState","isAnimated","setIsAnimated","animatedColor","setAnimatedColor","isLabelHighlighted","gameName","onMouseLeave","onSegmentPress","index","_b","_a","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","CardContainer","Styled.CircularProgressLottieContainer","Styled.RingContainer","Styled.LottieAnmationContainer","LOTTIE","Styled.SegmentLeft","Styled.SegmentRight","Styled.SegmentBottom","SegmentedGameCard","forwardRef"],"mappings":"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"}
+{"version":3,"file":"segmented-game-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n  IGameCardSegmentContentProps,\n  ISegmentedGameCardProps,\n  ISegmentedGameCardRefs,\n} from './segmented-game-card-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport CheckIcon from '../../../../../assets/line-icons/icons/check';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport { CardContainer } from '../card-container/card-container';\nimport * as Styled from './segmented-game-card-styled';\n\nconst renderSettings = { renderer: 'canvas', loop: true };\n\nexport const SegmentContent = memo(\n  ({ segmentType, isCompleted, card, name, onMouseEnter }: IGameCardSegmentContentProps) => {\n    const handleMouseEnter = useCallback(() => onMouseEnter(name), [onMouseEnter, name]);\n\n    return (\n      <Styled.SegmentContainer>\n        <Styled.SegmentContentContainer $segmentType={segmentType} onMouseEnter={handleMouseEnter}>\n          <Styled.SegmentAssetContainer $segmentType={segmentType}>\n            <LottieAnimation src={card} settings={renderSettings} animateOnIntersect />\n          </Styled.SegmentAssetContainer>\n\n          {isCompleted && (\n            <Styled.SegmentOverlay $segmentType={segmentType}>\n              <Styled.IconWrapper>\n                <CheckIcon color=\"#fff\" height={40} width={40} />\n              </Styled.IconWrapper>\n            </Styled.SegmentOverlay>\n          )}\n        </Styled.SegmentContentContainer>\n      </Styled.SegmentContainer>\n    );\n  },\n);\n\nconst SegmentedGameCardComponent: ForwardRefRenderFunction<\n  ISegmentedGameCardRefs,\n  ISegmentedGameCardProps\n> = ({ data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1 }, ref) => {\n  const labelRef = useRef<HTMLDivElement>(null);\n  const cardWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [label, setLabel] = useState<string>(gameCategoryLabel);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n  const isLabelHighlighted = label !== gameCategoryLabel;\n\n  const onMouseEnter = useCallback((gameName: string) => {\n    setLabel(gameName);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    setLabel(gameCategoryLabel);\n  }, [gameCategoryLabel]);\n\n  const onSegmentPress = useCallback(\n    (index: number) => {\n      data[index]?.onPress?.();\n    },\n    [data],\n  );\n\n  const startLabelAnimation = useCallback((color: TColorNames) => {\n    setIsAnimated(true);\n    setAnimatedColor(color);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    labelRef,\n    segmentedCardWrapperRef: cardWrapperRef,\n    startLabelAnimation,\n  }));\n\n  const animationSegments: [number, number] | undefined = useMemo(() => {\n    if (maxValue <= 0) {\n      return;\n    }\n\n    const totalFrames = 92;\n    const framesPerValue = totalFrames / maxValue;\n\n    const initialFrameToPlay = Math.min(framesPerValue * initialValue, totalFrames);\n    const finalFrameToPlay = Math.min(framesPerValue * value + 1, totalFrames);\n\n    return [initialFrameToPlay, finalFrameToPlay];\n  }, [initialValue, maxValue, value]);\n\n  const levelUpAnimationSettings = useMemo(\n    () => ({\n      renderer: 'canvas',\n      autoplay: true,\n      loop: false,\n      initialSegment: animationSegments,\n    }),\n    [animationSegments],\n  );\n\n  return (\n    <CardContainer\n      ref={cardWrapperRef}\n      labelRef={labelRef}\n      label={label}\n      isAnimated={isAnimated}\n      onMouseLeave={onMouseLeave}\n      labelColor={isAnimated ? animatedColor : isLabelHighlighted ? 'WHITE_T_87' : 'WHITE_T_60'}\n    >\n      <Styled.CircularProgressLottieContainer>\n        <Styled.RingContainer>\n          <Styled.LottieAnmationContainer>\n            <LottieAnimation\n              src={LOTTIE.LEVELUP_RINGS}\n              settings={levelUpAnimationSettings}\n              animateOnIntersect\n            />\n          </Styled.LottieAnmationContainer>\n        </Styled.RingContainer>\n      </Styled.CircularProgressLottieContainer>\n      {/* left segment */}\n      <Styled.SegmentLeft onClick={() => onSegmentPress(0)}>\n        <SegmentContent\n          segmentType={'left'}\n          card={data[0]!.card}\n          name={data[0]!.name}\n          isCompleted={data[0]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentLeft>\n\n      {/* right segment */}\n      <Styled.SegmentRight onClick={() => onSegmentPress(1)}>\n        <SegmentContent\n          segmentType={'right'}\n          card={data[1]!.card}\n          name={data[1]!.name}\n          isCompleted={data[1]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentRight>\n\n      {/* bottom segment */}\n      <Styled.SegmentBottom onClick={() => onSegmentPress(2)}>\n        <SegmentContent\n          segmentType={'bottom'}\n          card={data[2]!.card}\n          name={data[2]!.name}\n          isCompleted={data[2]!.isCompleted}\n          onMouseEnter={onMouseEnter}\n        />\n      </Styled.SegmentBottom>\n    </CardContainer>\n  );\n};\n\nexport const SegmentedGameCard = memo(forwardRef(SegmentedGameCardComponent));\n"],"names":["renderSettings","SegmentContent","memo","segmentType","isCompleted","card","name","onMouseEnter","handleMouseEnter","useCallback","jsx","Styled.SegmentContainer","jsxs","Styled.SegmentContentContainer","Styled.SegmentAssetContainer","LottieAnimation","Styled.SegmentOverlay","Styled.IconWrapper","CheckIcon","SegmentedGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","useRef","cardWrapperRef","label","setLabel","useState","isAnimated","setIsAnimated","animatedColor","setAnimatedColor","isLabelHighlighted","gameName","onMouseLeave","onSegmentPress","index","_b","_a","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","CardContainer","Styled.CircularProgressLottieContainer","Styled.RingContainer","Styled.LottieAnmationContainer","LOTTIE","Styled.SegmentLeft","Styled.SegmentRight","Styled.SegmentBottom","SegmentedGameCard","forwardRef"],"mappings":"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"}

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

@@ -35,9 +35,7 @@ const je = {
     ), [S, w] = o(null), [y, W] = o(!1), [F, A] = o("WHITE_T_60"), [c, p] = o({
       stars: ((j = s.tableList.find((e) => e.tableNumber === (r == null ? void 0 : r.tableNumber))) == null ? void 0 : j.stars) ?? [],
       tableNumber: (r == null ? void 0 : r.tableNumber) ?? 0
-    }), D = b(null), [J, Q] = o(!0), [I, k] = o(!1), [P, G] = o("WHITE_T_60"), x = b(null), V = b(null), [B, O] = o((r == null ? void 0 : r.rewardStar) ?? []), _ = b(null), T = b(
-      void 0
-    ), q = i(
+    }), D = b(null), [J, Q] = o(!0), [I, k] = o(!1), [P, G] = o("WHITE_T_60"), x = b(null), V = b(null), [B, O] = o((r == null ? void 0 : r.rewardStar) ?? []), _ = b(null), T = b(), q = i(
       (e) => {
         if (L) {
           L(e);

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 { 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 { INFINITE_MODE_TEXT, TABLE_MODE_LABEL_COLOR, TABLE_REVEAL_ANIMATION } from './constants';\nimport InfiniteButtonCard from './infinite-button/infinite-mode-launcher-button';\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 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 [highlightedInfiniteModeText, setHighlightedInfiniteModeText] = useState<boolean>(false);\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    const infiniteButtonRef = useRef<HTMLDivElement | null>(null);\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) as React.RefObject<HTMLDivElement>;\n    const cardRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n    const [rewardStar, setRewardStar] = useState(openModesOfTable?.rewardStar ?? []);\n    const revealAnimationRef = useRef<ILottieAnimationRef | null>(null);\n    const disappearAnimationTimer = useRef<ReturnType<typeof setTimeout>>(\n      undefined,\n    ) as React.RefObject<ReturnType<typeof setTimeout> | undefined>;\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 handleInfiniteModeSegmentMouseOver = useCallback(() => {\n      setHighlightedInfiniteModeText(true);\n    }, []);\n\n    const handleTableSegmentMouseLeave = useCallback(() => {\n      setLabelColor('WHITE_T_60');\n      !revealTableModes.tableNumber && setHighlightedTable(null);\n      setHighlightedInfiniteModeText(false);\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      if (highlightedInfiniteModeText) {\n        return INFINITE_MODE_TEXT;\n      }\n\n      return highlightedTable ? `${highlightedTable}× Table` : label;\n    }, [highlightedLevel, highlightedTable, highlightedInfiniteModeText, 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      infiniteButtonRef: infiniteButtonRef,\n      startLabelAnimation,\n      stopLabelAnimation,\n      setLabelVisiblity,\n      handleTableSegmentClick,\n      goBackFromTableLevel: goBack,\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            <InfiniteButtonCard\n              onClick={handleInfiniteModeClick}\n              buttonRef={infiniteButtonRef}\n              onMouseLeave={handleTableSegmentMouseLeave}\n              onMouseOver={handleInfiniteModeSegmentMouseOver}\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":["modeRevealAnimationSettings","TablesCardComponent","forwardRef","data","label","onPress","openModesOfTable","defaultTable","onGoBackFromTableLevel","onPressTableSegment","ref","trackEvent","useUIContext","playButtonSound","useCircleSounds","fadeIn","setFadeIn","useState","highlightedTable","setHighlightedTable","highlightedLevel","setHighlightedLevel","highlightedInfiniteModeText","setHighlightedInfiniteModeText","labelColor","setLabelColor","revealTableModes","setRevealTableModes","_a","table","infiniteButtonRef","useRef","showLabel","setShowLabel","isLabelAnimated","setIsLabelAnimated","animatedColor","setAniimatedColor","labelRef","cardRef","rewardStar","setRewardStar","revealAnimationRef","disappearAnimationTimer","handleTableSegmentClick","useCallback","GAME_LAUNCHER_ANALYTICS_EVENTS","handleTableSegmentMouseOver","handleInfiniteModeSegmentMouseOver","handleTableSegmentMouseLeave","goBack","time","TABLE_REVEAL_ANIMATION","showTableModes","handleModeMouseOver","type","level","TABLE_MODE_LABEL_COLOR","handleModeMouseLeave","revealTableModesMemo","useMemo","tableModes","handleInfiniteModeClick","handleNormalModeClick","mode","isStarRewarded","getHighlightedText","INFINITE_MODE_TEXT","startLabelAnimation","color","stopLabelAnimation","setLabelVisiblity","visible","useImperativeHandle","useEffect","jsx","CardContainer","jsxs","Styled.CardWrapper","Styled.TableSegmentsWrapper","InfiniteButtonCard","Styled.TableSegmentCardShadowContainer","index","segmentAngle","currentAngle","Styled.TableSegment","FlexView","star","TableSegmentStar","Separator","GAME_LAUNCHER_SIZE","Styled.TableNumber","Text","GAME_LAUNCHER_SIZE_LARGE","Styled.TableModeContainer","Styled.TableModeWrapper","Styled.AnimatedView","tableMode","React","Styled.ModeOverlay","Styled.AbsoluteView","TableMode","Styled.IconWrapper","Back2Icon","LottieAnimation","LOTTIE","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 { 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 { INFINITE_MODE_TEXT, TABLE_MODE_LABEL_COLOR, TABLE_REVEAL_ANIMATION } from './constants';\nimport InfiniteButtonCard from './infinite-button/infinite-mode-launcher-button';\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 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 [highlightedInfiniteModeText, setHighlightedInfiniteModeText] = useState<boolean>(false);\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    const infiniteButtonRef = useRef<HTMLDivElement | null>(null);\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 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 handleInfiniteModeSegmentMouseOver = useCallback(() => {\n      setHighlightedInfiniteModeText(true);\n    }, []);\n\n    const handleTableSegmentMouseLeave = useCallback(() => {\n      setLabelColor('WHITE_T_60');\n      !revealTableModes.tableNumber && setHighlightedTable(null);\n      setHighlightedInfiniteModeText(false);\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      if (highlightedInfiniteModeText) {\n        return INFINITE_MODE_TEXT;\n      }\n\n      return highlightedTable ? `${highlightedTable}× Table` : label;\n    }, [highlightedLevel, highlightedTable, highlightedInfiniteModeText, 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      infiniteButtonRef: infiniteButtonRef,\n      startLabelAnimation,\n      stopLabelAnimation,\n      setLabelVisiblity,\n      handleTableSegmentClick,\n      goBackFromTableLevel: goBack,\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            <InfiniteButtonCard\n              onClick={handleInfiniteModeClick}\n              buttonRef={infiniteButtonRef}\n              onMouseLeave={handleTableSegmentMouseLeave}\n              onMouseOver={handleInfiniteModeSegmentMouseOver}\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":["modeRevealAnimationSettings","TablesCardComponent","forwardRef","data","label","onPress","openModesOfTable","defaultTable","onGoBackFromTableLevel","onPressTableSegment","ref","trackEvent","useUIContext","playButtonSound","useCircleSounds","fadeIn","setFadeIn","useState","highlightedTable","setHighlightedTable","highlightedLevel","setHighlightedLevel","highlightedInfiniteModeText","setHighlightedInfiniteModeText","labelColor","setLabelColor","revealTableModes","setRevealTableModes","_a","table","infiniteButtonRef","useRef","showLabel","setShowLabel","isLabelAnimated","setIsLabelAnimated","animatedColor","setAniimatedColor","labelRef","cardRef","rewardStar","setRewardStar","revealAnimationRef","disappearAnimationTimer","handleTableSegmentClick","useCallback","GAME_LAUNCHER_ANALYTICS_EVENTS","handleTableSegmentMouseOver","handleInfiniteModeSegmentMouseOver","handleTableSegmentMouseLeave","goBack","time","TABLE_REVEAL_ANIMATION","showTableModes","handleModeMouseOver","type","level","TABLE_MODE_LABEL_COLOR","handleModeMouseLeave","revealTableModesMemo","useMemo","tableModes","handleInfiniteModeClick","handleNormalModeClick","mode","isStarRewarded","getHighlightedText","INFINITE_MODE_TEXT","startLabelAnimation","color","stopLabelAnimation","setLabelVisiblity","visible","useImperativeHandle","useEffect","jsx","CardContainer","jsxs","Styled.CardWrapper","Styled.TableSegmentsWrapper","InfiniteButtonCard","Styled.TableSegmentCardShadowContainer","index","segmentAngle","currentAngle","Styled.TableSegment","FlexView","star","TableSegmentStar","Separator","GAME_LAUNCHER_SIZE","Styled.TableNumber","Text","GAME_LAUNCHER_SIZE_LARGE","Styled.TableModeContainer","Styled.TableModeWrapper","Styled.AnimatedView","tableMode","React","Styled.ModeOverlay","Styled.AbsoluteView","TableMode","Styled.IconWrapper","Back2Icon","LottieAnimation","LOTTIE","TablesCard","memo"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { ICarouselRefs } from './comps/carousel/carousel-types';\nimport type { ITableCardRef, ITableDetails } from './comps/tables-card/tables-card-types';\nimport type {\n  Game,\n  Lesson,\n  Puzzle,\n} from './dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { JOURNEY_ID_STUDENT } from '../../journey/journey-id/journey-id-student';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { GAME_LAUNCHER_SIZE } from './comps/card-container/constants';\nimport { Carousel } from './comps/carousel/carousel';\nimport { GAME_LAUNCHER_ASSET_PADDING } from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './hooks/use-game-launcher-journey/use-game-launcher-journey';\nimport { useTableInfiniteLauncherJourney } from './hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey';\nimport { useTableLauncherJourney } from './hooks/use-table-launcher-journey/use-table-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({\n    onSegmentClick,\n    journeyId,\n    data,\n    isLoading,\n    isTutorialOnboardingDone,\n    defaultIndex = 0,\n    onJourneyComplete,\n  }) => {\n    const carouselRefs = useRef<ICarouselRefs>(null) as React.RefObject<ICarouselRefs>;\n\n    const tableRef = useRef<ITableCardRef>(null);\n\n    const { isJourneyActive } = useJourney();\n\n    const { playSwipeSound, play } = useCircleSounds();\n\n    const onTableSegmentClick = useCallback(\n      (table: ITableDetails) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(table, ProjectType.TABLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const onTableInfiniteModeClick = useCallback(() => {\n      play(CircleSoundKey.GAME_CARD_CLICK);\n      onSegmentClick({ mode: 'infinite' } as ITableDetails, ProjectType.TABLE);\n    }, [onSegmentClick, play]);\n\n    const handleLessonSegmentClick = useCallback(\n      (lesson: Lesson) => {\n        if (lesson.status !== 'completed') {\n          play(CircleSoundKey.GAME_CARD_CLICK);\n          onSegmentClick(lesson, ProjectType.LESSON);\n        }\n      },\n      [onSegmentClick, play],\n    );\n\n    const handleGameSegmentClick = useCallback(\n      (game: Game) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(game, ProjectType.GAME);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handlePuzzleSegmentClick = useCallback(\n      (puzzle: Puzzle) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(puzzle, ProjectType.PUZZLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney: startLessonPuzzleGamesJourney,\n    } = useGameLauncherJourney({\n      carouselRefs,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const { startJourney: startInfiniteTablesJourney } = useTableInfiniteLauncherJourney({\n      carouselRefs,\n      onTableInfiniteModeClick,\n      onJourneyComplete,\n      originalTableRef: tableRef,\n    });\n\n    const { startJourney: startTablesJourney } = useTableLauncherJourney({\n      carouselRefs,\n      originalTableRef: tableRef,\n      onTableSegmentClick,\n      onJourneyComplete,\n      onNextJourney: startInfiniteTablesJourney,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () => handleLessonSegmentClick(lesson),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => handleGameSegmentClick(game),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => handlePuzzleSegmentClick(puzzle),\n            }))}\n          />,\n        ];\n\n        if (data.tables) {\n          itemTypes = [\n            ...itemTypes,\n            <TablesCard\n              ref={tableRef}\n              label={data.tables.label}\n              data={data.tables.data}\n              onPress={onTableSegmentClick}\n              openModesOfTable={data.tables.openModesOfTable}\n            />,\n          ];\n        }\n      }\n\n      return itemTypes;\n    }, [\n      data,\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      handleLessonSegmentClick,\n      handleGameSegmentClick,\n      handlePuzzleSegmentClick,\n      onTableSegmentClick,\n    ]);\n\n    const sleepyBoiItem = useMemo(\n      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\n      [],\n    );\n\n    // Start game launcher journey only when isLoading has become false and data is available\n    useEffect(() => {\n      if (isLoading || !data || isJourneyActive) {\n        return;\n      }\n\n      if (data?.puzzles && journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        startLessonPuzzleGamesJourney(data?.puzzles, !!data?.lessons);\n\n        return; // CIRCLE_ACTIVITIES_INTRO_JOURNEY has higher priority\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY) {\n        startTablesJourney(data?.tables, isTutorialOnboardingDone);\n\n        return;\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INFINTE_JOURNEY) {\n        startInfiniteTablesJourney();\n\n        return;\n      }\n    }, [\n      data,\n      isJourneyActive,\n      isLoading,\n      isTutorialOnboardingDone,\n      journeyId,\n      startInfiniteTablesJourney,\n      startLessonPuzzleGamesJourney,\n      startTablesJourney,\n    ]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselRefs}\n        items={items}\n        defaultIndex={defaultIndex}\n        onNext={playSwipeSound}\n        onPrev={playSwipeSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","journeyId","data","isLoading","isTutorialOnboardingDone","defaultIndex","onJourneyComplete","carouselRefs","useRef","tableRef","isJourneyActive","useJourney","playSwipeSound","play","useCircleSounds","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","onTableInfiniteModeClick","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","gameRefs","lessonRefs","puzzleRefs","startLessonPuzzleGamesJourney","useGameLauncherJourney","startInfiniteTablesJourney","useTableInfiniteLauncherJourney","startTablesJourney","useTableLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","TablesCard","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","JOURNEY_ID_STUDENT","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}
+{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { ICarouselRefs } from './comps/carousel/carousel-types';\nimport type { ITableCardRef, ITableDetails } from './comps/tables-card/tables-card-types';\nimport type {\n  Game,\n  Lesson,\n  Puzzle,\n} from './dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { JOURNEY_ID_STUDENT } from '../../journey/journey-id/journey-id-student';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { GAME_LAUNCHER_SIZE } from './comps/card-container/constants';\nimport { Carousel } from './comps/carousel/carousel';\nimport { GAME_LAUNCHER_ASSET_PADDING } from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './hooks/use-game-launcher-journey/use-game-launcher-journey';\nimport { useTableInfiniteLauncherJourney } from './hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey';\nimport { useTableLauncherJourney } from './hooks/use-table-launcher-journey/use-table-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({\n    onSegmentClick,\n    journeyId,\n    data,\n    isLoading,\n    isTutorialOnboardingDone,\n    defaultIndex = 0,\n    onJourneyComplete,\n  }) => {\n    const carouselRefs = useRef<ICarouselRefs>(null);\n\n    const tableRef = useRef<ITableCardRef>(null);\n\n    const { isJourneyActive } = useJourney();\n\n    const { playSwipeSound, play } = useCircleSounds();\n\n    const onTableSegmentClick = useCallback(\n      (table: ITableDetails) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(table, ProjectType.TABLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const onTableInfiniteModeClick = useCallback(() => {\n      play(CircleSoundKey.GAME_CARD_CLICK);\n      onSegmentClick({ mode: 'infinite' } as ITableDetails, ProjectType.TABLE);\n    }, [onSegmentClick, play]);\n\n    const handleLessonSegmentClick = useCallback(\n      (lesson: Lesson) => {\n        if (lesson.status !== 'completed') {\n          play(CircleSoundKey.GAME_CARD_CLICK);\n          onSegmentClick(lesson, ProjectType.LESSON);\n        }\n      },\n      [onSegmentClick, play],\n    );\n\n    const handleGameSegmentClick = useCallback(\n      (game: Game) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(game, ProjectType.GAME);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handlePuzzleSegmentClick = useCallback(\n      (puzzle: Puzzle) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(puzzle, ProjectType.PUZZLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney: startLessonPuzzleGamesJourney,\n    } = useGameLauncherJourney({\n      carouselRefs,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const { startJourney: startInfiniteTablesJourney } = useTableInfiniteLauncherJourney({\n      carouselRefs,\n      onTableInfiniteModeClick,\n      onJourneyComplete,\n      originalTableRef: tableRef,\n    });\n\n    const { startJourney: startTablesJourney } = useTableLauncherJourney({\n      carouselRefs,\n      originalTableRef: tableRef,\n      onTableSegmentClick,\n      onJourneyComplete,\n      onNextJourney: startInfiniteTablesJourney,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () => handleLessonSegmentClick(lesson),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => handleGameSegmentClick(game),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => handlePuzzleSegmentClick(puzzle),\n            }))}\n          />,\n        ];\n\n        if (data.tables) {\n          itemTypes = [\n            ...itemTypes,\n            <TablesCard\n              ref={tableRef}\n              label={data.tables.label}\n              data={data.tables.data}\n              onPress={onTableSegmentClick}\n              openModesOfTable={data.tables.openModesOfTable}\n            />,\n          ];\n        }\n      }\n\n      return itemTypes;\n    }, [\n      data,\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      handleLessonSegmentClick,\n      handleGameSegmentClick,\n      handlePuzzleSegmentClick,\n      onTableSegmentClick,\n    ]);\n\n    const sleepyBoiItem = useMemo(\n      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\n      [],\n    );\n\n    // Start game launcher journey only when isLoading has become false and data is available\n    useEffect(() => {\n      if (isLoading || !data || isJourneyActive) {\n        return;\n      }\n\n      if (data?.puzzles && journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        startLessonPuzzleGamesJourney(data?.puzzles, !!data?.lessons);\n\n        return; // CIRCLE_ACTIVITIES_INTRO_JOURNEY has higher priority\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY) {\n        startTablesJourney(data?.tables, isTutorialOnboardingDone);\n\n        return;\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INFINTE_JOURNEY) {\n        startInfiniteTablesJourney();\n\n        return;\n      }\n    }, [\n      data,\n      isJourneyActive,\n      isLoading,\n      isTutorialOnboardingDone,\n      journeyId,\n      startInfiniteTablesJourney,\n      startLessonPuzzleGamesJourney,\n      startTablesJourney,\n    ]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselRefs}\n        items={items}\n        defaultIndex={defaultIndex}\n        onNext={playSwipeSound}\n        onPrev={playSwipeSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","journeyId","data","isLoading","isTutorialOnboardingDone","defaultIndex","onJourneyComplete","carouselRefs","useRef","tableRef","isJourneyActive","useJourney","playSwipeSound","play","useCircleSounds","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","onTableInfiniteModeClick","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","gameRefs","lessonRefs","puzzleRefs","startLessonPuzzleGamesJourney","useGameLauncherJourney","startInfiniteTablesJourney","useTableInfiniteLauncherJourney","startTablesJourney","useTableLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","TablesCard","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","JOURNEY_ID_STUDENT","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}

package/dist/features/circle-games/leaderboard/hooks/use-timer/use-timer.js

@@ -1,6 +1,6 @@
-import { useState as o, useRef as m, useCallback as c, useEffect as a } from "react";
-function f(i) {
-  const [s, t] = o(i), n = m(void 0), e = c(() => {
+import { useState as m, useRef as o, useCallback as c, useEffect as a } from "react";
+function f(s) {
+  const [i, t] = m(s), n = o(), e = c(() => {
     n.current = setInterval(() => {
       t((u) => u + 1e3);
     }, 1e3);
@@ -10,7 +10,7 @@ function f(i) {
   return a(() => (e(), () => {
     r();
   }), [r, e]), [
-    s,
+    i,
     t,
     e,
     r

package/dist/features/circle-games/leaderboard/hooks/use-timer/use-timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-timer.js","sources":["../../../../../../src/features/circle-games/leaderboard/hooks/use-timer/use-timer.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport function useTimer(value: number) {\n  const [timer, setTimer] = useState<number>(value);\n  const timerId = useRef<ReturnType<typeof setInterval>>(undefined);\n\n  const initTimer = useCallback(() => {\n    timerId.current = setInterval(() => {\n      setTimer(prev => prev + 1000);\n    }, 1000);\n  }, []);\n\n  const clearTimer = useCallback(() => {\n    clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    initTimer();\n\n    return () => {\n      clearTimer();\n    };\n  }, [clearTimer, initTimer]);\n\n  return [\n    timer as number,\n    setTimer as Dispatch<SetStateAction<number>>,\n    initTimer,\n    clearTimer,\n  ] as const;\n}\n"],"names":["useTimer","value","timer","setTimer","useState","timerId","useRef","initTimer","useCallback","prev","clearTimer","useEffect"],"mappings":";AAIO,SAASA,EAASC,GAAe;AACtC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBH,CAAK,GAC1CI,IAAUC,EAAuC,MAAS,GAE1DC,IAAYC,EAAY,MAAM;AAC1B,IAAAH,EAAA,UAAU,YAAY,MAAM;AACzB,MAAAF,EAAA,CAAAM,MAAQA,IAAO,GAAI;AAAA,OAC3B,GAAI;AAAA,EACT,GAAG,CAAE,CAAA,GAECC,IAAaF,EAAY,MAAM;AACnC,kBAAcH,EAAQ,OAAO;AAAA,EAC/B,GAAG,CAAE,CAAA;AAEL,SAAAM,EAAU,OACEJ,KAEH,MAAM;AACA,IAAAG;EAAA,IAEZ,CAACA,GAAYH,CAAS,CAAC,GAEnB;AAAA,IACLL;AAAA,IACAC;AAAA,IACAI;AAAA,IACAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-timer.js","sources":["../../../../../../src/features/circle-games/leaderboard/hooks/use-timer/use-timer.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport function useTimer(value: number) {\n  const [timer, setTimer] = useState<number>(value);\n  const timerId = useRef<ReturnType<typeof setInterval>>();\n\n  const initTimer = useCallback(() => {\n    timerId.current = setInterval(() => {\n      setTimer(prev => prev + 1000);\n    }, 1000);\n  }, []);\n\n  const clearTimer = useCallback(() => {\n    clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    initTimer();\n\n    return () => {\n      clearTimer();\n    };\n  }, [clearTimer, initTimer]);\n\n  return [\n    timer as number,\n    setTimer as Dispatch<SetStateAction<number>>,\n    initTimer,\n    clearTimer,\n  ] as const;\n}\n"],"names":["useTimer","value","timer","setTimer","useState","timerId","useRef","initTimer","useCallback","prev","clearTimer","useEffect"],"mappings":";AAIO,SAASA,EAASC,GAAe;AACtC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBH,CAAK,GAC1CI,IAAUC,KAEVC,IAAYC,EAAY,MAAM;AAC1B,IAAAH,EAAA,UAAU,YAAY,MAAM;AACzB,MAAAF,EAAA,CAAAM,MAAQA,IAAO,GAAI;AAAA,OAC3B,GAAI;AAAA,EACT,GAAG,CAAE,CAAA,GAECC,IAAaF,EAAY,MAAM;AACnC,kBAAcH,EAAQ,OAAO;AAAA,EAC/B,GAAG,CAAE,CAAA;AAEL,SAAAM,EAAU,OACEJ,KAEH,MAAM;AACA,IAAAG;EAAA,IAEZ,CAACA,GAAYH,CAAS,CAAC,GAEnB;AAAA,IACLL;AAAA,IACAC;AAAA,IACAI;AAAA,IACAG;AAAA,EAAA;AAEJ;"}

package/dist/features/cue-canvas/cue-canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nimport React, { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\n\nconst CueCanvas: React.FC<ICueCanvas> = memo(\n  ({\n    canvasId,\n    width,\n    height,\n    canRender,\n    onUpdateHeight,\n    initialData,\n    onPublish,\n    onSubscribe,\n    userId,\n    appended,\n    canScribble,\n    userType,\n    renderAs = 'canvas',\n    canvasConfig,\n    updateCanvasConfig,\n  }) => {\n    const canvasElementRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n    const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n    const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n    const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n    const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n    const onUpdateActiveTool = useCallback(\n      (tool: TCueCanvasTool) => {\n        setActiveTool(tool);\n      },\n      [setActiveTool],\n    );\n\n    useHeightExtender({\n      canvasElementRef,\n      cueCanvasRef,\n      canScribble,\n    });\n    useConfigUpdater(canvasConfig, renderAs);\n\n    useEffect(() => {\n      if (canScribble && cueCanvasRef.current) {\n        cueCanvasRef.current.resetViewPort();\n\n        setActiveCueCanvas(cueCanvasRef.current);\n      }\n    }, [canScribble, setActiveCueCanvas]);\n\n    useEffect(() => {\n      if (initialData && cueCanvasRef.current) {\n        cueCanvasRef.current.update(initialData);\n      }\n    }, [initialData]);\n\n    useEffect(() => {\n      if (height && cueCanvasRef.current) {\n        cueCanvasRef.current.resetViewPort();\n      }\n    }, [height, width]);\n\n    useEffect(() => {\n      if (canRender && appended && !cueCanvasRef.current && scriptStatus === 'loaded') {\n        const canvasCreateConfig = getCanvasConfig(width, height, renderAs, userType);\n        const canvasSetting = getCanvasSettings(renderAs, userType);\n        const cueCanvasCore = new CueCanvasCore({\n          onPublish,\n          onSubscribe,\n          onUpdateActiveTool,\n          onUpdateHeight,\n          uploadImageToS3,\n          height,\n          userId,\n          canvasId,\n          userType,\n          renderAs,\n          updateCanvasConfig,\n        });\n\n        const createCueCanvas = async () => {\n          await cueCanvasCore.create({\n            canvasElementRef,\n            canvasConfig: canvasCreateConfig,\n            canvasSetting,\n            initialData,\n          });\n          cueCanvasRef.current = cueCanvasCore;\n\n          if (canScribble) {\n            setActiveCueCanvas(cueCanvasCore);\n          }\n        };\n\n        createCueCanvas();\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended, scriptStatus]);\n\n    useEffect(() => {\n      return () => {\n        if (cueCanvasRef.current) {\n          cueCanvasRef.current.destroy();\n          cueCanvasRef.current = null;\n        }\n      };\n    }, []);\n\n    return (\n      <CueCanvasWrapper\n        id={renderAs === 'whiteboard' ? 'canvasContainer' : canvasId}\n        ref={canvasElementRef}\n        $width={width}\n        $height={height}\n        $canScribble={canScribble}\n        $canRender={canRender}\n        $renderAs={renderAs}\n      />\n    );\n  },\n);\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAkCC;AAAA,EACtC,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAmBC,EAAuB,IAAI,GAC9C,EAAE,mBAAmBC,GAAoB,eAAAC,MAAkBC,EAAoB,GAC/EC,IAAkBC,EAAgB,EAAE,QAAAb,GAAQ,UAAAI,GAAU,UAAAD,GAAU,GAChE,EAAE,cAAAW,MAAiBC,KAEnBC,IAAeR,EAA6B,IAAI,GAEhDS,IAAqBC;AAAA,MACzB,CAACC,MAAyB;AACxB,QAAAT,EAAcS,CAAI;AAAA,MACpB;AAAA,MACA,CAACT,CAAa;AAAA,IAAA;AAGE,WAAAU,EAAA;AAAA,MAChB,kBAAAb;AAAA,MACA,cAAAS;AAAA,MACA,aAAAd;AAAA,IAAA,CACD,GACDmB,EAAiBhB,GAAcD,CAAQ,GAEvCkB,EAAU,MAAM;AACV,MAAApB,KAAec,EAAa,YAC9BA,EAAa,QAAQ,iBAErBP,EAAmBO,EAAa,OAAO;AAAA,IACzC,GACC,CAACd,GAAaO,CAAkB,CAAC,GAEpCa,EAAU,MAAM;AACV,MAAAzB,KAAemB,EAAa,WACjBA,EAAA,QAAQ,OAAOnB,CAAW;AAAA,IACzC,GACC,CAACA,CAAW,CAAC,GAEhByB,EAAU,MAAM;AACV,MAAA5B,KAAUsB,EAAa,WACzBA,EAAa,QAAQ;IACvB,GACC,CAACtB,GAAQD,CAAK,CAAC,GAElB6B,EAAU,MAAM;AACd,UAAI3B,KAAaM,KAAY,CAACe,EAAa,WAAWF,MAAiB,UAAU;AAC/E,cAAMS,IAAqBC,EAAgB/B,GAAOC,GAAQU,GAAUD,CAAQ,GACtEsB,IAAgBC,EAAkBtB,GAAUD,CAAQ,GACpDwB,IAAgB,IAAIC,EAAc;AAAA,UACtC,WAAA9B;AAAA,UACA,aAAAC;AAAA,UACA,oBAAAkB;AAAA,UACA,gBAAArB;AAAA,UACA,iBAAAgB;AAAA,UACA,QAAAlB;AAAA,UACA,QAAAM;AAAA,UACA,UAAAR;AAAA,UACA,UAAAW;AAAA,UACA,UAAAC;AAAA,UACA,oBAAAE;AAAA,QAAA,CACD;AAgBe,SAdQ,YAAY;AAClC,gBAAMqB,EAAc,OAAO;AAAA,YACzB,kBAAApB;AAAA,YACA,cAAcgB;AAAA,YACd,eAAAE;AAAA,YACA,aAAA5B;AAAA,UAAA,CACD,GACDmB,EAAa,UAAUW,GAEnBzB,KACFO,EAAmBkB,CAAa;AAAA,QAClC;MAIJ;AAAA,IAAA,GAEC,CAAC7B,GAAWC,GAAaU,GAAoBd,GAAWM,GAAUa,CAAY,CAAC,GAElFQ,EAAU,MACD,MAAM;AACX,MAAIN,EAAa,YACfA,EAAa,QAAQ,WACrBA,EAAa,UAAU;AAAA,IACzB,GAED,CAAE,CAAA,GAGH,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI1B,MAAa,eAAe,oBAAoBZ;AAAA,QACpD,KAAKe;AAAA,QACL,QAAQd;AAAA,QACR,SAASC;AAAA,QACT,cAAcQ;AAAA,QACd,YAAYP;AAAA,QACZ,WAAWS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjB;AACF,GAEA2B,IAAezC;"}
+{"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\n\nconst CueCanvas: React.FC<ICueCanvas> = memo(\n  ({\n    canvasId,\n    width,\n    height,\n    canRender,\n    onUpdateHeight,\n    initialData,\n    onPublish,\n    onSubscribe,\n    userId,\n    appended,\n    canScribble,\n    userType,\n    renderAs = 'canvas',\n    canvasConfig,\n    updateCanvasConfig,\n  }) => {\n    const canvasElementRef = useRef<HTMLDivElement>(null);\n    const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n    const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n    const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n    const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n    const onUpdateActiveTool = useCallback(\n      (tool: TCueCanvasTool) => {\n        setActiveTool(tool);\n      },\n      [setActiveTool],\n    );\n\n    useHeightExtender({\n      canvasElementRef,\n      cueCanvasRef,\n      canScribble,\n    });\n    useConfigUpdater(canvasConfig, renderAs);\n\n    useEffect(() => {\n      if (canScribble && cueCanvasRef.current) {\n        cueCanvasRef.current.resetViewPort();\n\n        setActiveCueCanvas(cueCanvasRef.current);\n      }\n    }, [canScribble, setActiveCueCanvas]);\n\n    useEffect(() => {\n      if (initialData && cueCanvasRef.current) {\n        cueCanvasRef.current.update(initialData);\n      }\n    }, [initialData]);\n\n    useEffect(() => {\n      if (height && cueCanvasRef.current) {\n        cueCanvasRef.current.resetViewPort();\n      }\n    }, [height, width]);\n\n    useEffect(() => {\n      if (canRender && appended && !cueCanvasRef.current && scriptStatus === 'loaded') {\n        const canvasCreateConfig = getCanvasConfig(width, height, renderAs, userType);\n        const canvasSetting = getCanvasSettings(renderAs, userType);\n        const cueCanvasCore = new CueCanvasCore({\n          onPublish,\n          onSubscribe,\n          onUpdateActiveTool,\n          onUpdateHeight,\n          uploadImageToS3,\n          height,\n          userId,\n          canvasId,\n          userType,\n          renderAs,\n          updateCanvasConfig,\n        });\n\n        const createCueCanvas = async () => {\n          await cueCanvasCore.create({\n            canvasElementRef,\n            canvasConfig: canvasCreateConfig,\n            canvasSetting,\n            initialData,\n          });\n          cueCanvasRef.current = cueCanvasCore;\n\n          if (canScribble) {\n            setActiveCueCanvas(cueCanvasCore);\n          }\n        };\n\n        createCueCanvas();\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended, scriptStatus]);\n\n    useEffect(() => {\n      return () => {\n        if (cueCanvasRef.current) {\n          cueCanvasRef.current.destroy();\n          cueCanvasRef.current = null;\n        }\n      };\n    }, []);\n\n    return (\n      <CueCanvasWrapper\n        id={renderAs === 'whiteboard' ? 'canvasContainer' : canvasId}\n        ref={canvasElementRef}\n        $width={width}\n        $height={height}\n        $canScribble={canScribble}\n        $canRender={canRender}\n        $renderAs={renderAs}\n      />\n    );\n  },\n);\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAkCC;AAAA,EACtC,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAmBC,EAAuB,IAAI,GAC9C,EAAE,mBAAmBC,GAAoB,eAAAC,MAAkBC,EAAoB,GAC/EC,IAAkBC,EAAgB,EAAE,QAAAb,GAAQ,UAAAI,GAAU,UAAAD,GAAU,GAChE,EAAE,cAAAW,MAAiBC,KAEnBC,IAAeR,EAA6B,IAAI,GAEhDS,IAAqBC;AAAA,MACzB,CAACC,MAAyB;AACxB,QAAAT,EAAcS,CAAI;AAAA,MACpB;AAAA,MACA,CAACT,CAAa;AAAA,IAAA;AAGE,WAAAU,EAAA;AAAA,MAChB,kBAAAb;AAAA,MACA,cAAAS;AAAA,MACA,aAAAd;AAAA,IAAA,CACD,GACDmB,EAAiBhB,GAAcD,CAAQ,GAEvCkB,EAAU,MAAM;AACV,MAAApB,KAAec,EAAa,YAC9BA,EAAa,QAAQ,iBAErBP,EAAmBO,EAAa,OAAO;AAAA,IACzC,GACC,CAACd,GAAaO,CAAkB,CAAC,GAEpCa,EAAU,MAAM;AACV,MAAAzB,KAAemB,EAAa,WACjBA,EAAA,QAAQ,OAAOnB,CAAW;AAAA,IACzC,GACC,CAACA,CAAW,CAAC,GAEhByB,EAAU,MAAM;AACV,MAAA5B,KAAUsB,EAAa,WACzBA,EAAa,QAAQ;IACvB,GACC,CAACtB,GAAQD,CAAK,CAAC,GAElB6B,EAAU,MAAM;AACd,UAAI3B,KAAaM,KAAY,CAACe,EAAa,WAAWF,MAAiB,UAAU;AAC/E,cAAMS,IAAqBC,EAAgB/B,GAAOC,GAAQU,GAAUD,CAAQ,GACtEsB,IAAgBC,EAAkBtB,GAAUD,CAAQ,GACpDwB,IAAgB,IAAIC,EAAc;AAAA,UACtC,WAAA9B;AAAA,UACA,aAAAC;AAAA,UACA,oBAAAkB;AAAA,UACA,gBAAArB;AAAA,UACA,iBAAAgB;AAAA,UACA,QAAAlB;AAAA,UACA,QAAAM;AAAA,UACA,UAAAR;AAAA,UACA,UAAAW;AAAA,UACA,UAAAC;AAAA,UACA,oBAAAE;AAAA,QAAA,CACD;AAgBe,SAdQ,YAAY;AAClC,gBAAMqB,EAAc,OAAO;AAAA,YACzB,kBAAApB;AAAA,YACA,cAAcgB;AAAA,YACd,eAAAE;AAAA,YACA,aAAA5B;AAAA,UAAA,CACD,GACDmB,EAAa,UAAUW,GAEnBzB,KACFO,EAAmBkB,CAAa;AAAA,QAClC;MAIJ;AAAA,IAAA,GAEC,CAAC7B,GAAWC,GAAaU,GAAoBd,GAAWM,GAAUa,CAAY,CAAC,GAElFQ,EAAU,MACD,MAAM;AACX,MAAIN,EAAa,YACfA,EAAa,QAAQ,WACrBA,EAAa,UAAU;AAAA,IACzB,GAED,CAAE,CAAA,GAGH,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI1B,MAAa,eAAe,oBAAoBZ;AAAA,QACpD,KAAKe;AAAA,QACL,QAAQd;AAAA,QACR,SAASC;AAAA,QACT,cAAcQ;AAAA,QACd,YAAYP;AAAA,QACZ,WAAWS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjB;AACF,GAEA2B,IAAezC;"}

package/dist/features/cue-canvas/hooks/use-height-extender.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import type { CueCanvasCore } from '../cue-canvas-core';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n  canvasElementRef: React.RefObject<HTMLElement | null>;\n  cueCanvasRef: React.RefObject<CueCanvasCore | null> | undefined;\n  canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n  canvasElementRef,\n  cueCanvasRef,\n  canScribble,\n}: IUseHeightIncreaseProps) => {\n  const isScribblingRef = useRef<boolean>(false);\n  const shouldIncreaseHeightRef = useRef<boolean>(false);\n  const { isWritingToolActive } = useCueCanvasActions();\n\n  const handlePointerDown = useCallback(() => {\n    isScribblingRef.current = true;\n  }, []);\n\n  const handlePointerUp = useCallback(() => {\n    if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n      shouldIncreaseHeightRef.current = false;\n\n      const rect = canvasElementRef.current.getBoundingClientRect();\n      const updatedHeight = rect.height + 200;\n\n      cueCanvasRef?.current?.updateHeight(updatedHeight);\n    }\n\n    isScribblingRef.current = false;\n  }, [canvasElementRef, cueCanvasRef]);\n\n  const handlePointerMove = useCallback(\n    (event: MouseEvent) => {\n      if (isScribblingRef.current && canvasElementRef.current) {\n        const rect = canvasElementRef.current.getBoundingClientRect();\n        const y = event.clientY - rect.top;\n\n        if (y >= rect.height - 200) {\n          shouldIncreaseHeightRef.current = true;\n        }\n      }\n    },\n    [canvasElementRef],\n  );\n\n  useEffect(() => {\n    const canvasEle = canvasElementRef.current;\n\n    if (canScribble && canvasEle && isWritingToolActive) {\n      canvasEle.addEventListener('pointerdown', handlePointerDown);\n      canvasEle.addEventListener('pointerup', handlePointerUp);\n      canvasEle.addEventListener('pointermove', handlePointerMove);\n\n      return () => {\n        canvasEle.removeEventListener('pointerdown', handlePointerDown);\n        canvasEle.removeEventListener('pointerup', handlePointerUp);\n        canvasEle.removeEventListener('pointermove', handlePointerMove);\n      };\n    }\n  }, [\n    canvasElementRef,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    canScribble,\n    isWritingToolActive,\n  ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;AAYA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD,EAAY,MAAM;;AACpC,QAAAT,EAAiB,WAAWK,EAAwB,SAAS;AAC/D,MAAAA,EAAwB,UAAU;AAG5B,YAAAM,IADOX,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,OAAAY,IAAAX,KAAA,gBAAAA,EAAA,YAAA,QAAAW,EAAS,aAAaD;AAAA,IACtC;AAEA,IAAAR,EAAgB,UAAU;AAAA,EAAA,GACzB,CAACH,GAAkBC,CAAY,CAAC,GAE7BY,IAAoBJ;AAAA,IACxB,CAACK,MAAsB;AACjB,UAAAX,EAAgB,WAAWH,EAAiB,SAAS;AACjD,cAAAe,IAAOf,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMc,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBV,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACL,CAAgB;AAAA,EAAA;AAGnB,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAYjB,EAAiB;AAE/B,QAAAE,KAAee,KAAaX;AACpB,aAAAW,EAAA,iBAAiB,eAAeT,CAAiB,GACjDS,EAAA,iBAAiB,aAAaP,CAAe,GAC7CO,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeT,CAAiB,GACpDS,EAAA,oBAAoB,aAAaP,CAAe,GAChDO,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDb;AAAA,IACAQ;AAAA,IACAK;AAAA,IACAH;AAAA,IACAR;AAAA,IACAI;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import type { CueCanvasCore } from '../cue-canvas-core';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n  canvasElementRef: React.RefObject<HTMLElement>;\n  cueCanvasRef: React.RefObject<CueCanvasCore> | undefined;\n  canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n  canvasElementRef,\n  cueCanvasRef,\n  canScribble,\n}: IUseHeightIncreaseProps) => {\n  const isScribblingRef = useRef<boolean>(false);\n  const shouldIncreaseHeightRef = useRef<boolean>(false);\n  const { isWritingToolActive } = useCueCanvasActions();\n\n  const handlePointerDown = useCallback(() => {\n    isScribblingRef.current = true;\n  }, []);\n\n  const handlePointerUp = useCallback(() => {\n    if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n      shouldIncreaseHeightRef.current = false;\n\n      const rect = canvasElementRef.current.getBoundingClientRect();\n      const updatedHeight = rect.height + 200;\n\n      cueCanvasRef?.current?.updateHeight(updatedHeight);\n    }\n\n    isScribblingRef.current = false;\n  }, [canvasElementRef, cueCanvasRef]);\n\n  const handlePointerMove = useCallback(\n    (event: MouseEvent) => {\n      if (isScribblingRef.current && canvasElementRef.current) {\n        const rect = canvasElementRef.current.getBoundingClientRect();\n        const y = event.clientY - rect.top;\n\n        if (y >= rect.height - 200) {\n          shouldIncreaseHeightRef.current = true;\n        }\n      }\n    },\n    [canvasElementRef],\n  );\n\n  useEffect(() => {\n    const canvasEle = canvasElementRef.current;\n\n    if (canScribble && canvasEle && isWritingToolActive) {\n      canvasEle.addEventListener('pointerdown', handlePointerDown);\n      canvasEle.addEventListener('pointerup', handlePointerUp);\n      canvasEle.addEventListener('pointermove', handlePointerMove);\n\n      return () => {\n        canvasEle.removeEventListener('pointerdown', handlePointerDown);\n        canvasEle.removeEventListener('pointerup', handlePointerUp);\n        canvasEle.removeEventListener('pointermove', handlePointerMove);\n      };\n    }\n  }, [\n    canvasElementRef,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    canScribble,\n    isWritingToolActive,\n  ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;AAYA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD,EAAY,MAAM;;AACpC,QAAAT,EAAiB,WAAWK,EAAwB,SAAS;AAC/D,MAAAA,EAAwB,UAAU;AAG5B,YAAAM,IADOX,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,OAAAY,IAAAX,KAAA,gBAAAA,EAAA,YAAA,QAAAW,EAAS,aAAaD;AAAA,IACtC;AAEA,IAAAR,EAAgB,UAAU;AAAA,EAAA,GACzB,CAACH,GAAkBC,CAAY,CAAC,GAE7BY,IAAoBJ;AAAA,IACxB,CAACK,MAAsB;AACjB,UAAAX,EAAgB,WAAWH,EAAiB,SAAS;AACjD,cAAAe,IAAOf,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMc,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBV,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACL,CAAgB;AAAA,EAAA;AAGnB,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAYjB,EAAiB;AAE/B,QAAAE,KAAee,KAAaX;AACpB,aAAAW,EAAA,iBAAiB,eAAeT,CAAiB,GACjDS,EAAA,iBAAiB,aAAaP,CAAe,GAC7CO,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeT,CAAiB,GACpDS,EAAA,oBAAoB,aAAaP,CAAe,GAChDO,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDb;AAAA,IACAQ;AAAA,IACAK;AAAA,IACAH;AAAA,IACAR;AAAA,IACAI;AAAA,EAAA,CACD;AACH;"}