@cuemath/leap 2.8.35 → 2.8.36-hg1

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

@@ -0,0 +1 @@
+{"version":3,"file":"tables-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/tables-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type {\n  ITableInfo,\n  TTableMode,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { ITablesCardProps } from './tables-card-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Back2Icon from '../../../../../assets/line-icons/icons/back2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { CardContainer } from '../card-container/card-container';\nimport { GAME_LAUNCHER_SIZE, GAME_LAUNCHER_SIZE_LARGE } from '../card-container/constants';\nimport { TABLE_MODE_LABEL_COLOR, TABLE_REVEAL_ANIMATION } from './constants';\nimport TableMode from './table-mode/table-mode';\nimport * as Styled from './tables-card-styled';\n\nconst animationSettings = {\n  loop: false,\n  autoplay: false,\n  render: 'svg',\n};\n\nexport const TablesCard: FC<ITablesCardProps> = memo(({ data, label, onPress }) => {\n  const { playButtonSound } = useCircleSounds();\n  const [fadeIn, setFadeIn] = useState(true);\n  const [highlightedTable, setHighlightedTable] = useState<number | null>(null);\n  const [highlightedLevel, setHighlightedLevel] = useState<number | null>(null);\n  const [labelColor, setLabelColor] = useState<TColorNames>('WHITE_T_60');\n  const [revealTableModes, setRevealTableModes] = useState<ITableInfo>({\n    stars: [],\n    tableNumber: 0,\n  });\n\n  const revealAnimationRef = useRef<ILottieAnimationRef | null>(null);\n  const disappearAnimationTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  const handleTableSegmentClick = useCallback(\n    (table: ITableInfo) => {\n      playButtonSound();\n      setFadeIn(true);\n      setHighlightedTable(table.tableNumber);\n      setRevealTableModes({ ...table });\n    },\n    [playButtonSound],\n  );\n\n  const handleTableSegmentMouseOver = useCallback((table: ITableInfo) => {\n    setLabelColor('WHITE_T_87');\n    setHighlightedTable(table.tableNumber);\n  }, []);\n\n  const handleTableSegmentMouseLeave = useCallback(() => {\n    setLabelColor('WHITE_T_60');\n    !revealTableModes.tableNumber && setHighlightedTable(null);\n  }, [revealTableModes.tableNumber]);\n\n  const goBack = useCallback(() => {\n    playButtonSound();\n    setFadeIn(false);\n    setHighlightedTable(null);\n    const time = (TABLE_REVEAL_ANIMATION.DISAPPEAR[1] - TABLE_REVEAL_ANIMATION.DISAPPEAR[0]) / 30;\n\n    revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.DISAPPEAR, true);\n    disappearAnimationTimer.current = setTimeout(() => {\n      setRevealTableModes({ stars: [], tableNumber: 0 });\n    }, time * 1000);\n  }, [playButtonSound]);\n\n  const showTableModes = useCallback(() => {\n    revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.REVEAL, true);\n  }, []);\n\n  const handleModeMouseOver = useCallback((type: TTableMode) => {\n    const level: Partial<Record<TTableMode, number>> = {\n      sequence: 1,\n      random: 2,\n      advance: 3,\n    };\n\n    setLabelColor(TABLE_MODE_LABEL_COLOR[type] ?? 'WHITE_T_60');\n    setHighlightedLevel(level[type] ?? 0);\n  }, []);\n\n  const handleModeMouseLeave = useCallback(() => {\n    setHighlightedLevel(null);\n    setLabelColor('WHITE_T_60');\n  }, []);\n\n  const revealTableModesMemo = useMemo(() => revealTableModes, [revealTableModes]);\n\n  const tableModes = useMemo(() => {\n    return [\n      {\n        top: 20,\n        left: 10.5,\n        type: 'sequence' as TTableMode,\n        tableNumber: revealTableModesMemo.tableNumber,\n        isStarAchieved: revealTableModesMemo.stars.includes('sequence'),\n        onClick: () => onPress({ mode: 'sequence', tableNumber: revealTableModesMemo.tableNumber }),\n        semicirclePosiiionTop: '-19%',\n        semicirclePosiiionLeft: '-43%',\n        semicircleHoverColor: '#B259004D',\n      },\n      {\n        top: 20,\n        left: 65.5,\n        type: 'random' as TTableMode,\n        tableNumber: revealTableModesMemo.tableNumber,\n        isStarAchieved: revealTableModesMemo.stars.includes('random'),\n        onClick: () => onPress({ mode: 'random', tableNumber: revealTableModesMemo.tableNumber }),\n        semicirclePosiiionTop: '-19%',\n        semicirclePosiiionLeft: '65%',\n        semicircleHoverColor: '#0055CC4D',\n      },\n      {\n        top: 66,\n        left: 38,\n        type: 'advance' as TTableMode,\n        tableNumber: revealTableModesMemo.tableNumber,\n        isStarAchieved: revealTableModesMemo.stars.includes('advance'),\n        onClick: () => onPress({ mode: 'advance', tableNumber: revealTableModesMemo.tableNumber }),\n        semicirclePosiiionTop: '74%',\n        semicirclePosiiionLeft: '11%',\n        semicircleHoverColor: '#A9099C4D',\n      },\n    ];\n  }, [revealTableModesMemo.tableNumber, revealTableModesMemo.stars, onPress]);\n\n  const handleInfiniteModeClick = useCallback(() => {\n    onPress({\n      mode: 'infinite',\n      infiniteModeHighScore: data.infiniteModeHighScore,\n    });\n  }, [onPress, data.infiniteModeHighScore]);\n\n  const handleNormalModeClick = useCallback(\n    (mode: TTableMode) => {\n      onPress({\n        mode,\n        tableNumber: revealTableModes.tableNumber,\n      });\n    },\n    [onPress, revealTableModes.tableNumber],\n  );\n\n  const getHighlightedText = useCallback(() => {\n    if (highlightedLevel) {\n      return `${highlightedTable}× LEVEL${highlightedLevel}`;\n    }\n\n    return highlightedTable ? `${highlightedTable}× Table` : label;\n  }, [highlightedLevel, highlightedTable, label]);\n\n  useEffect(() => {\n    return () => {\n      disappearAnimationTimer.current && clearTimeout(disappearAnimationTimer.current);\n    };\n  }, []);\n\n  return (\n    <CardContainer\n      strokeColor=\"WHITE\"\n      label={getHighlightedText()}\n      isAnimated={false}\n      labelColor={labelColor}\n    >\n      <Styled.CardWrapper>\n        {/* table selection */}\n        <Styled.TableSegmentsWrapper>\n          {/* infinite button */}\n          <Styled.InfiniteButtonWrapper onClick={handleInfiniteModeClick}>\n            <Styled.AbsoluteView>\n              <LottieAnimation src={LOTTIE.INFINITE_BUTTON_BG} />\n            </Styled.AbsoluteView>\n            <Styled.AbsoluteView>\n              <LottieAnimation src={LOTTIE.INFINITE_BUTTON_SYMBOL} />\n            </Styled.AbsoluteView>\n          </Styled.InfiniteButtonWrapper>\n\n          {/* card shadow */}\n          <Styled.TableSegmentCardShadowContainer />\n\n          {/* table segments */}\n          {data.tableList.map((table, index) => {\n            const segmentAngle = 360 / data.tableList.length;\n            const startAngle = -(90 + 360 / (2 * data.tableList.length));\n            const currentAngle = startAngle + segmentAngle * (index + 1);\n\n            return (\n              <Styled.TableSegment\n                key={index}\n                $angle={currentAngle}\n                $totalSegments={data.tableList.length}\n                $zIndex={index + 1}\n                onClick={() => handleTableSegmentClick(table)}\n                onMouseOver={() => handleTableSegmentMouseOver(table)}\n                onMouseLeave={handleTableSegmentMouseLeave}\n              >\n                <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n                  {['sequence', 'random', 'advance'].map(star => (\n                    <Styled.TableStar\n                      key={star}\n                      $isStarAchieved={table.stars.includes(star as TTableMode)}\n                    />\n                  ))}\n                  <Separator width={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 22 : 14} />\n\n                  <Styled.TableNumber $angle={-currentAngle}>\n                    <Text\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={highlightedTable === table.tableNumber ? 'BLACK_1' : 'WHITE'}\n                    >\n                      {table.tableNumber}\n                    </Text>\n                  </Styled.TableNumber>\n                </FlexView>\n              </Styled.TableSegment>\n            );\n          })}\n        </Styled.TableSegmentsWrapper>\n\n        {/* table modes */}\n        {revealTableModes.tableNumber > 0 && (\n          <Styled.TableModeContainer>\n            <Styled.TableModeWrapper>\n              {/* tables modes with back button */}\n              <Styled.AnimatedView animation={fadeIn ? 'fade-in' : 'fade-out'}>\n                {tableModes.map((tableMode, index) => (\n                  <>\n                    <Styled.ModeOverlay\n                      key={index + 'modeoverlay'}\n                      $top={tableMode.semicirclePosiiionTop}\n                      $left={tableMode.semicirclePosiiionLeft}\n                      $hoverColor={tableMode.semicircleHoverColor}\n                      onClick={() => (fadeIn ? handleNormalModeClick(tableMode.type) : undefined)}\n                      onMouseOver={() =>\n                        fadeIn ? handleModeMouseOver(tableMode.type as TTableMode) : undefined\n                      }\n                      onMouseLeave={fadeIn ? handleModeMouseLeave : undefined}\n                    />\n                    <Styled.AbsoluteView\n                      key={index + 'modes'}\n                      $top={tableMode.top}\n                      $left={tableMode.left}\n                      onClick={fadeIn ? tableMode.onClick : undefined}\n                      $isPointerEventsNone={true}\n                    >\n                      <TableMode\n                        tableNumber={tableMode.tableNumber}\n                        isStarAchieved={tableMode.isStarAchieved}\n                        type={tableMode.type as TTableMode}\n                      />\n                    </Styled.AbsoluteView>\n                  </>\n                ))}\n                {/* back button */}\n                <Styled.AbsoluteView $top={50} $left={50} $alignCenter={true}>\n                  <Styled.IconWrapper>\n                    <Back2Icon\n                      onClick={goBack}\n                      height={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 40 : 32}\n                      width={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 40 : 32}\n                    />\n                  </Styled.IconWrapper>\n                </Styled.AbsoluteView>\n              </Styled.AnimatedView>\n\n              {/* overlay lottie for modes */}\n              <LottieAnimation\n                src={LOTTIE.TABLE_MODE_REVEAL}\n                ref={revealAnimationRef}\n                settings={animationSettings}\n                onRender={showTableModes}\n              />\n            </Styled.TableModeWrapper>\n          </Styled.TableModeContainer>\n        )}\n      </Styled.CardWrapper>\n    </CardContainer>\n  );\n});\n"],"names":["animationSettings","TablesCard","memo","data","label","onPress","playButtonSound","useCircleSounds","fadeIn","setFadeIn","useState","highlightedTable","setHighlightedTable","highlightedLevel","setHighlightedLevel","labelColor","setLabelColor","revealTableModes","setRevealTableModes","revealAnimationRef","useRef","disappearAnimationTimer","handleTableSegmentClick","useCallback","table","handleTableSegmentMouseOver","handleTableSegmentMouseLeave","goBack","time","TABLE_REVEAL_ANIMATION","_a","showTableModes","handleModeMouseOver","type","level","TABLE_MODE_LABEL_COLOR","handleModeMouseLeave","revealTableModesMemo","useMemo","tableModes","handleInfiniteModeClick","handleNormalModeClick","mode","getHighlightedText","useEffect","jsx","CardContainer","jsxs","Styled.CardWrapper","Styled.TableSegmentsWrapper","Styled.InfiniteButtonWrapper","Styled.AbsoluteView","LottieAnimation","LOTTIE","Styled.TableSegmentCardShadowContainer","index","segmentAngle","currentAngle","Styled.TableSegment","FlexView","star","Styled.TableStar","Separator","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","Styled.TableNumber","Text","Styled.TableModeContainer","Styled.TableModeWrapper","Styled.AnimatedView","tableMode","Fragment","Styled.ModeOverlay","TableMode","Styled.IconWrapper","Back2Icon"],"mappings":"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"}

