@cuemath/leap 2.8.36-beta-0.1 → 2.8.36-hg1

package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          with_plan: true,\n          course_stream: courseStream,\n          student_id: studentId,\n          in_class: isClassOngoing,\n        }) as const,\n      [isClassOngoing, milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message => message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onReset={onReset}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"mappings":"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"}
+{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          with_plan: true,\n          course_stream: courseStream,\n          student_id: studentId,\n          in_class: isClassOngoing,\n        }) as const,\n      [isClassOngoing, milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n        ],\n        callback: messages => {\n          const milestoneResourceEvent = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n          );\n          const { milestoneId } =\n            (milestoneResourceEvent?.eventPayload as { milestoneId: string }) || {};\n\n          if (milestoneId) {\n            invalidateMilestoneResources(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onReset={onReset}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEvent","message","milestoneId","invalidateMilestoneResources","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"mappings":"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"}

package/dist/features/post-game-stats/accuracy/accuracy-styled.js

@@ -1,20 +1,21 @@
-import o, { keyframes as s, css as r } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t, GAME_LAUNCHER_ASSET_PADDING as a } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-const p = 50 * 84 / 100, c = s`
+import o, { keyframes as r, css as s } from "styled-components";
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as a } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+const p = 50 * 84 / 100, c = r`
   0%{
     opacity: 0;
   }
   100%{
     opacity: 1;
   }
-`, d = s`
+`, d = r`
   0%{
     opacity: 1;
   }
   100%{
     opacity: 0;
   }
-`, f = o.div`
+`, m = o.div`
   height: ${t}px;
   width: ${t}px;
   background: transparent;
@@ -28,40 +29,40 @@ const p = 50 * 84 / 100, c = s`
   position: absolute;
   flex: 1;
   z-index: 1;
-`, m = o.div`
+`, y = o.div`
   height: ${t + a}px;
   width: ${t + a}px;
   position: absolute;
   z-index: 2;
   transform: ${({ $translateX: e = 0, $translateY: i = 0, $rotate: n = 0 }) => `translateX(${e}px) translateY(${i}px) rotate(${n}deg)`};
-`, y = o.div`
+`, A = o.div`
   height: 100%;
   width: 100%;
-`, A = o.div`
+`, h = o.div`
   z-index: 2;
   opacity: 0;
   position: absolute;
-  animation: ${({ $animationType: e, $duration: i, $delay: n }) => r`
+  animation: ${({ $animationType: e, $duration: i, $delay: n }) => s`
     ${e === "fadein" ? c : d} ${i}ms ${n}ms ease forwards
   `};
   transform: translateY(${(t + p) * 84 / 200 + 25}px);
-`, h = o.div`
+`, u = o.div`
   position: absolute;
   z-index: 20;
   display: flex;
   flex-direction: row;
   align-items: flex-end;
 
-  ${({ $animationType: e, $duration: i }) => e && i && r`
+  ${({ $animationType: e, $duration: i }) => e && i && s`
       animation: ${e === "fadein" ? c : d} ${i}ms linear forwards;
     `}
 `;
 export {
-  f as Accuracy,
+  m as Accuracy,
   $ as AccuracyMeterLottie,
-  y as AccuracyNeedleLottie,
-  m as AnimatedAccuracyNeedleContainer,
-  h as PercentTextWrapper,
-  A as TextWrapper
+  A as AccuracyNeedleLottie,
+  y as AnimatedAccuracyNeedleContainer,
+  u as PercentTextWrapper,
+  h as TextWrapper
 };
 //# sourceMappingURL=accuracy-styled.js.map

package/dist/features/post-game-stats/accuracy/accuracy-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"accuracy-styled.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_SIZE,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Accuracy = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const AccuracyMeterLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  flex: 1;\n  z-index: 1;\n`;\n\nexport const AnimatedAccuracyNeedleContainer = styled.div<{\n  $translateX?: number;\n  $translateY?: number;\n  $rotate?: number;\n}>`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n  transform: ${({ $translateX = 0, $translateY = 0, $rotate = 0 }) =>\n    `translateX(${$translateX}px) translateY(${$translateY}px) rotate(${$rotate}deg)`};\n`;\n\nexport const AccuracyNeedleLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n\nexport const PercentTextWrapper = styled.div<{\n  $animationType?: 'fadein' | 'fadeout';\n  $duration?: number;\n}>`\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n\n  ${({ $animationType, $duration }) =>\n    $animationType &&\n    $duration &&\n    css`\n      animation: ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards;\n    `}\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Accuracy","styled","GAME_LAUNCHER_SIZE","AccuracyMeterLottie","GAME_LAUNCHER_ASSET_PADDING","AnimatedAccuracyNeedleContainer","$translateX","$translateY","$rotate","AccuracyNeedleLottie","TextWrapper","$animationType","$duration","$delay","css","PercentTextWrapper"],"mappings":";;AAOA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAWC,EAAO;AAAA,YACnBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAsBF,EAAO;AAAA,YAC9BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAkCJ,EAAO;AAAA,YAK1CC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,eAG5C,CAAC,EAAE,aAAAE,IAAc,GAAG,aAAAC,IAAc,GAAG,SAAAC,IAAU,EAAE,MAC5D,cAAcF,CAAW,kBAAkBC,CAAW,cAAcC,CAAO,MAAM;AAAA,GAGxEC,IAAuBR,EAAO;AAAA;AAAA;AAAA,GAK9BS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBX,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA,GAGlEmB,IAAqBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrC,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,EAAU,MAC7BD,KACAC,KACAE;AAAA,mBACeH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS;AAAA,KACzE;AAAA;"}
+{"version":3,"file":"accuracy-styled.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Accuracy = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const AccuracyMeterLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  flex: 1;\n  z-index: 1;\n`;\n\nexport const AnimatedAccuracyNeedleContainer = styled.div<{\n  $translateX?: number;\n  $translateY?: number;\n  $rotate?: number;\n}>`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n  transform: ${({ $translateX = 0, $translateY = 0, $rotate = 0 }) =>\n    `translateX(${$translateX}px) translateY(${$translateY}px) rotate(${$rotate}deg)`};\n`;\n\nexport const AccuracyNeedleLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n\nexport const PercentTextWrapper = styled.div<{\n  $animationType?: 'fadein' | 'fadeout';\n  $duration?: number;\n}>`\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n\n  ${({ $animationType, $duration }) =>\n    $animationType &&\n    $duration &&\n    css`\n      animation: ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards;\n    `}\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Accuracy","styled","GAME_LAUNCHER_SIZE","AccuracyMeterLottie","GAME_LAUNCHER_ASSET_PADDING","AnimatedAccuracyNeedleContainer","$translateX","$translateY","$rotate","AccuracyNeedleLottie","TextWrapper","$animationType","$duration","$delay","css","PercentTextWrapper"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAWC,EAAO;AAAA,YACnBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAsBF,EAAO;AAAA,YAC9BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAkCJ,EAAO;AAAA,YAK1CC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,eAG5C,CAAC,EAAE,aAAAE,IAAc,GAAG,aAAAC,IAAc,GAAG,SAAAC,IAAU,EAAE,MAC5D,cAAcF,CAAW,kBAAkBC,CAAW,cAAcC,CAAO,MAAM;AAAA,GAGxEC,IAAuBR,EAAO;AAAA;AAAA;AAAA,GAK9BS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBX,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA,GAGlEmB,IAAqBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrC,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,EAAU,MAC7BD,KACAC,KACAE;AAAA,mBACeH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS;AAAA,KACzE;AAAA;"}

package/dist/features/post-game-stats/clock/clock-styled.js

@@ -1,6 +1,7 @@
 import o, { keyframes as e, css as p } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t, GAME_LAUNCHER_ASSET_PADDING as i } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-const c = 50 * 84 / 100, r = e`
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as i } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+const r = 50 * 84 / 100, c = e`
   0%{
     opacity: 0;
   }
@@ -14,7 +15,7 @@ const c = 50 * 84 / 100, r = e`
   100%{
     opacity: 0;
   }
-`, m = o.div`
+`, f = o.div`
   height: ${t}px;
   width: ${t}px;
   background: transparent;
@@ -27,24 +28,24 @@ const c = 50 * 84 / 100, r = e`
   width: ${t + i}px;
   position: absolute;
   z-index: 1;
