@cuemath/leap 2.8.61-rj-12 → 2.8.61-rj-13

package/dist/features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-leaderboard-dal.js","sources":["../../../../../../src/features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../../ui/avatar/avatar-types';\nimport type {\n  ILeaderboardDetails,\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './use-get-leaderboard-dal-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { useGetLeaderboard } from '../../api/get-leaderboard/get-leaderboard';\n\nexport const useGetLeaderboardDal = (\n  userId: string,\n): Omit<ReturnType<typeof useGetLeaderboard>, 'data' | 'get'> & {\n  data: ILeaderboardDetails | null;\n} => {\n  const [leaderboardDetails, setLeaderboardDetails] = useState<ILeaderboardDetails | null>(null);\n  const { data, get: getLeaderboards, isProcessed, ...rest } = useGetLeaderboard();\n\n  useEffect(() => {\n    getLeaderboards('', {\n      user_id: userId,\n    });\n  }, [getLeaderboards, userId]);\n\n  useEffect(() => {\n    let leaderboard: ILeaderboardDetails | null = null;\n\n    if (isProcessed && data) {\n      leaderboard = {\n        biWeekly: {\n          currentTimestamp: data.biWeekly.currentTimestamp,\n          startTimestamp: data.biWeekly.startTimestamp,\n          endTimestamp: data.biWeekly.endTimestamp,\n          leaderboardPlayers: data.biWeekly.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              points: player.points!,\n            };\n          }) as ILeaderboardPlayerWithPoints[],\n        },\n        global: {\n          currentTimestamp: data.global.currentTimestamp,\n          startTimestamp: data.global.startTimestamp,\n          endTimestamp: data.global.endTimestamp,\n          leaderboardPlayers: data.global.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              points: player.points!,\n            };\n          }) as ILeaderboardPlayerWithPoints[],\n        },\n        globalStreak: {\n          currentTimestamp: data.globalStreak.currentTimestamp,\n          startTimestamp: data.globalStreak.startTimestamp,\n          endTimestamp: data.globalStreak.endTimestamp,\n          leaderboardPlayers: data.globalStreak.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              streakDays: player.streak_days!,\n            };\n          }) as ILeaderboardPlayerWithStreak[],\n        },\n      };\n    }\n    setLeaderboardDetails(leaderboard);\n  }, [data, isProcessed]);\n\n  return { data: leaderboardDetails, isProcessed, ...rest };\n};\n"],"names":["useGetLeaderboardDal","userId","leaderboardDetails","setLeaderboardDetails","useState","data","getLeaderboards","isProcessed","rest","useGetLeaderboard","useEffect","leaderboard","player"],"mappings":";;AAWa,MAAAA,IAAuB,CAClCC,MAGG;AACH,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAqC,IAAI,GACvF,EAAE,MAAAC,GAAM,KAAKC,GAAiB,aAAAC,GAAa,GAAGC,EAAA,IAASC;AAE7D,SAAAC,EAAU,MAAM;AACd,IAAAJ,EAAgB,IAAI;AAAA,MAClB,SAASL;AAAA,IAAA,CACV;AAAA,EAAA,GACA,CAACK,GAAiBL,CAAM,CAAC,GAE5BS,EAAU,MAAM;AACd,QAAIC,IAA0C;AAE9C,IAAIJ,KAAeF,MACHM,IAAA;AAAA,MACZ,UAAU;AAAA,QACR,kBAAkBN,EAAK,SAAS;AAAA,QAChC,gBAAgBA,EAAK,SAAS;AAAA,QAC9B,cAAcA,EAAK,SAAS;AAAA,QAC5B,oBAAoBA,EAAK,SAAS,iBAAiB,IAAI,CAAUO,OACxD;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,QAAQA,EAAO;AAAA,QAAA,EAElB;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,kBAAkBP,EAAK,OAAO;AAAA,QAC9B,gBAAgBA,EAAK,OAAO;AAAA,QAC5B,cAAcA,EAAK,OAAO;AAAA,QAC1B,oBAAoBA,EAAK,OAAO,iBAAiB,IAAI,CAAUO,OACtD;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,QAAQA,EAAO;AAAA,QAAA,EAElB;AAAA,MACH;AAAA,MACA,cAAc;AAAA,QACZ,kBAAkBP,EAAK,aAAa;AAAA,QACpC,gBAAgBA,EAAK,aAAa;AAAA,QAClC,cAAcA,EAAK,aAAa;AAAA,QAChC,oBAAoBA,EAAK,aAAa,iBAAiB,IAAI,CAAUO,OAC5D;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,YAAYA,EAAO;AAAA,QAAA,EAEtB;AAAA,MACH;AAAA,IAAA,IAGJT,EAAsBQ,CAAW;AAAA,EAAA,GAChC,CAACN,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAoB,aAAAK,GAAa,GAAGC,EAAK;AAC1D;"}
+{"version":3,"file":"use-get-leaderboard-dal.js","sources":["../../../../../../src/features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../../ui/avatar/avatar-types';\nimport type {\n  ILeaderboardDetails,\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './use-get-leaderboard-dal-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { useGetLeaderboard } from '../../api/get-leaderboard/get-leaderboard';\n\nexport const useGetLeaderboardDal = (\n  userId: string,\n): Omit<ReturnType<typeof useGetLeaderboard>, 'data' | 'get'> & {\n  data: ILeaderboardDetails | null;\n} => {\n  const [leaderboardDetails, setLeaderboardDetails] = useState<ILeaderboardDetails | null>(null);\n  const { data, get: getLeaderboards, isProcessed, ...rest } = useGetLeaderboard();\n\n  useEffect(() => {\n    getLeaderboards('', {\n      user_id: userId,\n    });\n  }, [getLeaderboards, userId]);\n\n  useEffect(() => {\n    let leaderboard: ILeaderboardDetails | null = null;\n\n    if (isProcessed && data) {\n      leaderboard = {\n        biWeekly: {\n          currentTimestamp: data.biWeekly.currentTimestamp,\n          startTimestamp: data.biWeekly.startTimestamp,\n          endTimestamp: data.biWeekly.endTimestamp,\n          leaderboardPlayers: data.biWeekly.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              points: player.points!,\n            };\n          }) as ILeaderboardPlayerWithPoints[],\n        },\n        global: {\n          currentTimestamp: data.global.currentTimestamp,\n          startTimestamp: data.global.startTimestamp,\n          endTimestamp: data.global.endTimestamp,\n          leaderboardPlayers: data.global.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              points: player.points!,\n            };\n          }) as ILeaderboardPlayerWithPoints[],\n        },\n        globalStreak: {\n          currentTimestamp: data.globalStreak.currentTimestamp,\n          startTimestamp: data.globalStreak.startTimestamp,\n          endTimestamp: data.globalStreak.endTimestamp,\n          leaderboardPlayers: data.globalStreak.leaderboardUsers.map(player => {\n            return {\n              userId: player.user_id,\n              userAvatar: player.userAvatar as IAvatarLayer[],\n              username: player.username,\n              grade: player.grade,\n              rank: player.rank,\n              streakDays: player.streak_days!,\n            };\n          }) as ILeaderboardPlayerWithStreak[],\n        },\n      };\n    }\n    setLeaderboardDetails(leaderboard);\n  }, [data, isProcessed]);\n\n  return { data: leaderboardDetails, isProcessed, ...rest };\n};\n"],"names":["useGetLeaderboardDal","userId","leaderboardDetails","setLeaderboardDetails","useState","data","getLeaderboards","isProcessed","rest","useGetLeaderboard","useEffect","leaderboard","player"],"mappings":";;AAWa,MAAAA,IAAuB,CAClCC,MAGG;AACH,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAqC,IAAI,GACvF,EAAE,MAAAC,GAAM,KAAKC,GAAiB,aAAAC,GAAa,GAAGC,MAASC,EAAkB;AAE/E,SAAAC,EAAU,MAAM;AACd,IAAAJ,EAAgB,IAAI;AAAA,MAClB,SAASL;AAAA,IAAA,CACV;AAAA,EAAA,GACA,CAACK,GAAiBL,CAAM,CAAC,GAE5BS,EAAU,MAAM;AACd,QAAIC,IAA0C;AAE9C,IAAIJ,KAAeF,MACHM,IAAA;AAAA,MACZ,UAAU;AAAA,QACR,kBAAkBN,EAAK,SAAS;AAAA,QAChC,gBAAgBA,EAAK,SAAS;AAAA,QAC9B,cAAcA,EAAK,SAAS;AAAA,QAC5B,oBAAoBA,EAAK,SAAS,iBAAiB,IAAI,CAAUO,OACxD;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,QAAQA,EAAO;AAAA,QACjB,EACD;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,kBAAkBP,EAAK,OAAO;AAAA,QAC9B,gBAAgBA,EAAK,OAAO;AAAA,QAC5B,cAAcA,EAAK,OAAO;AAAA,QAC1B,oBAAoBA,EAAK,OAAO,iBAAiB,IAAI,CAAUO,OACtD;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,QAAQA,EAAO;AAAA,QACjB,EACD;AAAA,MACH;AAAA,MACA,cAAc;AAAA,QACZ,kBAAkBP,EAAK,aAAa;AAAA,QACpC,gBAAgBA,EAAK,aAAa;AAAA,QAClC,cAAcA,EAAK,aAAa;AAAA,QAChC,oBAAoBA,EAAK,aAAa,iBAAiB,IAAI,CAAUO,OAC5D;AAAA,UACL,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,OAAOA,EAAO;AAAA,UACd,MAAMA,EAAO;AAAA,UACb,YAAYA,EAAO;AAAA,QACrB,EACD;AAAA,MAAA;AAAA,IAEL,IAEFT,EAAsBQ,CAAW;AAAA,EAAA,GAChC,CAACN,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAoB,aAAAK,GAAa,GAAGC,EAAK;AAC1D;"}

package/dist/features/circle-games/leaderboard/hooks/use-intersection-observer/use-intersection-observer.tsx.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-intersection-observer.tsx.js","sources":["../../../../../../src/features/circle-games/leaderboard/hooks/use-intersection-observer/use-intersection-observer.tsx.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\ninterface IntersectionObserverOptions {\n  root?: Element | null;\n  rootMargin?: string;\n  threshold?: number | number[];\n}\n\nexport const useIntersectionObserver = <T extends HTMLElement>(\n  options?: IntersectionObserverOptions,\n) => {\n  const [isVisible, setIsVisible] = useState(false);\n  const elementRef = useRef<T | null>(null);\n\n  useEffect(() => {\n    const element = elementRef.current;\n\n    if (!element) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => entry && setIsVisible(entry.isIntersecting),\n      options,\n    );\n\n    observer.observe(element);\n\n    return () => {\n      if (element) observer.unobserve(element);\n    };\n  }, [options]);\n\n  return { isVisible, elementRef };\n};\n"],"names":["useIntersectionObserver","options","isVisible","setIsVisible","useState","elementRef","useRef","useEffect","element","observer","entry"],"mappings":";AAQa,MAAAA,IAA0B,CACrCC,MACG;AACH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAaC,EAAiB,IAAI;AAExC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAUH,EAAW;AAE3B,QAAI,CAACG,EAAS;AAEd,UAAMC,IAAW,IAAI;AAAA,MACnB,CAAC,CAACC,CAAK,MAAMA,KAASP,EAAaO,EAAM,cAAc;AAAA,MACvDT;AAAA,IAAA;AAGF,WAAAQ,EAAS,QAAQD,CAAO,GAEjB,MAAM;AACP,MAAAA,KAAkBC,EAAA,UAAUD,CAAO;AAAA,IAAA;AAAA,EACzC,GACC,CAACP,CAAO,CAAC,GAEL,EAAE,WAAAC,GAAW,YAAAG;AACtB;"}
+{"version":3,"file":"use-intersection-observer.tsx.js","sources":["../../../../../../src/features/circle-games/leaderboard/hooks/use-intersection-observer/use-intersection-observer.tsx.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\ninterface IntersectionObserverOptions {\n  root?: Element | null;\n  rootMargin?: string;\n  threshold?: number | number[];\n}\n\nexport const useIntersectionObserver = <T extends HTMLElement>(\n  options?: IntersectionObserverOptions,\n) => {\n  const [isVisible, setIsVisible] = useState(false);\n  const elementRef = useRef<T | null>(null);\n\n  useEffect(() => {\n    const element = elementRef.current;\n\n    if (!element) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => entry && setIsVisible(entry.isIntersecting),\n      options,\n    );\n\n    observer.observe(element);\n\n    return () => {\n      if (element) observer.unobserve(element);\n    };\n  }, [options]);\n\n  return { isVisible, elementRef };\n};\n"],"names":["useIntersectionObserver","options","isVisible","setIsVisible","useState","elementRef","useRef","useEffect","element","observer","entry"],"mappings":";AAQa,MAAAA,IAA0B,CACrCC,MACG;AACH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAaC,EAAiB,IAAI;AAExC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAUH,EAAW;AAE3B,QAAI,CAACG,EAAS;AAEd,UAAMC,IAAW,IAAI;AAAA,MACnB,CAAC,CAACC,CAAK,MAAMA,KAASP,EAAaO,EAAM,cAAc;AAAA,MACvDT;AAAA,IACF;AAEA,WAAAQ,EAAS,QAAQD,CAAO,GAEjB,MAAM;AACP,MAAAA,KAAkBC,EAAA,UAAUD,CAAO;AAAA,IACzC;AAAA,EAAA,GACC,CAACP,CAAO,CAAC,GAEL,EAAE,WAAAC,GAAW,YAAAG,EAAW;AACjC;"}

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

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