package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js

@@ -1,17 +1,17 @@
-import { useState as E, useCallback as d, useEffect as p } from "react";
-import { useGetCircleHomeAPI as C } from "../../api/get-content-for-today/get-circle-home-api.js";
-import { ProjectType as i } from "../../../games/web-view/enums/project-type-enum.js";
+import { useState as p, useCallback as E, useEffect as R } from "react";
+import { useGetCircleHomeAPI as u } from "../../api/get-content-for-today/get-circle-home-api.js";
+import { ProjectType as s } from "../../../games/web-view/enums/project-type-enum.js";
 const O = (r, o, n) => {
-  const [c, _] = E(null), { data: a, get: m, isProcessed: e, ...l } = C(), R = d(() => {
-    m("", {
+  const [m, l] = p(null), { data: a, get: c, isProcessed: i, ..._ } = u(), d = E(() => {
+    c("", {
       user_id: r,
       country_code: o,
       grade: n
     });
-  }, [m, r, o, n]);
-  return p(() => {
-    let s = null;
-    e && a && (s = {
+  }, [c, r, o, n]);
+  return R(() => {
+    let e = null;
+    i && a && (e = {
       points: a.points,
       streakDays: a.streak_days,
       streakStatus: a.streak_status,
@@ -19,7 +19,7 @@ const O = (r, o, n) => {
       projects: {
         games: {
           label: a.projects.games.label,
-          type: i.GAME,
+          type: s.GAME,
           initialProgressValue: 0,
           data: a.projects.games.data.map((t) => ({
             id: t.id,
@@ -32,7 +32,7 @@ const O = (r, o, n) => {
         },
         puzzles: {
           label: a.projects.puzzles.label,
-          type: i.PUZZLE,
+          type: s.PUZZLE,
           initialProgressValue: 0,
           data: a.projects.puzzles.data.map((t) => ({
             id: t.id,
@@ -58,9 +58,9 @@ const O = (r, o, n) => {
         CIRCLE_STREAK_UPDATE_JOURNEY: a.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,
         CIRCLE_TUTORIAL_JOURNEY: a.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY
       }
-    }, a.projects.lessons && (s.projects.lessons = {
+    }, a.projects.lessons && (e.projects.lessons = {
       label: a.projects.lessons.label,
-      type: i.LESSON,
+      type: s.LESSON,
       initialProgressValue: 0,
       data: a.projects.lessons.data.map((t) => ({
         id: t.id,
@@ -73,8 +73,18 @@ const O = (r, o, n) => {
         targetQuestions: t.target_questions,
         status: t.status
       }))
-    })), _(s);
-  }, [a, e]), { data: c, isProcessed: e, getCircleHomeDetails: R, ...l };
+    }), a.projects.tables && (e.projects.tables = {
+      label: a.projects.tables.label,
+      type: s.LESSON,
+      data: {
+        infiniteModeHighScore: a.projects.tables.data.infinite_mode_high_score,
+        tableList: a.projects.tables.data.table_wise_details.map((t) => ({
+          tableNumber: t.table_number,
+          stars: t.stars
+        }))
+      }
+    })), l(e);
+  }, [a, i]), { data: m, isProcessed: i, getCircleHomeDetails: d, ..._ };
 };
 export {
   O as useGetCircleHomeDetailsDal

package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails, TStreakStatus } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useGetCircleHomeAPI } from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  countryCode: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n} => {\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n  const { data, get: getHomeDetails, isProcessed, ...rest } = useGetCircleHomeAPI();\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails('', {\n      user_id: userId,\n      country_code: countryCode,\n      grade: grade,\n    });\n  }, [getHomeDetails, userId, countryCode, grade]);\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n        coachmarkProgress: {\n          CIRCLE_ACTIVITIES_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,\n          CIRCLE_LEADERBOARD_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,\n          CIRCLE_POINTS_REWARD_JOURNEY: data.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,\n          CIRCLE_STREAK_UPDATE_JOURNEY: data.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,\n          CIRCLE_TUTORIAL_JOURNEY: data.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n    }\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return { data: contentForToday, isProcessed, getCircleHomeDetails, ...rest };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","countryCode","grade","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson"],"mappings":";;;AAOO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAIG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAoC,IAAI,GAChF,EAAE,MAAAC,GAAM,KAAKC,GAAgB,aAAAC,GAAa,GAAGC,EAAA,IAASC,KAEtDC,IAAuBC,EAAY,MAAM;AAC7C,IAAAL,EAAe,IAAI;AAAA,MACjB,SAASP;AAAA,MACT,cAAcC;AAAA,MACd,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACK,GAAgBP,GAAQC,GAAaC,CAAK,CAAC;AAE/C,SAAAW,EAAU,MAAM;AACd,QAAIC,IAA+C;AAEnD,IAAIN,KAAeF,MACGQ,IAAA;AAAA,MAClB,QAAQR,EAAK;AAAA,MACb,YAAYA,EAAK;AAAA,MACjB,cAAcA,EAAK;AAAA,MACnB,gBAAgBA,EAAK;AAAA,MACrB,UAAU;AAAA,QACR,OAAO;AAAA,UACL,OAAOA,EAAK,SAAS,MAAM;AAAA,UAC3B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,MAAM,KAAK,IAAI,CAASU,OAAA;AAAA,YAC1C,IAAIA,EAAK;AAAA,YACT,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,UAAUA,EAAK;AAAA,YACf,SAASA,EAAK;AAAA,YACd,UAAUA,EAAK;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,UACP,OAAOV,EAAK,SAAS,QAAQ;AAAA,UAC7B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWW,OAAA;AAAA,YAC9C,IAAIA,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,YAAYA,EAAO;AAAA,YACnB,UAAUA,EAAO;AAAA,YACjB,SAASA,EAAO;AAAA,YAChB,UAAUA,EAAO;AAAA,YACjB,YAAYA,EAAO;AAAA,YACnB,QAAQA,EAAO;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,gBAAgBX,EAAK,WAAW;AAAA,QAChC,cAAcA,EAAK,WAAW;AAAA,QAC9B,SAASA,EAAK,WAAW;AAAA,MAC3B;AAAA,MACA,mBAAmB;AAAA,QACjB,iCACEA,EAAK,qBAAqB;AAAA,QAC5B,kCACEA,EAAK,qBAAqB;AAAA,QAC5B,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,yBAAyBA,EAAK,qBAAqB;AAAA,MACrD;AAAA,IAAA,GAGEA,EAAK,SAAS,YAChBQ,EAAkB,SAAS,UAAU;AAAA,MACnC,OAAOR,EAAK,SAAS,QAAQ;AAAA,MAC7B,MAAMS,EAAY;AAAA,MAClB,sBAAsB;AAAA,MACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWY,OAAA;AAAA,QAC9C,IAAIA,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO;AAAA,QACnB,UAAUA,EAAO;AAAA,QACjB,SAASA,EAAO;AAAA,QAChB,WAAWA,EAAO;AAAA,QAClB,oBAAoBA,EAAO;AAAA,QAC3B,iBAAiBA,EAAO;AAAA,QACxB,QAAQA,EAAO;AAAA,MAAA,EACf;AAAA,IAAA,KAIRd,EAAmBU,CAAiB;AAAA,EAAA,GACnC,CAACR,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAiB,aAAAK,GAAa,sBAAAG,GAAsB,GAAGF;AACxE;"}
+{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type {\n  ICircleHomeDetails,\n  TStreakStatus,\n  TTableMode,\n} from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useGetCircleHomeAPI } from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  countryCode: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n} => {\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n  const { data, get: getHomeDetails, isProcessed, ...rest } = useGetCircleHomeAPI();\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails('', {\n      user_id: userId,\n      country_code: countryCode,\n      grade: grade,\n    });\n  }, [getHomeDetails, userId, countryCode, grade]);\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n        coachmarkProgress: {\n          CIRCLE_ACTIVITIES_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,\n          CIRCLE_LEADERBOARD_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,\n          CIRCLE_POINTS_REWARD_JOURNEY: data.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,\n          CIRCLE_STREAK_UPDATE_JOURNEY: data.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,\n          CIRCLE_TUTORIAL_JOURNEY: data.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n\n      if (data.projects.tables) {\n        circleHomeDetails.projects.tables = {\n          label: data.projects.tables.label,\n          type: ProjectType.LESSON,\n          data: {\n            infiniteModeHighScore: data.projects.tables.data.infinite_mode_high_score,\n            tableList: data.projects.tables.data.table_wise_details.map(table => ({\n              tableNumber: table.table_number,\n              stars: table.stars as TTableMode[],\n            })),\n          },\n        };\n      }\n    }\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return { data: contentForToday, isProcessed, getCircleHomeDetails, ...rest };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","countryCode","grade","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson","table"],"mappings":"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"}

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

@@ -1,36 +1,59 @@
-import { jsx as r } from "react/jsx-runtime";
-import { memo as h, useState as C, useMemo as a, useEffect as _ } from "react";
-import { LOTTIE as b } from "../../../assets/lottie/lottie.js";
-import { CircularLoader as v } from "../../ui/loader/circular-loader/circular-loader.js";
-import S from "../../ui/lottie-animation/lottie-animation.js";
-import { useCircleSounds as G } from "../hooks/use-circle-sounds/use-circle-sounds.js";
-import { Carousel as P } from "./comps/carousel/carousel.js";
-import { GAME_LAUNCHER_SIZE as R, GAME_LAUNCHER_ASSET_PADDING as M } from "./comps/segmented-game-card/constants.js";
-import { SegmentedGameCard as n } from "./comps/segmented-game-card/segmented-game-card.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as y } from "./game-launcher-analytics-events.js";
-import { useGameLauncherJourney as B } from "./use-game-launcher-journey/use-game-launcher-journey.js";
-import { ProjectType as m } from "../games/web-view/enums/project-type-enum.js";
-const A = R + M, K = h(
-  ({ onSegmentClick: l, onJourneyComplete: x, journeyId: i, data: e, isLoading: I, defaultIndex: V = 0 }) => {
-    const [g, z] = C(V), { playSwipSound: t } = G(), {
-      gameRefs: u,
-      lessonRefs: p,
-      puzzleRefs: f,
-      startJourney: c,
+import { jsx as i } from "react/jsx-runtime";
+import { memo as M, useState as v, useCallback as n, useMemo as I, useEffect as D } from "react";
+import { LOTTIE as B } from "../../../assets/lottie/lottie.js";
+import { CircularLoader as K } from "../../ui/loader/circular-loader/circular-loader.js";
+import U from "../../ui/lottie-animation/lottie-animation.js";
+import { useCircleSounds as Y } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import { CircleSoundKey as m } from "../hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { GAME_LAUNCHER_SIZE as H } from "./comps/card-container/constants.js";
+import { Carousel as T } from "./comps/carousel/carousel.js";
+import { GAME_LAUNCHER_ASSET_PADDING as J } from "./comps/segmented-game-card/constants.js";
+import { SegmentedGameCard as f } from "./comps/segmented-game-card/segmented-game-card.js";
+import { TablesCard as O } from "./comps/tables-card/tables-card.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as h } from "./game-launcher-analytics-events.js";
+import { useGameLauncherJourney as Z } from "./use-game-launcher-journey/use-game-launcher-journey.js";
+import { ProjectType as t } from "../games/web-view/enums/project-type-enum.js";
+const z = H + J, ie = M(
+  ({ onSegmentClick: r, onJourneyComplete: x, journeyId: u, data: e, isLoading: G, defaultIndex: V = 0 }) => {
+    const [g, N] = v(V), { playSwipSound: p, play: o } = Y(), {
+      gameRefs: c,
+      lessonRefs: a,
+      puzzleRefs: C,
+      startJourney: L,
       carouselNextBtnRef: E,
-      isJourneyInProgress: L
-    } = B({
-      setCarouselIndex: z,
-      onSegmentClick: l,
+      isJourneyInProgress: A
+    } = Z({
+      setCarouselIndex: N,
+      onSegmentClick: r,
       onJourneyComplete: x
-    }), N = a(() => {
-      let o = [];
-      return e && (e.lessons && (o = [
-        ...o,
-        /* @__PURE__ */ r(
-          n,
+    }), _ = n(
+      (l) => {
+        o(m.GAME_CARD_CLICK), r(l, t.TABLE);
+      },
+      [r, o]
+    ), b = n(
+      (l) => {
+        l.status !== "completed" && (o(m.GAME_CARD_CLICK), r(l, t.LESSON));
+      },
+      [r, o]
+    ), P = n(
+      (l) => {
+        o(m.GAME_CARD_CLICK), r(l, t.GAME);
+      },
+      [r, o]
+    ), y = n(
+      (l) => {
+        o(m.GAME_CARD_CLICK), r(l, t.PUZZLE);
+      },
+      [r, o]
+    ), R = I(() => {
+      let l = [];
+      return e && (e.lessons && (l = [
+        ...l,
+        /* @__PURE__ */ i(
+          f,
           {
-            ref: p,
+            ref: a,
             label: e.lessons.label,
             value: e.lessons.data.filter((s) => s.status === "completed").length,
             maxValue: e.lessons.data.length,
@@ -39,16 +62,16 @@ const A = R + M, K = h(
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.status === "completed",
-              onPress: () => s.status === "completed" ? void 0 : l(s, m.LESSON)
+              onPress: () => b(s)
             }))
           }
         )
-      ]), o = [
-        ...o,
-        /* @__PURE__ */ r(
-          n,
+      ]), l = [
+        ...l,
+        /* @__PURE__ */ i(
+          f,
           {
-            ref: u,
+            ref: c,
             label: e.games.label,
             value: e.games.data.filter((s) => s.isPlayed).length,
             maxValue: e.games.data.length,
@@ -57,14 +80,14 @@ const A = R + M, K = h(
               card: s.cardLottie,
               name: s.name,
               isCompleted: !1,
-              onPress: () => l(s, m.GAME)
+              onPress: () => P(s)
             }))
           }
         ),
-        /* @__PURE__ */ r(
-          n,
+        /* @__PURE__ */ i(
+          f,
           {
-            ref: f,
+            ref: C,
             label: e.puzzles.label,
             value: e.puzzles.data.filter((s) => s.solved).length,
             maxValue: e.puzzles.data.length,
@@ -73,46 +96,65 @@ const A = R + M, K = h(
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.solved,
-              onPress: () => l(s, m.PUZZLE)
+              onPress: () => y(s)
             }))
           }
         )
-      ]), o;
-    }, [e, u, p, l, f]), T = a(
+      ], e.tables && (l = [
+        ...l,
+        /* @__PURE__ */ i(
+          O,
+          {
+            label: e.tables.label,
+            data: e.tables.data,
+            onPress: _
+          }
+        )
+      ])), l;
+    }, [
+      e,
+      c,
+      a,
+      C,
+      b,
+      _,
+      y,
+      P
+    ]), S = I(
       () => [
-        /* @__PURE__ */ r(
-          S,
+        /* @__PURE__ */ i(
+          U,
           {
-            src: b.SLEEPY_BOI,
-            width: A,
-            height: A
+            src: B.SLEEPY_BOI,
+            width: z,
+            height: z
           }
         )
       ],
       []
     );
-    return _(() => {
-      e != null && e.puzzles && i && L && c(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), i);
-    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, L, i, c]), I ? /* @__PURE__ */ r(v, {}) : e ? /* @__PURE__ */ r(
-      P,
+    return D(() => {
+      e != null && e.puzzles && u && A && L(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), u);
+    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, A, u, L]), G ? /* @__PURE__ */ i(K, {}) : e ? /* @__PURE__ */ i(
+      T,
       {
         ref: E,
-        items: N,
+        items: R,
         defaultIndex: g,
-        onNext: t,
-        onPrev: t,
+        onNext: p,
+        onPrev: p,
         analyticsNext: {
-          analyticsLabel: y.NEXT_ACTIVITY
+          analyticsLabel: h.NEXT_ACTIVITY
         },
         analyticsPrev: {
-          analyticsLabel: y.PREV_ACTIVITY
+          analyticsLabel: h.PREV_ACTIVITY
         }
       }
-    ) : /* @__PURE__ */ r(
-      P,
+    ) : /* @__PURE__ */ i(
+      T,
       {
         ref: E,
-        items: T,
+        items: S,
         analyticsNext: {
           analyticsLabel: ""
         },
@@ -124,6 +166,6 @@ const A = R + M, K = h(
   }
 );
 export {
-  K as GameLauncher
+  ie as GameLauncher
 };
 //# sourceMappingURL=game-launcher.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Carousel } from './comps/carousel/carousel';\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_SIZE,\n} from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n    const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n    const { playSwipSound } = useCircleSounds();\n\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n    } = useGameLauncherJourney({\n      setCarouselIndex: setCurrentIndex,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () =>\n                  lesson.status === 'completed'\n                    ? undefined\n                    : onSegmentClick(lesson, ProjectType.LESSON),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => onSegmentClick(game, ProjectType.GAME),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => onSegmentClick(puzzle, ProjectType.PUZZLE),\n            }))}\n          />,\n        ];\n      }\n\n      return itemTypes;\n    }, [data, gameRefs, lessonRefs, onSegmentClick, puzzleRefs]);\n\n    const sleepyBoiItem = useMemo(\n      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\n      [],\n    );\n\n    // Start game launcher journey when the data for puzzles is available\n    useEffect(() => {\n      if (data?.puzzles && journeyId && isJourneyInProgress) {\n        startJourney(data?.puzzles, !!data?.lessons, journeyId);\n      }\n    }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselNextBtnRef}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselNextBtnRef}\n        items={items}\n        defaultIndex={currentIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","playSwipSound","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","lesson","ProjectType","game","puzzle","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}
+{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { ITableDetails } from './comps/tables-card/tables-card-types';\nimport type {\n  Game,\n  Lesson,\n  Puzzle,\n} from './dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { GAME_LAUNCHER_SIZE } from './comps/card-container/constants';\nimport { Carousel } from './comps/carousel/carousel';\nimport { GAME_LAUNCHER_ASSET_PADDING } from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n    const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n    const { playSwipSound, play } = useCircleSounds();\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n    } = useGameLauncherJourney({\n      setCarouselIndex: setCurrentIndex,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const onTableSegmentClick = useCallback(\n      (table: ITableDetails) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(table, ProjectType.TABLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handleLessonSegmentClick = useCallback(\n      (lesson: Lesson) => {\n        if (lesson.status !== 'completed') {\n          play(CircleSoundKey.GAME_CARD_CLICK);\n          onSegmentClick(lesson, ProjectType.LESSON);\n        }\n      },\n      [onSegmentClick, play],\n    );\n\n    const handleGameSegmentClick = useCallback(\n      (game: Game) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(game, ProjectType.GAME);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handlePuzzleSegmentClick = useCallback(\n      (puzzle: Puzzle) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(puzzle, ProjectType.PUZZLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () => handleLessonSegmentClick(lesson),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => handleGameSegmentClick(game),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => handlePuzzleSegmentClick(puzzle),\n            }))}\n          />,\n        ];\n\n        if (data.tables) {\n          itemTypes = [\n            ...itemTypes,\n            <TablesCard\n              label={data.tables.label}\n              data={data.tables.data}\n              onPress={onTableSegmentClick}\n            />,\n          ];\n        }\n      }\n\n      return itemTypes;\n    }, [\n      data,\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      handleLessonSegmentClick,\n      onTableSegmentClick,\n      handlePuzzleSegmentClick,\n      handleGameSegmentClick,\n    ]);\n\n    const sleepyBoiItem = useMemo(\n      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\n      [],\n    );\n\n    // Start game launcher journey when the data for puzzles is available\n    useEffect(() => {\n      if (data?.puzzles && journeyId && isJourneyInProgress) {\n        startJourney(data?.puzzles, !!data?.lessons, journeyId);\n      }\n    }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselNextBtnRef}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselNextBtnRef}\n        items={items}\n        defaultIndex={currentIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","playSwipSound","play","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","items","useMemo","itemTypes","jsx","SegmentedGameCard","TablesCard","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}

package/dist/features/circle-games/games/web-view/enums/project-type-enum.js

@@ -1,4 +1,4 @@
-var a = /* @__PURE__ */ ((E) => (E.GAME = "game", E.PUZZLE = "puzzle", E.LESSON = "lesson", E))(a || {});
+var a = /* @__PURE__ */ ((E) => (E.GAME = "game", E.PUZZLE = "puzzle", E.LESSON = "lesson", E.TABLE = "table", E))(a || {});
 export {
   a as ProjectType
 };

package/dist/features/circle-games/games/web-view/enums/project-type-enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"project-type-enum.js","sources":["../../../../../../src/features/circle-games/games/web-view/enums/project-type-enum.ts"],"sourcesContent":["export enum ProjectType {\n  GAME = 'game',\n  PUZZLE = 'puzzle',\n  LESSON = 'lesson',\n}\n"],"names":["ProjectType"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"project-type-enum.js","sources":["../../../../../../src/features/circle-games/games/web-view/enums/project-type-enum.ts"],"sourcesContent":["export enum ProjectType {\n  GAME = 'game',\n  PUZZLE = 'puzzle',\n  LESSON = 'lesson',\n  TABLE = 'table',\n}\n"],"names":["ProjectType"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAJEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/circle-games/games/web-view/web-view-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type {\n  GameId,\n  PuzzleId,\n  LessonId,\n  MiniGameId,\n  WebViewEvent,\n  ProjectOutcome,\n  ProjectType,\n} from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport type TProject = GameId | PuzzleId | LessonId;\n\nexport interface IPlayer {\n  id: string;\n  username: string;\n  grade?: string;\n  avatar?: IAvatarLayer[] | null;\n  playerType: TUserTypes;\n}\n\ninterface IBaseWebGameProps<T> {\n  projectId: T;\n  variant: string;\n  projectType: ProjectType;\n  joinByRoomId?: string;\n  enableSync?: boolean; // applicable for all except multiplayer games\n  enablePlayerTurnIndicators?: boolean;\n  enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps<GameId> {}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps<PuzzleId> {\n  question: string;\n  askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps<LessonId> {\n  miniGameIdentifier: MiniGameId;\n  sessionId: string;\n  targetQuestions: number;\n}\n\nexport interface IVibrationPattern {\n  pattern: number[] | number;\n}\n\nexport enum IStatsToAwardErrorCode {\n  DEFAULT = 'default',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n  points: number;\n  accuracy: number;\n  timeSpent: number;\n  streakDays: number;\n  streakStatusToday: 'pending' | 'completed';\n  errorCode: IStatsToAwardErrorCode;\n  outcome: ProjectOutcome;\n  value: string;\n}\n\nexport interface IInfoMessage {\n  message: string;\n  position: 'top' | 'bottom';\n}\n\nexport interface ITrackEvent {\n  eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n  properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n  baseUrl: string;\n  parentDomain: string;\n  projectDetails: IMultiplayerWebGameProps | IPuzzleWebGameProps | ILessonWebGameProps;\n  playerDetails: IPlayer;\n  onBack?: () => void;\n  onGameLoad?: () => void;\n  onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n  handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n  event: `${WebViewEvent}`;\n  payload: IVibrationPattern | IPlayerStats | IInfoMessage | null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAmDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { WebViewEvent, ProjectOutcome, ProjectType } from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport interface IPlayer {\n  id: string;\n  username: string;\n  grade?: string;\n  avatar?: IAvatarLayer[] | null;\n  playerType: TUserTypes;\n}\n\ninterface ISyncableWebGameProps {\n  joinByRoomId?: string;\n  enableSync?: boolean; // applicable for all except multiplayer games and tables\n}\n\ninterface IBaseWebGameProps {\n  projectId: string;\n  variant: string;\n  projectType: ProjectType;\n  enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  enablePlayerTurnIndicators?: boolean;\n}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  question: string;\n  askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  miniGameIdentifier: string;\n  sessionId: string;\n  targetQuestions: number;\n}\n\nexport interface ITableWebGameProps extends IBaseWebGameProps {\n  tableNumber: number;\n  infiniteModeHighScore?: number;\n}\n\nexport interface IVibrationPattern {\n  pattern: number[] | number;\n}\n\nexport enum IStatsToAwardErrorCode {\n  DEFAULT = 'default',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n  points: number;\n  accuracy: number;\n  timeSpent: number;\n  streakDays: number;\n  streakStatusToday: 'pending' | 'completed';\n  errorCode: IStatsToAwardErrorCode;\n  outcome: ProjectOutcome;\n  value: string;\n}\n\nexport interface IInfoMessage {\n  message: string;\n  position: 'top' | 'bottom';\n}\n\nexport interface ITrackEvent {\n  eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n  properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n  baseUrl: string;\n  projectDetails:\n    | IMultiplayerWebGameProps\n    | IPuzzleWebGameProps\n    | ILessonWebGameProps\n    | ITableWebGameProps;\n  parentDomain: string;\n  playerDetails: IPlayer;\n  onBack?: () => void;\n  onGameLoad?: () => void;\n  onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n  handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n  event: `${WebViewEvent}`;\n  payload: IVibrationPattern | IPlayerStats | IInfoMessage | null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAkDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}