-`, f = o.div`
+`, h = o.div`
   height: ${t + i}px;
   width: ${t + i}px;
   position: absolute;
   z-index: 2;
-`, h = o.div`
+`, y = o.div`
   z-index: 2;
   opacity: 0;
   position: absolute;
   animation: ${({ $animationType: n, $duration: s, $delay: a }) => p`
-    ${n === "fadein" ? r : d} ${s}ms ${a}ms ease forwards
+    ${n === "fadein" ? c : d} ${s}ms ${a}ms ease forwards
   `};
-  transform: translateY(${(t + c) * 84 / 200 + 25}px);
+  transform: translateY(${(t + r) * 84 / 200 + 25}px);
 `;
 export {
-  m as Clock,
+  f as Clock,
   $ as ClockLottie,
-  f as ClockTimeSpentLottie,
-  h as TextWrapper
+  h as ClockTimeSpentLottie,
+  y as TextWrapper
 };
 //# sourceMappingURL=clock-styled.js.map

package/dist/features/post-game-stats/clock/clock-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"clock-styled.js","sources":["../../../../src/features/post-game-stats/clock/clock-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_SIZE,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Clock = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const ClockLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const ClockTimeSpentLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Clock","styled","GAME_LAUNCHER_SIZE","ClockLottie","GAME_LAUNCHER_ASSET_PADDING","ClockTimeSpentLottie","TextWrapper","$animationType","$duration","$delay","css"],"mappings":";;AAOA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAQC,EAAO;AAAA,YAChBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAcF,EAAO;AAAA,YACtBC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CC,IAAuBJ,EAAO;AAAA,YAC/BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAM,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWV,IAASE,CAAO,IAAIS,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBP,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}
+{"version":3,"file":"clock-styled.js","sources":["../../../../src/features/post-game-stats/clock/clock-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Clock = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const ClockLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const ClockTimeSpentLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Clock","styled","GAME_LAUNCHER_SIZE","ClockLottie","GAME_LAUNCHER_ASSET_PADDING","ClockTimeSpentLottie","TextWrapper","$animationType","$duration","$delay","css"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAQC,EAAO;AAAA,YAChBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAcF,EAAO;AAAA,YACtBC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CC,IAAuBJ,EAAO;AAAA,YAC/BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAM,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWV,IAASE,CAAO,IAAIS,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBP,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}

package/dist/features/post-game-stats/points/points.js

@@ -1,48 +1,49 @@
 import { jsx as N } from "react/jsx-runtime";
 import { memo as P, useEffect as T } from "react";
-import { LOTTIE as t } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as a, GAME_LAUNCHER_ASSET_PADDING as O, GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as c } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-import { useCircleSounds as E } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as f } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
+import { GAME_LAUNCHER_SIZE as a } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as O, GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as c } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { useCircleSounds as f } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
+import { CircleSoundKey as E } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
 import A from "../../ui/lottie-animation/lottie-animation.js";
 const _ = {
-  point1: t.POINT1,
-  point5: t.POINT5,
-  point10: t.POINT10,
-  point15: t.POINT15,
-  point20: t.POINT20,
-  point25: t.POINT25,
-  point30: t.POINT30,
-  point35: t.POINT35,
-  point40: t.POINT40,
-  point45: t.POINT45,
-  point50: t.POINT50,
-  point60: t.POINT60,
-  point100: t.POINT100
+  point1: o.POINT1,
+  point5: o.POINT5,
+  point10: o.POINT10,
+  point15: o.POINT15,
+  point20: o.POINT20,
+  point25: o.POINT25,
+  point30: o.POINT30,
+  point35: o.POINT35,
+  point40: o.POINT40,
+  point45: o.POINT45,
+  point50: o.POINT50,
+  point60: o.POINT60,
+  point100: o.POINT100
 }, r = a + O - c, l = {
   loop: !1,
   autoplay: !0,
   renderer: "canvas"
-}, d = P((p) => {
-  const { point: m = 0, onReveal: n, onComplete: i, show: e } = p, { play: s } = E(), o = _[`point${m}`], I = {
+}, h = P((p) => {
+  const { point: m = 0, onReveal: n, onComplete: i, show: e } = p, { play: s } = f(), t = _[`point${m}`], I = {
     name: "complete",
     callback: i
   };
   return T(() => {
-    o || i(), e && o && (n == null || n());
-  }, [o, i, n, e]), e && o ? /* @__PURE__ */ N(
+    t || i(), e && t && (n == null || n());
+  }, [t, i, n, e]), e && t ? /* @__PURE__ */ N(
     A,
     {
       width: r,
       height: r,
-      src: o,
+      src: t,
       settings: l,
       eventListener: I,
-      onRender: () => s(f.POINTS_AWARDED)
+      onRender: () => s(E.POINTS_AWARDED)
     }
   ) : null;
 });
 export {
-  d as Points
+  h as Points
 };
 //# sourceMappingURL=points.js.map

package/dist/features/post-game-stats/points/points.js.map

@@ -1 +1 @@
-{"version":3,"file":"points.js","sources":["../../../../src/features/post-game-stats/points/points.tsx"],"sourcesContent":["import type { IPointsProps } from './points-types';\nimport type { AnimationEventName } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport { memo, useEffect } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,\n  GAME_LAUNCHER_SIZE,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\n\nconst POINTS_MAP: Record<string, string> = {\n  point1: LOTTIE.POINT1,\n  point5: LOTTIE.POINT5,\n  point10: LOTTIE.POINT10,\n  point15: LOTTIE.POINT15,\n  point20: LOTTIE.POINT20,\n  point25: LOTTIE.POINT25,\n  point30: LOTTIE.POINT30,\n  point35: LOTTIE.POINT35,\n  point40: LOTTIE.POINT40,\n  point45: LOTTIE.POINT45,\n  point50: LOTTIE.POINT50,\n  point60: LOTTIE.POINT60,\n  point100: LOTTIE.POINT100,\n};\nconst animationDimension =\n  GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH;\nconst animationSettings = {\n  loop: false,\n  autoplay: true,\n  renderer: 'canvas',\n};\n\nexport const Points: FC<IPointsProps> = memo(props => {\n  const { point = 0, onReveal, onComplete, show } = props;\n\n  const { play } = useCircleSounds();\n\n  const animationPath = POINTS_MAP[`point${point}`];\n  const animationEventListener = {\n    name: 'complete' as AnimationEventName,\n    callback: onComplete,\n  };\n\n  useEffect(() => {\n    if (!animationPath) onComplete();\n\n    if (show && animationPath) onReveal?.();\n  }, [animationPath, onComplete, onReveal, show]);\n\n  if (show && animationPath) {\n    return (\n      <LottieAnimation\n        width={animationDimension}\n        height={animationDimension}\n        src={animationPath}\n        settings={animationSettings}\n        eventListener={animationEventListener}\n        onRender={() => play(CircleSoundKey.POINTS_AWARDED)}\n      />\n    );\n  }\n\n  return null;\n});\n"],"names":["POINTS_MAP","LOTTIE","animationDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH","animationSettings","Points","memo","props","point","onReveal","onComplete","show","play","useCircleSounds","animationPath","animationEventListener","useEffect","jsx","LottieAnimation","CircleSoundKey"],"mappings":";;;;;;;AAgBA,MAAMA,IAAqC;AAAA,EACzC,QAAQC,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,UAAUA,EAAO;AACnB,GACMC,IACJC,IAAqBC,IAA8BC,GAC/CC,IAAoB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,YAAAC,GAAY,MAAAC,EAAS,IAAAJ,GAE5C,EAAE,MAAAK,MAASC,KAEXC,IAAgBhB,EAAW,QAAQU,CAAK,EAAE,GAC1CO,IAAyB;AAAA,IAC7B,MAAM;AAAA,IACN,UAAUL;AAAA,EAAA;AASZ,SANAM,EAAU,MAAM;AACV,IAACF,KAA0BJ,KAE3BC,KAAQG,MAA0BL,KAAA,QAAAA;AAAA,KACrC,CAACK,GAAeJ,GAAYD,GAAUE,CAAI,CAAC,GAE1CA,KAAQG,IAER,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOlB;AAAA,MACP,QAAQA;AAAA,MACR,KAAKc;AAAA,MACL,UAAUV;AAAA,MACV,eAAeW;AAAA,MACf,UAAU,MAAMH,EAAKO,EAAe,cAAc;AAAA,IAAA;AAAA,EAAA,IAKjD;AACT,CAAC;"}
+{"version":3,"file":"points.js","sources":["../../../../src/features/post-game-stats/points/points.tsx"],"sourcesContent":["import type { IPointsProps } from './points-types';\nimport type { AnimationEventName } from 'lottie-web';\nimport type { FC } from 'react';\n\nimport { memo, useEffect } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\n\nconst POINTS_MAP: Record<string, string> = {\n  point1: LOTTIE.POINT1,\n  point5: LOTTIE.POINT5,\n  point10: LOTTIE.POINT10,\n  point15: LOTTIE.POINT15,\n  point20: LOTTIE.POINT20,\n  point25: LOTTIE.POINT25,\n  point30: LOTTIE.POINT30,\n  point35: LOTTIE.POINT35,\n  point40: LOTTIE.POINT40,\n  point45: LOTTIE.POINT45,\n  point50: LOTTIE.POINT50,\n  point60: LOTTIE.POINT60,\n  point100: LOTTIE.POINT100,\n};\nconst animationDimension =\n  GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH;\nconst animationSettings = {\n  loop: false,\n  autoplay: true,\n  renderer: 'canvas',\n};\n\nexport const Points: FC<IPointsProps> = memo(props => {\n  const { point = 0, onReveal, onComplete, show } = props;\n\n  const { play } = useCircleSounds();\n\n  const animationPath = POINTS_MAP[`point${point}`];\n  const animationEventListener = {\n    name: 'complete' as AnimationEventName,\n    callback: onComplete,\n  };\n\n  useEffect(() => {\n    if (!animationPath) onComplete();\n\n    if (show && animationPath) onReveal?.();\n  }, [animationPath, onComplete, onReveal, show]);\n\n  if (show && animationPath) {\n    return (\n      <LottieAnimation\n        width={animationDimension}\n        height={animationDimension}\n        src={animationPath}\n        settings={animationSettings}\n        eventListener={animationEventListener}\n        onRender={() => play(CircleSoundKey.POINTS_AWARDED)}\n      />\n    );\n  }\n\n  return null;\n});\n"],"names":["POINTS_MAP","LOTTIE","animationDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH","animationSettings","Points","memo","props","point","onReveal","onComplete","show","play","useCircleSounds","animationPath","animationEventListener","useEffect","jsx","LottieAnimation","CircleSoundKey"],"mappings":";;;;;;;;AAgBA,MAAMA,IAAqC;AAAA,EACzC,QAAQC,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,UAAUA,EAAO;AACnB,GACMC,IACJC,IAAqBC,IAA8BC,GAC/CC,IAAoB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,YAAAC,GAAY,MAAAC,EAAS,IAAAJ,GAE5C,EAAE,MAAAK,MAASC,KAEXC,IAAgBhB,EAAW,QAAQU,CAAK,EAAE,GAC1CO,IAAyB;AAAA,IAC7B,MAAM;AAAA,IACN,UAAUL;AAAA,EAAA;AASZ,SANAM,EAAU,MAAM;AACV,IAACF,KAA0BJ,KAE3BC,KAAQG,MAA0BL,KAAA,QAAAA;AAAA,KACrC,CAACK,GAAeJ,GAAYD,GAAUE,CAAI,CAAC,GAE1CA,KAAQG,IAER,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOlB;AAAA,MACP,QAAQA;AAAA,MACR,KAAKc;AAAA,MACL,UAAUV;AAAA,MACV,eAAeW;AAAA,MACf,UAAU,MAAMH,EAAKO,EAAe,cAAc;AAAA,IAAA;AAAA,EAAA,IAKjD;AACT,CAAC;"}

package/dist/features/post-game-stats/post-game-stats-styled.js

@@ -1,5 +1,5 @@
 import o from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as t } from "../circle-games/game-launcher/comps/card-container/constants.js";
 const n = o.div`
   flex: 1;
   position: absolute;