package/dist/features/circle-games/leaderboard/leaderboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"leaderboard.js","sources":["../../../../src/features/circle-games/leaderboard/leaderboard.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardProps } from './leaderboard-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport Text from '../../ui/text/text';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Banner } from './comps/banner/banner';\nimport { LeaderboardItemWithObserver } from './comps/leaderboard-item/leaderboard-item';\nimport { NavigationButton } from './comps/navigation-button/navigation-button';\nimport { StreakReductionInfoBar } from './comps/streak-reduction-infobar/streak-reduction-infobar';\nimport { Timer } from './comps/timer/timer';\nimport { ELeaderboardType } from './enums/leaderboard-type-enum';\nimport { useTimer } from './hooks/use-timer/use-timer';\nimport * as Styled from './leaderboard-styled';\n\nconst BANNER_LOTTIES: Record<ELeaderboardType, string> = {\n  [ELeaderboardType.ALL_TIME_STREAK]: LOTTIE.ELITE_CIRCLE,\n  [ELeaderboardType.ALL_TIME]: LOTTIE.ELITE_CIRCLE,\n  [ELeaderboardType.BI_WEEKLY]: LOTTIE.TOURNAMENT_RIPPLE,\n};\n\nconst leaderboards = [\n  {\n    name: 'TOURNAMENT',\n    type: ELeaderboardType.BI_WEEKLY,\n  },\n  {\n    name: 'STREAK STARS',\n    type: ELeaderboardType.ALL_TIME_STREAK,\n  },\n  {\n    name: 'ALL TIME',\n    type: ELeaderboardType.ALL_TIME,\n  },\n];\n\nexport const Leaderboard = ({\n  leaderboardData,\n  type = ELeaderboardType.BI_WEEKLY,\n  userId,\n  onClose,\n  isLoading,\n  streakInfo,\n}: ILeaderboardProps) => {\n  const [currentLeaderBoardIndex, setCurrentLeaderboardIndex] = useState(\n    leaderboards.findIndex(leaderboard => type === leaderboard.type),\n  );\n\n  const [currLeaderboardData, setCurrLeaderboardData] = useState<\n    (ILeaderboardPlayerWithPoints | ILeaderboardPlayerWithStreak)[] | []\n  >(leaderboardData?.[type]?.leaderboardPlayers || []);\n\n  const [currLeaderboardTimeStamps, setCurrLeaderboardTimeStamps] = useState<{\n    current: number;\n    end: number;\n  }>({\n    current: 0,\n    end: 0,\n  });\n\n  const [time, setTimer] = useTimer(0);\n  const [isTournamentEnded, setIsTournamentEnded] = useState(false);\n  const maxPoints = (currLeaderboardData?.[0] as ILeaderboardPlayerWithPoints)?.points;\n  const maxStreakDays = (currLeaderboardData?.[0] as ILeaderboardPlayerWithStreak)?.streakDays || 0;\n  const { playButtonSound } = useCircleSounds();\n\n  const handlePrevious = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev - 1 < 0) {\n        return leaderboards.length - 1;\n      }\n\n      return prev - 1;\n    });\n  };\n\n  const handleNext = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev + 1 === leaderboards.length) {\n        return 0;\n      }\n\n      return prev + 1;\n    });\n  };\n\n  useEffect(() => {\n    setTimer(0);\n  }, [setTimer]);\n\n  useEffect(() => {\n    const currType = leaderboards[currentLeaderBoardIndex]?.type;\n    const currLeaderboard = currType && leaderboardData?.[currType];\n\n    if (currLeaderboard) {\n      const leaderboardList = currLeaderboard.leaderboardPlayers || [];\n\n      if (currType === ELeaderboardType.BI_WEEKLY) {\n        setCurrLeaderboardTimeStamps({\n          current: currLeaderboard.currentTimestamp,\n          end: currLeaderboard.endTimestamp,\n        });\n\n        if (currLeaderboard.currentTimestamp > currLeaderboard.endTimestamp) {\n          leaderboardList.splice(10);\n          setIsTournamentEnded(true);\n        }\n      }\n\n      setCurrLeaderboardData([...leaderboardList]);\n    }\n  }, [currentLeaderBoardIndex, leaderboardData]);\n\n  return (\n    <Styled.Leaderboard>\n      <Styled.LeaderboardContainer>\n        <Styled.BannerWrapper>\n          {/* tournament banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n            <Banner\n              isLoading={isLoading || currLeaderboardData.length === 0}\n              bgFromTopPosition={-120}\n              bgFromRightPosition={-110}\n              primaryText={\n                isTournamentEnded ? <span>New Tournament</span> : <span>Tournament</span>\n              }\n              secondaryText={\n                isTournamentEnded ? (\n                  <span>Starts Soon</span>\n                ) : (\n                  <span>\n                    {' '}\n                    <Timer\n                      fromTimestamp={(time as number) + currLeaderboardTimeStamps.current}\n                      endTimestamp={currLeaderboardTimeStamps.end}\n                    />{' '}\n                    {'left'}\n                  </span>\n                )\n              }\n              lottiePath={BANNER_LOTTIES[ELeaderboardType.BI_WEEKLY]}\n              custEle={\n                <Styled.TournamentBannerCustContainer>\n                  <Styled.TrophyWrapper>\n                    <img src={ILLUSTRATIONS.TROPHY_CIRCLE} />\n                  </Styled.TrophyWrapper>\n                </Styled.TournamentBannerCustContainer>\n              }\n            />\n          )}\n\n          {/* top streak banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Streak Stars</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePath={BANNER_LOTTIES[ELeaderboardType.ALL_TIME_STREAK]}\n            />\n          )}\n\n          {/* elite circle banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Elite Circle</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePath={BANNER_LOTTIES[ELeaderboardType.ALL_TIME]}\n            />\n          )}\n        </Styled.BannerWrapper>\n\n        {isLoading && <CircularLoader />}\n\n        {!isLoading && currLeaderboardData && (\n          <Styled.ItemsWrapper topInset={0}>\n            {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n              <StreakReductionInfoBar\n                startTimestampToday={streakInfo.startTimestampToday}\n                streakReduction={streakInfo.streakReduction}\n              />\n            )}\n            {isTournamentEnded &&\n              leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n                <Styled.Banner>\n                  <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                    Congratulating winners of the last tournament!\n                  </Text>\n                </Styled.Banner>\n              )}\n            {currLeaderboardData.map(player => {\n              return (\n                <LeaderboardItemWithObserver\n                  key={player.rank}\n                  player={player}\n                  rank={player.rank}\n                  maxStreakDays={maxStreakDays}\n                  maxPoints={maxPoints}\n                  leaderboardType={leaderboards[currentLeaderBoardIndex]?.type}\n                  isActive={player.userId === userId}\n                />\n              );\n            })}\n          </Styled.ItemsWrapper>\n        )}\n\n        <Styled.ActionButtonWrapper>\n          <NavigationButton\n            labels={Object.values(ELeaderboardType)}\n            onLeftClick={handlePrevious}\n            onRightClick={handleNext}\n            currIndex={currentLeaderBoardIndex}\n            onClose={onClose}\n            disableSwipe={isLoading || currLeaderboardData.length === 0}\n          />\n        </Styled.ActionButtonWrapper>\n      </Styled.LeaderboardContainer>\n    </Styled.Leaderboard>\n  );\n};\n"],"names":["BANNER_LOTTIES","ELeaderboardType","LOTTIE","leaderboards","Leaderboard","leaderboardData","type","userId","onClose","isLoading","streakInfo","currentLeaderBoardIndex","setCurrentLeaderboardIndex","useState","leaderboard","currLeaderboardData","setCurrLeaderboardData","_a","currLeaderboardTimeStamps","setCurrLeaderboardTimeStamps","time","setTimer","useTimer","isTournamentEnded","setIsTournamentEnded","maxPoints","_b","maxStreakDays","_c","playButtonSound","useCircleSounds","handlePrevious","prev","handleNext","useEffect","currType","currLeaderboard","leaderboardList","Styled.Leaderboard","jsxs","Styled.LeaderboardContainer","Styled.BannerWrapper","_d","jsx","Banner","Timer","Styled.TournamentBannerCustContainer","Styled.TrophyWrapper","ILLUSTRATIONS","_e","_f","CircularLoader","Styled.ItemsWrapper","_g","StreakReductionInfoBar","_h","Styled.Banner","Text","player","LeaderboardItemWithObserver","Styled.ActionButtonWrapper","NavigationButton"],"mappings":"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"}
+{"version":3,"file":"leaderboard.js","sources":["../../../../src/features/circle-games/leaderboard/leaderboard.tsx"],"sourcesContent":["import type {\n  ILeaderboardPlayerWithPoints,\n  ILeaderboardPlayerWithStreak,\n} from './dal/use-get-leaderboard-dal/use-get-leaderboard-dal-types';\nimport type { ILeaderboardProps } from './leaderboard-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport Text from '../../ui/text/text';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Banner } from './comps/banner/banner';\nimport { LeaderboardItemWithObserver } from './comps/leaderboard-item/leaderboard-item';\nimport { NavigationButton } from './comps/navigation-button/navigation-button';\nimport { StreakReductionInfoBar } from './comps/streak-reduction-infobar/streak-reduction-infobar';\nimport { Timer } from './comps/timer/timer';\nimport { ELeaderboardType } from './enums/leaderboard-type-enum';\nimport { useTimer } from './hooks/use-timer/use-timer';\nimport * as Styled from './leaderboard-styled';\n\nconst BANNER_LOTTIES: Record<ELeaderboardType, string> = {\n  [ELeaderboardType.ALL_TIME_STREAK]: LOTTIE.ELITE_CIRCLE,\n  [ELeaderboardType.ALL_TIME]: LOTTIE.ELITE_CIRCLE,\n  [ELeaderboardType.BI_WEEKLY]: LOTTIE.TOURNAMENT_RIPPLE,\n};\n\nconst leaderboards = [\n  {\n    name: 'TOURNAMENT',\n    type: ELeaderboardType.BI_WEEKLY,\n  },\n  {\n    name: 'STREAK STARS',\n    type: ELeaderboardType.ALL_TIME_STREAK,\n  },\n  {\n    name: 'ALL TIME',\n    type: ELeaderboardType.ALL_TIME,\n  },\n];\n\nexport const Leaderboard = ({\n  leaderboardData,\n  type = ELeaderboardType.BI_WEEKLY,\n  userId,\n  onClose,\n  isLoading,\n  streakInfo,\n}: ILeaderboardProps) => {\n  const [currentLeaderBoardIndex, setCurrentLeaderboardIndex] = useState(\n    leaderboards.findIndex(leaderboard => type === leaderboard.type),\n  );\n\n  const [currLeaderboardData, setCurrLeaderboardData] = useState<\n    (ILeaderboardPlayerWithPoints | ILeaderboardPlayerWithStreak)[] | []\n  >(leaderboardData?.[type]?.leaderboardPlayers || []);\n\n  const [currLeaderboardTimeStamps, setCurrLeaderboardTimeStamps] = useState<{\n    current: number;\n    end: number;\n  }>({\n    current: 0,\n    end: 0,\n  });\n\n  const [time, setTimer] = useTimer(0);\n  const [isTournamentEnded, setIsTournamentEnded] = useState(false);\n  const maxPoints = (currLeaderboardData?.[0] as ILeaderboardPlayerWithPoints)?.points;\n  const maxStreakDays = (currLeaderboardData?.[0] as ILeaderboardPlayerWithStreak)?.streakDays || 0;\n  const { playButtonSound } = useCircleSounds();\n\n  const handlePrevious = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev - 1 < 0) {\n        return leaderboards.length - 1;\n      }\n\n      return prev - 1;\n    });\n  };\n\n  const handleNext = () => {\n    playButtonSound();\n    setCurrentLeaderboardIndex(prev => {\n      if (prev + 1 === leaderboards.length) {\n        return 0;\n      }\n\n      return prev + 1;\n    });\n  };\n\n  useEffect(() => {\n    setTimer(0);\n  }, [setTimer]);\n\n  useEffect(() => {\n    const currType = leaderboards[currentLeaderBoardIndex]?.type;\n    const currLeaderboard = currType && leaderboardData?.[currType];\n\n    if (currLeaderboard) {\n      const leaderboardList = currLeaderboard.leaderboardPlayers || [];\n\n      if (currType === ELeaderboardType.BI_WEEKLY) {\n        setCurrLeaderboardTimeStamps({\n          current: currLeaderboard.currentTimestamp,\n          end: currLeaderboard.endTimestamp,\n        });\n\n        if (currLeaderboard.currentTimestamp > currLeaderboard.endTimestamp) {\n          leaderboardList.splice(10);\n          setIsTournamentEnded(true);\n        }\n      }\n\n      setCurrLeaderboardData([...leaderboardList]);\n    }\n  }, [currentLeaderBoardIndex, leaderboardData]);\n\n  return (\n    <Styled.Leaderboard>\n      <Styled.LeaderboardContainer>\n        <Styled.BannerWrapper>\n          {/* tournament banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n            <Banner\n              isLoading={isLoading || currLeaderboardData.length === 0}\n              bgFromTopPosition={-120}\n              bgFromRightPosition={-110}\n              primaryText={\n                isTournamentEnded ? <span>New Tournament</span> : <span>Tournament</span>\n              }\n              secondaryText={\n                isTournamentEnded ? (\n                  <span>Starts Soon</span>\n                ) : (\n                  <span>\n                    {' '}\n                    <Timer\n                      fromTimestamp={(time as number) + currLeaderboardTimeStamps.current}\n                      endTimestamp={currLeaderboardTimeStamps.end}\n                    />{' '}\n                    {'left'}\n                  </span>\n                )\n              }\n              lottiePath={BANNER_LOTTIES[ELeaderboardType.BI_WEEKLY]}\n              custEle={\n                <Styled.TournamentBannerCustContainer>\n                  <Styled.TrophyWrapper>\n                    <img src={ILLUSTRATIONS.TROPHY_CIRCLE} />\n                  </Styled.TrophyWrapper>\n                </Styled.TournamentBannerCustContainer>\n              }\n            />\n          )}\n\n          {/* top streak banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Streak Stars</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePath={BANNER_LOTTIES[ELeaderboardType.ALL_TIME_STREAK]}\n            />\n          )}\n\n          {/* elite circle banner */}\n          {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME && (\n            <Banner\n              isLoading={isLoading}\n              bgFromTopPosition={-140}\n              bgFromRightPosition={-90}\n              primaryText={<span>Elite Circle</span>}\n              secondaryText={<span>Top 50</span>}\n              lottiePath={BANNER_LOTTIES[ELeaderboardType.ALL_TIME]}\n            />\n          )}\n        </Styled.BannerWrapper>\n\n        {isLoading && <CircularLoader />}\n\n        {!isLoading && currLeaderboardData && (\n          <Styled.ItemsWrapper topInset={0}>\n            {leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.ALL_TIME_STREAK && (\n              <StreakReductionInfoBar\n                startTimestampToday={streakInfo.startTimestampToday}\n                streakReduction={streakInfo.streakReduction}\n              />\n            )}\n            {isTournamentEnded &&\n              leaderboards[currentLeaderBoardIndex]?.type === ELeaderboardType.BI_WEEKLY && (\n                <Styled.Banner>\n                  <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                    Congratulating winners of the last tournament!\n                  </Text>\n                </Styled.Banner>\n              )}\n            {currLeaderboardData.map(player => {\n              return (\n                <LeaderboardItemWithObserver\n                  key={player.rank}\n                  player={player}\n                  rank={player.rank}\n                  maxStreakDays={maxStreakDays}\n                  maxPoints={maxPoints}\n                  leaderboardType={leaderboards[currentLeaderBoardIndex]?.type}\n                  isActive={player.userId === userId}\n                />\n              );\n            })}\n          </Styled.ItemsWrapper>\n        )}\n\n        <Styled.ActionButtonWrapper>\n          <NavigationButton\n            labels={Object.values(ELeaderboardType)}\n            onLeftClick={handlePrevious}\n            onRightClick={handleNext}\n            currIndex={currentLeaderBoardIndex}\n            onClose={onClose}\n            disableSwipe={isLoading || currLeaderboardData.length === 0}\n          />\n        </Styled.ActionButtonWrapper>\n      </Styled.LeaderboardContainer>\n    </Styled.Leaderboard>\n  );\n};\n"],"names":["BANNER_LOTTIES","ELeaderboardType","LOTTIE","leaderboards","Leaderboard","leaderboardData","type","userId","onClose","isLoading","streakInfo","currentLeaderBoardIndex","setCurrentLeaderboardIndex","useState","leaderboard","currLeaderboardData","setCurrLeaderboardData","_a","currLeaderboardTimeStamps","setCurrLeaderboardTimeStamps","time","setTimer","useTimer","isTournamentEnded","setIsTournamentEnded","maxPoints","_b","maxStreakDays","_c","playButtonSound","useCircleSounds","handlePrevious","prev","handleNext","useEffect","currType","currLeaderboard","leaderboardList","Styled.Leaderboard","jsxs","Styled.LeaderboardContainer","Styled.BannerWrapper","_d","jsx","Banner","Timer","Styled.TournamentBannerCustContainer","Styled.TrophyWrapper","ILLUSTRATIONS","_e","_f","CircularLoader","Styled.ItemsWrapper","_g","StreakReductionInfoBar","_h","Styled.Banner","Text","player","LeaderboardItemWithObserver","Styled.ActionButtonWrapper","NavigationButton"],"mappings":"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"}

package/dist/features/circle-games/sign-up/comp/circular-steps/circular-steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular-steps.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/circular-steps/circular-steps.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { ICircularStepsProps } from './circular-steps-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport CircleBackIcon from '../../../../../assets/line-icons/icons/circle-back';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './circular-steps-styled';\nimport { TOTAL_FRAMES } from './constants';\n\nexport const BackgroundImage = ({ img }: { img: React.ReactNode }) => {\n  return <Styled.BackgroundImage>{img}</Styled.BackgroundImage>;\n};\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n};\n\nexport const CircularSteps: FC<ICircularStepsProps> = ({ steps, currentStepIndex, dimensions }) => {\n  const { width, height } = dimensions;\n\n  const step = steps[currentStepIndex];\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const previousStepIndex = useRef<number>(-1);\n\n  const handleBack = () => {\n    steps[currentStepIndex]?.onBack?.();\n  };\n\n  const onLottieRender = useCallback(() => {\n    if (animationRef.current && step?.isProgressAnimationRequired) {\n      const actualSteps = steps.filter(_step => _step.isProgressAnimationRequired);\n      const stepSize = TOTAL_FRAMES / actualSteps.length;\n\n      const validPreviousIndex = previousStepIndex.current >= 0 ? previousStepIndex.current : 0;\n\n      const fromFrame = Math.round(validPreviousIndex * stepSize + 1);\n      const toFrame = Math.round(currentStepIndex * stepSize);\n\n      previousStepIndex.current = currentStepIndex;\n      animationRef.current.playSegments([fromFrame, toFrame], true);\n    }\n  }, [currentStepIndex, step?.isProgressAnimationRequired, steps]);\n\n  return (\n    <>\n      {step ? (\n        <Styled.ScreenWrapper width={width} height={height}>\n          {step.onBack ? (\n            <Styled.TransparentIconButton>\n              <CircleBackIcon onClick={handleBack} />\n            </Styled.TransparentIconButton>\n          ) : null}\n          {step.background ? <BackgroundImage img={step.background} /> : null}\n          <Styled.CircularStepsContainer>\n            <Styled.CircularStepsWrapper>\n              {step.custEle ? (\n                <Styled.CustEleContainer>{step.custEle}</Styled.CustEleContainer>\n              ) : null}\n\n              {/*circular data container*/}\n              {step.custEleInsideStep ? (\n                <Styled.CircularProgressContainer width={width} height={height}>\n                  {step.isProgressAnimationRequired ? (\n                    <Styled.CircularProgress>\n                      <LottieAnimation\n                        ref={animationRef}\n                        src={LOTTIE.LEVELUP_RINGS}\n                        settings={animationSettings}\n                        onRender={onLottieRender}\n                      />\n                    </Styled.CircularProgress>\n                  ) : null}\n\n                  {step.label ? (\n                    <Styled.Label>\n                      <Text $renderAs=\"ab2\" $color=\"WHITE\">\n                        {step.label}\n                      </Text>\n                    </Styled.Label>\n                  ) : null}\n                  {step.custEleInsideStep}\n                </Styled.CircularProgressContainer>\n              ) : null}\n            </Styled.CircularStepsWrapper>\n          </Styled.CircularStepsContainer>\n          {/* custom data container below circle */}\n          {step.custEleBelowStep ? (\n            <Styled.CustomDataContainer>{step.custEleBelowStep}</Styled.CustomDataContainer>\n          ) : null}\n        </Styled.ScreenWrapper>\n      ) : null}\n    </>\n  );\n};\n"],"names":["BackgroundImage","img","jsx","Styled.BackgroundImage","animationSettings","CircularSteps","steps","currentStepIndex","dimensions","width","height","step","animationRef","useRef","previousStepIndex","handleBack","_b","_a","onLottieRender","useCallback","actualSteps","_step","stepSize","TOTAL_FRAMES","validPreviousIndex","fromFrame","toFrame","jsxs","Styled.ScreenWrapper","Styled.TransparentIconButton","CircleBackIcon","Styled.CircularStepsContainer","Styled.CircularStepsWrapper","Styled.CustEleContainer","Styled.CircularProgressContainer","Styled.CircularProgress","LottieAnimation","LOTTIE","Styled.Label","Text","Styled.CustomDataContainer"],"mappings":";;;;;;;;AAaO,MAAMA,IAAkB,CAAC,EAAE,KAAAC,QACxB,gBAAAC,EAAAC,GAAA,EAAwB,UAAIF,EAAA,CAAA,GAGhCG,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ,GAEaC,IAAyC,CAAC,EAAE,OAAAC,GAAO,kBAAAC,GAAkB,YAAAC,QAAiB;AAC3F,QAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GAEpBG,IAAOL,EAAMC,CAAgB,GAC7BK,IAAeC,EAAmC,IAAI,GACtDC,IAAoBD,EAAe,EAAE,GAErCE,IAAa,MAAM;;AACjB,KAAAC,KAAAC,IAAAX,EAAAC,CAAgB,MAAhB,gBAAAU,EAAmB,WAAnB,QAAAD,EAAA,KAAAC;AAAA,EAA4B,GAG9BC,IAAiBC,EAAY,MAAM;AACnC,QAAAP,EAAa,YAAWD,KAAA,QAAAA,EAAM,8BAA6B;AAC7D,YAAMS,IAAcd,EAAM,OAAO,CAAAe,MAASA,EAAM,2BAA2B,GACrEC,IAAWC,IAAeH,EAAY,QAEtCI,IAAqBV,EAAkB,WAAW,IAAIA,EAAkB,UAAU,GAElFW,IAAY,KAAK,MAAMD,IAAqBF,IAAW,CAAC,GACxDI,IAAU,KAAK,MAAMnB,IAAmBe,CAAQ;AAEtD,MAAAR,EAAkB,UAAUP,GAC5BK,EAAa,QAAQ,aAAa,CAACa,GAAWC,CAAO,GAAG,EAAI;AAAA,IAC9D;AAAA,KACC,CAACnB,GAAkBI,KAAA,gBAAAA,EAAM,6BAA6BL,CAAK,CAAC;AAE/D,gCAEK,UACCK,IAAA,gBAAAgB,EAACC,GAAA,EAAqB,OAAAnB,GAAc,QAAAC,GACjC,UAAA;AAAA,IAAKC,EAAA,SACH,gBAAAT,EAAA2B,GAAA,EACC,4BAACC,GAAe,EAAA,SAASf,GAAY,EAAA,CACvC,IACE;AAAA,IACHJ,EAAK,aAAa,gBAAAT,EAACF,KAAgB,KAAKW,EAAK,WAAY,CAAA,IAAK;AAAA,sBAC9DoB,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EACE,UAAA;AAAA,MAAArB,EAAK,UACH,gBAAAT,EAAA+B,GAAA,EAAyB,UAAAtB,EAAK,QAAQ,CAAA,IACrC;AAAA,MAGHA,EAAK,oBACJ,gBAAAgB,EAACO,GAAA,EAAiC,OAAAzB,GAAc,QAAAC,GAC7C,UAAA;AAAA,QAAAC,EAAK,8BACJ,gBAAAT,EAACiC,GAAA,EACC,UAAA,gBAAAjC;AAAA,UAACkC;AAAA,UAAA;AAAA,YACC,KAAKxB;AAAA,YACL,KAAKyB,EAAO;AAAA,YACZ,UAAUjC;AAAA,YACV,UAAUc;AAAA,UAAA;AAAA,WAEd,IACE;AAAA,QAEHP,EAAK,QACH,gBAAAT,EAAAoC,GAAA,EACC,UAAA,gBAAApC,EAACqC,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAK5B,EAAA,MACR,CAAA,EACF,CAAA,IACE;AAAA,QACHA,EAAK;AAAA,MAAA,EAAA,CACR,IACE;AAAA,IAAA,EAAA,CACN,EACF,CAAA;AAAA,IAECA,EAAK,mBACH,gBAAAT,EAAAsC,GAAA,EAA4B,UAAA7B,EAAK,iBAAiB,CAAA,IACjD;AAAA,EAAA,GACN,IACE,KACN,CAAA;AAEJ;"}
+{"version":3,"file":"circular-steps.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/circular-steps/circular-steps.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { ICircularStepsProps } from './circular-steps-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useRef } from 'react';\n\nimport CircleBackIcon from '../../../../../assets/line-icons/icons/circle-back';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './circular-steps-styled';\nimport { TOTAL_FRAMES } from './constants';\n\nexport const BackgroundImage = ({ img }: { img: React.ReactNode }) => {\n  return <Styled.BackgroundImage>{img}</Styled.BackgroundImage>;\n};\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n};\n\nexport const CircularSteps: FC<ICircularStepsProps> = ({ steps, currentStepIndex, dimensions }) => {\n  const { width, height } = dimensions;\n\n  const step = steps[currentStepIndex];\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const previousStepIndex = useRef<number>(-1);\n\n  const handleBack = () => {\n    steps[currentStepIndex]?.onBack?.();\n  };\n\n  const onLottieRender = useCallback(() => {\n    if (animationRef.current && step?.isProgressAnimationRequired) {\n      const actualSteps = steps.filter(_step => _step.isProgressAnimationRequired);\n      const stepSize = TOTAL_FRAMES / actualSteps.length;\n\n      const validPreviousIndex = previousStepIndex.current >= 0 ? previousStepIndex.current : 0;\n\n      const fromFrame = Math.round(validPreviousIndex * stepSize + 1);\n      const toFrame = Math.round(currentStepIndex * stepSize);\n\n      previousStepIndex.current = currentStepIndex;\n      animationRef.current.playSegments([fromFrame, toFrame], true);\n    }\n  }, [currentStepIndex, step?.isProgressAnimationRequired, steps]);\n\n  return (\n    <>\n      {step ? (\n        <Styled.ScreenWrapper width={width} height={height}>\n          {step.onBack ? (\n            <Styled.TransparentIconButton>\n              <CircleBackIcon onClick={handleBack} />\n            </Styled.TransparentIconButton>\n          ) : null}\n          {step.background ? <BackgroundImage img={step.background} /> : null}\n          <Styled.CircularStepsContainer>\n            <Styled.CircularStepsWrapper>\n              {step.custEle ? (\n                <Styled.CustEleContainer>{step.custEle}</Styled.CustEleContainer>\n              ) : null}\n\n              {/*circular data container*/}\n              {step.custEleInsideStep ? (\n                <Styled.CircularProgressContainer width={width} height={height}>\n                  {step.isProgressAnimationRequired ? (\n                    <Styled.CircularProgress>\n                      <LottieAnimation\n                        ref={animationRef}\n                        src={LOTTIE.LEVELUP_RINGS}\n                        settings={animationSettings}\n                        onRender={onLottieRender}\n                      />\n                    </Styled.CircularProgress>\n                  ) : null}\n\n                  {step.label ? (\n                    <Styled.Label>\n                      <Text $renderAs=\"ab2\" $color=\"WHITE\">\n                        {step.label}\n                      </Text>\n                    </Styled.Label>\n                  ) : null}\n                  {step.custEleInsideStep}\n                </Styled.CircularProgressContainer>\n              ) : null}\n            </Styled.CircularStepsWrapper>\n          </Styled.CircularStepsContainer>\n          {/* custom data container below circle */}\n          {step.custEleBelowStep ? (\n            <Styled.CustomDataContainer>{step.custEleBelowStep}</Styled.CustomDataContainer>\n          ) : null}\n        </Styled.ScreenWrapper>\n      ) : null}\n    </>\n  );\n};\n"],"names":["BackgroundImage","img","jsx","Styled.BackgroundImage","animationSettings","CircularSteps","steps","currentStepIndex","dimensions","width","height","step","animationRef","useRef","previousStepIndex","handleBack","_b","_a","onLottieRender","useCallback","actualSteps","_step","stepSize","TOTAL_FRAMES","validPreviousIndex","fromFrame","toFrame","jsxs","Styled.ScreenWrapper","Styled.TransparentIconButton","CircleBackIcon","Styled.CircularStepsContainer","Styled.CircularStepsWrapper","Styled.CustEleContainer","Styled.CircularProgressContainer","Styled.CircularProgress","LottieAnimation","LOTTIE","Styled.Label","Text","Styled.CustomDataContainer"],"mappings":";;;;;;;;AAaO,MAAMA,IAAkB,CAAC,EAAE,KAAAC,QACxB,gBAAAC,EAAAC,GAAA,EAAwB,UAAIF,EAAA,CAAA,GAGhCG,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ,GAEaC,IAAyC,CAAC,EAAE,OAAAC,GAAO,kBAAAC,GAAkB,YAAAC,QAAiB;AAC3F,QAAA,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWF,GAEpBG,IAAOL,EAAMC,CAAgB,GAC7BK,IAAeC,EAAmC,IAAI,GACtDC,IAAoBD,EAAe,EAAE,GAErCE,IAAa,MAAM;;AACjB,KAAAC,KAAAC,IAAAX,EAAAC,CAAgB,MAAhB,gBAAAU,EAAmB,WAAnB,QAAAD,EAAA,KAAAC;AAAA,EACR,GAEMC,IAAiBC,EAAY,MAAM;AACnC,QAAAP,EAAa,YAAWD,KAAA,QAAAA,EAAM,8BAA6B;AAC7D,YAAMS,IAAcd,EAAM,OAAO,CAAAe,MAASA,EAAM,2BAA2B,GACrEC,IAAWC,IAAeH,EAAY,QAEtCI,IAAqBV,EAAkB,WAAW,IAAIA,EAAkB,UAAU,GAElFW,IAAY,KAAK,MAAMD,IAAqBF,IAAW,CAAC,GACxDI,IAAU,KAAK,MAAMnB,IAAmBe,CAAQ;AAEtD,MAAAR,EAAkB,UAAUP,GAC5BK,EAAa,QAAQ,aAAa,CAACa,GAAWC,CAAO,GAAG,EAAI;AAAA,IAAA;AAAA,KAE7D,CAACnB,GAAkBI,KAAA,gBAAAA,EAAM,6BAA6BL,CAAK,CAAC;AAE/D,gCAEK,UACCK,IAAA,gBAAAgB,EAACC,GAAA,EAAqB,OAAAnB,GAAc,QAAAC,GACjC,UAAA;AAAA,IAAKC,EAAA,SACH,gBAAAT,EAAA2B,GAAA,EACC,4BAACC,GAAe,EAAA,SAASf,GAAY,EAAA,CACvC,IACE;AAAA,IACHJ,EAAK,aAAa,gBAAAT,EAACF,KAAgB,KAAKW,EAAK,WAAY,CAAA,IAAK;AAAA,sBAC9DoB,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EACE,UAAA;AAAA,MAAArB,EAAK,UACH,gBAAAT,EAAA+B,GAAA,EAAyB,UAAAtB,EAAK,QAAQ,CAAA,IACrC;AAAA,MAGHA,EAAK,oBACJ,gBAAAgB,EAACO,GAAA,EAAiC,OAAAzB,GAAc,QAAAC,GAC7C,UAAA;AAAA,QAAAC,EAAK,8BACJ,gBAAAT,EAACiC,GAAA,EACC,UAAA,gBAAAjC;AAAA,UAACkC;AAAA,UAAA;AAAA,YACC,KAAKxB;AAAA,YACL,KAAKyB,EAAO;AAAA,YACZ,UAAUjC;AAAA,YACV,UAAUc;AAAA,UAAA;AAAA,WAEd,IACE;AAAA,QAEHP,EAAK,QACH,gBAAAT,EAAAoC,GAAA,EACC,UAAA,gBAAApC,EAACqC,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAK5B,EAAA,MACR,CAAA,EACF,CAAA,IACE;AAAA,QACHA,EAAK;AAAA,MAAA,EAAA,CACR,IACE;AAAA,IAAA,EAAA,CACN,EACF,CAAA;AAAA,IAECA,EAAK,mBACH,gBAAAT,EAAAsC,GAAA,EAA4B,UAAA7B,EAAK,kBAAiB,IACjD;AAAA,EAAA,EACN,CAAA,IACE,MACN;AAEJ;"}

