@cuemath/leap 3.5.22 → 3.5.23

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

@@ -80,7 +80,7 @@ const $e = ({
     f || C((e) => e === 0 ? e : e - 1);
   }, J = {
     id: "step-0",
-    label: "What’s your school grade?",
+    label: "What grade are you in?",
     custEle: null,
     custEleInsideStep: /* @__PURE__ */ r(te, { gradeInfo: t, showSpinner: f }),
     background: /* @__PURE__ */ r(

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 { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport type { IUpdateUsernameResponse } from './api/use-update-username-api/use-update-username-api-types';\nimport { CircularSteps } from './comp/circular-steps/circular-steps';\nimport type {\n  ICircularSteps,\n  ICircularStepsProps,\n} from './comp/circular-steps/circular-steps-types';\nimport type { Grade } from './comp/grade-input/grade-input-types';\nimport { GradeInputBox, SelectUserGrade } from './comp/select-user-grade/select-user-grade';\nimport { Spinner } from './comp/spinner/spinner';\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 type { ICreateUserResponseDal } from './dal/create-user-dal/create-user-dal-types';\nimport { useUpdateUserDal } from './dal/update-user-dal/update-user-dal';\nimport type { IUpdateUserPayloadDal } from './dal/update-user-dal/update-user-dal-types';\nimport { useUpdateUsernameDal } from './dal/update-username-dal/update-username-dal';\nimport { getTrialScreenUsername } from './helper';\nimport * as Styled from './sign-up-styled';\nimport type { ISignUpProps } from './sign-up-types';\n\nexport const SignUp = ({\n  circleOnLeapPremiumDays,\n  circleUsername,\n  countryCode,\n  grade: defaultGrade,\n  state,\n  circleOnLeapPremiumEnabled,\n  studentId,\n  isSignUpProcessing,\n  onCreateUser,\n  onUpdateUser,\n  onSignupStepsComplete,\n  isPLAStudent,\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 | IUpdateUsernameResponse | null\n  >(null);\n\n  const handleCreateUserResponse = (data: ICreateUserResponseDal | null) => {\n    setShowSpinner(false);\n    if (data) {\n      userCreateUpdateResponseData.current = data;\n      setUsername(data.username);\n      if (onCreateUser) {\n        onCreateUser(data);\n      }\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      if (onUpdateUser) {\n        onUpdateUser(data);\n      }\n      goToNextStep();\n    } else {\n      setError(ErrorMessage.SOMETHING_WENT_WRONG);\n    }\n  };\n  const handleUpdateUsernameResponse = (data: IUpdateUsernameResponse | null) => {\n    setShowSpinner(false);\n    if (data) {\n      setUsername(data.username);\n      userCreateUpdateResponseData.current = 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  const { updateUsername } = useUpdateUsernameDal(handleUpdateUsernameResponse);\n  // Animate the text and btns a  fter the splash animation is completed in splash screen\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 (isPLAStudent && username) {\n      //TODO: The old API should be migrated to use this for both PLA and Non PLA students\n      // PLA students can use the username as both the login username and password, and also set it as the Circle username.\n      updateUsername({\n        username,\n        studentId,\n      });\n\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    isPLAStudent,\n    studentId,\n    updateUser,\n    updateUsername,\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 gradeStep: ICircularSteps = {\n    id: 'step-0',\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    isProgressAnimationRequired: true,\n  };\n\n  const usernameStep: ICircularSteps = {\n    id: 'step-1',\n    label: isPLAStudent ? `Create a unique username\\nfor your child` : '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-2',\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        {isPLAStudent ? (\n          <FlexView>\n            <Text $renderAs=\"ac4-black\" $align=\"center\" $color=\"GREEN_4\">\n              Premium access unlocked!\n            </Text>\n            <Separator height={12} />\n            <Text $renderAs=\"ub2\" $color=\"WHITE\" $align=\"center\">\n              Your child can directly login to leap.cuemath.com using “\n              <Text $color=\"GREEN_4\" $renderAs=\"ub2\" $inline>\n                {username}\n              </Text>\n              ” as both username and password.\n            </Text>\n          </FlexView>\n        ) : (\n          <>\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          </>\n        )}\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: isPLAStudent\n      ? [usernameStep, trialScreenStep]\n      : [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","circleOnLeapPremiumDays","circleUsername","countryCode","defaultGrade","state","circleOnLeapPremiumEnabled","studentId","isSignUpProcessing","onCreateUser","onUpdateUser","onSignupStepsComplete","isPLAStudent","currentStepIndex","setCurrentStepIndex","useState","username","setUsername","error","setError","grade","setGrade","GRADES","g","showSpinner","setShowSpinner","trialScreenContent","getTrialScreenUsername","userCreateUpdateResponseData","useRef","handleCreateUserResponse","data","goToNextStep","ErrorMessage","handleUpdateUserResponse","handleUpdateUsernameResponse","createUser","useCreateUserDal","updateUser","useUpdateUserDal","updateUsername","useUpdateUsernameDal","handleGradeSelect","_grade","handleUsernameSubmit","useCallback","prev","SignupProps","goToPrevStep","gradeStep","jsx","GradeInputBox","Image","ILLUSTRATIONS","SelectUserGrade","usernameStep","UsernameInput","Styled.BottomButtonContainer","Styled.SignupBtn","trialScreenStep","Styled.SmileyImage","jsxs","FlexView","Text","Separator","Fragment","Styled.ThemeText","Spinner","CONTAINER_WIDTH","CONTAINER_HEIGHT","useEffect","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 { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport type { IUpdateUsernameResponse } from './api/use-update-username-api/use-update-username-api-types';\nimport { CircularSteps } from './comp/circular-steps/circular-steps';\nimport type {\n  ICircularSteps,\n  ICircularStepsProps,\n} from './comp/circular-steps/circular-steps-types';\nimport type { Grade } from './comp/grade-input/grade-input-types';\nimport { GradeInputBox, SelectUserGrade } from './comp/select-user-grade/select-user-grade';\nimport { Spinner } from './comp/spinner/spinner';\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 type { ICreateUserResponseDal } from './dal/create-user-dal/create-user-dal-types';\nimport { useUpdateUserDal } from './dal/update-user-dal/update-user-dal';\nimport type { IUpdateUserPayloadDal } from './dal/update-user-dal/update-user-dal-types';\nimport { useUpdateUsernameDal } from './dal/update-username-dal/update-username-dal';\nimport { getTrialScreenUsername } from './helper';\nimport * as Styled from './sign-up-styled';\nimport type { ISignUpProps } from './sign-up-types';\n\nexport const SignUp = ({\n  circleOnLeapPremiumDays,\n  circleUsername,\n  countryCode,\n  grade: defaultGrade,\n  state,\n  circleOnLeapPremiumEnabled,\n  studentId,\n  isSignUpProcessing,\n  onCreateUser,\n  onUpdateUser,\n  onSignupStepsComplete,\n  isPLAStudent,\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 | IUpdateUsernameResponse | null\n  >(null);\n\n  const handleCreateUserResponse = (data: ICreateUserResponseDal | null) => {\n    setShowSpinner(false);\n    if (data) {\n      userCreateUpdateResponseData.current = data;\n      setUsername(data.username);\n      if (onCreateUser) {\n        onCreateUser(data);\n      }\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      if (onUpdateUser) {\n        onUpdateUser(data);\n      }\n      goToNextStep();\n    } else {\n      setError(ErrorMessage.SOMETHING_WENT_WRONG);\n    }\n  };\n  const handleUpdateUsernameResponse = (data: IUpdateUsernameResponse | null) => {\n    setShowSpinner(false);\n    if (data) {\n      setUsername(data.username);\n      userCreateUpdateResponseData.current = 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  const { updateUsername } = useUpdateUsernameDal(handleUpdateUsernameResponse);\n  // Animate the text and btns a  fter the splash animation is completed in splash screen\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 (isPLAStudent && username) {\n      //TODO: The old API should be migrated to use this for both PLA and Non PLA students\n      // PLA students can use the username as both the login username and password, and also set it as the Circle username.\n      updateUsername({\n        username,\n        studentId,\n      });\n\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    isPLAStudent,\n    studentId,\n    updateUser,\n    updateUsername,\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 gradeStep: ICircularSteps = {\n    id: 'step-0',\n    label: 'What grade are you in?',\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    isProgressAnimationRequired: true,\n  };\n\n  const usernameStep: ICircularSteps = {\n    id: 'step-1',\n    label: isPLAStudent ? `Create a unique username\\nfor your child` : '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-2',\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        {isPLAStudent ? (\n          <FlexView>\n            <Text $renderAs=\"ac4-black\" $align=\"center\" $color=\"GREEN_4\">\n              Premium access unlocked!\n            </Text>\n            <Separator height={12} />\n            <Text $renderAs=\"ub2\" $color=\"WHITE\" $align=\"center\">\n              Your child can directly login to leap.cuemath.com using “\n              <Text $color=\"GREEN_4\" $renderAs=\"ub2\" $inline>\n                {username}\n              </Text>\n              ” as both username and password.\n            </Text>\n          </FlexView>\n        ) : (\n          <>\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          </>\n        )}\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: isPLAStudent\n      ? [usernameStep, trialScreenStep]\n      : [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","circleOnLeapPremiumDays","circleUsername","countryCode","defaultGrade","state","circleOnLeapPremiumEnabled","studentId","isSignUpProcessing","onCreateUser","onUpdateUser","onSignupStepsComplete","isPLAStudent","currentStepIndex","setCurrentStepIndex","useState","username","setUsername","error","setError","grade","setGrade","GRADES","g","showSpinner","setShowSpinner","trialScreenContent","getTrialScreenUsername","userCreateUpdateResponseData","useRef","handleCreateUserResponse","data","goToNextStep","ErrorMessage","handleUpdateUserResponse","handleUpdateUsernameResponse","createUser","useCreateUserDal","updateUser","useUpdateUserDal","updateUsername","useUpdateUsernameDal","handleGradeSelect","_grade","handleUsernameSubmit","useCallback","prev","SignupProps","goToPrevStep","gradeStep","jsx","GradeInputBox","Image","ILLUSTRATIONS","SelectUserGrade","usernameStep","UsernameInput","Styled.BottomButtonContainer","Styled.SignupBtn","trialScreenStep","Styled.SmileyImage","jsxs","FlexView","Text","Separator","Fragment","Styled.ThemeText","Spinner","CONTAINER_WIDTH","CONTAINER_HEIGHT","useEffect","Styled.BackgroundOverlay","Styled.SignUpWrapper","Styled.SignUpContainer","CircularSteps"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,40 +1,40 @@
-import type { ButtonHTMLAttributes } from 'react';
-import type { Channel } from '@cuemath/cue-message-broker';
+import { ButtonHTMLAttributes } from 'react';
+import { Channel } from '@cuemath/cue-message-broker';
 import { ChannelStatus } from '@cuemath/cue-message-broker';
 import { ComponentProps } from 'react';
 import { ComponentType } from 'react';
-import type { Config } from '@lottiefiles/dotlottie-web';
+import { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
-import type { Data } from '@lottiefiles/dotlottie-web';
-import type { DefaultTheme } from 'styled-components';
+import { Data } from '@lottiefiles/dotlottie-web';
+import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
-import type { Dispatch } from 'react';
-import type { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
-import type { EventType } from '@lottiefiles/dotlottie-web';
+import { Dispatch } from 'react';
+import { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
+import { EventType } from '@lottiefiles/dotlottie-web';
 import { FC } from 'react';
-import type { FormEvent } from 'react';
+import { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import type { HTMLProps } from 'react';
+import { HTMLProps } from 'react';
 import { IChannelMessage } from '@cuemath/cue-message-broker';
-import type { IframeHTMLAttributes } from 'react';
-import type { ImgHTMLAttributes } from 'react';
-import type { InputHTMLAttributes } from 'react';
+import { IframeHTMLAttributes } from 'react';
+import { ImgHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 import { IProvidedProps } from 'google-maps-react';
 import { IStyledComponent } from 'styled-components';
 import { JSX } from 'react/jsx-runtime';
 import { MemoExoticComponent } from 'react';
-import type { MutableRefObject } from 'react';
+import { MutableRefObject } from 'react';
 import { NamedExoticComponent } from 'react';
 import { Omit as Omit_2 } from 'google-maps-react';
-import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
+import { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
 import { PropsWithChildren } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ResourceModel } from '@cuemath/rest-api';
-import type { SetStateAction } from 'react';
+import { SetStateAction } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 import { SVGProps } from 'react';
 import { VideoHTMLAttributes } from 'react';
@@ -87,7 +87,7 @@ declare type AnimationSegment = [number, number];
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
-    children?: ReactNode | undefined;
+children?: ReactNode | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
 export declare const ArrowTooltip: NamedExoticComponent<IArrowTooltipProps>;
@@ -448,7 +448,7 @@ declare interface CueCoinIconProps extends SVGProps<SVGSVGElement> {
     variant?: 'gold' | 'silver';
 }
 
-export declare const CuemathAppFeatures: NamedExoticComponent<{}>;
+export declare const CuemathAppFeatures: NamedExoticComponent<    {}>;
 
 export declare const CuemathLogo: FC<SVGProps<SVGSVGElement>>;
 
@@ -705,7 +705,7 @@ declare enum GENDER {
     OTHER = "OTHER"
 }
 
-export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData;
+export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData | undefined;
 
 declare const getArrowTooltipConfig: IGetArrowTooltipConfig;
 
@@ -5337,7 +5337,7 @@ export declare const OTPInput: NamedExoticComponent<IOTPInputProps>;
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
-    isLoading?: boolean | undefined;
+isLoading?: boolean | undefined;
 }) => JSX.Element | null>;
 
 export declare const ParentDashboard: NamedExoticComponent<IParentDashboardProps>;
@@ -5669,7 +5669,7 @@ export declare const SheetIcon: FC<SVGProps<SVGSVGElement>>;
 export declare const SheetList: FC<ISheetsListProps>;
 
 export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
-    onHomeClick: () => void;
+onHomeClick: () => void;
 }) => JSX.Element>;
 
 export declare const SignUp: ({ circleOnLeapPremiumDays, circleUsername, countryCode, grade: defaultGrade, state, circleOnLeapPremiumEnabled, studentId, isSignUpProcessing, onCreateUser, onUpdateUser, onSignupStepsComplete, isPLAStudent, }: ISignUpProps) => JSX.Element;
@@ -7201,8 +7201,8 @@ export declare const useGetMilestoneResources: (initialId?: string, initialQuery
 
 export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: TQuery_2) => Promise<void>;
-    resource: ResourceModel<{
-        user_milestones_count: number;
+    resource: ResourceModel<    {
+    user_milestones_count: number;
     }> | undefined;
     data: {
         user_milestones_count: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.22",
+  "version": "3.5.23",
   "type": "module",
   "files": [
     "dist"
@@ -89,5 +89,6 @@
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-svgr": "3.2.0",
     "vite-tsconfig-paths": "^4.2.2"
-  }
+  },
+  "packageManager": "yarn@4.9.2"
 }