package/dist/features/post-game-stats/post-game-stats-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-game-stats-styled.js","sources":["../../../src/features/post-game-stats/post-game-stats-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nexport const StatsWrapper = styled.div`\n  flex: 1;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  display: flex;\n`;\n\nexport const BlackBg = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-radius: ${GAME_LAUNCHER_SIZE / 2}px;\n  position: absolute;\n  z-index: -1;\n`;\n"],"names":["StatsWrapper","styled","BlackBg","GAME_LAUNCHER_SIZE","theme"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBtBC,IAAUD,EAAO;AAAA,YAClBE,CAAkB;AAAA,WACnBA,CAAkB;AAAA,gBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,mBAChCD,IAAqB,CAAC;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"post-game-stats-styled.js","sources":["../../../src/features/post-game-stats/post-game-stats-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../circle-games/game-launcher/comps/card-container/constants';\n\nexport const StatsWrapper = styled.div`\n  flex: 1;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  display: flex;\n`;\n\nexport const BlackBg = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-radius: ${GAME_LAUNCHER_SIZE / 2}px;\n  position: absolute;\n  z-index: -1;\n`;\n"],"names":["StatsWrapper","styled","BlackBg","GAME_LAUNCHER_SIZE","theme"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBtBC,IAAUD,EAAO;AAAA,YAClBE,CAAkB;AAAA,WACnBA,CAAkB;AAAA,gBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,mBAChCD,IAAqB,CAAC;AAAA;AAAA;AAAA;"}

package/dist/features/post-game-stats/streak/streak-styled.js

@@ -1,8 +1,9 @@
 import i, { keyframes as r, css as s } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t, GAME_LAUNCHER_ASSET_PADDING as n } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as n } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
 import c from "../../ui/text/text.js";
 import { STREAK_TOP_GREEN_SEGMENT_HEIGHT as o, STREAK_CONTAINER_TOP_OFFSET as x } from "./constants.js";
-const f = 50 * 84 / 100, p = r`
+const m = 50 * 84 / 100, p = r`
   0%{
     opacity: 0;
   }
@@ -16,7 +17,7 @@ const f = 50 * 84 / 100, p = r`
   100%{
     opacity: 0;
   }
-`, g = i.div`
+`, S = i.div`
   height: ${t}px;
   width: ${t}px;
   background: transparent;
@@ -24,18 +25,18 @@ const f = 50 * 84 / 100, p = r`
   justify-content: center;
   align-items: center;
   position: relative;
-`, S = i.div`
+`, u = i.div`
   position: absolute;
   border-radius: ${Math.ceil((t + n) / 2)}px;
   height: ${t + n}px;
   width: ${t + n}px;
   z-index: 0;
-`, u = i.div`
+`, y = i.div`
   height: ${t + n}px;
   width: ${t + n}px;
   position: absolute;
   z-index: 2;
-`, y = i.div`
+`, _ = i.div`
   position: absolute;
   top: ${o}px;
   z-index: 2;
@@ -47,7 +48,7 @@ const f = 50 * 84 / 100, p = r`
   display: flex;
   flex-direction: column;
   align-items: center;
-`, _ = i.div`
+`, A = i.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -55,7 +56,7 @@ const f = 50 * 84 / 100, p = r`
   height: ${(t - o) * 2}px;
   transition: ${({ $translateDuration: e }) => `all ${e}ms linear`};
   transform: ${({ $translate: e }) => e ? "translateY(-100%)" : "translateY(0%)"};
-`, A = i(c)`
+`, T = i(c)`
   font-size: 123px;
   line-height: 123px;
   text-align: center;
@@ -64,21 +65,21 @@ const f = 50 * 84 / 100, p = r`
   display: flex;
   align-items: center;
   justify-content: center;