package/dist/features/circle-games/sign-up/comp/grade-input/grade-input-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-input-styled.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/grade-input/grade-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const GradeInputWrapper = styled.div(({ theme }) => {\n  const { BLACK } = theme.colors;\n\n  return `\n  background: ${BLACK};\n  width: 100%;\n  padding: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  `;\n});\n\nexport const GradeInputContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n`;\n\nexport const GradeRow = styled.div`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n`;\n\nexport const GradeButton = styled.div<{ isActive: boolean }>(({ isActive, theme }) => {\n  const { WHITE, TRANSPARENT, GREY_2, WHITE_T_10 } = theme.colors;\n\n  return `\n  height: 45px;\n  width: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  border: 1px solid ${WHITE};\n  background-color: ${isActive ? WHITE : TRANSPARENT};\n  cursor: pointer;\n  transition:\n    background-color 0.3s ease,\n    transform 0.2s ease;\n\n  &:hover {\n    transform: scale(1.1);\n    background-color: ${isActive ? GREY_2 : WHITE_T_10};\n  }\n  `;\n});\n\nexport const NextButtonWrapper = styled.div`\n  position: absolute;\n  bottom: 166px;\n  right: 16px;\n  z-index: 1;\n  background: ${({ theme }) => theme.colors.WHITE};\n  border-radius: 100%;\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.1s linear;\n  cursor: pointer;\n  &:hover {\n    background: ${({ theme }) => theme.colors.BLACK_3};\n    color: ${({ theme }) => theme.colors.WHITE};\n  }\n  &:hover svg {\n    fill: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n"],"names":["GradeInputWrapper","styled","theme","BLACK","GradeInputContainer","GradeRow","GradeButton","isActive","WHITE","TRANSPARENT","GREY_2","WHITE_T_10","NextButtonWrapper"],"mappings":";AAEO,MAAMA,IAAoBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACnD,QAAA,EAAE,OAAAC,EAAM,IAAID,EAAM;AAEjB,SAAA;AAAA,gBACOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrB,CAAC,GAEYC,IAAsBH,EAAO;AAAA;AAAA;AAAA;AAAA,GAM7BI,IAAWJ,EAAO;AAAA;AAAA;AAAA;AAAA,GAMlBK,IAAcL,EAAO,IAA2B,CAAC,EAAE,UAAAM,GAAU,OAAAL,QAAY;AACpF,QAAM,EAAE,OAAAM,GAAO,aAAAC,GAAa,QAAAC,GAAQ,YAAAC,MAAeT,EAAM;AAElD,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOaM,CAAK;AAAA,sBACLD,IAAWC,IAAQC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQ5BF,IAAWG,IAASC,CAAU;AAAA;AAAA;AAGtD,CAAC,GAEYC,IAAoBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKxB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAW/B,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,aACxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,YAGlC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;"}
+{"version":3,"file":"grade-input-styled.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/grade-input/grade-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const GradeInputWrapper = styled.div(({ theme }) => {\n  const { BLACK } = theme.colors;\n\n  return `\n  background: ${BLACK};\n  width: 100%;\n  padding: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  `;\n});\n\nexport const GradeInputContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n`;\n\nexport const GradeRow = styled.div`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n`;\n\nexport const GradeButton = styled.div<{ isActive: boolean }>(({ isActive, theme }) => {\n  const { WHITE, TRANSPARENT, GREY_2, WHITE_T_10 } = theme.colors;\n\n  return `\n  height: 45px;\n  width: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  border: 1px solid ${WHITE};\n  background-color: ${isActive ? WHITE : TRANSPARENT};\n  cursor: pointer;\n  transition:\n    background-color 0.3s ease,\n    transform 0.2s ease;\n\n  &:hover {\n    transform: scale(1.1);\n    background-color: ${isActive ? GREY_2 : WHITE_T_10};\n  }\n  `;\n});\n\nexport const NextButtonWrapper = styled.div`\n  position: absolute;\n  bottom: 166px;\n  right: 16px;\n  z-index: 1;\n  background: ${({ theme }) => theme.colors.WHITE};\n  border-radius: 100%;\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.1s linear;\n  cursor: pointer;\n  &:hover {\n    background: ${({ theme }) => theme.colors.BLACK_3};\n    color: ${({ theme }) => theme.colors.WHITE};\n  }\n  &:hover svg {\n    fill: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n"],"names":["GradeInputWrapper","styled","theme","BLACK","GradeInputContainer","GradeRow","GradeButton","isActive","WHITE","TRANSPARENT","GREY_2","WHITE_T_10","NextButtonWrapper"],"mappings":";AAEO,MAAMA,IAAoBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACnD,QAAA,EAAE,OAAAC,MAAUD,EAAM;AAEjB,SAAA;AAAA,gBACOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrB,CAAC,GAEYC,IAAsBH,EAAO;AAAA;AAAA;AAAA;AAAA,GAM7BI,IAAWJ,EAAO;AAAA;AAAA;AAAA;AAAA,GAMlBK,IAAcL,EAAO,IAA2B,CAAC,EAAE,UAAAM,GAAU,OAAAL,QAAY;AACpF,QAAM,EAAE,OAAAM,GAAO,aAAAC,GAAa,QAAAC,GAAQ,YAAAC,EAAA,IAAeT,EAAM;AAElD,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOaM,CAAK;AAAA,sBACLD,IAAWC,IAAQC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQ5BF,IAAWG,IAASC,CAAU;AAAA;AAAA;AAGtD,CAAC,GAEYC,IAAoBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKxB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAW/B,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,aACxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,YAGlC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;"}

package/dist/features/circle-games/sign-up/comp/grade-input/grade-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-input.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/grade-input/grade-input.tsx"],"sourcesContent":["import type { Grade, GradeKey, IGradeInputProps } from './grade-input-types';\n\nimport { useEffect, useState } from 'react';\n\nimport Next2Icon from '../../../../../assets/line-icons/icons/next2';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport Text from '../../../../ui/text/text';\nimport { WithGrade } from '../../../leaderboard/comps/with-grade/with-grade';\nimport * as S from './grade-input-styled';\n\nexport const GradeInput = ({ selected, grades, onSelect, onNext }: IGradeInputProps) => {\n  const [active, setActive] = useState(selected);\n\n  useEffect(() => {\n    setActive(selected);\n  }, [selected]);\n\n  const isOutOfSchool = (gradeKey: GradeKey) => {\n    return gradeKey === ('13' as GradeKey);\n  };\n\n  const handleGrade = (gradeInfo: Grade) => {\n    onSelect?.(gradeInfo);\n  };\n\n  const maxNoOfRows = 6;\n\n  // Group grades into rows\n  const grade2d: Grade[][] = grades.reduce((acc: Grade[][], grade, index) => {\n    if (index % maxNoOfRows === 0) acc.push([]);\n    acc[acc.length - 1]?.push(grade);\n\n    return acc;\n  }, []);\n\n  return (\n    <S.GradeInputWrapper>\n      {selected && (\n        <S.NextButtonWrapper>\n          <Clickable onClick={onNext} analyticsLabel=\"circle_signup_grade_next\" label=\"\">\n            <Next2Icon height={28} width={28} />\n          </Clickable>\n        </S.NextButtonWrapper>\n      )}\n\n      <S.GradeInputContainer>\n        {grade2d.map((row, rowIndex) => (\n          <S.GradeRow key={rowIndex}>\n            {row.map(g => (\n              <S.GradeButton isActive={active === g.key} key={g.key} onClick={() => handleGrade(g)}>\n                {isOutOfSchool(g.key) && (\n                  <WithGrade grade={g.key}>\n                    <Text\n                      $renderAs={active === g.key ? 'ab1-bold' : 'ab1'}\n                      $color={active === g.key ? 'WHITE' : 'BLACK'}\n                    >\n                      {g.label}\n                    </Text>\n                  </WithGrade>\n                )}\n                {!isOutOfSchool(g.key) && (\n                  <Text $renderAs={'ab1'} $color={active === g.key ? 'BLACK' : 'WHITE'}>\n                    {g.label}\n                  </Text>\n                )}\n              </S.GradeButton>\n            ))}\n          </S.GradeRow>\n        ))}\n      </S.GradeInputContainer>\n    </S.GradeInputWrapper>\n  );\n};\n"],"names":["GradeInput","selected","grades","onSelect","onNext","active","setActive","useState","useEffect","isOutOfSchool","gradeKey","handleGrade","gradeInfo","maxNoOfRows","grade2d","acc","grade","index","_a","jsxs","S.GradeInputWrapper","S.NextButtonWrapper","jsx","Clickable","Next2Icon","S.GradeInputContainer","row","rowIndex","S.GradeRow","g","S.GradeButton","WithGrade","Text"],"mappings":";;;;;;;AAUO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,QAA+B;AACtF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASN,CAAQ;AAE7C,EAAAO,EAAU,MAAM;AACd,IAAAF,EAAUL,CAAQ;AAAA,EAAA,GACjB,CAACA,CAAQ,CAAC;AAEP,QAAAQ,IAAgB,CAACC,MACdA,MAAc,MAGjBC,IAAc,CAACC,MAAqB;AACxC,IAAAT,KAAA,QAAAA,EAAWS;AAAA,EAAS,GAGhBC,IAAc,GAGdC,IAAqBZ,EAAO,OAAO,CAACa,GAAgBC,GAAOC,MAAU;;AACzE,WAAIA,IAAQJ,MAAgB,KAAOE,EAAA,KAAK,CAAA,CAAE,IAC1CG,IAAAH,EAAIA,EAAI,SAAS,CAAC,MAAlB,QAAAG,EAAqB,KAAKF,IAEnBD;AAAA,EACT,GAAG,CAAE,CAAA;AAGH,SAAA,gBAAAI,EAACC,GAAA,EACE,UAAA;AAAA,IAAAnB,uBACEoB,GAAA,EACC,UAAC,gBAAAC,EAAAC,GAAA,EAAU,SAASnB,GAAQ,gBAAe,4BAA2B,OAAM,IAC1E,4BAACoB,GAAU,EAAA,QAAQ,IAAI,OAAO,IAAI,GACpC,EACF,CAAA;AAAA,IAGD,gBAAAF,EAAAG,GAAA,EACE,UAAQX,EAAA,IAAI,CAACY,GAAKC,MACjB,gBAAAL,EAACM,GAAA,EACE,UAAAF,EAAI,IAAI,CAAAG,MACN,gBAAAV,EAAAW,GAAA,EAAc,UAAUzB,MAAWwB,EAAE,KAAiB,SAAS,MAAMlB,EAAYkB,CAAC,GAChF,UAAA;AAAA,MAAApB,EAAcoB,EAAE,GAAG,uBACjBE,GAAU,EAAA,OAAOF,EAAE,KAClB,UAAA,gBAAAP;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,WAAW3B,MAAWwB,EAAE,MAAM,aAAa;AAAA,UAC3C,QAAQxB,MAAWwB,EAAE,MAAM,UAAU;AAAA,UAEpC,UAAEA,EAAA;AAAA,QAAA;AAAA,MAAA,GAEP;AAAA,MAED,CAACpB,EAAcoB,EAAE,GAAG,uBAClBG,GAAK,EAAA,WAAW,OAAO,QAAQ3B,MAAWwB,EAAE,MAAM,UAAU,SAC1D,YAAE,OACL;AAAA,IAAA,EAAA,GAd4CA,EAAE,GAgBlD,CACD,EAnBc,GAAAF,CAoBjB,CACD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"grade-input.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/grade-input/grade-input.tsx"],"sourcesContent":["import type { Grade, GradeKey, IGradeInputProps } from './grade-input-types';\n\nimport { useEffect, useState } from 'react';\n\nimport Next2Icon from '../../../../../assets/line-icons/icons/next2';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport Text from '../../../../ui/text/text';\nimport { WithGrade } from '../../../leaderboard/comps/with-grade/with-grade';\nimport * as S from './grade-input-styled';\n\nexport const GradeInput = ({ selected, grades, onSelect, onNext }: IGradeInputProps) => {\n  const [active, setActive] = useState(selected);\n\n  useEffect(() => {\n    setActive(selected);\n  }, [selected]);\n\n  const isOutOfSchool = (gradeKey: GradeKey) => {\n    return gradeKey === ('13' as GradeKey);\n  };\n\n  const handleGrade = (gradeInfo: Grade) => {\n    onSelect?.(gradeInfo);\n  };\n\n  const maxNoOfRows = 6;\n\n  // Group grades into rows\n  const grade2d: Grade[][] = grades.reduce((acc: Grade[][], grade, index) => {\n    if (index % maxNoOfRows === 0) acc.push([]);\n    acc[acc.length - 1]?.push(grade);\n\n    return acc;\n  }, []);\n\n  return (\n    <S.GradeInputWrapper>\n      {selected && (\n        <S.NextButtonWrapper>\n          <Clickable onClick={onNext} analyticsLabel=\"circle_signup_grade_next\" label=\"\">\n            <Next2Icon height={28} width={28} />\n          </Clickable>\n        </S.NextButtonWrapper>\n      )}\n\n      <S.GradeInputContainer>\n        {grade2d.map((row, rowIndex) => (\n          <S.GradeRow key={rowIndex}>\n            {row.map(g => (\n              <S.GradeButton isActive={active === g.key} key={g.key} onClick={() => handleGrade(g)}>\n                {isOutOfSchool(g.key) && (\n                  <WithGrade grade={g.key}>\n                    <Text\n                      $renderAs={active === g.key ? 'ab1-bold' : 'ab1'}\n                      $color={active === g.key ? 'WHITE' : 'BLACK'}\n                    >\n                      {g.label}\n                    </Text>\n                  </WithGrade>\n                )}\n                {!isOutOfSchool(g.key) && (\n                  <Text $renderAs={'ab1'} $color={active === g.key ? 'BLACK' : 'WHITE'}>\n                    {g.label}\n                  </Text>\n                )}\n              </S.GradeButton>\n            ))}\n          </S.GradeRow>\n        ))}\n      </S.GradeInputContainer>\n    </S.GradeInputWrapper>\n  );\n};\n"],"names":["GradeInput","selected","grades","onSelect","onNext","active","setActive","useState","useEffect","isOutOfSchool","gradeKey","handleGrade","gradeInfo","maxNoOfRows","grade2d","acc","grade","index","_a","jsxs","S.GradeInputWrapper","S.NextButtonWrapper","jsx","Clickable","Next2Icon","S.GradeInputContainer","row","rowIndex","S.GradeRow","g","S.GradeButton","WithGrade","Text"],"mappings":";;;;;;;AAUO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,QAA+B;AACtF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASN,CAAQ;AAE7C,EAAAO,EAAU,MAAM;AACd,IAAAF,EAAUL,CAAQ;AAAA,EAAA,GACjB,CAACA,CAAQ,CAAC;AAEP,QAAAQ,IAAgB,CAACC,MACdA,MAAc,MAGjBC,IAAc,CAACC,MAAqB;AACxC,IAAAT,KAAA,QAAAA,EAAWS;AAAA,EACb,GAEMC,IAAc,GAGdC,IAAqBZ,EAAO,OAAO,CAACa,GAAgBC,GAAOC,MAAU;;AACzE,WAAIA,IAAQJ,MAAgB,KAAOE,EAAA,KAAK,CAAA,CAAE,IAC1CG,IAAAH,EAAIA,EAAI,SAAS,CAAC,MAAlB,QAAAG,EAAqB,KAAKF,IAEnBD;AAAA,EACT,GAAG,EAAE;AAGH,SAAA,gBAAAI,EAACC,GAAA,EACE,UAAA;AAAA,IAAAnB,uBACEoB,GAAA,EACC,UAAC,gBAAAC,EAAAC,GAAA,EAAU,SAASnB,GAAQ,gBAAe,4BAA2B,OAAM,IAC1E,4BAACoB,GAAU,EAAA,QAAQ,IAAI,OAAO,IAAI,GACpC,EACF,CAAA;AAAA,IAGD,gBAAAF,EAAAG,GAAA,EACE,UAAQX,EAAA,IAAI,CAACY,GAAKC,MACjB,gBAAAL,EAACM,GAAA,EACE,UAAAF,EAAI,IAAI,CAAAG,MACN,gBAAAV,EAAAW,GAAA,EAAc,UAAUzB,MAAWwB,EAAE,KAAiB,SAAS,MAAMlB,EAAYkB,CAAC,GAChF,UAAA;AAAA,MAAApB,EAAcoB,EAAE,GAAG,uBACjBE,GAAU,EAAA,OAAOF,EAAE,KAClB,UAAA,gBAAAP;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,WAAW3B,MAAWwB,EAAE,MAAM,aAAa;AAAA,UAC3C,QAAQxB,MAAWwB,EAAE,MAAM,UAAU;AAAA,UAEpC,UAAEA,EAAA;AAAA,QAAA;AAAA,MAAA,GAEP;AAAA,MAED,CAACpB,EAAcoB,EAAE,GAAG,uBAClBG,GAAK,EAAA,WAAW,OAAO,QAAQ3B,MAAWwB,EAAE,MAAM,UAAU,SAC1D,YAAE,MACL,CAAA;AAAA,IAAA,EAAA,GAd4CA,EAAE,GAgBlD,CACD,EAnBc,GAAAF,CAoBjB,CACD,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/features/circle-games/sign-up/comp/input-wrapper/input-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-wrapper.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport React from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport { Spinner } from '../spinner/spinner';\nimport * as S from './input-wrapper-styled';\n\ninterface InputWrapperProps {\n  children: ReactElement;\n  helperText?: string;\n  custEle?: ReactNode;\n  showSpinner?: boolean;\n}\n\nexport const InputWrapper = ({ children, helperText, custEle, showSpinner }: InputWrapperProps) => {\n  return (\n    <S.InputWrapper>\n      {children}\n      <S.TextWrapper>\n        <>\n          {helperText && (\n            <Text $renderAs=\"ab3\" $color=\"WHITE_70\" $align=\"center\">\n              {helperText.split('\\n').map((line, index) => (\n                <React.Fragment key={index}>\n                  {line}\n                  <br />\n                </React.Fragment>\n              ))}\n            </Text>\n          )}\n          {custEle && <div>{custEle}</div>}\n        </>\n      </S.TextWrapper>\n      {showSpinner && (\n        <S.SpinnerLottieView>\n          <Spinner height={20} width={20} />\n        </S.SpinnerLottieView>\n      )}\n    </S.InputWrapper>\n  );\n};\n"],"names":["InputWrapper","children","helperText","custEle","showSpinner","jsxs","S.InputWrapper","jsx","S.TextWrapper","Fragment","Text","line","index","React","S.SpinnerLottieView","Spinner"],"mappings":";;;;;AAeO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,SAAAC,GAAS,aAAAC,QAE1D,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,EAAAL;AAAA,EACA,gBAAAM,EAAAC,GAAA,EACC,UACG,gBAAAH,EAAAI,GAAA,EAAA,UAAA;AAAA,IAAAP,uBACEQ,GAAK,EAAA,WAAU,OAAM,QAAO,YAAW,QAAO,UAC5C,UAAAR,EAAW,MAAM;AAAA,CAAI,EAAE,IAAI,CAACS,GAAMC,MAChC,gBAAAP,EAAAQ,EAAM,UAAN,EACE,UAAA;AAAA,MAAAF;AAAA,wBACA,MAAG,EAAA;AAAA,IAAA,KAFeC,CAGrB,CACD,GACH;AAAA,IAEDT,KAAY,gBAAAI,EAAA,OAAA,EAAK,UAAQJ,EAAA,CAAA;AAAA,EAAA,EAAA,CAC5B,EACF,CAAA;AAAA,EACCC,KACE,gBAAAG,EAAAO,GAAA,EACC,UAAC,gBAAAP,EAAAQ,GAAA,EAAQ,QAAQ,IAAI,OAAO,GAAA,CAAI,EAClC,CAAA;AAEJ,EAAA,CAAA;"}
+{"version":3,"file":"input-wrapper.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport React from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport { Spinner } from '../spinner/spinner';\nimport * as S from './input-wrapper-styled';\n\ninterface InputWrapperProps {\n  children: ReactElement;\n  helperText?: string;\n  custEle?: ReactNode;\n  showSpinner?: boolean;\n}\n\nexport const InputWrapper = ({ children, helperText, custEle, showSpinner }: InputWrapperProps) => {\n  return (\n    <S.InputWrapper>\n      {children}\n      <S.TextWrapper>\n        <>\n          {helperText && (\n            <Text $renderAs=\"ab3\" $color=\"WHITE_70\" $align=\"center\">\n              {helperText.split('\\n').map((line, index) => (\n                <React.Fragment key={index}>\n                  {line}\n                  <br />\n                </React.Fragment>\n              ))}\n            </Text>\n          )}\n          {custEle && <div>{custEle}</div>}\n        </>\n      </S.TextWrapper>\n      {showSpinner && (\n        <S.SpinnerLottieView>\n          <Spinner height={20} width={20} />\n        </S.SpinnerLottieView>\n      )}\n    </S.InputWrapper>\n  );\n};\n"],"names":["InputWrapper","children","helperText","custEle","showSpinner","jsxs","S.InputWrapper","jsx","S.TextWrapper","Fragment","Text","line","index","React","S.SpinnerLottieView","Spinner"],"mappings":";;;;;AAeO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,SAAAC,GAAS,aAAAC,QAE1D,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,EAAAL;AAAA,EACA,gBAAAM,EAAAC,GAAA,EACC,UACG,gBAAAH,EAAAI,GAAA,EAAA,UAAA;AAAA,IAAAP,uBACEQ,GAAK,EAAA,WAAU,OAAM,QAAO,YAAW,QAAO,UAC5C,UAAAR,EAAW,MAAM;AAAA,CAAI,EAAE,IAAI,CAACS,GAAMC,MAChC,gBAAAP,EAAAQ,EAAM,UAAN,EACE,UAAA;AAAA,MAAAF;AAAA,wBACA,MAAG,CAAA,CAAA;AAAA,IAAA,KAFeC,CAGrB,CACD,GACH;AAAA,IAEDT,KAAY,gBAAAI,EAAA,OAAA,EAAK,UAAQJ,EAAA,CAAA;AAAA,EAAA,EAAA,CAC5B,EACF,CAAA;AAAA,EACCC,KACE,gBAAAG,EAAAO,GAAA,EACC,UAAC,gBAAAP,EAAAQ,GAAA,EAAQ,QAAQ,IAAI,OAAO,GAAI,CAAA,EAClC,CAAA;AAAA,GAEJ;"}

package/dist/features/circle-games/sign-up/comp/select-user-grade/select-user-grade.js

@@ -3,17 +3,17 @@ import t from "../../../../ui/text/text.js";
 import { WithGrade as p } from "../../../leaderboard/comps/with-grade/with-grade.js";
 import { GradeInput as c } from "../grade-input/grade-input.js";
 import { InputWrapper as i } from "../input-wrapper/input-wrapper.js";
-import { Input as m, SelectUserGradeWrapper as o } from "./select-user-grade.styled.js";
+import { SelectUserGradeWrapper as m, Input as o } from "./select-user-grade.styled.js";
 const G = ({
   gradeInfo: r,
   showSpinner: l
 }) => /* @__PURE__ */ e(i, { showSpinner: l, children: r ? r.key !== "13" ? /* @__PURE__ */ e(t, { $renderAs: "ah3", $color: "WHITE", children: r.label }) : /* @__PURE__ */ e(p, { grade: r.key, children: /* @__PURE__ */ e(t, { $renderAs: "ah1", children: r.label }) }) : /* @__PURE__ */ e(
-  m,
+  o,
   {
     placeholder: "or class",
     defaultValue: r && (r == null ? void 0 : r.key) || ""
   }
-) }), x = (r) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(c, { ...r }) });
+) }), x = (r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { ...r }) });
 export {
   G as GradeInputBox,
   x as SelectUserGrade

package/dist/features/circle-games/sign-up/comp/select-user-grade/select-user-grade.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-user-grade.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/select-user-grade/select-user-grade.tsx"],"sourcesContent":["import type { Grade, GradeKey, IGradeInputProps } from '../grade-input/grade-input-types';\n\nimport Text from '../../../../ui/text/text';\nimport { WithGrade } from '../../../leaderboard/comps/with-grade/with-grade';\nimport { GradeInput } from '../grade-input/grade-input';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\nimport * as S from './select-user-grade.styled';\n\n// component shown as custom element inside circular step\nexport const GradeInputBox = ({\n  gradeInfo,\n  showSpinner,\n}: {\n  gradeInfo: Grade | null;\n  showSpinner: boolean;\n}) => {\n  return (\n    <InputWrapper showSpinner={showSpinner}>\n      {gradeInfo ? (\n        gradeInfo.key !== ('13' as GradeKey) ? (\n          <Text $renderAs=\"ah3\" $color=\"WHITE\">\n            {gradeInfo.label}\n          </Text>\n        ) : (\n          <WithGrade grade={gradeInfo.key}>\n            <Text $renderAs=\"ah1\">{gradeInfo.label}</Text>\n          </WithGrade>\n        )\n      ) : (\n        <S.Input\n          placeholder={'or class'}\n          defaultValue={(gradeInfo && (gradeInfo as Grade)?.key) || ''}\n        />\n      )}\n    </InputWrapper>\n  );\n};\n\n// component shown as custom element below circular step\n\nexport const SelectUserGrade = (props: IGradeInputProps) => {\n  return (\n    <S.SelectUserGradeWrapper>\n      <GradeInput {...props} />\n    </S.SelectUserGradeWrapper>\n  );\n};\n"],"names":["GradeInputBox","gradeInfo","showSpinner","jsx","InputWrapper","Text","WithGrade","S.Input","SelectUserGrade","props","S.SelectUserGradeWrapper","GradeInput"],"mappings":";;;;;;AASO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,aAAAC;AACF,MAKK,gBAAAC,EAAAC,GAAA,EAAa,aAAAF,GACX,UAAAD,IACCA,EAAU,QAAS,OACjB,gBAAAE,EAACE,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAAJ,EAAU,MACb,CAAA,IAEC,gBAAAE,EAAAG,GAAA,EAAU,OAAOL,EAAU,KAC1B,UAAA,gBAAAE,EAACE,GAAK,EAAA,WAAU,OAAO,UAAAJ,EAAU,MAAM,CAAA,EACzC,CAAA,IAGF,gBAAAE;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,aAAa;AAAA,IACb,cAAeN,MAAcA,KAAA,gBAAAA,EAAqB,QAAQ;AAAA,EAAA;AAGhE,EAAA,CAAA,GAMSO,IAAkB,CAACC,MAE5B,gBAAAN,EAACO,GAAA,EACC,4BAACC,GAAY,EAAA,GAAGF,GAAO,EACzB,CAAA;"}
+{"version":3,"file":"select-user-grade.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/select-user-grade/select-user-grade.tsx"],"sourcesContent":["import type { Grade, GradeKey, IGradeInputProps } from '../grade-input/grade-input-types';\n\nimport Text from '../../../../ui/text/text';\nimport { WithGrade } from '../../../leaderboard/comps/with-grade/with-grade';\nimport { GradeInput } from '../grade-input/grade-input';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\nimport * as S from './select-user-grade.styled';\n\n// component shown as custom element inside circular step\nexport const GradeInputBox = ({\n  gradeInfo,\n  showSpinner,\n}: {\n  gradeInfo: Grade | null;\n  showSpinner: boolean;\n}) => {\n  return (\n    <InputWrapper showSpinner={showSpinner}>\n      {gradeInfo ? (\n        gradeInfo.key !== ('13' as GradeKey) ? (\n          <Text $renderAs=\"ah3\" $color=\"WHITE\">\n            {gradeInfo.label}\n          </Text>\n        ) : (\n          <WithGrade grade={gradeInfo.key}>\n            <Text $renderAs=\"ah1\">{gradeInfo.label}</Text>\n          </WithGrade>\n        )\n      ) : (\n        <S.Input\n          placeholder={'or class'}\n          defaultValue={(gradeInfo && (gradeInfo as Grade)?.key) || ''}\n        />\n      )}\n    </InputWrapper>\n  );\n};\n\n// component shown as custom element below circular step\n\nexport const SelectUserGrade = (props: IGradeInputProps) => {\n  return (\n    <S.SelectUserGradeWrapper>\n      <GradeInput {...props} />\n    </S.SelectUserGradeWrapper>\n  );\n};\n"],"names":["GradeInputBox","gradeInfo","showSpinner","jsx","InputWrapper","Text","WithGrade","S.Input","SelectUserGrade","props","S.SelectUserGradeWrapper","GradeInput"],"mappings":";;;;;;AASO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,aAAAC;AACF,MAKK,gBAAAC,EAAAC,GAAA,EAAa,aAAAF,GACX,UAAAD,IACCA,EAAU,QAAS,OACjB,gBAAAE,EAACE,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAAJ,EAAU,MACb,CAAA,IAEC,gBAAAE,EAAAG,GAAA,EAAU,OAAOL,EAAU,KAC1B,UAAA,gBAAAE,EAACE,GAAK,EAAA,WAAU,OAAO,UAAAJ,EAAU,MAAM,CAAA,EACzC,CAAA,IAGF,gBAAAE;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,aAAa;AAAA,IACb,cAAeN,MAAcA,KAAA,gBAAAA,EAAqB,QAAQ;AAAA,EAAA;AAAA,GAGhE,GAMSO,IAAkB,CAACC,MAE5B,gBAAAN,EAACO,GAAA,EACC,4BAACC,GAAY,EAAA,GAAGF,EAAO,CAAA,GACzB;"}

package/dist/features/circle-games/sign-up/comp/select-user-grade/select-user-grade.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-user-grade.styled.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/select-user-grade/select-user-grade.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Input = styled.input`\n  width: 100%;\n  max-width: 208px;\n  line-height: 34px;\n  text-transform: lowercase;\n  border: none;\n  outline: none;\n  background-color: transparent;\n  font-size: 28px;\n  margin-top: 20px;\n  margin-bottom: 20px;\n  text-align: center;\n  caret-color: ${({ theme }) => theme.colors.WHITE};\n  color: ${({ theme }) => theme.colors.WHITE};\n  font-family: 'Athletics-Light';\n  color: ${({ color }) => color};\n\n  &::placeholder {\n    font-family: 'Athletics-Light';\n    font-size: 32px;\n  }\n`;\n\nexport const GradeSup = styled.div`\n  transform: translate(1px, -10px);\n`;\n\nexport const SelectUserGradeWrapper = styled.div(({ theme }) => {\n  const { BLACK } = theme.colors;\n\n  return `\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  background: ${BLACK};\n`;\n});\n"],"names":["Input","styled","theme","color","SelectUserGradeWrapper","BLACK"],"mappings":";AAEO,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAYX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,WACvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,WAEjC,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQPF,EAAO;AAAA;AAAA;AAIxB,MAAMG,IAAyBH,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACxD,QAAA,EAAE,OAAAG,EAAM,IAAIH,EAAM;AAEjB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASOG,CAAK;AAAA;AAErB,CAAC;"}
+{"version":3,"file":"select-user-grade.styled.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/select-user-grade/select-user-grade.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Input = styled.input`\n  width: 100%;\n  max-width: 208px;\n  line-height: 34px;\n  text-transform: lowercase;\n  border: none;\n  outline: none;\n  background-color: transparent;\n  font-size: 28px;\n  margin-top: 20px;\n  margin-bottom: 20px;\n  text-align: center;\n  caret-color: ${({ theme }) => theme.colors.WHITE};\n  color: ${({ theme }) => theme.colors.WHITE};\n  font-family: 'Athletics-Light';\n  color: ${({ color }) => color};\n\n  &::placeholder {\n    font-family: 'Athletics-Light';\n    font-size: 32px;\n  }\n`;\n\nexport const GradeSup = styled.div`\n  transform: translate(1px, -10px);\n`;\n\nexport const SelectUserGradeWrapper = styled.div(({ theme }) => {\n  const { BLACK } = theme.colors;\n\n  return `\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  background: ${BLACK};\n`;\n});\n"],"names":["Input","styled","theme","color","SelectUserGradeWrapper","BLACK"],"mappings":";AAEO,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAYX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,WACvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,WAEjC,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQPF,EAAO;AAAA;AAAA;AAIxB,MAAMG,IAAyBH,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACxD,QAAA,EAAE,OAAAG,MAAUH,EAAM;AAEjB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASOG,CAAK;AAAA;AAErB,CAAC;"}