-`, T = i.div`
+`, k = i.div`
   z-index: 2;
   opacity: 0;
   animation: ${({ $animationType: e, $duration: a, $delay: d }) => s`
     ${e === "fadein" ? p : l} ${a}ms ${d}ms ease forwards
   `};
-  transform: translateY(${(t + f) * 84 / 200 + 25}px);
+  transform: translateY(${(t + m) * 84 / 200 + 25}px);
 `;
 export {
-  S as SVGImgContainer,
-  g as Streak,
-  u as StreakLottieView,
-  A as StreakValue,
-  _ as StreakValueContainer,
-  y as StreakValueWrapper,
-  T as TextWrapper
+  u as SVGImgContainer,
+  S as Streak,
+  y as StreakLottieView,
+  T as StreakValue,
+  A as StreakValueContainer,
+  _ as StreakValueWrapper,
+  k as TextWrapper
 };
 //# sourceMappingURL=streak-styled.js.map

package/dist/features/post-game-stats/streak/streak-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"streak-styled.js","sources":["../../../../src/features/post-game-stats/streak/streak-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_SIZE,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport Text from '../../ui/text/text';\nimport { STREAK_CONTAINER_TOP_OFFSET, STREAK_TOP_GREEN_SEGMENT_HEIGHT } from './constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Streak = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const SVGImgContainer = styled.div`\n  position: absolute;\n  border-radius: ${Math.ceil((GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING) / 2)}px;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  z-index: 0;\n`;\n\nexport const StreakLottieView = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const StreakValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  position: absolute;\n  top: ${STREAK_TOP_GREEN_SEGMENT_HEIGHT}px;\n  z-index: 2;\n  height: ${GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT - STREAK_CONTAINER_TOP_OFFSET}px;\n  animation: ${({ $animationType, $duration }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards\n  `};\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const StreakValueContainer = styled.div<{\n  $translate: boolean;\n  $translateDuration: number;\n}>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: ${(GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT) * 2}px;\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms linear`};\n  transform: ${({ $translate }) => ($translate ? 'translateY(-100%)' : 'translateY(0%)')};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Streak","styled","GAME_LAUNCHER_SIZE","SVGImgContainer","GAME_LAUNCHER_ASSET_PADDING","StreakLottieView","StreakValueWrapper","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_TOP_OFFSET","$animationType","$duration","css","StreakValueContainer","$translateDuration","$translate","StreakValue","Text","TextWrapper","$delay"],"mappings":";;;;AASA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAASC,EAAO;AAAA,YACjBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAkBF,EAAO;AAAA;AAAA,mBAEnB,KAAK,MAAMC,IAAqBE,KAA+B,CAAC,CAAC;AAAA,YACxEF,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA,GAI9CC,IAAmBJ,EAAO;AAAA,YAC3BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BL,IAAqBK,IAAkCC,CAA2B;AAAA,eAC/E,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAuBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAQ9BC,IAAqBK,KAAmC,CAAC;AAAA,gBACtD,CAAC,EAAE,oBAAAM,EAAyB,MAAA,OAAOA,CAAkB,WAAW;AAAA,eACjE,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,sBAAsB,gBAAiB;AAAA,GAG3EC,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWzBC,IAAchB,EAAO;AAAA;AAAA;AAAA,eAOnB,CAAC,EAAE,gBAAAQ,GAAgB,WAAAC,GAAW,QAAAQ,QAAaP;AAAA,MACpDF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS,MAAMQ,CAAM;AAAA,GAC1E;AAAA,2BACyBhB,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}
+{"version":3,"file":"streak-styled.js","sources":["../../../../src/features/post-game-stats/streak/streak-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport Text from '../../ui/text/text';\nimport { STREAK_CONTAINER_TOP_OFFSET, STREAK_TOP_GREEN_SEGMENT_HEIGHT } from './constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Streak = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n`;\n\nexport const SVGImgContainer = styled.div`\n  position: absolute;\n  border-radius: ${Math.ceil((GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING) / 2)}px;\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  z-index: 0;\n`;\n\nexport const StreakLottieView = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const StreakValueWrapper = styled.div<{\n  $duration: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  position: absolute;\n  top: ${STREAK_TOP_GREEN_SEGMENT_HEIGHT}px;\n  z-index: 2;\n  height: ${GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT - STREAK_CONTAINER_TOP_OFFSET}px;\n  animation: ${({ $animationType, $duration }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards\n  `};\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const StreakValueContainer = styled.div<{\n  $translate: boolean;\n  $translateDuration: number;\n}>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: ${(GAME_LAUNCHER_SIZE - STREAK_TOP_GREEN_SEGMENT_HEIGHT) * 2}px;\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms linear`};\n  transform: ${({ $translate }) => ($translate ? 'translateY(-100%)' : 'translateY(0%)')};\n`;\n\nexport const StreakValue = styled(Text)`\n  font-size: 123px;\n  line-height: 123px;\n  text-align: center;\n  height: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Streak","styled","GAME_LAUNCHER_SIZE","SVGImgContainer","GAME_LAUNCHER_ASSET_PADDING","StreakLottieView","StreakValueWrapper","STREAK_TOP_GREEN_SEGMENT_HEIGHT","STREAK_CONTAINER_TOP_OFFSET","$animationType","$duration","css","StreakValueContainer","$translateDuration","$translate","StreakValue","Text","TextWrapper","$delay"],"mappings":";;;;;AAOA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAASC,EAAO;AAAA,YACjBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAkBF,EAAO;AAAA;AAAA,mBAEnB,KAAK,MAAMC,IAAqBE,KAA+B,CAAC,CAAC;AAAA,YACxEF,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA,GAI9CC,IAAmBJ,EAAO;AAAA,YAC3BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAqBL,EAAO;AAAA;AAAA,SAKhCM,CAA+B;AAAA;AAAA,YAE5BL,IAAqBK,IAAkCC,CAA2B;AAAA,eAC/E,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAAgBC;AAAA,MAC5CF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS;AAAA,GAC9D;AAAA;AAAA;AAAA;AAAA;AAAA,GAOUE,IAAuBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAQ9BC,IAAqBK,KAAmC,CAAC;AAAA,gBACtD,CAAC,EAAE,oBAAAM,EAAyB,MAAA,OAAOA,CAAkB,WAAW;AAAA,eACjE,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,sBAAsB,gBAAiB;AAAA,GAG3EC,IAAcd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWzBC,IAAchB,EAAO;AAAA;AAAA;AAAA,eAOnB,CAAC,EAAE,gBAAAQ,GAAgB,WAAAC,GAAW,QAAAQ,QAAaP;AAAA,MACpDF,MAAmB,WAAWZ,IAASE,CAAO,IAAIW,CAAS,MAAMQ,CAAM;AAAA,GAC1E;AAAA,2BACyBhB,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}

package/dist/features/trial-session/comps/trial-circle-game/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/constants.ts"],"sourcesContent":["import { ProjectType } from '../../../circle-games/games/web-view/enums';\n\nexport const GAME_CONTAINER_HEIGHT = 530;\nexport const GAME_CONTAINER_WIDTH = 336;\n\nexport const label: Record<ProjectType, string> = {\n  [ProjectType.GAME]: 'Game Time!',\n  [ProjectType.PUZZLE]: 'Puzzle Time!',\n  [ProjectType.LESSON]: 'Mental Math',\n};\n"],"names":["GAME_CONTAINER_HEIGHT","GAME_CONTAINER_WIDTH","ProjectType"],"mappings":";AAEO,MAAMA,IAAwB,KACxBC,IAAuB;AAGjCC,EAAY,OAAZ,IACAA,EAAY,SAAZ,IACAA,EAAY,SAAZ;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/constants.ts"],"sourcesContent":["import { ProjectType } from '../../../circle-games/games/web-view/enums';\n\nexport const GAME_CONTAINER_HEIGHT = 530;\nexport const GAME_CONTAINER_WIDTH = 336;\n\nexport const label: Omit<Record<ProjectType, string>, 'table'> = {\n  [ProjectType.GAME]: 'Game Time!',\n  [ProjectType.PUZZLE]: 'Puzzle Time!',\n  [ProjectType.LESSON]: 'Mental Math',\n};\n"],"names":["GAME_CONTAINER_HEIGHT","GAME_CONTAINER_WIDTH","ProjectType"],"mappings":";AAEO,MAAMA,IAAwB,KACxBC,IAAuB;AAGjCC,EAAY,OAAZ,IACAA,EAAY,SAAZ,IACAA,EAAY,SAAZ;"}

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-circle-game.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game.tsx"],"sourcesContent":["import type { GameId, LessonId, PuzzleId } from '../../../circle-games/games/web-view/enums';\nimport type {\n  ILessonWebGameProps,\n  IMultiplayerWebGameProps,\n  IPlayer,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n} from '../../../circle-games/games/web-view/web-view-types';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { getTimeStrInFormatHMS } from '../../../../helpers/date-time';\nimport { ProjectType } from '../../../circle-games/games/web-view/enums';\nimport { useWebViewGames } from '../../../circle-games/games/web-view/hooks/use-webview-games';\nimport { WebView } from '../../../circle-games/games/web-view/web-view';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport { TrialCircleGameLaunchScreen } from './trial-circle-game-launch-screen/trial-circle-game-launch-screen';\nimport * as Styled from './trial-circle-game-styled';\n\nconst PROJECT_TYPE_MAP: Partial<Record<TrialPageId, ProjectType>> = {\n  [TrialPageId.CIRCLE_GAME]: ProjectType.GAME,\n  [TrialPageId.CIRCLE_PUZZLE]: ProjectType.PUZZLE,\n  [TrialPageId.CIRCLE_SKILL]: ProjectType.LESSON,\n};\n\nconst TrialCircleGame = memo(() => {\n  const { slideConfig, trialGameUrl, circleGames, formData, handleInfoMessage, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    showCircleGameScreen = true,\n    isCircleGamePlayed = false,\n    isCirclePuzzleSolved = false,\n    isCircleSkillCompleted = false,\n    accuracyStr = '',\n    totalTimeTaken = 0,\n    matchmakingId,\n  } = formData || {};\n  const webViewRef = useRef<HTMLIFrameElement>(null);\n  const { playGame } = useWebViewGames({ webViewRef });\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { header, id } = slideConfig;\n  const projectType = PROJECT_TYPE_MAP[id];\n  const { circleConfig, playerDetails } = circleGames;\n  const { games, puzzles, lessons } = circleConfig ?? {};\n\n  const isPlayed = useMemo(() => {\n    const playedStats: Record<ProjectType, boolean> = {\n      [ProjectType.GAME]: isCircleGamePlayed,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved,\n      [ProjectType.LESSON]: isCircleSkillCompleted,\n    };\n\n    return playedStats;\n  }, [isCircleGamePlayed, isCirclePuzzleSolved, isCircleSkillCompleted]);\n\n  const assetUrl = useMemo(() => {\n    const url: Record<ProjectType, string> = {\n      [ProjectType.GAME]: isCircleGamePlayed ? games.game_card : games.tutorial,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved ? puzzles.game_card : puzzles.tutorial,\n      [ProjectType.LESSON]: isCircleSkillCompleted ? lessons.game_card : lessons.tutorial,\n    };\n\n    return projectType ? url[projectType] : '';\n  }, [\n    projectType,\n    games.game_card,\n    games.tutorial,\n    puzzles.game_card,\n    puzzles.tutorial,\n    lessons.game_card,\n    lessons.tutorial,\n    isCircleGamePlayed,\n    isCirclePuzzleSolved,\n    isCircleSkillCompleted,\n  ]);\n\n  const descriptionHeader = useMemo(() => {\n    if (projectType === ProjectType.PUZZLE && isCirclePuzzleSolved) {\n      return \"You've solved it!\";\n    }\n\n    return '';\n  }, [projectType, isCirclePuzzleSolved]);\n\n  const { circle_username, userId, grade, user_avatar, playerType } = playerDetails ?? {};\n\n  const playerData: IPlayer = {\n    id: userId,\n    username: circle_username,\n    grade: grade,\n    avatar: user_avatar,\n    playerType,\n  };\n\n  const projectDetails = useMemo(() => {\n    const commonConfig = {\n      joinByRoomId: matchmakingId,\n      enableCloseButton: false,\n      enablePlayerTurnIndicators: true,\n      enableSync: true,\n    };\n\n    if (projectType === ProjectType.GAME) {\n      return {\n        ...commonConfig,\n        projectId: games.project_id as GameId,\n        variant: games.variant,\n        projectType: ProjectType.GAME,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (projectType === ProjectType.PUZZLE) {\n      return {\n        ...commonConfig,\n        projectId: puzzles.project_id as PuzzleId,\n        variant: puzzles.variant,\n        question: puzzles.question,\n        askHintPermission: false,\n        projectType: ProjectType.PUZZLE,\n      } as IPuzzleWebGameProps;\n    }\n\n    return {\n      ...commonConfig,\n      projectId: lessons.project_id as LessonId,\n      variant: lessons.variant,\n      miniGameIdentifier: lessons.mini_game_identifier,\n      sessionId: lessons.session_id,\n      targetQuestions: lessons.target_questions,\n      projectType: ProjectType.LESSON,\n    } as ILessonWebGameProps;\n\n    // return commonConfig;\n  }, [games, puzzles, lessons, projectType, matchmakingId]);\n\n  const onGameLoad = useCallback(() => {\n    setIsLoading(false);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setIsLoading(true);\n    if (\n      projectType === ProjectType.GAME ||\n      projectType === ProjectType.PUZZLE ||\n      projectType === ProjectType.LESSON\n    ) {\n      updateSlideConfig({ showCircleGameScreen: true, matchmakingId: uuidv4() });\n    }\n  }, [projectType, updateSlideConfig]);\n\n  const onPlay = useCallback(() => {\n    updateSlideConfig({ showCircleGameScreen: false, accuracyStr: '', totalTimeTaken: 0 });\n  }, [updateSlideConfig]);\n\n  const handleGameFinish = useCallback(\n    (playerStats: IPlayerStats) => {\n      setIsLoading(true);\n      if (projectType === ProjectType.LESSON) {\n        updateSlideConfig({\n          accuracyStr: playerStats.value,\n          totalTimeTaken: playerStats.timeSpent,\n          isCircleSkillCompleted: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.GAME) {\n        updateSlideConfig({\n          isCircleGamePlayed: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.PUZZLE) {\n        updateSlideConfig({\n          isCirclePuzzleSolved: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      }\n    },\n    [updateSlideConfig, projectType],\n  );\n\n  const getCustEle = useCallback(() => {\n    if (accuracyStr && totalTimeTaken) {\n      return (\n        <>\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Finished in\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {getTimeStrInFormatHMS(totalTimeTaken)}\n            </Text>\n          </FlexView>\n          <Separator height={20} />\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Accuracy:\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {accuracyStr}\n            </Text>\n          </FlexView>\n        </>\n      );\n    }\n\n    return null;\n  }, [accuracyStr, totalTimeTaken]);\n\n  useEffect(() => {\n    if (!isLoading && !showCircleGameScreen) {\n      playGame();\n    }\n  }, [showCircleGameScreen, playGame, isLoading]);\n\n  return (\n    <Styled.GameContainer>\n      <Separator height={16} />\n      <Text $renderAs=\"ah3-bold\" $color=\"WHITE_T_87\" $align=\"center\" $marginBottom={16}>\n        {header}\n      </Text>\n      <Styled.GameWrapper>\n        {showCircleGameScreen && (\n          <Styled.GameLaunchOverlay>\n            <TrialCircleGameLaunchScreen\n              assetUrl={assetUrl}\n              assetUrlType={assetUrl.endsWith('mp4') ? 'video' : 'lottie'}\n              descriptionHeader={descriptionHeader}\n              playerType={playerType}\n              isLoading={isLoading}\n              isGamePlayed={(projectType && isPlayed[projectType]) ?? false}\n              onPlay={onPlay}\n              custEle={projectType === ProjectType.LESSON ? getCustEle() : undefined}\n              celebrationText={projectType && isPlayed[projectType] ? 'WELL DONE!' : ''}\n            />\n          </Styled.GameLaunchOverlay>\n        )}\n        {matchmakingId && (\n          <WebView\n            key={matchmakingId}\n            ref={webViewRef}\n            height=\"100%\"\n            width=\"100%\"\n            baseUrl={trialGameUrl}\n            playerDetails={playerData}\n            projectDetails={projectDetails}\n            onGameLoad={onGameLoad}\n            onBack={handleBack}\n            handleInfoMessage={handleInfoMessage}\n            onGamePlayFinish={handleGameFinish}\n            parentDomain={window.location.origin}\n          />\n        )}\n      </Styled.GameWrapper>\n    </Styled.GameContainer>\n  );\n});\n\nexport default TrialCircleGame;\n"],"names":["PROJECT_TYPE_MAP","TrialPageId","ProjectType","TrialCircleGame","memo","slideConfig","trialGameUrl","circleGames","formData","handleInfoMessage","updateSlideConfig","useTrialSessionContext","showCircleGameScreen","isCircleGamePlayed","isCirclePuzzleSolved","isCircleSkillCompleted","accuracyStr","totalTimeTaken","matchmakingId","webViewRef","useRef","playGame","useWebViewGames","isLoading","setIsLoading","useState","header","id","projectType","circleConfig","playerDetails","games","puzzles","lessons","isPlayed","useMemo","assetUrl","url","descriptionHeader","circle_username","userId","grade","user_avatar","playerType","playerData","projectDetails","commonConfig","onGameLoad","useCallback","handleBack","uuidv4","onPlay","handleGameFinish","playerStats","getCustEle","jsxs","Fragment","FlexView","jsx","Text","Separator","getTimeStrInFormatHMS","useEffect","Styled.GameContainer","Styled.GameWrapper","Styled.GameLaunchOverlay","TrialCircleGameLaunchScreen","WebView"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAMA,KAA8D;AAAA,EAClE,CAACC,EAAY,WAAW,GAAGC,EAAY;AAAA,EACvC,CAACD,EAAY,aAAa,GAAGC,EAAY;AAAA,EACzC,CAACD,EAAY,YAAY,GAAGC,EAAY;AAC1C,GAEMC,KAAkBC,EAAK,MAAM;AAC3B,QAAA,EAAE,aAAAC,GAAa,cAAAC,GAAc,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,GAAmB,mBAAAC,MAC3EC,MACI;AAAA,IACJ,sBAAAC,IAAuB;AAAA,IACvB,oBAAAC,IAAqB;AAAA,IACrB,sBAAAC,IAAuB;AAAA,IACvB,wBAAAC,IAAyB;AAAA,IACzB,aAAAC,IAAc;AAAA,IACd,gBAAAC,IAAiB;AAAA,IACjB,eAAAC;AAAA,EAAA,IACEV,KAAY,CAAA,GACVW,IAAaC,EAA0B,IAAI,GAC3C,EAAE,UAAAC,EAAS,IAAIC,GAAgB,EAAE,YAAAH,EAAY,CAAA,GAC7C,CAACI,GAAWC,CAAY,IAAIC,GAAS,EAAI,GAEzC,EAAE,QAAAC,GAAQ,IAAAC,EAAO,IAAAtB,GACjBuB,IAAc5B,GAAiB2B,CAAE,GACjC,EAAE,cAAAE,GAAc,eAAAC,EAAkB,IAAAvB,GAClC,EAAE,OAAAwB,GAAO,SAAAC,GAAS,SAAAC,EAAQ,IAAIJ,KAAgB,CAAA,GAE9CK,IAAWC,EAAQ,OAC2B;AAAA,IAChD,CAACjC,EAAY,IAAI,GAAGW;AAAA,IACpB,CAACX,EAAY,MAAM,GAAGY;AAAA,IACtB,CAACZ,EAAY,MAAM,GAAGa;AAAA,EAAA,IAIvB,CAACF,GAAoBC,GAAsBC,CAAsB,CAAC,GAE/DqB,IAAWD,EAAQ,MAAM;AAC7B,UAAME,IAAmC;AAAA,MACvC,CAACnC,EAAY,IAAI,GAAGW,IAAqBkB,EAAM,YAAYA,EAAM;AAAA,MACjE,CAAC7B,EAAY,MAAM,GAAGY,IAAuBkB,EAAQ,YAAYA,EAAQ;AAAA,MACzE,CAAC9B,EAAY,MAAM,GAAGa,IAAyBkB,EAAQ,YAAYA,EAAQ;AAAA,IAAA;AAGtE,WAAAL,IAAcS,EAAIT,CAAW,IAAI;AAAA,EAAA,GACvC;AAAA,IACDA;AAAA,IACAG,EAAM;AAAA,IACNA,EAAM;AAAA,IACNC,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACRC,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACRpB;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD,GAEKuB,IAAoBH,EAAQ,MAC5BP,MAAgB1B,EAAY,UAAUY,IACjC,sBAGF,IACN,CAACc,GAAad,CAAoB,CAAC,GAEhC,EAAE,iBAAAyB,GAAiB,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,GAAa,YAAAC,EAAW,IAAIb,KAAiB,IAE/Ec,IAAsB;AAAA,IAC1B,IAAIJ;AAAA,IACJ,UAAUD;AAAA,IACV,OAAAE;AAAA,IACA,QAAQC;AAAA,IACR,YAAAC;AAAA,EAAA,GAGIE,IAAiBV,EAAQ,MAAM;AACnC,UAAMW,IAAe;AAAA,MACnB,cAAc5B;AAAA,MACd,mBAAmB;AAAA,MACnB,4BAA4B;AAAA,MAC5B,YAAY;AAAA,IAAA;AAGV,WAAAU,MAAgB1B,EAAY,OACvB;AAAA,MACL,GAAG4C;AAAA,MACH,WAAWf,EAAM;AAAA,MACjB,SAASA,EAAM;AAAA,MACf,aAAa7B,EAAY;AAAA,IAAA,IAIzB0B,MAAgB1B,EAAY,SACvB;AAAA,MACL,GAAG4C;AAAA,MACH,WAAWd,EAAQ;AAAA,MACnB,SAASA,EAAQ;AAAA,MACjB,UAAUA,EAAQ;AAAA,MAClB,mBAAmB;AAAA,MACnB,aAAa9B,EAAY;AAAA,IAAA,IAItB;AAAA,MACL,GAAG4C;AAAA,MACH,WAAWb,EAAQ;AAAA,MACnB,SAASA,EAAQ;AAAA,MACjB,oBAAoBA,EAAQ;AAAA,MAC5B,WAAWA,EAAQ;AAAA,MACnB,iBAAiBA,EAAQ;AAAA,MACzB,aAAa/B,EAAY;AAAA,IAAA;AAAA,EAC3B,GAGC,CAAC6B,GAAOC,GAASC,GAASL,GAAaV,CAAa,CAAC,GAElD6B,IAAaC,EAAY,MAAM;AACnC,IAAAxB,EAAa,EAAK;AAAA,EACpB,GAAG,CAAE,CAAA,GAECyB,IAAaD,EAAY,MAAM;AACnC,IAAAxB,EAAa,EAAI,IAEfI,MAAgB1B,EAAY,QAC5B0B,MAAgB1B,EAAY,UAC5B0B,MAAgB1B,EAAY,WAE5BQ,EAAkB,EAAE,sBAAsB,IAAM,eAAewC,KAAU;AAAA,EAC3E,GACC,CAACtB,GAAalB,CAAiB,CAAC,GAE7ByC,IAASH,EAAY,MAAM;AAC/B,IAAAtC,EAAkB,EAAE,sBAAsB,IAAO,aAAa,IAAI,gBAAgB,GAAG;AAAA,EAAA,GACpF,CAACA,CAAiB,CAAC,GAEhB0C,IAAmBJ;AAAA,IACvB,CAACK,MAA8B;AAC7B,MAAA7B,EAAa,EAAI,GACbI,MAAgB1B,EAAY,SACZQ,EAAA;AAAA,QAChB,aAAa2C,EAAY;AAAA,QACzB,gBAAgBA,EAAY;AAAA,QAC5B,wBAAwB;AAAA,QACxB,sBAAsB;AAAA,QACtB,eAAeH,EAAO;AAAA,MAAA,CACvB,IACQtB,MAAgB1B,EAAY,OACnBQ,EAAA;AAAA,QAChB,oBAAoB;AAAA,QACpB,sBAAsB;AAAA,QACtB,eAAewC,EAAO;AAAA,MAAA,CACvB,IACQtB,MAAgB1B,EAAY,UACnBQ,EAAA;AAAA,QAChB,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,eAAewC,EAAO;AAAA,MAAA,CACvB;AAAA,IAEL;AAAA,IACA,CAACxC,GAAmBkB,CAAW;AAAA,EAAA,GAG3B0B,IAAaN,EAAY,MACzBhC,KAAeC,IAGb,gBAAAsC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAAE,GAAA,EAAS,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,eAAA;AAAA,MACA,gBAAAD,EAACE,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,MACrB,gBAAAF,EAACC,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAE,GAAsB5C,CAAc,GACvC;AAAA,IAAA,GACF;AAAA,IACA,gBAAAyC,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,aAAA;AAAA,MACA,gBAAAD,EAACE,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,wBACpBD,GAAK,EAAA,WAAU,YAAW,QAAO,SAC/B,UACH3C,GAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA,IAIG,MACN,CAACA,GAAaC,CAAc,CAAC;AAEhC,SAAA6C,GAAU,MAAM;AACV,IAAA,CAACvC,KAAa,CAACX,KACRS;EAEV,GAAA,CAACT,GAAsBS,GAAUE,CAAS,CAAC,GAG5C,gBAAAgC,EAACQ,IAAA,EACC,UAAA;AAAA,IAAC,gBAAAL,EAAAE,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAF,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,QAAO,UAAS,eAAe,IAC3E,UACHjC,EAAA,CAAA;AAAA,IACA,gBAAA6B,EAACS,IAAA,EACE,UAAA;AAAA,MACCpD,KAAA,gBAAA8C,EAACO,IAAA,EACC,UAAA,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,UAAA9B;AAAA,UACA,cAAcA,EAAS,SAAS,KAAK,IAAI,UAAU;AAAA,UACnD,mBAAAE;AAAA,UACA,YAAAK;AAAA,UACA,WAAApB;AAAA,UACA,eAAeK,KAAeM,EAASN,CAAW,MAAM;AAAA,UACxD,QAAAuB;AAAA,UACA,SAASvB,MAAgB1B,EAAY,SAASoD,MAAe;AAAA,UAC7D,iBAAiB1B,KAAeM,EAASN,CAAW,IAAI,eAAe;AAAA,QAAA;AAAA,MAAA,GAE3E;AAAA,MAEDV,KACC,gBAAAwC;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,KAAKhD;AAAA,UACL,QAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASb;AAAA,UACT,eAAesC;AAAA,UACf,gBAAAC;AAAA,UACA,YAAAE;AAAA,UACA,QAAQE;AAAA,UACR,mBAAAxC;AAAA,UACA,kBAAkB2C;AAAA,UAClB,cAAc,OAAO,SAAS;AAAA,QAAA;AAAA,QAXzBlC;AAAA,MAYP;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"trial-circle-game.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game.tsx"],"sourcesContent":["import type {\n  ILessonWebGameProps,\n  IMultiplayerWebGameProps,\n  IPlayer,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n} from '../../../circle-games/games/web-view/web-view-types';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { getTimeStrInFormatHMS } from '../../../../helpers/date-time';\nimport { ProjectType } from '../../../circle-games/games/web-view/enums';\nimport { useWebViewGames } from '../../../circle-games/games/web-view/hooks/use-webview-games';\nimport { WebView } from '../../../circle-games/games/web-view/web-view';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport { TrialCircleGameLaunchScreen } from './trial-circle-game-launch-screen/trial-circle-game-launch-screen';\nimport * as Styled from './trial-circle-game-styled';\n\nconst PROJECT_TYPE_MAP: Partial<Record<TrialPageId, Omit<ProjectType, ProjectType.TABLE>>> = {\n  [TrialPageId.CIRCLE_GAME]: ProjectType.GAME,\n  [TrialPageId.CIRCLE_PUZZLE]: ProjectType.PUZZLE,\n  [TrialPageId.CIRCLE_SKILL]: ProjectType.LESSON,\n};\n\nconst TrialCircleGame = memo(() => {\n  const { slideConfig, trialGameUrl, circleGames, formData, handleInfoMessage, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    showCircleGameScreen = true,\n    isCircleGamePlayed = false,\n    isCirclePuzzleSolved = false,\n    isCircleSkillCompleted = false,\n    accuracyStr = '',\n    totalTimeTaken = 0,\n    matchmakingId,\n  } = formData || {};\n  const webViewRef = useRef<HTMLIFrameElement>(null);\n  const { playGame } = useWebViewGames({ webViewRef });\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { header, id } = slideConfig;\n  const projectType = PROJECT_TYPE_MAP[id];\n  const { circleConfig, playerDetails } = circleGames;\n  const { games, puzzles, lessons } = circleConfig ?? {};\n\n  const isPlayed = useMemo(() => {\n    const playedStats = {\n      [ProjectType.GAME]: isCircleGamePlayed,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved,\n      [ProjectType.LESSON]: isCircleSkillCompleted,\n    };\n\n    return playedStats;\n  }, [isCircleGamePlayed, isCirclePuzzleSolved, isCircleSkillCompleted]);\n\n  const assetUrl = useMemo(() => {\n    const url: Omit<Record<ProjectType, string>, ProjectType.TABLE> = {\n      [ProjectType.GAME]: isCircleGamePlayed ? games.game_card : games.tutorial,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved ? puzzles.game_card : puzzles.tutorial,\n      [ProjectType.LESSON]: isCircleSkillCompleted ? lessons.game_card : lessons.tutorial,\n    };\n\n    return projectType\n      ? url[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n      : '';\n  }, [\n    projectType,\n    games.game_card,\n    games.tutorial,\n    puzzles.game_card,\n    puzzles.tutorial,\n    lessons.game_card,\n    lessons.tutorial,\n    isCircleGamePlayed,\n    isCirclePuzzleSolved,\n    isCircleSkillCompleted,\n  ]);\n\n  const descriptionHeader = useMemo(() => {\n    if (projectType === ProjectType.PUZZLE && isCirclePuzzleSolved) {\n      return \"You've solved it!\";\n    }\n\n    return '';\n  }, [projectType, isCirclePuzzleSolved]);\n\n  const { circle_username, userId, grade, user_avatar, playerType } = playerDetails ?? {};\n\n  const playerData: IPlayer = {\n    id: userId,\n    username: circle_username,\n    grade: grade,\n    avatar: user_avatar,\n    playerType,\n  };\n\n  const projectDetails = useMemo(() => {\n    const commonConfig = {\n      joinByRoomId: matchmakingId,\n      enableCloseButton: false,\n      enablePlayerTurnIndicators: true,\n      enableSync: true,\n    };\n\n    if (projectType === ProjectType.GAME) {\n      return {\n        ...commonConfig,\n        projectId: games.project_id,\n        variant: games.variant,\n        projectType: ProjectType.GAME,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (projectType === ProjectType.PUZZLE) {\n      return {\n        ...commonConfig,\n        projectId: puzzles.project_id,\n        variant: puzzles.variant,\n        question: puzzles.question,\n        askHintPermission: false,\n        projectType: ProjectType.PUZZLE,\n      } as IPuzzleWebGameProps;\n    }\n\n    return {\n      ...commonConfig,\n      projectId: lessons.project_id,\n      variant: lessons.variant,\n      miniGameIdentifier: lessons.mini_game_identifier,\n      sessionId: lessons.session_id,\n      targetQuestions: lessons.target_questions,\n      projectType: ProjectType.LESSON,\n    } as ILessonWebGameProps;\n\n    // return commonConfig;\n  }, [games, puzzles, lessons, projectType, matchmakingId]);\n\n  const onGameLoad = useCallback(() => {\n    setIsLoading(false);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setIsLoading(true);\n    if (\n      projectType === ProjectType.GAME ||\n      projectType === ProjectType.PUZZLE ||\n      projectType === ProjectType.LESSON\n    ) {\n      updateSlideConfig({ showCircleGameScreen: true, matchmakingId: uuidv4() });\n    }\n  }, [projectType, updateSlideConfig]);\n\n  const onPlay = useCallback(() => {\n    updateSlideConfig({ showCircleGameScreen: false, accuracyStr: '', totalTimeTaken: 0 });\n  }, [updateSlideConfig]);\n\n  const handleGameFinish = useCallback(\n    (playerStats: IPlayerStats) => {\n      setIsLoading(true);\n      if (projectType === ProjectType.LESSON) {\n        updateSlideConfig({\n          accuracyStr: playerStats.value,\n          totalTimeTaken: playerStats.timeSpent,\n          isCircleSkillCompleted: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.GAME) {\n        updateSlideConfig({\n          isCircleGamePlayed: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.PUZZLE) {\n        updateSlideConfig({\n          isCirclePuzzleSolved: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      }\n    },\n    [updateSlideConfig, projectType],\n  );\n\n  const getCustEle = useCallback(() => {\n    if (accuracyStr && totalTimeTaken) {\n      return (\n        <>\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Finished in\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {getTimeStrInFormatHMS(totalTimeTaken)}\n            </Text>\n          </FlexView>\n          <Separator height={20} />\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Accuracy:\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {accuracyStr}\n            </Text>\n          </FlexView>\n        </>\n      );\n    }\n\n    return null;\n  }, [accuracyStr, totalTimeTaken]);\n\n  useEffect(() => {\n    if (!isLoading && !showCircleGameScreen) {\n      playGame();\n    }\n  }, [showCircleGameScreen, playGame, isLoading]);\n\n  return (\n    <Styled.GameContainer>\n      <Separator height={16} />\n      <Text $renderAs=\"ah3-bold\" $color=\"WHITE_T_87\" $align=\"center\" $marginBottom={16}>\n        {header}\n      </Text>\n      <Styled.GameWrapper>\n        {showCircleGameScreen && (\n          <Styled.GameLaunchOverlay>\n            <TrialCircleGameLaunchScreen\n              assetUrl={assetUrl}\n              assetUrlType={assetUrl.endsWith('mp4') ? 'video' : 'lottie'}\n              descriptionHeader={descriptionHeader}\n              playerType={playerType}\n              isLoading={isLoading}\n              isGamePlayed={\n                (projectType &&\n                  isPlayed[\n                    projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>\n                  ]) ??\n                false\n              }\n              onPlay={onPlay}\n              custEle={projectType === ProjectType.LESSON ? getCustEle() : undefined}\n              celebrationText={\n                projectType &&\n                isPlayed[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n                  ? 'WELL DONE!'\n                  : ''\n              }\n            />\n          </Styled.GameLaunchOverlay>\n        )}\n        {matchmakingId && (\n          <WebView\n            key={matchmakingId}\n            ref={webViewRef}\n            height=\"100%\"\n            width=\"100%\"\n            baseUrl={trialGameUrl}\n            playerDetails={playerData}\n            projectDetails={projectDetails}\n            onGameLoad={onGameLoad}\n            onBack={handleBack}\n            handleInfoMessage={handleInfoMessage}\n            onGamePlayFinish={handleGameFinish}\n            parentDomain={window.location.origin}\n          />\n        )}\n      </Styled.GameWrapper>\n    </Styled.GameContainer>\n  );\n});\n\nexport default TrialCircleGame;\n"],"names":["PROJECT_TYPE_MAP","TrialPageId","ProjectType","TrialCircleGame","memo","slideConfig","trialGameUrl","circleGames","formData","handleInfoMessage","updateSlideConfig","useTrialSessionContext","showCircleGameScreen","isCircleGamePlayed","isCirclePuzzleSolved","isCircleSkillCompleted","accuracyStr","totalTimeTaken","matchmakingId","webViewRef","useRef","playGame","useWebViewGames","isLoading","setIsLoading","useState","header","id","projectType","circleConfig","playerDetails","games","puzzles","lessons","isPlayed","useMemo","assetUrl","url","descriptionHeader","circle_username","userId","grade","user_avatar","playerType","playerData","projectDetails","commonConfig","onGameLoad","useCallback","handleBack","uuidv4","onPlay","handleGameFinish","playerStats","getCustEle","jsxs","Fragment","FlexView","jsx","Text","Separator","getTimeStrInFormatHMS","useEffect","Styled.GameContainer","Styled.GameWrapper","Styled.GameLaunchOverlay","TrialCircleGameLaunchScreen","WebView"],"mappings":"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"}

package/dist/features/ui/grade-selector/grade-tab.js

@@ -1,27 +1,27 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useCallback as n } from "react";
-import p from "../tab/tab.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useCallback as c } from "react";
+import d from "../tab/tab.js";
 const u = ({
-  renderAs: o = "primary",
-  size: t = "regular",
-  label: a,
+  renderAs: a = "primary",
+  size: o = "regular",
+  label: t,
   selected: i,
-  width: m,
+  width: s,
   onSelect: r,
   grade: e
 }) => {
-  const s = n(() => {
+  const l = c(() => {
     r(e);
   }, [e, r]);
-  return /* @__PURE__ */ l(
-    p,
+  return /* @__PURE__ */ m(
+    d,
     {
-      label: a,
+      label: t,
       $selected: i,
-      $width: m,
-      $renderAs: o,
-      $size: t,
-      onClick: s
+      $width: s,
+      $renderAs: a,
+      $size: o,
+      onClick: l
     }
   );
 };

package/dist/features/ui/grade-selector/grade-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-tab.js","sources":["../../../../src/features/ui/grade-selector/grade-tab.tsx"],"sourcesContent":["import type { IGradeTabProps } from './grade-selector-types';\n\nimport React, { useCallback } from 'react';\n\nimport Tab from '../tab/tab';\n\nconst GradeTab: React.FC<IGradeTabProps> = ({\n  renderAs = 'primary',\n  size = 'regular',\n  label,\n  selected,\n  width,\n  onSelect,\n  grade,\n}) => {\n  const handleClick = useCallback(() => {\n    onSelect(grade);\n  }, [grade, onSelect]);\n\n  return (\n    <Tab\n      label={label}\n      $selected={selected}\n      $width={width}\n      $renderAs={renderAs}\n      $size={size}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default GradeTab;\n"],"names":["GradeTab","renderAs","size","label","selected","width","onSelect","grade","handleClick","useCallback","jsx","Tab"],"mappings":";;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAH,EAASC,CAAK;AAAA,EAAA,GACb,CAACA,GAAOD,CAAQ,CAAC;AAGlB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,WAAWJ;AAAA,MACX,OAAOC;AAAA,MACP,SAASM;AAAA,IAAA;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"grade-tab.js","sources":["../../../../src/features/ui/grade-selector/grade-tab.tsx"],"sourcesContent":["import type { IGradeTabProps } from './grade-selector-types';\n\nimport React, { useCallback } from 'react';\n\nimport Tab from '../tab/tab';\n\nconst GradeTab: React.FC<IGradeTabProps> = ({\n  renderAs = 'primary',\n  size = 'regular',\n  label,\n  selected,\n  width,\n  onSelect,\n  grade,\n}) => {\n  const handleClick = useCallback(() => {\n    onSelect(grade);\n  }, [grade, onSelect]);\n\n  return (\n    <Tab\n      label={label}\n      $selected={selected}\n      $width={width}\n      $renderAs={renderAs}\n      $size={size}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default GradeTab;\n"],"names":["GradeTab","renderAs","size","label","selected","width","onSelect","grade","handleClick","useCallback","jsx","Tab"],"mappings":";;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAH,EAASC,CAAK;AAAA,EAAA,GACb,CAACA,GAAOD,CAAQ,CAAC;AAGlB,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,WAAWJ;AAAA,MACX,OAAOC;AAAA,MACP,SAASM;AAAA,IAAA;AAAA,EAAA;AAGf;"}