package/dist/features/circle-games/sign-up/comp/splash-screen/splash-screen-styled.js

@@ -1,4 +1,4 @@
-import o, { keyframes as a, css as e } from "styled-components";
+import o, { css as e, keyframes as a } from "styled-components";
 import { CONTAINER_WIDTH as n, CONTAINER_HEIGHT as s } from "../../constants.js";
 const i = a`
   from {

package/dist/features/circle-games/sign-up/comp/splash-screen/splash-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"splash-screen.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/splash-screen/splash-screen.tsx"],"sourcesContent":["import type { AnimationEventName } from 'lottie-web';\n\nimport { useMemo, useRef, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport Image from '../../../../ui/image/image';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport * as S from './splash-screen-styled';\n\nconst animationSettings = {\n  renderer: 'svg',\n  loop: false,\n  autoplay: true,\n  initialSegment: [0, 45],\n};\n\nexport const SplashScreen = ({ animationCompleted }: { animationCompleted: () => void }) => {\n  const [showCuemathLogo, setShowCuemathLogo] = useState(false);\n  const [showInnerCircle, setShowInnerCircle] = useState(false);\n  const [showOuterCircle, setShowOuterCircle] = useState(false);\n  const isCircleAnimationCompleted = useRef(false);\n\n  const animationEventListener = useMemo(\n    () => ({\n      name: 'complete' as AnimationEventName,\n      callback: () => {\n        isCircleAnimationCompleted.current = true;\n        setShowInnerCircle(true);\n        setShowCuemathLogo(true);\n        setTimeout(() => {\n          setShowOuterCircle(true);\n          setTimeout(() => {\n            animationCompleted();\n          }, 500);\n        }, 500);\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return (\n    <S.SplashScreenWrapper>\n      <S.CircleLogo>\n        <LottieAnimation\n          src={LOTTIE.SPLASH_SCREEN}\n          settings={animationSettings}\n          eventListener={animationEventListener}\n        />\n      </S.CircleLogo>\n\n      {showInnerCircle && (\n        <S.InnerCircle isVisible={showInnerCircle}>\n          {showCuemathLogo && (\n            <S.CuemathLogoWrapper isVisible={showCuemathLogo}>\n              <Image\n                src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO}\n                height={56}\n                width={158.7}\n                withLoader={false}\n              />\n            </S.CuemathLogoWrapper>\n          )}\n        </S.InnerCircle>\n      )}\n\n      {showOuterCircle && (\n        <S.OuterCircleImage\n          src={ILLUSTRATIONS.CIRCLE_OUTERCIRCLE_BG}\n          height={'100%'}\n          width={'100%'}\n          isVisible={showOuterCircle}\n        />\n      )}\n    </S.SplashScreenWrapper>\n  );\n};\n"],"names":["animationSettings","SplashScreen","animationCompleted","showCuemathLogo","setShowCuemathLogo","useState","showInnerCircle","setShowInnerCircle","showOuterCircle","setShowOuterCircle","isCircleAnimationCompleted","useRef","animationEventListener","useMemo","jsxs","S.SplashScreenWrapper","jsx","S.CircleLogo","LottieAnimation","LOTTIE","S.InnerCircle","S.CuemathLogoWrapper","Image","ILLUSTRATIONS","S.OuterCircleImage"],"mappings":";;;;;;;AAUA,MAAMA,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,gBAAgB,CAAC,GAAG,EAAE;AACxB,GAEaC,IAAe,CAAC,EAAE,oBAAAC,QAA6D;AAC1F,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAiBC,CAAkB,IAAIF,EAAS,EAAK,GACtD,CAACG,GAAiBC,CAAkB,IAAIJ,EAAS,EAAK,GACtDK,IAA6BC,EAAO,EAAK,GAEzCC,IAAyBC;AAAA,IAC7B,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU,MAAM;AACd,QAAAH,EAA2B,UAAU,IACrCH,EAAmB,EAAI,GACvBH,EAAmB,EAAI,GACvB,WAAW,MAAM;AACf,UAAAK,EAAmB,EAAI,GACvB,WAAW,MAAM;AACI,YAAAP;aAClB,GAAG;AAAA,WACL,GAAG;AAAA,MACR;AAAA,IAAA;AAAA;AAAA,IAGF,CAAC;AAAA,EAAA;AAID,SAAA,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,EAAO;AAAA,QACZ,UAAUnB;AAAA,QACV,eAAeY;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAECN,KACC,gBAAAU,EAACI,GAAA,EAAc,WAAWd,GACvB,UAAAH,KACE,gBAAAa,EAAAK,GAAA,EAAqB,WAAWlB,GAC/B,UAAA,gBAAAa;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKC,EAAc;AAAA,QACnB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,OAEhB,EAEJ,CAAA;AAAA,IAGDf,KACC,gBAAAQ;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,KAAKD,EAAc;AAAA,QACnB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAWf;AAAA,MAAA;AAAA,IACb;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"splash-screen.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/splash-screen/splash-screen.tsx"],"sourcesContent":["import type { AnimationEventName } from 'lottie-web';\n\nimport { useMemo, useRef, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport Image from '../../../../ui/image/image';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport * as S from './splash-screen-styled';\n\nconst animationSettings = {\n  renderer: 'svg',\n  loop: false,\n  autoplay: true,\n  initialSegment: [0, 45],\n};\n\nexport const SplashScreen = ({ animationCompleted }: { animationCompleted: () => void }) => {\n  const [showCuemathLogo, setShowCuemathLogo] = useState(false);\n  const [showInnerCircle, setShowInnerCircle] = useState(false);\n  const [showOuterCircle, setShowOuterCircle] = useState(false);\n  const isCircleAnimationCompleted = useRef(false);\n\n  const animationEventListener = useMemo(\n    () => ({\n      name: 'complete' as AnimationEventName,\n      callback: () => {\n        isCircleAnimationCompleted.current = true;\n        setShowInnerCircle(true);\n        setShowCuemathLogo(true);\n        setTimeout(() => {\n          setShowOuterCircle(true);\n          setTimeout(() => {\n            animationCompleted();\n          }, 500);\n        }, 500);\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return (\n    <S.SplashScreenWrapper>\n      <S.CircleLogo>\n        <LottieAnimation\n          src={LOTTIE.SPLASH_SCREEN}\n          settings={animationSettings}\n          eventListener={animationEventListener}\n        />\n      </S.CircleLogo>\n\n      {showInnerCircle && (\n        <S.InnerCircle isVisible={showInnerCircle}>\n          {showCuemathLogo && (\n            <S.CuemathLogoWrapper isVisible={showCuemathLogo}>\n              <Image\n                src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO}\n                height={56}\n                width={158.7}\n                withLoader={false}\n              />\n            </S.CuemathLogoWrapper>\n          )}\n        </S.InnerCircle>\n      )}\n\n      {showOuterCircle && (\n        <S.OuterCircleImage\n          src={ILLUSTRATIONS.CIRCLE_OUTERCIRCLE_BG}\n          height={'100%'}\n          width={'100%'}\n          isVisible={showOuterCircle}\n        />\n      )}\n    </S.SplashScreenWrapper>\n  );\n};\n"],"names":["animationSettings","SplashScreen","animationCompleted","showCuemathLogo","setShowCuemathLogo","useState","showInnerCircle","setShowInnerCircle","showOuterCircle","setShowOuterCircle","isCircleAnimationCompleted","useRef","animationEventListener","useMemo","jsxs","S.SplashScreenWrapper","jsx","S.CircleLogo","LottieAnimation","LOTTIE","S.InnerCircle","S.CuemathLogoWrapper","Image","ILLUSTRATIONS","S.OuterCircleImage"],"mappings":";;;;;;;AAUA,MAAMA,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,gBAAgB,CAAC,GAAG,EAAE;AACxB,GAEaC,IAAe,CAAC,EAAE,oBAAAC,QAA6D;AAC1F,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAiBC,CAAkB,IAAIF,EAAS,EAAK,GACtD,CAACG,GAAiBC,CAAkB,IAAIJ,EAAS,EAAK,GACtDK,IAA6BC,EAAO,EAAK,GAEzCC,IAAyBC;AAAA,IAC7B,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU,MAAM;AACd,QAAAH,EAA2B,UAAU,IACrCH,EAAmB,EAAI,GACvBH,EAAmB,EAAI,GACvB,WAAW,MAAM;AACf,UAAAK,EAAmB,EAAI,GACvB,WAAW,MAAM;AACI,YAAAP,EAAA;AAAA,aAClB,GAAG;AAAA,WACL,GAAG;AAAA,MAAA;AAAA,IACR;AAAA;AAAA,IAGF,CAAA;AAAA,EACF;AAGE,SAAA,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,EAAO;AAAA,QACZ,UAAUnB;AAAA,QACV,eAAeY;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAECN,KACC,gBAAAU,EAACI,GAAA,EAAc,WAAWd,GACvB,UAAAH,KACE,gBAAAa,EAAAK,GAAA,EAAqB,WAAWlB,GAC/B,UAAA,gBAAAa;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKC,EAAc;AAAA,QACnB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,OAEhB,EAEJ,CAAA;AAAA,IAGDf,KACC,gBAAAQ;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,KAAKD,EAAc;AAAA,QACnB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAWf;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GAEJ;AAEJ;"}

package/dist/features/circle-games/sign-up/comp/username-input/username-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"username-input.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/username-input/username-input.tsx"],"sourcesContent":["import type { UsernameInputProps } from './username-input.types';\n\nimport debounce from 'lodash.debounce';\nimport { useRef } from 'react';\n\nimport { getTheme } from '../../../../ui/theme/get-theme';\nimport { useValidateUsernameDal } from '../../dal/validate-username-dal/validate-username-dal';\nimport {\n  ErrorCode,\n  type IValidateUsernameResponseDal,\n} from '../../dal/validate-username-dal/validate-username-dal-types';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\nimport { ErrorMessage, USERNAME_MAX_LENGTH } from './constants';\nimport * as S from './username-input-styled';\n\nexport const UsernameInput = ({\n  circleUsername,\n  username,\n  error,\n  isEdit,\n  showSpinner,\n  setError,\n  setUsername,\n  setShowSpinner,\n}: UsernameInputProps) => {\n  const helperText = `Only letters, _ , & digits allowed.\\nUpto ${USERNAME_MAX_LENGTH} characters.`;\n\n  const handleUsernameValidationResponse = (data: IValidateUsernameResponseDal | null) => {\n    let err = '';\n\n    if (data) {\n      if (!data.isValid) {\n        err = ErrorMessage.USERNAME_ALEADY_EXISTS;\n        if (data.errorCode?.toString() === ErrorCode.USERNAME_NOT_ALLOWED) {\n          err = ErrorMessage.USERNAME_NOT_ALLOWED;\n        }\n      } else {\n        err = '';\n      }\n    } else {\n      err = ErrorMessage.SOMETHING_WENT_WRONG;\n    }\n\n    setError(err);\n  };\n\n  const { validateUsernameExists } = useValidateUsernameDal(handleUsernameValidationResponse);\n\n  const validateUserName = useRef(\n    debounce(async (value: string) => {\n      let err = '';\n\n      setUsername(value);\n\n      if (!err) {\n        // by pass when new username is same as existing username in edit mode\n        if (isEdit && circleUsername === value) {\n          err = '';\n        } else {\n          validateUsernameExists(value);\n        }\n      }\n      setError(err);\n      setShowSpinner(false);\n    }, 400),\n  );\n\n  const handleUsername = (value: string) => {\n    const usernameRegex = /^[a-z0-9_]*$/; // only letters, numbers and underscore\n\n    if (!usernameRegex.test(value)) {\n      return;\n    }\n    setError('');\n\n    if (value.length > USERNAME_MAX_LENGTH) {\n      return;\n    }\n    setShowSpinner(true);\n    setUsername(value);\n    validateUserName.current(value);\n  };\n\n  return (\n    <InputWrapper\n      showSpinner={showSpinner}\n      helperText={username.length >= USERNAME_MAX_LENGTH ? helperText : error || helperText}\n    >\n      <S.Input\n        value={username}\n        onChange={event => handleUsername(event.target.value)}\n        autoFocus={true}\n        placeholder={'loopy_circle'}\n        color={error ? getTheme().colors.RED : showSpinner ? '' : getTheme().colors.GREEN_4}\n        autoCapitalize=\"none\"\n      />\n    </InputWrapper>\n  );\n};\n"],"names":["UsernameInput","circleUsername","username","error","isEdit","showSpinner","setError","setUsername","setShowSpinner","helperText","USERNAME_MAX_LENGTH","handleUsernameValidationResponse","data","err","ErrorMessage","_a","ErrorCode","validateUsernameExists","useValidateUsernameDal","validateUserName","useRef","debounce","value","handleUsername","jsx","InputWrapper","S.Input","event","getTheme"],"mappings":";;;;;;;;;AAeO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,MAA0B;AACxB,QAAMC,IAAa;AAAA,OAA6CC,CAAmB,gBAE7EC,IAAmC,CAACC,MAA8C;;AACtF,QAAIC,IAAM;AAEV,IAAID,IACGA,EAAK,UAMFC,IAAA,MALNA,IAAMC,EAAa,0BACfC,IAAAH,EAAK,cAAL,gBAAAG,EAAgB,gBAAeC,EAAU,yBAC3CH,IAAMC,EAAa,yBAMvBD,IAAMC,EAAa,sBAGrBR,EAASO,CAAG;AAAA,EAAA,GAGR,EAAE,wBAAAI,EAAA,IAA2BC,EAAuBP,CAAgC,GAEpFQ,IAAmBC;AAAA,IACvBC,EAAS,OAAOC,MAAkB;AAChC,UAAIT,IAAM;AAEV,MAAAN,EAAYe,CAAK,GAEZT,MAECT,KAAUH,MAAmBqB,IACzBT,IAAA,KAENI,EAAuBK,CAAK,IAGhChB,EAASO,CAAG,GACZL,EAAe,EAAK;AAAA,OACnB,GAAG;AAAA,EAAA,GAGFe,IAAiB,CAACD,MAAkB;AAGxC,IAFsB,eAEH,KAAKA,CAAK,MAG7BhB,EAAS,EAAE,GAEP,EAAAgB,EAAM,SAASZ,OAGnBF,EAAe,EAAI,GACnBD,EAAYe,CAAK,GACjBH,EAAiB,QAAQG,CAAK;AAAA,EAAA;AAI9B,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAApB;AAAA,MACA,YAAYH,EAAS,UAAUQ,IAAsBD,IAAaN,KAASM;AAAA,MAE3E,UAAA,gBAAAe;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,OAAOxB;AAAA,UACP,UAAU,CAAAyB,MAASJ,EAAeI,EAAM,OAAO,KAAK;AAAA,UACpD,WAAW;AAAA,UACX,aAAa;AAAA,UACb,OAAOxB,IAAQyB,EAAW,EAAA,OAAO,MAAMvB,IAAc,KAAKuB,IAAW,OAAO;AAAA,UAC5E,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"username-input.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/username-input/username-input.tsx"],"sourcesContent":["import type { UsernameInputProps } from './username-input.types';\n\nimport debounce from 'lodash.debounce';\nimport { useRef } from 'react';\n\nimport { getTheme } from '../../../../ui/theme/get-theme';\nimport { useValidateUsernameDal } from '../../dal/validate-username-dal/validate-username-dal';\nimport {\n  ErrorCode,\n  type IValidateUsernameResponseDal,\n} from '../../dal/validate-username-dal/validate-username-dal-types';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\nimport { ErrorMessage, USERNAME_MAX_LENGTH } from './constants';\nimport * as S from './username-input-styled';\n\nexport const UsernameInput = ({\n  circleUsername,\n  username,\n  error,\n  isEdit,\n  showSpinner,\n  setError,\n  setUsername,\n  setShowSpinner,\n}: UsernameInputProps) => {\n  const helperText = `Only letters, _ , & digits allowed.\\nUpto ${USERNAME_MAX_LENGTH} characters.`;\n\n  const handleUsernameValidationResponse = (data: IValidateUsernameResponseDal | null) => {\n    let err = '';\n\n    if (data) {\n      if (!data.isValid) {\n        err = ErrorMessage.USERNAME_ALEADY_EXISTS;\n        if (data.errorCode?.toString() === ErrorCode.USERNAME_NOT_ALLOWED) {\n          err = ErrorMessage.USERNAME_NOT_ALLOWED;\n        }\n      } else {\n        err = '';\n      }\n    } else {\n      err = ErrorMessage.SOMETHING_WENT_WRONG;\n    }\n\n    setError(err);\n  };\n\n  const { validateUsernameExists } = useValidateUsernameDal(handleUsernameValidationResponse);\n\n  const validateUserName = useRef(\n    debounce(async (value: string) => {\n      let err = '';\n\n      setUsername(value);\n\n      if (!err) {\n        // by pass when new username is same as existing username in edit mode\n        if (isEdit && circleUsername === value) {\n          err = '';\n        } else {\n          validateUsernameExists(value);\n        }\n      }\n      setError(err);\n      setShowSpinner(false);\n    }, 400),\n  );\n\n  const handleUsername = (value: string) => {\n    const usernameRegex = /^[a-z0-9_]*$/; // only letters, numbers and underscore\n\n    if (!usernameRegex.test(value)) {\n      return;\n    }\n    setError('');\n\n    if (value.length > USERNAME_MAX_LENGTH) {\n      return;\n    }\n    setShowSpinner(true);\n    setUsername(value);\n    validateUserName.current(value);\n  };\n\n  return (\n    <InputWrapper\n      showSpinner={showSpinner}\n      helperText={username.length >= USERNAME_MAX_LENGTH ? helperText : error || helperText}\n    >\n      <S.Input\n        value={username}\n        onChange={event => handleUsername(event.target.value)}\n        autoFocus={true}\n        placeholder={'loopy_circle'}\n        color={error ? getTheme().colors.RED : showSpinner ? '' : getTheme().colors.GREEN_4}\n        autoCapitalize=\"none\"\n      />\n    </InputWrapper>\n  );\n};\n"],"names":["UsernameInput","circleUsername","username","error","isEdit","showSpinner","setError","setUsername","setShowSpinner","helperText","USERNAME_MAX_LENGTH","handleUsernameValidationResponse","data","err","ErrorMessage","_a","ErrorCode","validateUsernameExists","useValidateUsernameDal","validateUserName","useRef","debounce","value","handleUsername","jsx","InputWrapper","S.Input","event","getTheme"],"mappings":";;;;;;;;;AAeO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,MAA0B;AACxB,QAAMC,IAAa;AAAA,OAA6CC,CAAmB,gBAE7EC,IAAmC,CAACC,MAA8C;;AACtF,QAAIC,IAAM;AAEV,IAAID,IACGA,EAAK,UAMFC,IAAA,MALNA,IAAMC,EAAa,0BACfC,IAAAH,EAAK,cAAL,gBAAAG,EAAgB,gBAAeC,EAAU,yBAC3CH,IAAMC,EAAa,yBAMvBD,IAAMC,EAAa,sBAGrBR,EAASO,CAAG;AAAA,EACd,GAEM,EAAE,wBAAAI,EAAA,IAA2BC,EAAuBP,CAAgC,GAEpFQ,IAAmBC;AAAA,IACvBC,EAAS,OAAOC,MAAkB;AAChC,UAAIT,IAAM;AAEV,MAAAN,EAAYe,CAAK,GAEZT,MAECT,KAAUH,MAAmBqB,IACzBT,IAAA,KAENI,EAAuBK,CAAK,IAGhChB,EAASO,CAAG,GACZL,EAAe,EAAK;AAAA,IAAA,GACnB,GAAG;AAAA,EACR,GAEMe,IAAiB,CAACD,MAAkB;AAGxC,IAFsB,eAEH,KAAKA,CAAK,MAG7BhB,EAAS,EAAE,GAEP,EAAAgB,EAAM,SAASZ,OAGnBF,EAAe,EAAI,GACnBD,EAAYe,CAAK,GACjBH,EAAiB,QAAQG,CAAK;AAAA,EAChC;AAGE,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAApB;AAAA,MACA,YAAYH,EAAS,UAAUQ,IAAsBD,IAAaN,KAASM;AAAA,MAE3E,UAAA,gBAAAe;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,OAAOxB;AAAA,UACP,UAAU,CAAAyB,MAASJ,EAAeI,EAAM,OAAO,KAAK;AAAA,UACpD,WAAW;AAAA,UACX,aAAa;AAAA,UACb,OAAOxB,IAAQyB,EAAW,EAAA,OAAO,MAAMvB,IAAc,KAAKuB,IAAW,OAAO;AAAA,UAC5E,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;"}

package/dist/features/circle-games/sign-up/dal/create-user-dal/create-user-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-user-dal.js","sources":["../../../../../../src/features/circle-games/sign-up/dal/create-user-dal/create-user-dal.ts"],"sourcesContent":["import type { ICreateUserPayloadDal, ICreateUserResponseDal } from './create-user-dal-types';\n\nimport { useCreateUser } from '../../api/use-create-user-api/use-create-user-api';\n\nexport const useCreateUserDal = (onCompleted: (data: ICreateUserResponseDal | null) => void) => {\n  const {\n    post: postCreateUser,\n    isProcessing,\n    ...rest\n  } = useCreateUser({\n    onComplete(_, response) {\n      let data: ICreateUserResponseDal | null = null;\n\n      if (response) {\n        data = {\n          id: response.id,\n          grade: response.grade,\n          phone: response.phone,\n          username: response.username,\n          studentId: response.student_id,\n          parentUserId: response.parent_user_id,\n          circleSunsetTs: response.circle_sunset_ts,\n          circleEnrolledUser: response.circle_enrolled_user,\n          circleOnLeapSignedUp: response.circle_on_leap_signed_up,\n          circleOnLeapSignedUpOn: response.circle_on_leap_signed_up_on,\n          circleOnLeapPremiumEnabled: response.circle_on_leap_premium_enabled,\n        };\n      }\n\n      onCompleted(data);\n    },\n  });\n\n  const createUser = ({\n    circleOnLeapPremiumEnabled,\n    grade,\n    username,\n    countryCode,\n    studentId,\n  }: ICreateUserPayloadDal) => {\n    postCreateUser({\n      action: 'create_user_v2',\n      circle_on_leap_premium_enabled: circleOnLeapPremiumEnabled,\n      grade,\n      username,\n      circle_on_leap_signed_up: true,\n      country_code: countryCode ?? 'IN',\n      intelenrollment_id: studentId,\n    });\n  };\n\n  return {\n    createUser,\n    isProcessing,\n    ...rest,\n  };\n};\n"],"names":["useCreateUserDal","onCompleted","postCreateUser","isProcessing","rest","useCreateUser","_","response","data","circleOnLeapPremiumEnabled","grade","username","countryCode","studentId"],"mappings":";AAIa,MAAAA,IAAmB,CAACC,MAA+D;AACxF,QAAA;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,GAAGC;AAAA,MACDC,EAAc;AAAA,IAChB,WAAWC,GAAGC,GAAU;AACtB,UAAIC,IAAsC;AAE1C,MAAID,MACKC,IAAA;AAAA,QACL,IAAID,EAAS;AAAA,QACb,OAAOA,EAAS;AAAA,QAChB,OAAOA,EAAS;AAAA,QAChB,UAAUA,EAAS;AAAA,QACnB,WAAWA,EAAS;AAAA,QACpB,cAAcA,EAAS;AAAA,QACvB,gBAAgBA,EAAS;AAAA,QACzB,oBAAoBA,EAAS;AAAA,QAC7B,sBAAsBA,EAAS;AAAA,QAC/B,wBAAwBA,EAAS;AAAA,QACjC,4BAA4BA,EAAS;AAAA,MAAA,IAIzCN,EAAYO,CAAI;AAAA,IAClB;AAAA,EAAA,CACD;AAoBM,SAAA;AAAA,IACL,YAnBiB,CAAC;AAAA,MAClB,4BAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,MAC2B;AACZ,MAAAX,EAAA;AAAA,QACb,QAAQ;AAAA,QACR,gCAAgCO;AAAA,QAChC,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,0BAA0B;AAAA,QAC1B,cAAcC,KAAe;AAAA,QAC7B,oBAAoBC;AAAA,MAAA,CACrB;AAAA,IAAA;AAAA,IAKD,cAAAV;AAAA,IACA,GAAGC;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"create-user-dal.js","sources":["../../../../../../src/features/circle-games/sign-up/dal/create-user-dal/create-user-dal.ts"],"sourcesContent":["import type { ICreateUserPayloadDal, ICreateUserResponseDal } from './create-user-dal-types';\n\nimport { useCreateUser } from '../../api/use-create-user-api/use-create-user-api';\n\nexport const useCreateUserDal = (onCompleted: (data: ICreateUserResponseDal | null) => void) => {\n  const {\n    post: postCreateUser,\n    isProcessing,\n    ...rest\n  } = useCreateUser({\n    onComplete(_, response) {\n      let data: ICreateUserResponseDal | null = null;\n\n      if (response) {\n        data = {\n          id: response.id,\n          grade: response.grade,\n          phone: response.phone,\n          username: response.username,\n          studentId: response.student_id,\n          parentUserId: response.parent_user_id,\n          circleSunsetTs: response.circle_sunset_ts,\n          circleEnrolledUser: response.circle_enrolled_user,\n          circleOnLeapSignedUp: response.circle_on_leap_signed_up,\n          circleOnLeapSignedUpOn: response.circle_on_leap_signed_up_on,\n          circleOnLeapPremiumEnabled: response.circle_on_leap_premium_enabled,\n        };\n      }\n\n      onCompleted(data);\n    },\n  });\n\n  const createUser = ({\n    circleOnLeapPremiumEnabled,\n    grade,\n    username,\n    countryCode,\n    studentId,\n  }: ICreateUserPayloadDal) => {\n    postCreateUser({\n      action: 'create_user_v2',\n      circle_on_leap_premium_enabled: circleOnLeapPremiumEnabled,\n      grade,\n      username,\n      circle_on_leap_signed_up: true,\n      country_code: countryCode ?? 'IN',\n      intelenrollment_id: studentId,\n    });\n  };\n\n  return {\n    createUser,\n    isProcessing,\n    ...rest,\n  };\n};\n"],"names":["useCreateUserDal","onCompleted","postCreateUser","isProcessing","rest","useCreateUser","_","response","data","circleOnLeapPremiumEnabled","grade","username","countryCode","studentId"],"mappings":";AAIa,MAAAA,IAAmB,CAACC,MAA+D;AACxF,QAAA;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,GAAGC;AAAA,MACDC,EAAc;AAAA,IAChB,WAAWC,GAAGC,GAAU;AACtB,UAAIC,IAAsC;AAE1C,MAAID,MACKC,IAAA;AAAA,QACL,IAAID,EAAS;AAAA,QACb,OAAOA,EAAS;AAAA,QAChB,OAAOA,EAAS;AAAA,QAChB,UAAUA,EAAS;AAAA,QACnB,WAAWA,EAAS;AAAA,QACpB,cAAcA,EAAS;AAAA,QACvB,gBAAgBA,EAAS;AAAA,QACzB,oBAAoBA,EAAS;AAAA,QAC7B,sBAAsBA,EAAS;AAAA,QAC/B,wBAAwBA,EAAS;AAAA,QACjC,4BAA4BA,EAAS;AAAA,MACvC,IAGFN,EAAYO,CAAI;AAAA,IAAA;AAAA,EAClB,CACD;AAoBM,SAAA;AAAA,IACL,YAnBiB,CAAC;AAAA,MAClB,4BAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,MAC2B;AACZ,MAAAX,EAAA;AAAA,QACb,QAAQ;AAAA,QACR,gCAAgCO;AAAA,QAChC,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,0BAA0B;AAAA,QAC1B,cAAcC,KAAe;AAAA,QAC7B,oBAAoBC;AAAA,MAAA,CACrB;AAAA,IACH;AAAA,IAIE,cAAAV;AAAA,IACA,GAAGC;AAAA,EACL;AACF;"}

package/dist/features/circle-games/sign-up/dal/update-user-dal/update-user-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-user-dal.js","sources":["../../../../../../src/features/circle-games/sign-up/dal/update-user-dal/update-user-dal.ts"],"sourcesContent":["import type { IUpdateUserPayloadDal, IUpdateUserResponseDal } from './update-user-dal-types';\n\nimport { useUpdateUser } from '../../api/use-update-user-api/use-update-user-api';\n\nexport const useUpdateUserDal = (onCompleted: (data: IUpdateUserResponseDal | null) => void) => {\n  const {\n    post: postUpdateUser,\n    isProcessing,\n    ...rest\n  } = useUpdateUser({\n    onComplete(_, response) {\n      let data: IUpdateUserResponseDal | null = null;\n\n      if (response) {\n        data = {\n          id: response.id,\n          grade: response.grade,\n          phone: response.phone,\n          username: response.username,\n          studentId: response.student_id,\n          parentUserId: response.parent_user_id,\n          circleSunsetTs: response.circle_sunset_ts,\n          circleEnrolledUser: response.circle_enrolled_user,\n          circleOnLeapSignedUp: response.circle_on_leap_signed_up,\n          circleOnLeapSignedUpOn: response.circle_on_leap_signed_up_on,\n          circleOnLeapPremiumEnabled: response.circle_on_leap_premium_enabled,\n        };\n      }\n\n      onCompleted(data);\n    },\n  });\n\n  const updateUser = ({\n    circleOnLeapPremiumEnabled,\n    grade,\n    username,\n    studentId,\n  }: IUpdateUserPayloadDal) => {\n    postUpdateUser({\n      action: 'update_user_v2',\n      circle_on_leap_premium_enabled: circleOnLeapPremiumEnabled,\n      circle_on_leap_signed_up: true,\n      grade,\n      username,\n      intelenrollment_id: studentId,\n    });\n  };\n\n  return {\n    updateUser,\n    isProcessing,\n    ...rest,\n  };\n};\n"],"names":["useUpdateUserDal","onCompleted","postUpdateUser","isProcessing","rest","useUpdateUser","response","data","circleOnLeapPremiumEnabled","grade","username","studentId"],"mappings":";AAIa,MAAAA,IAAmB,CAACC,MAA+D;AACxF,QAAA;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,GAAGC;AAAA,MACDC,EAAc;AAAA,IAChB,WAAW,GAAGC,GAAU;AACtB,UAAIC,IAAsC;AAE1C,MAAID,MACKC,IAAA;AAAA,QACL,IAAID,EAAS;AAAA,QACb,OAAOA,EAAS;AAAA,QAChB,OAAOA,EAAS;AAAA,QAChB,UAAUA,EAAS;AAAA,QACnB,WAAWA,EAAS;AAAA,QACpB,cAAcA,EAAS;AAAA,QACvB,gBAAgBA,EAAS;AAAA,QACzB,oBAAoBA,EAAS;AAAA,QAC7B,sBAAsBA,EAAS;AAAA,QAC/B,wBAAwBA,EAAS;AAAA,QACjC,4BAA4BA,EAAS;AAAA,MAAA,IAIzCL,EAAYM,CAAI;AAAA,IAClB;AAAA,EAAA,CACD;AAkBM,SAAA;AAAA,IACL,YAjBiB,CAAC;AAAA,MAClB,4BAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,MAC2B;AACZ,MAAAT,EAAA;AAAA,QACb,QAAQ;AAAA,QACR,gCAAgCM;AAAA,QAChC,0BAA0B;AAAA,QAC1B,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,oBAAoBC;AAAA,MAAA,CACrB;AAAA,IAAA;AAAA,IAKD,cAAAR;AAAA,IACA,GAAGC;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"update-user-dal.js","sources":["../../../../../../src/features/circle-games/sign-up/dal/update-user-dal/update-user-dal.ts"],"sourcesContent":["import type { IUpdateUserPayloadDal, IUpdateUserResponseDal } from './update-user-dal-types';\n\nimport { useUpdateUser } from '../../api/use-update-user-api/use-update-user-api';\n\nexport const useUpdateUserDal = (onCompleted: (data: IUpdateUserResponseDal | null) => void) => {\n  const {\n    post: postUpdateUser,\n    isProcessing,\n    ...rest\n  } = useUpdateUser({\n    onComplete(_, response) {\n      let data: IUpdateUserResponseDal | null = null;\n\n      if (response) {\n        data = {\n          id: response.id,\n          grade: response.grade,\n          phone: response.phone,\n          username: response.username,\n          studentId: response.student_id,\n          parentUserId: response.parent_user_id,\n          circleSunsetTs: response.circle_sunset_ts,\n          circleEnrolledUser: response.circle_enrolled_user,\n          circleOnLeapSignedUp: response.circle_on_leap_signed_up,\n          circleOnLeapSignedUpOn: response.circle_on_leap_signed_up_on,\n          circleOnLeapPremiumEnabled: response.circle_on_leap_premium_enabled,\n        };\n      }\n\n      onCompleted(data);\n    },\n  });\n\n  const updateUser = ({\n    circleOnLeapPremiumEnabled,\n    grade,\n    username,\n    studentId,\n  }: IUpdateUserPayloadDal) => {\n    postUpdateUser({\n      action: 'update_user_v2',\n      circle_on_leap_premium_enabled: circleOnLeapPremiumEnabled,\n      circle_on_leap_signed_up: true,\n      grade,\n      username,\n      intelenrollment_id: studentId,\n    });\n  };\n\n  return {\n    updateUser,\n    isProcessing,\n    ...rest,\n  };\n};\n"],"names":["useUpdateUserDal","onCompleted","postUpdateUser","isProcessing","rest","useUpdateUser","response","data","circleOnLeapPremiumEnabled","grade","username","studentId"],"mappings":";AAIa,MAAAA,IAAmB,CAACC,MAA+D;AACxF,QAAA;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,GAAGC;AAAA,MACDC,EAAc;AAAA,IAChB,WAAW,GAAGC,GAAU;AACtB,UAAIC,IAAsC;AAE1C,MAAID,MACKC,IAAA;AAAA,QACL,IAAID,EAAS;AAAA,QACb,OAAOA,EAAS;AAAA,QAChB,OAAOA,EAAS;AAAA,QAChB,UAAUA,EAAS;AAAA,QACnB,WAAWA,EAAS;AAAA,QACpB,cAAcA,EAAS;AAAA,QACvB,gBAAgBA,EAAS;AAAA,QACzB,oBAAoBA,EAAS;AAAA,QAC7B,sBAAsBA,EAAS;AAAA,QAC/B,wBAAwBA,EAAS;AAAA,QACjC,4BAA4BA,EAAS;AAAA,MACvC,IAGFL,EAAYM,CAAI;AAAA,IAAA;AAAA,EAClB,CACD;AAkBM,SAAA;AAAA,IACL,YAjBiB,CAAC;AAAA,MAClB,4BAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,MAC2B;AACZ,MAAAT,EAAA;AAAA,QACb,QAAQ;AAAA,QACR,gCAAgCM;AAAA,QAChC,0BAA0B;AAAA,QAC1B,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,oBAAoBC;AAAA,MAAA,CACrB;AAAA,IACH;AAAA,IAIE,cAAAR;AAAA,IACA,GAAGC;AAAA,EACL;AACF;"}

package/dist/features/circle-games/sign-up/dal/validate-username-dal/validate-username-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate-username-dal.js","sources":["../../../../../../src/features/circle-games/sign-up/dal/validate-username-dal/validate-username-dal.ts"],"sourcesContent":["import type { ErrorCode, IValidateUsernameResponseDal } from './validate-username-dal-types';\n\nimport { useState } from 'react';\n\nimport { useValidateUserName } from '../../api/use-validate-username-api/use-validate-user-api';\n\nexport const useValidateUsernameDal = (\n  onCompleted: (data: IValidateUsernameResponseDal | null) => void,\n) => {\n  const [isValid, setIsValid] = useState<boolean | null>(null);\n\n  const {\n    post: validateUsername,\n    isProcessing,\n    ...rest\n  } = useValidateUserName({\n    onComplete(_, response) {\n      let data: IValidateUsernameResponseDal | null = null;\n\n      if (response) {\n        data = {\n          isValid: response.is_valid,\n          errorCode: response.error_code as ErrorCode,\n          message: response.message,\n        };\n      }\n\n      onCompleted(data);\n    },\n  });\n\n  const validateUsernameExists = (username: string) => {\n    setIsValid(null);\n    validateUsername({ username: username, action: 'validate_user_name_v2' });\n  };\n\n  return {\n    validateUsernameExists,\n    isValid,\n    isProcessing,\n    ...rest,\n  };\n};\n"],"names":["useValidateUsernameDal","onCompleted","isValid","setIsValid","useState","validateUsername","isProcessing","rest","useValidateUserName","_","response","data","username"],"mappings":";;AAMa,MAAAA,IAAyB,CACpCC,MACG;AACH,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAyB,IAAI,GAErD;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,GAAGC;AAAA,MACDC,EAAoB;AAAA,IACtB,WAAWC,GAAGC,GAAU;AACtB,UAAIC,IAA4C;AAEhD,MAAID,MACKC,IAAA;AAAA,QACL,SAASD,EAAS;AAAA,QAClB,WAAWA,EAAS;AAAA,QACpB,SAASA,EAAS;AAAA,MAAA,IAItBT,EAAYU,CAAI;AAAA,IAClB;AAAA,EAAA,CACD;AAOM,SAAA;AAAA,IACL,wBAN6B,CAACC,MAAqB;AACnD,MAAAT,EAAW,IAAI,GACfE,EAAiB,EAAE,UAAAO,GAAoB,QAAQ,wBAAyB,CAAA;AAAA,IAAA;AAAA,IAKxE,SAAAV;AAAA,IACA,cAAAI;AAAA,IACA,GAAGC;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"validate-username-dal.js","sources":["../../../../../../src/features/circle-games/sign-up/dal/validate-username-dal/validate-username-dal.ts"],"sourcesContent":["import type { ErrorCode, IValidateUsernameResponseDal } from './validate-username-dal-types';\n\nimport { useState } from 'react';\n\nimport { useValidateUserName } from '../../api/use-validate-username-api/use-validate-user-api';\n\nexport const useValidateUsernameDal = (\n  onCompleted: (data: IValidateUsernameResponseDal | null) => void,\n) => {\n  const [isValid, setIsValid] = useState<boolean | null>(null);\n\n  const {\n    post: validateUsername,\n    isProcessing,\n    ...rest\n  } = useValidateUserName({\n    onComplete(_, response) {\n      let data: IValidateUsernameResponseDal | null = null;\n\n      if (response) {\n        data = {\n          isValid: response.is_valid,\n          errorCode: response.error_code as ErrorCode,\n          message: response.message,\n        };\n      }\n\n      onCompleted(data);\n    },\n  });\n\n  const validateUsernameExists = (username: string) => {\n    setIsValid(null);\n    validateUsername({ username: username, action: 'validate_user_name_v2' });\n  };\n\n  return {\n    validateUsernameExists,\n    isValid,\n    isProcessing,\n    ...rest,\n  };\n};\n"],"names":["useValidateUsernameDal","onCompleted","isValid","setIsValid","useState","validateUsername","isProcessing","rest","useValidateUserName","_","response","data","username"],"mappings":";;AAMa,MAAAA,IAAyB,CACpCC,MACG;AACH,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAyB,IAAI,GAErD;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,GAAGC;AAAA,MACDC,EAAoB;AAAA,IACtB,WAAWC,GAAGC,GAAU;AACtB,UAAIC,IAA4C;AAEhD,MAAID,MACKC,IAAA;AAAA,QACL,SAASD,EAAS;AAAA,QAClB,WAAWA,EAAS;AAAA,QACpB,SAASA,EAAS;AAAA,MACpB,IAGFT,EAAYU,CAAI;AAAA,IAAA;AAAA,EAClB,CACD;AAOM,SAAA;AAAA,IACL,wBAN6B,CAACC,MAAqB;AACnD,MAAAT,EAAW,IAAI,GACfE,EAAiB,EAAE,UAAAO,GAAoB,QAAQ,wBAAA,CAAyB;AAAA,IAC1E;AAAA,IAIE,SAAAV;AAAA,IACA,cAAAI;AAAA,IACA,GAAGC;AAAA,EACL;AACF;"}

package/dist/features/circle-games/sign-up/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../../src/features/circle-games/sign-up/helper.ts"],"sourcesContent":["import type { State } from './sign-up-types';\n\nimport { userIsEnrolledCases, userIsOnTrialCases } from './constants';\n\nexport const getSplashScreenText = ({\n  state,\n  circleEnrolledUser,\n  mathGymEnrolledUser,\n}: {\n  state: State;\n  circleEnrolledUser: boolean;\n  mathGymEnrolledUser: boolean;\n}) => {\n  if (userIsOnTrialCases.includes(state)) {\n    return 'Welcome to Circle – Your Daily Dose of Math Games, Puzzles, and Skills!';\n  }\n\n  if (!mathGymEnrolledUser && !circleEnrolledUser) {\n    return 'Welcome to Circle – Your Daily Dose of Math Games, Puzzles, and Skills!';\n  }\n\n  if (mathGymEnrolledUser && !circleEnrolledUser) {\n    return 'We have launched Circle on our web app. Your points and streaks are safe.';\n  }\n\n  if (!mathGymEnrolledUser && circleEnrolledUser) {\n    return 'We have merged Math gym and Circle. Your points and streaks are safe.';\n  }\n\n  if (mathGymEnrolledUser && circleEnrolledUser) {\n    return 'We have upgraded your Math gym experience. Your points and streaks are safe.';\n  }\n};\n\nexport const getTrialScreenUsername = (\n  state: State,\n): {\n  primaryText: string;\n  secondaryText: string;\n} => {\n  if (userIsEnrolledCases.includes(state)) {\n    return {\n      primaryText: 'All set! Enjoy ',\n      secondaryText: 'Premium access with your enrollment',\n    };\n  }\n\n  if (userIsOnTrialCases.includes(state)) {\n    return {\n      primaryText: 'We’ve unlocked',\n      secondaryText: 'Premium access for you',\n    };\n  }\n\n  return {\n    primaryText: 'We’ve unlocked',\n    secondaryText: 'Premium access for you',\n  };\n};\n"],"names":["getSplashScreenText","state","circleEnrolledUser","mathGymEnrolledUser","userIsOnTrialCases","getTrialScreenUsername","userIsEnrolledCases"],"mappings":";AAIO,MAAMA,IAAsB,CAAC;AAAA,EAClC,OAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AACF,MAIM;AAKA,MAJAC,EAAmB,SAASH,CAAK,KAIjC,CAACE,KAAuB,CAACD;AACpB,WAAA;AAGL,MAAAC,KAAuB,CAACD;AACnB,WAAA;AAGL,MAAA,CAACC,KAAuBD;AACnB,WAAA;AAGT,MAAIC,KAAuBD;AAClB,WAAA;AAEX,GAEaG,IAAyB,CACpCJ,MAKIK,EAAoB,SAASL,CAAK,IAC7B;AAAA,EACL,aAAa;AAAA,EACb,eAAe;AAAA,IAIfG,EAAmB,SAASH,CAAK,IAC5B;AAAA,EACL,aAAa;AAAA,EACb,eAAe;AAAA,IAIZ;AAAA,EACL,aAAa;AAAA,EACb,eAAe;AAAA;"}
+{"version":3,"file":"helper.js","sources":["../../../../src/features/circle-games/sign-up/helper.ts"],"sourcesContent":["import type { State } from './sign-up-types';\n\nimport { userIsEnrolledCases, userIsOnTrialCases } from './constants';\n\nexport const getSplashScreenText = ({\n  state,\n  circleEnrolledUser,\n  mathGymEnrolledUser,\n}: {\n  state: State;\n  circleEnrolledUser: boolean;\n  mathGymEnrolledUser: boolean;\n}) => {\n  if (userIsOnTrialCases.includes(state)) {\n    return 'Welcome to Circle – Your Daily Dose of Math Games, Puzzles, and Skills!';\n  }\n\n  if (!mathGymEnrolledUser && !circleEnrolledUser) {\n    return 'Welcome to Circle – Your Daily Dose of Math Games, Puzzles, and Skills!';\n  }\n\n  if (mathGymEnrolledUser && !circleEnrolledUser) {\n    return 'We have launched Circle on our web app. Your points and streaks are safe.';\n  }\n\n  if (!mathGymEnrolledUser && circleEnrolledUser) {\n    return 'We have merged Math gym and Circle. Your points and streaks are safe.';\n  }\n\n  if (mathGymEnrolledUser && circleEnrolledUser) {\n    return 'We have upgraded your Math gym experience. Your points and streaks are safe.';\n  }\n};\n\nexport const getTrialScreenUsername = (\n  state: State,\n): {\n  primaryText: string;\n  secondaryText: string;\n} => {\n  if (userIsEnrolledCases.includes(state)) {\n    return {\n      primaryText: 'All set! Enjoy ',\n      secondaryText: 'Premium access with your enrollment',\n    };\n  }\n\n  if (userIsOnTrialCases.includes(state)) {\n    return {\n      primaryText: 'We’ve unlocked',\n      secondaryText: 'Premium access for you',\n    };\n  }\n\n  return {\n    primaryText: 'We’ve unlocked',\n    secondaryText: 'Premium access for you',\n  };\n};\n"],"names":["getSplashScreenText","state","circleEnrolledUser","mathGymEnrolledUser","userIsOnTrialCases","getTrialScreenUsername","userIsEnrolledCases"],"mappings":";AAIO,MAAMA,IAAsB,CAAC;AAAA,EAClC,OAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AACF,MAIM;AAKA,MAJAC,EAAmB,SAASH,CAAK,KAIjC,CAACE,KAAuB,CAACD;AACpB,WAAA;AAGL,MAAAC,KAAuB,CAACD;AACnB,WAAA;AAGL,MAAA,CAACC,KAAuBD;AACnB,WAAA;AAGT,MAAIC,KAAuBD;AAClB,WAAA;AAEX,GAEaG,IAAyB,CACpCJ,MAKIK,EAAoB,SAASL,CAAK,IAC7B;AAAA,EACL,aAAa;AAAA,EACb,eAAe;AACjB,IAGEG,EAAmB,SAASH,CAAK,IAC5B;AAAA,EACL,aAAa;AAAA,EACb,eAAe;AACjB,IAGK;AAAA,EACL,aAAa;AAAA,EACb,eAAe;AACjB;"}

package/dist/features/circle-games/sign-up/sign-up.js

@@ -4,16 +4,16 @@ import { ILLUSTRATIONS as S } from "../../../assets/illustrations/illustrations.
 import E from "../../ui/image/image.js";
 import H from "../../ui/text/text.js";
 import { CircularSteps as ne } from "./comp/circular-steps/circular-steps.js";
-import { GradeInputBox as oe, SelectUserGrade as le } from "./comp/select-user-grade/select-user-grade.js";
+import { SelectUserGrade as oe, GradeInputBox as le } from "./comp/select-user-grade/select-user-grade.js";
 import { Spinner as ie } from "./comp/spinner/spinner.js";
 import { SplashScreen as ae } from "./comp/splash-screen/splash-screen.js";
 import { ErrorMessage as $ } from "./comp/username-input/constants.js";
 import { UsernameInput as ue } from "./comp/username-input/username-input.js";
-import { GRADES as L, CONTAINER_WIDTH as ce, CONTAINER_HEIGHT as pe } from "./constants.js";
+import { GRADES as L, CONTAINER_HEIGHT as ce, CONTAINER_WIDTH as pe } from "./constants.js";
 import { useCreateUserDal as de } from "./dal/create-user-dal/create-user-dal.js";
 import { useUpdateUserDal as Se } from "./dal/update-user-dal/update-user-dal.js";
 import { getTrialScreenUsername as me, getSplashScreenText as he } from "./helper.js";
-import { BottomButtonContainer as T, SignupBtn as I, SmileyImage as fe, ThemeText as ge, BackgroundOverlay as Ee, SignUpWrapper as Te, SignUpContainer as Ie, SignupText as Re } from "./sign-up-styled.js";
+import { BottomButtonContainer as T, ThemeText as fe, SignupBtn as I, SmileyImage as ge, BackgroundOverlay as Ee, SignUpWrapper as Te, SignUpContainer as Ie, SignupText as Re } from "./sign-up-styled.js";
 const $e = ({
   mathGymEnrolledUser: R,
   circleEnrolledUser: b,
@@ -95,7 +95,7 @@ const $e = ({
     id: "step-1",
     label: "What’s your school grade?",
     custEle: null,
-    custEleInsideStep: /* @__PURE__ */ t(oe, { gradeInfo: r, showSpinner: d }),
+    custEleInsideStep: /* @__PURE__ */ t(le, { gradeInfo: r, showSpinner: d }),
     background: /* @__PURE__ */ t(
       E,
       {
@@ -107,7 +107,7 @@ const $e = ({
       }
     ),
     custEleBelowStep: /* @__PURE__ */ t(
-      le,
+      oe,
       {
         grades: L,
         selected: (r == null ? void 0 : r.key) || null,
@@ -160,7 +160,7 @@ const $e = ({
     id: "step-3",
     label: null,
     custEle: null,
-    custEleInsideStep: /* @__PURE__ */ t(fe, { src: S.SMILEY, height: "100%", width: "100%", alt: "play" }),
+    custEleInsideStep: /* @__PURE__ */ t(ge, { src: S.SMILEY, height: "100%", width: "100%", alt: "play" }),
     background: /* @__PURE__ */ t(
       E,
       {
@@ -174,7 +174,7 @@ const $e = ({
     custEleBelowStep: /* @__PURE__ */ a(T, { children: [
       /* @__PURE__ */ a(H, { $renderAs: "ab1", $color: "WHITE", children: [
         G.primaryText,
-        A && /* @__PURE__ */ a(ge, { children: [
+        A && /* @__PURE__ */ a(fe, { children: [
           " ",
           A,
           " days of FREE"
@@ -197,7 +197,7 @@ const $e = ({
   }, O = {
     steps: [z, J, Q, Z],
     currentStepIndex: 0,
-    dimensions: { width: ce, height: pe }
+    dimensions: { width: pe, height: ce }
   };
   return se(() => () => {
     l(!1), u(""), w(null), p("");

package/dist/features/circle-games/sign-up/sign-up.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-up.js","sources":["../../../../src/features/circle-games/sign-up/sign-up.tsx"],"sourcesContent":["import type {\n  ICircularSteps,\n  ICircularStepsProps,\n} from './comp/circular-steps/circular-steps-types';\nimport type { Grade } from './comp/grade-input/grade-input-types';\nimport type { ICreateUserResponseDal } from './dal/create-user-dal/create-user-dal-types';\nimport type { IUpdateUserPayloadDal } from './dal/update-user-dal/update-user-dal-types';\nimport type { ISignUpProps } from './sign-up-types';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport { CircularSteps } from './comp/circular-steps/circular-steps';\nimport { GradeInputBox, SelectUserGrade } from './comp/select-user-grade/select-user-grade';\nimport { Spinner } from './comp/spinner/spinner';\nimport { SplashScreen } from './comp/splash-screen/splash-screen';\nimport { ErrorMessage } from './comp/username-input/constants';\nimport { UsernameInput } from './comp/username-input/username-input';\nimport { CONTAINER_HEIGHT, CONTAINER_WIDTH, GRADES } from './constants';\nimport { useCreateUserDal } from './dal/create-user-dal/create-user-dal';\nimport { useUpdateUserDal } from './dal/update-user-dal/update-user-dal';\nimport { getSplashScreenText, getTrialScreenUsername } from './helper';\nimport * as Styled from './sign-up-styled';\n\nexport const SignUp = ({\n  mathGymEnrolledUser,\n  circleEnrolledUser,\n  circleOnLeapPremiumDays,\n  circleUsername,\n  countryCode,\n  grade: defaultGrade,\n  state,\n  circleOnLeapPremiumEnabled,\n  studentId,\n  isSignUpProcessing,\n  onCreateUser,\n  onUpdateUser,\n  onSignupStepsComplete,\n}: ISignUpProps) => {\n  const [currentStepIndex, setCurrentStepIndex] = useState(0);\n  const [username, setUsername] = useState(circleUsername);\n  const [error, setError] = useState('');\n  const [grade, setGrade] = useState<Grade | null>(\n    GRADES.find(g => g.key === defaultGrade) ?? null,\n  );\n  const [showSpinner, setShowSpinner] = useState(false);\n  const trialScreenContent = getTrialScreenUsername(state);\n\n  const userCreateUpdateResponseData = useRef<\n    ICreateUserResponseDal | IUpdateUserPayloadDal | null\n  >(null);\n\n  const [splashBtnVisible, setSplashBtnVisible] = useState(false);\n  const [splashTxtVisible, setSplashTxtVisible] = useState(false);\n\n  const handleCreateUserResponse = (data: ICreateUserResponseDal | null) => {\n    setShowSpinner(false);\n    if (data) {\n      userCreateUpdateResponseData.current = data;\n      setUsername(data.username);\n      onCreateUser && onCreateUser(data);\n      goToNextStep();\n    } else {\n      setError(ErrorMessage.SOMETHING_WENT_WRONG);\n    }\n  };\n  const handleUpdateUserResponse = (data: IUpdateUserPayloadDal | null) => {\n    setShowSpinner(false);\n    if (data) {\n      userCreateUpdateResponseData.current = data;\n      setUsername(data.username);\n      onUpdateUser && onUpdateUser(data);\n      goToNextStep();\n    } else {\n      setError(ErrorMessage.SOMETHING_WENT_WRONG);\n    }\n  };\n\n  const { createUser } = useCreateUserDal(handleCreateUserResponse);\n  const { updateUser } = useUpdateUserDal(handleUpdateUserResponse);\n\n  // Animate the text and btns after the splash animation is completed in splash screen\n  const onSplashScreenBgAnimationComplete = () => {\n    setSplashTxtVisible(true);\n    setTimeout(() => {\n      setSplashBtnVisible(true);\n    }, 500);\n  };\n\n  const handleGradeSelect = async (_grade: Grade) => {\n    setGrade(_grade);\n  };\n\n  const handleUsernameSubmit = useCallback(async () => {\n    setShowSpinner(true);\n    if (error !== '') {\n      return;\n    }\n\n    if (circleUsername === '' || circleUsername === undefined || circleUsername === null) {\n      createUser({\n        circleOnLeapPremiumEnabled,\n        grade: grade?.key || '',\n        username,\n        countryCode,\n        studentId,\n      });\n    } else {\n      updateUser({\n        circleOnLeapPremiumEnabled,\n        grade: grade?.key || '',\n        username,\n        studentId,\n      });\n    }\n  }, [\n    circleOnLeapPremiumEnabled,\n    circleUsername,\n    countryCode,\n    createUser,\n    error,\n    grade?.key,\n    studentId,\n    updateUser,\n    username,\n  ]);\n\n  const goToNextStep = () => {\n    setCurrentStepIndex(prev => {\n      if (prev === SignupProps.steps.length - 1) {\n        onSignupStepsComplete(userCreateUpdateResponseData.current);\n\n        return prev;\n      }\n\n      return prev + 1;\n    });\n  };\n\n  const goToPrevStep = () => {\n    if (showSpinner) {\n      return;\n    }\n    setCurrentStepIndex(prev => {\n      if (prev === 0) {\n        return prev;\n      }\n\n      return prev - 1;\n    });\n  };\n\n  const splashScreenStep: ICircularSteps = {\n    id: 'step-0',\n    label: null,\n    custEle: null,\n    custEleInsideStep: null,\n    background: <SplashScreen animationCompleted={onSplashScreenBgAnimationComplete} />,\n    custEleBelowStep: (\n      <Styled.BottomButtonContainer paddingX={mathGymEnrolledUser && circleEnrolledUser ? 1 : 2.5}>\n        {splashTxtVisible && (\n          <Styled.SignupText $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n            {getSplashScreenText({ state, circleEnrolledUser, mathGymEnrolledUser })}\n          </Styled.SignupText>\n        )}\n        {splashBtnVisible && (\n          <Styled.SignupBtn\n            label=\"Let’s start\"\n            renderAs=\"secondary\"\n            marginTop={24}\n            width={144}\n            isVisible={true}\n            onClick={() => {\n              goToNextStep();\n              setSplashTxtVisible(false);\n              setSplashBtnVisible(false);\n            }}\n          />\n        )}\n      </Styled.BottomButtonContainer>\n    ),\n    isProgressAnimationRequired: false,\n  };\n\n  const gradeStep: ICircularSteps = {\n    id: 'step-1',\n    label: 'What’s your school grade?',\n    custEle: null,\n    custEleInsideStep: <GradeInputBox gradeInfo={grade} showSpinner={showSpinner} />,\n    background: (\n      <Image\n        src={ILLUSTRATIONS.GRADE_GRID_BACKGROUND}\n        height={'100%'}\n        width={'100%'}\n        withLoader={false}\n        alt=\"play\"\n      />\n    ),\n    custEleBelowStep: (\n      <SelectUserGrade\n        grades={GRADES}\n        selected={grade?.key || null}\n        onSelect={_grade => handleGradeSelect(_grade)}\n        onNext={goToNextStep}\n      />\n    ),\n    onBack: goToPrevStep,\n    isProgressAnimationRequired: true,\n  };\n\n  const usernameStep: ICircularSteps = {\n    id: 'step-2',\n    label: 'Claim your unique alias',\n    custEle: null,\n    custEleInsideStep: (\n      <UsernameInput\n        username={username}\n        circleUsername={circleUsername}\n        isEdit={false}\n        error={error}\n        setError={setError}\n        showSpinner={showSpinner}\n        setShowSpinner={setShowSpinner}\n        setUsername={setUsername}\n      />\n    ),\n    background: (\n      <Image\n        src={ILLUSTRATIONS.USER_PROFILE_BACKGROUND}\n        height={'100%'}\n        width={'100%'}\n        withLoader={false}\n        alt=\"play\"\n      />\n    ),\n    custEleBelowStep: (\n      <Styled.BottomButtonContainer>\n        {username !== '' && (\n          <Styled.SignupBtn\n            label=\"Next\"\n            disabled={showSpinner || error !== ''}\n            renderAs=\"secondary\"\n            onClick={() => handleUsernameSubmit()}\n            marginTop={88}\n          />\n        )}\n      </Styled.BottomButtonContainer>\n    ),\n    onBack: goToPrevStep,\n    isProgressAnimationRequired: true,\n  };\n\n  const trialScreenStep: ICircularSteps = {\n    id: 'step-3',\n    label: null,\n    custEle: null,\n    custEleInsideStep: (\n      <Styled.SmileyImage src={ILLUSTRATIONS.SMILEY} height={'100%'} width={'100%'} alt=\"play\" />\n    ),\n    background: (\n      <Image\n        src={ILLUSTRATIONS.USER_CROWN_GRID_BACKGROUND}\n        height={'100%'}\n        width={'100%'}\n        withLoader={false}\n        alt=\"play\"\n      />\n    ),\n    custEleBelowStep: (\n      <Styled.BottomButtonContainer>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\">\n          {trialScreenContent.primaryText}\n          {circleOnLeapPremiumDays && (\n            <Styled.ThemeText> {circleOnLeapPremiumDays} days of FREE</Styled.ThemeText>\n          )}\n        </Text>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\">\n          {trialScreenContent.secondaryText}\n        </Text>\n        {isSignUpProcessing ? (\n          <Spinner marginY={24} />\n        ) : (\n          <Styled.SignupBtn\n            label=\"Woohoo! Let me in!\"\n            renderAs=\"secondary\"\n            marginTop={24}\n            width={250}\n            onClick={() => goToNextStep()}\n          />\n        )}\n      </Styled.BottomButtonContainer>\n    ),\n    onBack: isSignUpProcessing ? undefined : goToPrevStep,\n    isProgressAnimationRequired: true,\n  };\n\n  const SignupProps: ICircularStepsProps = {\n    steps: [splashScreenStep, gradeStep, usernameStep, trialScreenStep],\n    currentStepIndex: 0,\n    dimensions: { width: CONTAINER_WIDTH, height: CONTAINER_HEIGHT },\n  };\n\n  // Reset states on unmount\n  useEffect(() => {\n    return () => {\n      setShowSpinner(false);\n      setUsername('');\n      setGrade(null);\n      setError('');\n    };\n  }, []);\n\n  return (\n    <>\n      <Styled.BackgroundOverlay />\n      <Styled.SignUpWrapper>\n        <Styled.SignUpContainer>\n          <CircularSteps {...SignupProps} currentStepIndex={currentStepIndex} />\n        </Styled.SignUpContainer>\n      </Styled.SignUpWrapper>\n    </>\n  );\n};\n"],"names":["SignUp","mathGymEnrolledUser","circleEnrolledUser","circleOnLeapPremiumDays","circleUsername","countryCode","defaultGrade","state","circleOnLeapPremiumEnabled","studentId","isSignUpProcessing","onCreateUser","onUpdateUser","onSignupStepsComplete","currentStepIndex","setCurrentStepIndex","useState","username","setUsername","error","setError","grade","setGrade","GRADES","g","showSpinner","setShowSpinner","trialScreenContent","getTrialScreenUsername","userCreateUpdateResponseData","useRef","splashBtnVisible","setSplashBtnVisible","splashTxtVisible","setSplashTxtVisible","handleCreateUserResponse","data","goToNextStep","ErrorMessage","handleUpdateUserResponse","createUser","useCreateUserDal","updateUser","useUpdateUserDal","onSplashScreenBgAnimationComplete","handleGradeSelect","_grade","handleUsernameSubmit","useCallback","prev","SignupProps","goToPrevStep","splashScreenStep","jsx","SplashScreen","Styled.BottomButtonContainer","Styled.SignupText","Styled.SignupBtn","gradeStep","GradeInputBox","Image","ILLUSTRATIONS","SelectUserGrade","usernameStep","UsernameInput","trialScreenStep","Styled.SmileyImage","jsxs","Text","Styled.ThemeText","Spinner","CONTAINER_WIDTH","CONTAINER_HEIGHT","useEffect","Fragment","Styled.BackgroundOverlay","Styled.SignUpWrapper","Styled.SignUpContainer","CircularSteps"],"mappings":"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"}
+{"version":3,"file":"sign-up.js","sources":["../../../../src/features/circle-games/sign-up/sign-up.tsx"],"sourcesContent":["import type {\n  ICircularSteps,\n  ICircularStepsProps,\n} from './comp/circular-steps/circular-steps-types';\nimport type { Grade } from './comp/grade-input/grade-input-types';\nimport type { ICreateUserResponseDal } from './dal/create-user-dal/create-user-dal-types';\nimport type { IUpdateUserPayloadDal } from './dal/update-user-dal/update-user-dal-types';\nimport type { ISignUpProps } from './sign-up-types';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport { CircularSteps } from './comp/circular-steps/circular-steps';\nimport { GradeInputBox, SelectUserGrade } from './comp/select-user-grade/select-user-grade';\nimport { Spinner } from './comp/spinner/spinner';\nimport { SplashScreen } from './comp/splash-screen/splash-screen';\nimport { ErrorMessage } from './comp/username-input/constants';\nimport { UsernameInput } from './comp/username-input/username-input';\nimport { CONTAINER_HEIGHT, CONTAINER_WIDTH, GRADES } from './constants';\nimport { useCreateUserDal } from './dal/create-user-dal/create-user-dal';\nimport { useUpdateUserDal } from './dal/update-user-dal/update-user-dal';\nimport { getSplashScreenText, getTrialScreenUsername } from './helper';\nimport * as Styled from './sign-up-styled';\n\nexport const SignUp = ({\n  mathGymEnrolledUser,\n  circleEnrolledUser,\n  circleOnLeapPremiumDays,\n  circleUsername,\n  countryCode,\n  grade: defaultGrade,\n  state,\n  circleOnLeapPremiumEnabled,\n  studentId,\n  isSignUpProcessing,\n  onCreateUser,\n  onUpdateUser,\n  onSignupStepsComplete,\n}: ISignUpProps) => {\n  const [currentStepIndex, setCurrentStepIndex] = useState(0);\n  const [username, setUsername] = useState(circleUsername);\n  const [error, setError] = useState('');\n  const [grade, setGrade] = useState<Grade | null>(\n    GRADES.find(g => g.key === defaultGrade) ?? null,\n  );\n  const [showSpinner, setShowSpinner] = useState(false);\n  const trialScreenContent = getTrialScreenUsername(state);\n\n  const userCreateUpdateResponseData = useRef<\n    ICreateUserResponseDal | IUpdateUserPayloadDal | null\n  >(null);\n\n  const [splashBtnVisible, setSplashBtnVisible] = useState(false);\n  const [splashTxtVisible, setSplashTxtVisible] = useState(false);\n\n  const handleCreateUserResponse = (data: ICreateUserResponseDal | null) => {\n    setShowSpinner(false);\n    if (data) {\n      userCreateUpdateResponseData.current = data;\n      setUsername(data.username);\n      onCreateUser && onCreateUser(data);\n      goToNextStep();\n    } else {\n      setError(ErrorMessage.SOMETHING_WENT_WRONG);\n    }\n  };\n  const handleUpdateUserResponse = (data: IUpdateUserPayloadDal | null) => {\n    setShowSpinner(false);\n    if (data) {\n      userCreateUpdateResponseData.current = data;\n      setUsername(data.username);\n      onUpdateUser && onUpdateUser(data);\n      goToNextStep();\n    } else {\n      setError(ErrorMessage.SOMETHING_WENT_WRONG);\n    }\n  };\n\n  const { createUser } = useCreateUserDal(handleCreateUserResponse);\n  const { updateUser } = useUpdateUserDal(handleUpdateUserResponse);\n\n  // Animate the text and btns after the splash animation is completed in splash screen\n  const onSplashScreenBgAnimationComplete = () => {\n    setSplashTxtVisible(true);\n    setTimeout(() => {\n      setSplashBtnVisible(true);\n    }, 500);\n  };\n\n  const handleGradeSelect = async (_grade: Grade) => {\n    setGrade(_grade);\n  };\n\n  const handleUsernameSubmit = useCallback(async () => {\n    setShowSpinner(true);\n    if (error !== '') {\n      return;\n    }\n\n    if (circleUsername === '' || circleUsername === undefined || circleUsername === null) {\n      createUser({\n        circleOnLeapPremiumEnabled,\n        grade: grade?.key || '',\n        username,\n        countryCode,\n        studentId,\n      });\n    } else {\n      updateUser({\n        circleOnLeapPremiumEnabled,\n        grade: grade?.key || '',\n        username,\n        studentId,\n      });\n    }\n  }, [\n    circleOnLeapPremiumEnabled,\n    circleUsername,\n    countryCode,\n    createUser,\n    error,\n    grade?.key,\n    studentId,\n    updateUser,\n    username,\n  ]);\n\n  const goToNextStep = () => {\n    setCurrentStepIndex(prev => {\n      if (prev === SignupProps.steps.length - 1) {\n        onSignupStepsComplete(userCreateUpdateResponseData.current);\n\n        return prev;\n      }\n\n      return prev + 1;\n    });\n  };\n\n  const goToPrevStep = () => {\n    if (showSpinner) {\n      return;\n    }\n    setCurrentStepIndex(prev => {\n      if (prev === 0) {\n        return prev;\n      }\n\n      return prev - 1;\n    });\n  };\n\n  const splashScreenStep: ICircularSteps = {\n    id: 'step-0',\n    label: null,\n    custEle: null,\n    custEleInsideStep: null,\n    background: <SplashScreen animationCompleted={onSplashScreenBgAnimationComplete} />,\n    custEleBelowStep: (\n      <Styled.BottomButtonContainer paddingX={mathGymEnrolledUser && circleEnrolledUser ? 1 : 2.5}>\n        {splashTxtVisible && (\n          <Styled.SignupText $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n            {getSplashScreenText({ state, circleEnrolledUser, mathGymEnrolledUser })}\n          </Styled.SignupText>\n        )}\n        {splashBtnVisible && (\n          <Styled.SignupBtn\n            label=\"Let’s start\"\n            renderAs=\"secondary\"\n            marginTop={24}\n            width={144}\n            isVisible={true}\n            onClick={() => {\n              goToNextStep();\n              setSplashTxtVisible(false);\n              setSplashBtnVisible(false);\n            }}\n          />\n        )}\n      </Styled.BottomButtonContainer>\n    ),\n    isProgressAnimationRequired: false,\n  };\n\n  const gradeStep: ICircularSteps = {\n    id: 'step-1',\n    label: 'What’s your school grade?',\n    custEle: null,\n    custEleInsideStep: <GradeInputBox gradeInfo={grade} showSpinner={showSpinner} />,\n    background: (\n      <Image\n        src={ILLUSTRATIONS.GRADE_GRID_BACKGROUND}\n        height={'100%'}\n        width={'100%'}\n        withLoader={false}\n        alt=\"play\"\n      />\n    ),\n    custEleBelowStep: (\n      <SelectUserGrade\n        grades={GRADES}\n        selected={grade?.key || null}\n        onSelect={_grade => handleGradeSelect(_grade)}\n        onNext={goToNextStep}\n      />\n    ),\n    onBack: goToPrevStep,\n    isProgressAnimationRequired: true,\n  };\n\n  const usernameStep: ICircularSteps = {\n    id: 'step-2',\n    label: 'Claim your unique alias',\n    custEle: null,\n    custEleInsideStep: (\n      <UsernameInput\n        username={username}\n        circleUsername={circleUsername}\n        isEdit={false}\n        error={error}\n        setError={setError}\n        showSpinner={showSpinner}\n        setShowSpinner={setShowSpinner}\n        setUsername={setUsername}\n      />\n    ),\n    background: (\n      <Image\n        src={ILLUSTRATIONS.USER_PROFILE_BACKGROUND}\n        height={'100%'}\n        width={'100%'}\n        withLoader={false}\n        alt=\"play\"\n      />\n    ),\n    custEleBelowStep: (\n      <Styled.BottomButtonContainer>\n        {username !== '' && (\n          <Styled.SignupBtn\n            label=\"Next\"\n            disabled={showSpinner || error !== ''}\n            renderAs=\"secondary\"\n            onClick={() => handleUsernameSubmit()}\n            marginTop={88}\n          />\n        )}\n      </Styled.BottomButtonContainer>\n    ),\n    onBack: goToPrevStep,\n    isProgressAnimationRequired: true,\n  };\n\n  const trialScreenStep: ICircularSteps = {\n    id: 'step-3',\n    label: null,\n    custEle: null,\n    custEleInsideStep: (\n      <Styled.SmileyImage src={ILLUSTRATIONS.SMILEY} height={'100%'} width={'100%'} alt=\"play\" />\n    ),\n    background: (\n      <Image\n        src={ILLUSTRATIONS.USER_CROWN_GRID_BACKGROUND}\n        height={'100%'}\n        width={'100%'}\n        withLoader={false}\n        alt=\"play\"\n      />\n    ),\n    custEleBelowStep: (\n      <Styled.BottomButtonContainer>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\">\n          {trialScreenContent.primaryText}\n          {circleOnLeapPremiumDays && (\n            <Styled.ThemeText> {circleOnLeapPremiumDays} days of FREE</Styled.ThemeText>\n          )}\n        </Text>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\">\n          {trialScreenContent.secondaryText}\n        </Text>\n        {isSignUpProcessing ? (\n          <Spinner marginY={24} />\n        ) : (\n          <Styled.SignupBtn\n            label=\"Woohoo! Let me in!\"\n            renderAs=\"secondary\"\n            marginTop={24}\n            width={250}\n            onClick={() => goToNextStep()}\n          />\n        )}\n      </Styled.BottomButtonContainer>\n    ),\n    onBack: isSignUpProcessing ? undefined : goToPrevStep,\n    isProgressAnimationRequired: true,\n  };\n\n  const SignupProps: ICircularStepsProps = {\n    steps: [splashScreenStep, gradeStep, usernameStep, trialScreenStep],\n    currentStepIndex: 0,\n    dimensions: { width: CONTAINER_WIDTH, height: CONTAINER_HEIGHT },\n  };\n\n  // Reset states on unmount\n  useEffect(() => {\n    return () => {\n      setShowSpinner(false);\n      setUsername('');\n      setGrade(null);\n      setError('');\n    };\n  }, []);\n\n  return (\n    <>\n      <Styled.BackgroundOverlay />\n      <Styled.SignUpWrapper>\n        <Styled.SignUpContainer>\n          <CircularSteps {...SignupProps} currentStepIndex={currentStepIndex} />\n        </Styled.SignUpContainer>\n      </Styled.SignUpWrapper>\n    </>\n  );\n};\n"],"names":["SignUp","mathGymEnrolledUser","circleEnrolledUser","circleOnLeapPremiumDays","circleUsername","countryCode","defaultGrade","state","circleOnLeapPremiumEnabled","studentId","isSignUpProcessing","onCreateUser","onUpdateUser","onSignupStepsComplete","currentStepIndex","setCurrentStepIndex","useState","username","setUsername","error","setError","grade","setGrade","GRADES","g","showSpinner","setShowSpinner","trialScreenContent","getTrialScreenUsername","userCreateUpdateResponseData","useRef","splashBtnVisible","setSplashBtnVisible","splashTxtVisible","setSplashTxtVisible","handleCreateUserResponse","data","goToNextStep","ErrorMessage","handleUpdateUserResponse","createUser","useCreateUserDal","updateUser","useUpdateUserDal","onSplashScreenBgAnimationComplete","handleGradeSelect","_grade","handleUsernameSubmit","useCallback","prev","SignupProps","goToPrevStep","splashScreenStep","jsx","SplashScreen","Styled.BottomButtonContainer","Styled.SignupText","Styled.SignupBtn","gradeStep","GradeInputBox","Image","ILLUSTRATIONS","SelectUserGrade","usernameStep","UsernameInput","trialScreenStep","Styled.SmileyImage","jsxs","Text","Styled.ThemeText","Spinner","CONTAINER_WIDTH","CONTAINER_HEIGHT","useEffect","Fragment","Styled.BackgroundOverlay","Styled.SignUpWrapper","Styled.SignUpContainer","CircularSteps"],"mappings":"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"}

package/dist/features/circle-games/utils/streak-reduction-localstorage-util.js.map

@@ -1 +1 @@
-{"version":3,"file":"streak-reduction-localstorage-util.js","sources":["../../../../src/features/circle-games/utils/streak-reduction-localstorage-util.ts"],"sourcesContent":["export class StreakReductionLocalStorageUtil {\n  /**\n   * Determines whether the streak reduction should be shown today.\n   */\n  static showStreakReduction(storeKey: string, startTimestamp: number): boolean {\n    try {\n      if (!startTimestamp) {\n        return false;\n      }\n\n      const storedTimestamp = localStorage.getItem(storeKey);\n\n      // If there's no stored timestamp, show the button\n      if (!storedTimestamp) return true;\n\n      // If stored timestamp is not from today, show the button\n      const isSameDay = storedTimestamp === `${startTimestamp}`;\n\n      if (!isSameDay) {\n        return true;\n      }\n\n      return false;\n    } catch (error) {\n      return true;\n    }\n  }\n\n  /**\n   * Call this when the user has dismissed the streak reduction.\n   */\n  static markStreakReductionDismissed(storeKey: string, startTimestamp: number): void {\n    localStorage.setItem(storeKey, startTimestamp.toString());\n  }\n}\n"],"names":["StreakReductionLocalStorageUtil","storeKey","startTimestamp","storedTimestamp"],"mappings":"AAAO,MAAMA,EAAgC;AAAA;AAAA;AAAA;AAAA,EAI3C,OAAO,oBAAoBC,GAAkBC,GAAiC;AACxE,QAAA;AACF,UAAI,CAACA;AACI,eAAA;AAGH,YAAAC,IAAkB,aAAa,QAAQF,CAAQ;AAQrD,aALI,CAACE,KAKD,EAFcA,MAAoB,GAAGD,CAAc;AAAA,YAOzC;AACP,aAAA;AAAA,IACT;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,6BAA6BD,GAAkBC,GAA8B;AAClF,iBAAa,QAAQD,GAAUC,EAAe,SAAU,CAAA;AAAA,EAC1D;AACF;"}
+{"version":3,"file":"streak-reduction-localstorage-util.js","sources":["../../../../src/features/circle-games/utils/streak-reduction-localstorage-util.ts"],"sourcesContent":["export class StreakReductionLocalStorageUtil {\n  /**\n   * Determines whether the streak reduction should be shown today.\n   */\n  static showStreakReduction(storeKey: string, startTimestamp: number): boolean {\n    try {\n      if (!startTimestamp) {\n        return false;\n      }\n\n      const storedTimestamp = localStorage.getItem(storeKey);\n\n      // If there's no stored timestamp, show the button\n      if (!storedTimestamp) return true;\n\n      // If stored timestamp is not from today, show the button\n      const isSameDay = storedTimestamp === `${startTimestamp}`;\n\n      if (!isSameDay) {\n        return true;\n      }\n\n      return false;\n    } catch (error) {\n      return true;\n    }\n  }\n\n  /**\n   * Call this when the user has dismissed the streak reduction.\n   */\n  static markStreakReductionDismissed(storeKey: string, startTimestamp: number): void {\n    localStorage.setItem(storeKey, startTimestamp.toString());\n  }\n}\n"],"names":["StreakReductionLocalStorageUtil","storeKey","startTimestamp","storedTimestamp"],"mappings":"AAAO,MAAMA,EAAgC;AAAA;AAAA;AAAA;AAAA,EAI3C,OAAO,oBAAoBC,GAAkBC,GAAiC;AACxE,QAAA;AACF,UAAI,CAACA;AACI,eAAA;AAGH,YAAAC,IAAkB,aAAa,QAAQF,CAAQ;AAQrD,aALI,CAACE,KAKD,EAFcA,MAAoB,GAAGD,CAAc;AAAA,YAOzC;AACP,aAAA;AAAA,IAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAMF,OAAO,6BAA6BD,GAAkBC,GAA8B;AAClF,iBAAa,QAAQD,GAAUC,EAAe,SAAA,CAAU;AAAA,EAAA;AAE5D;"}