@cuemath/leap 3.1.16 → 3.1.17-hg1

package/dist/features/auth/signup/signup-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-constants.js","sources":["../../../../src/features/auth/signup/signup-constants.ts"],"sourcesContent":["import type { TAuthUserType } from './signup-types';\n\nexport const STUDENT_GRADE_OPTIONS = [\n  { label: 'Pre K', value: '-1' },\n  { label: 'K', value: '0' },\n  { label: '1', value: '1' },\n  { label: '2', value: '2' },\n  { label: '3', value: '3' },\n  { label: '4', value: '4' },\n  { label: '5', value: '5' },\n  { label: '6', value: '6' },\n  { label: '7', value: '7' },\n  { label: '8', value: '8' },\n  { label: '9', value: '9' },\n  { label: '10', value: '10' },\n  { label: '11', value: '11' },\n  { label: '12', value: '12' },\n];\n\nexport const USER_TYPES: { id: TAuthUserType; label: string }[] = [\n  {\n    id: 'parent',\n    label: 'Parent',\n  },\n  {\n    id: 'student',\n    label: 'Student',\n  },\n];\n"],"names":["STUDENT_GRADE_OPTIONS","USER_TYPES"],"mappings":"AAEO,MAAMA,IAAwB;AAAA,EACnC,EAAE,OAAO,SAAS,OAAO,KAAK;AAAA,EAC9B,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EAC3B,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EAC3B,EAAE,OAAO,MAAM,OAAO,KAAK;AAC7B,GAEaC,IAAqD;AAAA,EAChE;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AACF;"}
+{"version":3,"file":"signup-constants.js","sources":["../../../../src/features/auth/signup/signup-constants.ts"],"sourcesContent":["import type { TAuthUserType } from './signup-types';\n\nexport const STUDENT_GRADE_OPTIONS = [\n  { label: 'Pre K', value: '-1' },\n  { label: 'K', value: '0' },\n  { label: '1', value: '1' },\n  { label: '2', value: '2' },\n  { label: '3', value: '3' },\n  { label: '4', value: '4' },\n  { label: '5', value: '5' },\n  { label: '6', value: '6' },\n  { label: '7', value: '7' },\n  { label: '8', value: '8' },\n  { label: '9', value: '9' },\n  { label: '10', value: '10' },\n  { label: '11', value: '11' },\n  { label: '12', value: '12' },\n];\n\nexport const USER_TYPES: { id: TAuthUserType; label: string }[] = [\n  {\n    id: 'parent',\n    label: 'Parent',\n  },\n  {\n    id: 'student',\n    label: 'Student',\n  },\n];\n"],"names":["STUDENT_GRADE_OPTIONS","USER_TYPES"],"mappings":"AAEO,MAAMA,IAAwB;AAAA,EACnC,EAAE,OAAO,SAAS,OAAO,KAAK;AAAA,EAC9B,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,EACzB,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EAC3B,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EAC3B,EAAE,OAAO,MAAM,OAAO,KAAK;AAC7B,GAEaC,IAAqD;AAAA,EAChE;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX;"}

package/dist/features/auth/signup/signup-methods/signup-methods.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-methods.js","sources":["../../../../../src/features/auth/signup/signup-methods/signup-methods.tsx"],"sourcesContent":["import type { ISignupMethodsProps } from './signup-methods-types';\n\nimport { memo, type FC } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst SignupMethods: FC<ISignupMethodsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  onPhoneSignup,\n  loadingProvider,\n}) => {\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $flexGapX={1} $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n      <FlexView $flexGapX={1} $flexDirection=\"row\" $justifyContent=\"space-between\">\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          width={108}\n          label=\"Email\"\n          onClick={onEmailSignup}\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          width={108}\n          label=\"Phone\"\n          onClick={onPhoneSignup}\n        />\n      </FlexView>\n      <Button\n        renderAs=\"secondary-dark\"\n        Icon={GoogleIcon}\n        width={232}\n        label=\"Signup with Google\"\n        onClick={onGoogleSignup}\n        size=\"small\"\n        busy={isLoadingGoogle}\n        disabled={isLoadingGoogle}\n      />\n      <Button\n        renderAs=\"secondary-dark\"\n        size=\"small\"\n        width={232}\n        Icon={AppleIcon}\n        label=\"Signup with Apple\"\n        onClick={onAppleSignup}\n        busy={isLoadingApple}\n        disabled={isLoadingApple}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(SignupMethods);\n"],"names":["SignupMethods","onEmailSignup","onAppleSignup","onGoogleSignup","onPhoneSignup","loadingProvider","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Button","GoogleIcon","AppleIcon","signupMethods","memo"],"mappings":";;;;;;AASA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBD,MAAoB,UACtCE,IAAiBF,MAAoB;AAGzC,SAAA,gBAAAG,EAACC,KAAS,WAAW,GAAG,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACrE,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,WAAW,GAAG,gBAAe,OAAM,iBAAgB,iBAC3D,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASV;AAAA,QAAA;AAAA,MACX;AAAA,MACA,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASP;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,IACA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAMC;AAAA,QACN,OAAO;AAAA,QACP,OAAM;AAAA,QACN,SAAST;AAAA,QACT,MAAK;AAAA,QACL,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAME;AAAA,QACN,OAAM;AAAA,QACN,SAASX;AAAA,QACT,MAAMK;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeO,IAAAC,EAAKf,CAAa;"}
+{"version":3,"file":"signup-methods.js","sources":["../../../../../src/features/auth/signup/signup-methods/signup-methods.tsx"],"sourcesContent":["import type { ISignupMethodsProps } from './signup-methods-types';\n\nimport { memo, type FC } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst SignupMethods: FC<ISignupMethodsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  onPhoneSignup,\n  loadingProvider,\n}) => {\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $flexGapX={1} $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n      <FlexView $flexGapX={1} $flexDirection=\"row\" $justifyContent=\"space-between\">\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          width={108}\n          label=\"Email\"\n          onClick={onEmailSignup}\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          width={108}\n          label=\"Phone\"\n          onClick={onPhoneSignup}\n        />\n      </FlexView>\n      <Button\n        renderAs=\"secondary-dark\"\n        Icon={GoogleIcon}\n        width={232}\n        label=\"Signup with Google\"\n        onClick={onGoogleSignup}\n        size=\"small\"\n        busy={isLoadingGoogle}\n        disabled={isLoadingGoogle}\n      />\n      <Button\n        renderAs=\"secondary-dark\"\n        size=\"small\"\n        width={232}\n        Icon={AppleIcon}\n        label=\"Signup with Apple\"\n        onClick={onAppleSignup}\n        busy={isLoadingApple}\n        disabled={isLoadingApple}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(SignupMethods);\n"],"names":["SignupMethods","onEmailSignup","onAppleSignup","onGoogleSignup","onPhoneSignup","loadingProvider","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Button","GoogleIcon","AppleIcon","signupMethods","memo"],"mappings":";;;;;;AASA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBD,MAAoB,UACtCE,IAAiBF,MAAoB;AAGzC,SAAA,gBAAAG,EAACC,KAAS,WAAW,GAAG,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACrE,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,WAAW,GAAG,gBAAe,OAAM,iBAAgB,iBAC3D,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASV;AAAA,QAAA;AAAA,MACX;AAAA,MACA,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASP;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACF;AAAA,IACA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAMC;AAAA,QACN,OAAO;AAAA,QACP,OAAM;AAAA,QACN,SAAST;AAAA,QACT,MAAK;AAAA,QACL,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAME;AAAA,QACN,OAAM;AAAA,QACN,SAASX;AAAA,QACT,MAAMK;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ,GAEeO,IAAAC,EAAKf,CAAa;"}

package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-type-card-styled.js","sources":["../../../../../../src/features/auth/signup/user-type-selector/user-type-card/user-type-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const CardWrapper = styled(FlexView)<{ $selected: boolean }>(({ theme, $selected }) => {\n  const { colors } = theme;\n\n  return `\n    border: 1px solid ${colors[$selected ? 'WHITE' : 'BLACK_5']};\n    border-radius: 100%;\n    transition: all 0.3s ease-in-out;\n    cursor: pointer;\n    position: relative;\n  `;\n});\n\nexport const SelectedAnimationWrapper = styled(FlexView)`\n  position: absolute;\n`;\n"],"names":["CardWrapper","styled","FlexView","theme","$selected","colors","SelectedAnimationWrapper"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ,EAA0B,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACtF,QAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,wBACeE,EAAOD,IAAY,UAAU,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAM/D,CAAC,GAEYE,IAA2BL,EAAOC,CAAQ;AAAA;AAAA;"}
+{"version":3,"file":"user-type-card-styled.js","sources":["../../../../../../src/features/auth/signup/user-type-selector/user-type-card/user-type-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const CardWrapper = styled(FlexView)<{ $selected: boolean }>(({ theme, $selected }) => {\n  const { colors } = theme;\n\n  return `\n    border: 1px solid ${colors[$selected ? 'WHITE' : 'BLACK_5']};\n    border-radius: 100%;\n    transition: all 0.3s ease-in-out;\n    cursor: pointer;\n    position: relative;\n  `;\n});\n\nexport const SelectedAnimationWrapper = styled(FlexView)`\n  position: absolute;\n`;\n"],"names":["CardWrapper","styled","FlexView","theme","$selected","colors","SelectedAnimationWrapper"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ,EAA0B,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACtF,QAAA,EAAE,QAAAC,MAAWF;AAEZ,SAAA;AAAA,wBACeE,EAAOD,IAAY,UAAU,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAM/D,CAAC,GAEYE,IAA2BL,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-type-card.js","sources":["../../../../../../src/features/auth/signup/user-type-selector/user-type-card/user-type-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { IUserTypeCardProps } from './user-type-card-types';\n\nimport { useMemo, useRef, type FC, memo } from 'react';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './user-type-card-styled';\n\nconst animationSettings = {\n  renderer: 'canvas',\n  autoplay: true,\n  loop: false,\n};\n\nconst UserTypeCard: FC<IUserTypeCardProps> = ({ onClick, userType, isSelected }) => {\n  const userTypeAnimationRef = useRef<ILottieAnimationRef | null>(null);\n  const selectedAnimationRef = useRef<ILottieAnimationRef | null>(null);\n\n  const avatarSettings = useMemo(\n    () => ({ ...animationSettings, loop: isSelected, autoplay: isSelected }),\n    [isSelected],\n  );\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n      <Styled.CardWrapper\n        $widthX={11}\n        $heightX={11}\n        $gutterX={2.375}\n        $gapX={2.375}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $selected={isSelected}\n        $background=\"BLACK_3\"\n        onClick={onClick}\n      >\n        <LottieAnimation\n          width={352}\n          height={352}\n          src={userType === 'parent' ? LOTTIE.PARENT_AVATAR : LOTTIE.STUDENT_AVATAR}\n          settings={avatarSettings}\n          ref={userTypeAnimationRef}\n        />\n        {isSelected && (\n          <Styled.SelectedAnimationWrapper>\n            <LottieAnimation\n              width={176}\n              height={176}\n              src={LOTTIE.AVATAR_SELECTED}\n              settings={animationSettings}\n              ref={selectedAnimationRef}\n            />\n          </Styled.SelectedAnimationWrapper>\n        )}\n      </Styled.CardWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ac3\" $color={isSelected ? 'WHITE' : 'WHITE_T_60'}>\n        {userType}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(UserTypeCard);\n"],"names":["animationSettings","UserTypeCard","onClick","userType","isSelected","userTypeAnimationRef","useRef","selectedAnimationRef","avatarSettings","useMemo","jsxs","FlexView","Styled.CardWrapper","jsx","LottieAnimation","LOTTIE","Styled.SelectedAnimationWrapper","Separator","Text","UserTypeCard$1","memo"],"mappings":";;;;;;;;AAYA,MAAMA,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AACR,GAEMC,IAAuC,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,YAAAC,QAAiB;AAC5E,QAAAC,IAAuBC,EAAmC,IAAI,GAC9DC,IAAuBD,EAAmC,IAAI,GAE9DE,IAAiBC;AAAA,IACrB,OAAO,EAAE,GAAGT,GAAmB,MAAMI,GAAY,UAAUA;IAC3D,CAACA,CAAU;AAAA,EAAA;AAGb,SACG,gBAAAM,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAWR;AAAA,QACX,aAAY;AAAA,QACZ,SAAAF;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAW;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKX,MAAa,WAAWY,EAAO,gBAAgBA,EAAO;AAAA,cAC3D,UAAUP;AAAA,cACV,KAAKH;AAAA,YAAA;AAAA,UACP;AAAA,UACCD,KACC,gBAAAS,EAACG,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAO;AAAA,cACZ,UAAUf;AAAA,cACV,KAAKO;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,gBAAAM,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACK,KAAK,WAAU,OAAM,QAAQd,IAAa,UAAU,cAClD,UACHD,EAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEegB,IAAAC,EAAKnB,CAAY;"}
+{"version":3,"file":"user-type-card.js","sources":["../../../../../../src/features/auth/signup/user-type-selector/user-type-card/user-type-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { IUserTypeCardProps } from './user-type-card-types';\n\nimport { useMemo, useRef, type FC, memo } from 'react';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './user-type-card-styled';\n\nconst animationSettings = {\n  renderer: 'canvas',\n  autoplay: true,\n  loop: false,\n};\n\nconst UserTypeCard: FC<IUserTypeCardProps> = ({ onClick, userType, isSelected }) => {\n  const userTypeAnimationRef = useRef<ILottieAnimationRef | null>(null);\n  const selectedAnimationRef = useRef<ILottieAnimationRef | null>(null);\n\n  const avatarSettings = useMemo(\n    () => ({ ...animationSettings, loop: isSelected, autoplay: isSelected }),\n    [isSelected],\n  );\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n      <Styled.CardWrapper\n        $widthX={11}\n        $heightX={11}\n        $gutterX={2.375}\n        $gapX={2.375}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $selected={isSelected}\n        $background=\"BLACK_3\"\n        onClick={onClick}\n      >\n        <LottieAnimation\n          width={352}\n          height={352}\n          src={userType === 'parent' ? LOTTIE.PARENT_AVATAR : LOTTIE.STUDENT_AVATAR}\n          settings={avatarSettings}\n          ref={userTypeAnimationRef}\n        />\n        {isSelected && (\n          <Styled.SelectedAnimationWrapper>\n            <LottieAnimation\n              width={176}\n              height={176}\n              src={LOTTIE.AVATAR_SELECTED}\n              settings={animationSettings}\n              ref={selectedAnimationRef}\n            />\n          </Styled.SelectedAnimationWrapper>\n        )}\n      </Styled.CardWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ac3\" $color={isSelected ? 'WHITE' : 'WHITE_T_60'}>\n        {userType}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(UserTypeCard);\n"],"names":["animationSettings","UserTypeCard","onClick","userType","isSelected","userTypeAnimationRef","useRef","selectedAnimationRef","avatarSettings","useMemo","jsxs","FlexView","Styled.CardWrapper","jsx","LottieAnimation","LOTTIE","Styled.SelectedAnimationWrapper","Separator","Text","UserTypeCard$1","memo"],"mappings":";;;;;;;;AAYA,MAAMA,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AACR,GAEMC,IAAuC,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,YAAAC,QAAiB;AAC5E,QAAAC,IAAuBC,EAAmC,IAAI,GAC9DC,IAAuBD,EAAmC,IAAI,GAE9DE,IAAiBC;AAAA,IACrB,OAAO,EAAE,GAAGT,GAAmB,MAAMI,GAAY,UAAUA;IAC3D,CAACA,CAAU;AAAA,EACb;AAEA,SACG,gBAAAM,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAWR;AAAA,QACX,aAAY;AAAA,QACZ,SAAAF;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAW;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKX,MAAa,WAAWY,EAAO,gBAAgBA,EAAO;AAAA,cAC3D,UAAUP;AAAA,cACV,KAAKH;AAAA,YAAA;AAAA,UACP;AAAA,UACCD,KACC,gBAAAS,EAACG,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAO;AAAA,cACZ,UAAUf;AAAA,cACV,KAAKO;AAAA,YAAA;AAAA,UAAA,EAET,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,gBAAAM,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACK,KAAK,WAAU,OAAM,QAAQd,IAAa,UAAU,cAClD,UACHD,EAAA,CAAA;AAAA,EAAA,GACF;AAEJ,GAEegB,IAAAC,EAAKnB,CAAY;"}

package/dist/features/auth/signup/user-type-selector/user-type-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-type-selector.js","sources":["../../../../../src/features/auth/signup/user-type-selector/user-type-selector.tsx"],"sourcesContent":["import type { TAuthUserType } from '../signup-types';\nimport type { IUserTypeSelectorProps } from './user-type-selector-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { USER_TYPES } from '../signup-constants';\nimport UserTypeCard from './user-type-card/user-type-card';\nimport * as Styled from './user-type-selector-styled';\n\nconst UserTypeSelector: FC<IUserTypeSelectorProps> = ({ onNext, onUserTypeChange, userType }) => {\n  return (\n    <Styled.Container\n      $flex={1}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width=\"100%\"\n      $height=\"100%\"\n      $background=\"BLACK_1\"\n    >\n      <Styled.Logo src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO} alt=\"Parent Signup\" withLoader={false} />\n      <FlexView\n        $flex={1}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n      >\n        <Separator heightX={9.5} />\n        <Text $color=\"WHITE\" $renderAs=\"ab1\" $align=\"center\">\n          Ready to explore? <br />\n          First, tell us who you are.\n        </Text>\n        <Separator heightX={2.5} />\n        <FlexView\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $flexDirection=\"row\"\n          $flexColumnGapX={2.5}\n        >\n          {USER_TYPES.map(({ id }: { id: TAuthUserType }) => (\n            <UserTypeCard\n              userType={id}\n              isSelected={userType === id}\n              onClick={() => onUserTypeChange(id)}\n              key={id}\n            />\n          ))}\n          <Styled.NextButton>\n            <IconButton\n              Icon={Next2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n            />\n          </Styled.NextButton>\n        </FlexView>\n        <Separator heightX={6} />\n        <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\" $align=\"center\">\n          By continuing, you agree to our <br />\n          <Text $inline $renderAs=\"ub2-bold\" $color=\"WHITE_T_60\">\n            Terms of Use\n          </Text>\n          &nbsp; and &nbsp;\n          <Text $inline $renderAs=\"ub2-bold\" $color=\"WHITE_T_60\">\n            Privacy Policy\n          </Text>\n        </Text>\n      </FlexView>\n    </Styled.Container>\n  );\n};\n\nexport default memo(UserTypeSelector);\n"],"names":["UserTypeSelector","onNext","onUserTypeChange","userType","jsxs","Styled.Container","jsx","Styled.Logo","ILLUSTRATIONS","FlexView","Separator","Text","USER_TYPES","id","UserTypeCard","Styled.NextButton","IconButton","Next2Icon","userTypeSelector","memo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAA+C,CAAC,EAAE,QAAAC,GAAQ,kBAAAC,GAAkB,UAAAC,QAE9E,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAY,KAAKC,EAAc,qBAAqB,KAAI,iBAAgB,YAAY,IAAO;AAAA,MAC5F,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,QAAO;AAAA,UACP,SAAQ;AAAA,UAER,UAAA;AAAA,YAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,8BACxBC,GAAK,EAAA,QAAO,SAAQ,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,cAAA;AAAA,gCAChC,MAAG,EAAA;AAAA,cAAE;AAAA,YAAA,GAE1B;AAAA,YACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,YACzB,gBAAAN;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,gBAAe;AAAA,gBACf,iBAAiB;AAAA,gBAEhB,UAAA;AAAA,kBAAAG,EAAW,IAAI,CAAC,EAAE,IAAAC,EACjB,MAAA,gBAAAP;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACC,UAAUD;AAAA,sBACV,YAAYV,MAAaU;AAAA,sBACzB,SAAS,MAAMX,EAAiBW,CAAE;AAAA,oBAAA;AAAA,oBAC7BA;AAAA,kBAAA,CAER;AAAA,kBACD,gBAAAP,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,oBAACU;AAAA,oBAAA;AAAA,sBACC,MAAMC;AAAA,sBACN,UAAS;AAAA,sBACT,gBAAe;AAAA,sBACf,SAAShB;AAAA,oBAAA;AAAA,kBAAA,GAEb;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAK,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,8BACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAAA;AAAA,cAAA;AAAA,gCACvB,MAAG,EAAA;AAAA,cACpC,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,cAAa,UAEvD,eAAA,CAAA;AAAA,cAAO;AAAA,cAEP,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,cAAa,UAEvD,iBAAA,CAAA;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAAA,GAKSO,IAAAC,EAAKnB,CAAgB;"}
+{"version":3,"file":"user-type-selector.js","sources":["../../../../../src/features/auth/signup/user-type-selector/user-type-selector.tsx"],"sourcesContent":["import type { TAuthUserType } from '../signup-types';\nimport type { IUserTypeSelectorProps } from './user-type-selector-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { USER_TYPES } from '../signup-constants';\nimport UserTypeCard from './user-type-card/user-type-card';\nimport * as Styled from './user-type-selector-styled';\n\nconst UserTypeSelector: FC<IUserTypeSelectorProps> = ({ onNext, onUserTypeChange, userType }) => {\n  return (\n    <Styled.Container\n      $flex={1}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width=\"100%\"\n      $height=\"100%\"\n      $background=\"BLACK_1\"\n    >\n      <Styled.Logo src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO} alt=\"Parent Signup\" withLoader={false} />\n      <FlexView\n        $flex={1}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n      >\n        <Separator heightX={9.5} />\n        <Text $color=\"WHITE\" $renderAs=\"ab1\" $align=\"center\">\n          Ready to explore? <br />\n          First, tell us who you are.\n        </Text>\n        <Separator heightX={2.5} />\n        <FlexView\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $flexDirection=\"row\"\n          $flexColumnGapX={2.5}\n        >\n          {USER_TYPES.map(({ id }: { id: TAuthUserType }) => (\n            <UserTypeCard\n              userType={id}\n              isSelected={userType === id}\n              onClick={() => onUserTypeChange(id)}\n              key={id}\n            />\n          ))}\n          <Styled.NextButton>\n            <IconButton\n              Icon={Next2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n            />\n          </Styled.NextButton>\n        </FlexView>\n        <Separator heightX={6} />\n        <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\" $align=\"center\">\n          By continuing, you agree to our <br />\n          <Text $inline $renderAs=\"ub2-bold\" $color=\"WHITE_T_60\">\n            Terms of Use\n          </Text>\n          &nbsp; and &nbsp;\n          <Text $inline $renderAs=\"ub2-bold\" $color=\"WHITE_T_60\">\n            Privacy Policy\n          </Text>\n        </Text>\n      </FlexView>\n    </Styled.Container>\n  );\n};\n\nexport default memo(UserTypeSelector);\n"],"names":["UserTypeSelector","onNext","onUserTypeChange","userType","jsxs","Styled.Container","jsx","Styled.Logo","ILLUSTRATIONS","FlexView","Separator","Text","USER_TYPES","id","UserTypeCard","Styled.NextButton","IconButton","Next2Icon","userTypeSelector","memo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAA+C,CAAC,EAAE,QAAAC,GAAQ,kBAAAC,GAAkB,UAAAC,QAE9E,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAY,KAAKC,EAAc,qBAAqB,KAAI,iBAAgB,YAAY,IAAO;AAAA,MAC5F,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,QAAO;AAAA,UACP,SAAQ;AAAA,UAER,UAAA;AAAA,YAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,8BACxBC,GAAK,EAAA,QAAO,SAAQ,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,cAAA;AAAA,gCAChC,MAAG,EAAA;AAAA,cAAE;AAAA,YAAA,GAE1B;AAAA,YACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,YACzB,gBAAAN;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,gBAAe;AAAA,gBACf,iBAAiB;AAAA,gBAEhB,UAAA;AAAA,kBAAAG,EAAW,IAAI,CAAC,EAAE,IAAAC,EACjB,MAAA,gBAAAP;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACC,UAAUD;AAAA,sBACV,YAAYV,MAAaU;AAAA,sBACzB,SAAS,MAAMX,EAAiBW,CAAE;AAAA,oBAAA;AAAA,oBAC7BA;AAAA,kBAAA,CAER;AAAA,kBACD,gBAAAP,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,oBAACU;AAAA,oBAAA;AAAA,sBACC,MAAMC;AAAA,sBACN,UAAS;AAAA,sBACT,gBAAe;AAAA,sBACf,SAAShB;AAAA,oBAAA;AAAA,kBAAA,EAEb,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAK,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,8BACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAAA;AAAA,cAAA;AAAA,gCACvB,MAAG,EAAA;AAAA,cACpC,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,cAAa,UAEvD,eAAA,CAAA;AAAA,cAAO;AAAA,cAEP,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,cAAa,UAEvD,iBAAA,CAAA;AAAA,YAAA,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AACF,GAIWO,IAAAC,EAAKnB,CAAgB;"}

package/dist/features/blockers/multi-tab-blocker/multi-tab-blocker-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-tab-blocker-context.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker-context.ts"],"sourcesContent":["import type { IMultiTabBlockerContextValue } from './multi-tab-blocker-types';\n\nimport { createContext } from 'react';\n\nconst MultiTabBlockerContext = createContext<IMultiTabBlockerContextValue>({\n  isTabBlocked: false,\n  setIsTabBlocked: () => {},\n});\n\nexport default MultiTabBlockerContext;\n"],"names":["MultiTabBlockerContext","createContext"],"mappings":";AAIA,MAAMA,IAAyBC,EAA4C;AAAA,EACzE,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EAAC;AAC1B,CAAC;"}
+{"version":3,"file":"multi-tab-blocker-context.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker-context.ts"],"sourcesContent":["import type { IMultiTabBlockerContextValue } from './multi-tab-blocker-types';\n\nimport { createContext } from 'react';\n\nconst MultiTabBlockerContext = createContext<IMultiTabBlockerContextValue>({\n  isTabBlocked: false,\n  setIsTabBlocked: () => {},\n});\n\nexport default MultiTabBlockerContext;\n"],"names":["MultiTabBlockerContext","createContext"],"mappings":";AAIA,MAAMA,IAAyBC,EAA4C;AAAA,EACzE,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EAAA;AACzB,CAAC;"}

package/dist/features/blockers/multi-tab-blocker/multi-tab-blocker.js

@@ -1,15 +1,15 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { memo as C, useState as d, useCallback as s, useMemo as E, useEffect as m } from "react";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { memo as C, useState as c, useCallback as s, useMemo as E, useEffect as m } from "react";
 import u from "../../ui/buttons/button/button.js";
 import h from "../../ui/layout/flex-view.js";
 import f from "../../ui/text/text.js";
 import y from "./multi-tab-blocker-context.js";
-import { EqualSpaceFlexView as k } from "./multi-tab-blocker-styled.js";
-const l = "multi-tab-blocker", x = C(
+import { EqualSpaceFlexView as x } from "./multi-tab-blocker-styled.js";
+const l = "multi-tab-blocker", B = C(
   ({ children: g, whitelist: a, onTabBlock: r }) => {
-    const [o] = d(
+    const [o] = c(
       () => (a == null ? void 0 : a.some((e) => window.location.pathname.startsWith(e))) ?? !1
-    ), [n, w] = d(!1), i = s(
+    ), [n, w] = c(!1), i = s(
       (e) => {
         w(!0), r == null || r(e);
       },
@@ -19,12 +19,12 @@ const l = "multi-tab-blocker", x = C(
       [i, n]
     ), v = s(() => {
       window.location.href = "https://cuemath.com";
-    }, []), $ = s(() => {
+    }, []), p = s(() => {
       document.location.reload();
     }, []);
     return m(() => {
-      const e = (p) => {
-        p.key === l && (i("localStorage"), window.removeEventListener("storage", e));
+      const e = ($) => {
+        $.key === l && (i("localStorage"), window.removeEventListener("storage", e));
       };
       return o || window.addEventListener("storage", e), () => {
         o || window.removeEventListener("storage", e);
@@ -43,7 +43,7 @@ const l = "multi-tab-blocker", x = C(
         $justifyContent: "center",
         $height: "100vh",
         $background: "BLACK_75",
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ d(
           h,
           {
             $gutterX: 1.5,
@@ -54,7 +54,7 @@ const l = "multi-tab-blocker", x = C(
             children: [
               /* @__PURE__ */ t(f, { $renderAs: "h4", $marginBottomX: 0.5, children: "Cuemath is open in another window." }),
               /* @__PURE__ */ t(f, { $renderAs: "body1", $marginBottomX: 1.5, children: "Click “Use here” to use Cuemath in this window." }),
-              /* @__PURE__ */ c(k, { $flexDirection: "row", $flexGapX: 2, children: [
+              /* @__PURE__ */ d(x, { $flexDirection: "row", $flexGapX: 2, children: [
                 /* @__PURE__ */ t(
                   u,
                   {
@@ -70,7 +70,7 @@ const l = "multi-tab-blocker", x = C(
                     renderAs: "primary",
                     label: "Use here",
                     analyticsLabel: "Multi Tab Use Here",
-                    onClick: $
+                    onClick: p
                   }
                 )
               ] })
@@ -80,8 +80,8 @@ const l = "multi-tab-blocker", x = C(
       }
     ) : g });
   }
-), M = x;
+);
 export {
-  M as default
+  B as default
 };
 //# sourceMappingURL=multi-tab-blocker.js.map

package/dist/features/blockers/multi-tab-blocker/multi-tab-blocker.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-tab-blocker.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker.tsx"],"sourcesContent":["import type { IMultiTabBlockerProps } from './multi-tab-blocker-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport MultiTabBlockerContext from './multi-tab-blocker-context';\nimport { EqualSpaceFlexView } from './multi-tab-blocker-styled';\n\nconst STORAGE_KEY = 'multi-tab-blocker';\n\nconst MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>> = memo(\n  ({ children, whitelist, onTabBlock }) => {\n    const [isWhitelisted] = useState(\n      () => whitelist?.some(path => window.location.pathname.startsWith(path)) ?? false,\n    );\n    const [isTabBlocked, setIsTabBlocked] = useState(false);\n    const handleTabBlock = useCallback(\n      (source: string) => {\n        setIsTabBlocked(true);\n        onTabBlock?.(source);\n      },\n      [onTabBlock],\n    );\n    const cachedContextValue = useMemo(\n      () => ({ isTabBlocked, setIsTabBlocked: handleTabBlock }),\n      [handleTabBlock, isTabBlocked],\n    );\n\n    const handleOnClose = useCallback(() => {\n      window.location.href = 'https://cuemath.com';\n    }, []);\n\n    const handleOnUseHere = useCallback(() => {\n      document.location.reload();\n    }, []);\n\n    /**\n     * When the localStorage is changed from another tab, the storage event is triggered in all tabs except the one that triggered the change.\n     * Block the tab when we detect that the localStorage has been changed from another tab.\n     */\n    useEffect(() => {\n      const handleStorageEvent = (event: StorageEvent) => {\n        if (event.key === STORAGE_KEY) {\n          handleTabBlock('localStorage');\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n\n      if (!isWhitelisted) {\n        window.addEventListener('storage', handleStorageEvent);\n      }\n\n      return () => {\n        if (!isWhitelisted) {\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n    }, [handleTabBlock, isWhitelisted]);\n\n    /**\n     * When the new tab is opened and is visible, set the localStorage key to the current timestamp.\n     * When the tab is hidden, wait for it to become visible and set the localStorage key to the current timestamp.\n     * Which triggers the storage event in other tabs, blocking them.\n     */\n    useEffect(() => {\n      let setStorageKeyWhenVisible: () => void;\n\n      if (!isWhitelisted && !isTabBlocked) {\n        if (!document.hidden) {\n          window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n        } else {\n          setStorageKeyWhenVisible = () => {\n            if (!document.hidden) {\n              window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n            }\n\n            document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n          };\n\n          document.addEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      }\n\n      return () => {\n        if (setStorageKeyWhenVisible) {\n          document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      };\n    }, [isTabBlocked, isWhitelisted]);\n\n    return (\n      <MultiTabBlockerContext.Provider value={cachedContextValue}>\n        {isTabBlocked ? (\n          <FlexView\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $height=\"100vh\"\n            $background=\"BLACK_75\"\n          >\n            <FlexView\n              $gutterX={1.5}\n              $gapX={1.5}\n              $widthX={32}\n              $background=\"WHITE\"\n              $borderRadiusX={1}\n            >\n              <Text $renderAs=\"h4\" $marginBottomX={0.5}>\n                Cuemath is open in another window.\n              </Text>\n              <Text $renderAs=\"body1\" $marginBottomX={1.5}>\n                Click “Use here” to use Cuemath in this window.\n              </Text>\n              <EqualSpaceFlexView $flexDirection=\"row\" $flexGapX={2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label=\"Close\"\n                  analyticsLabel=\"Multi Tab Close\"\n                  onClick={handleOnClose}\n                />\n                <Button\n                  renderAs=\"primary\"\n                  label=\"Use here\"\n                  analyticsLabel=\"Multi Tab Use Here\"\n                  onClick={handleOnUseHere}\n                />\n              </EqualSpaceFlexView>\n            </FlexView>\n          </FlexView>\n        ) : (\n          children\n        )}\n      </MultiTabBlockerContext.Provider>\n    );\n  },\n);\n\nexport default MultiTabBlocker;\n"],"names":["STORAGE_KEY","MultiTabBlocker","memo","children","whitelist","onTabBlock","isWhitelisted","useState","path","isTabBlocked","setIsTabBlocked","handleTabBlock","useCallback","source","cachedContextValue","useMemo","handleOnClose","handleOnUseHere","useEffect","handleStorageEvent","event","setStorageKeyWhenVisible","MultiTabBlockerContext","jsx","FlexView","jsxs","Text","EqualSpaceFlexView","Button","MultiTabBlocker$1"],"mappings":"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"}
+{"version":3,"file":"multi-tab-blocker.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker.tsx"],"sourcesContent":["import type { IMultiTabBlockerProps } from './multi-tab-blocker-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport MultiTabBlockerContext from './multi-tab-blocker-context';\nimport { EqualSpaceFlexView } from './multi-tab-blocker-styled';\n\nconst STORAGE_KEY = 'multi-tab-blocker';\n\nconst MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>> = memo(\n  ({ children, whitelist, onTabBlock }) => {\n    const [isWhitelisted] = useState(\n      () => whitelist?.some(path => window.location.pathname.startsWith(path)) ?? false,\n    );\n    const [isTabBlocked, setIsTabBlocked] = useState(false);\n    const handleTabBlock = useCallback(\n      (source: string) => {\n        setIsTabBlocked(true);\n        onTabBlock?.(source);\n      },\n      [onTabBlock],\n    );\n    const cachedContextValue = useMemo(\n      () => ({ isTabBlocked, setIsTabBlocked: handleTabBlock }),\n      [handleTabBlock, isTabBlocked],\n    );\n\n    const handleOnClose = useCallback(() => {\n      window.location.href = 'https://cuemath.com';\n    }, []);\n\n    const handleOnUseHere = useCallback(() => {\n      document.location.reload();\n    }, []);\n\n    /**\n     * When the localStorage is changed from another tab, the storage event is triggered in all tabs except the one that triggered the change.\n     * Block the tab when we detect that the localStorage has been changed from another tab.\n     */\n    useEffect(() => {\n      const handleStorageEvent = (event: StorageEvent) => {\n        if (event.key === STORAGE_KEY) {\n          handleTabBlock('localStorage');\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n\n      if (!isWhitelisted) {\n        window.addEventListener('storage', handleStorageEvent);\n      }\n\n      return () => {\n        if (!isWhitelisted) {\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n    }, [handleTabBlock, isWhitelisted]);\n\n    /**\n     * When the new tab is opened and is visible, set the localStorage key to the current timestamp.\n     * When the tab is hidden, wait for it to become visible and set the localStorage key to the current timestamp.\n     * Which triggers the storage event in other tabs, blocking them.\n     */\n    useEffect(() => {\n      let setStorageKeyWhenVisible: () => void;\n\n      if (!isWhitelisted && !isTabBlocked) {\n        if (!document.hidden) {\n          window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n        } else {\n          setStorageKeyWhenVisible = () => {\n            if (!document.hidden) {\n              window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n            }\n\n            document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n          };\n\n          document.addEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      }\n\n      return () => {\n        if (setStorageKeyWhenVisible) {\n          document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      };\n    }, [isTabBlocked, isWhitelisted]);\n\n    return (\n      <MultiTabBlockerContext.Provider value={cachedContextValue}>\n        {isTabBlocked ? (\n          <FlexView\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $height=\"100vh\"\n            $background=\"BLACK_75\"\n          >\n            <FlexView\n              $gutterX={1.5}\n              $gapX={1.5}\n              $widthX={32}\n              $background=\"WHITE\"\n              $borderRadiusX={1}\n            >\n              <Text $renderAs=\"h4\" $marginBottomX={0.5}>\n                Cuemath is open in another window.\n              </Text>\n              <Text $renderAs=\"body1\" $marginBottomX={1.5}>\n                Click “Use here” to use Cuemath in this window.\n              </Text>\n              <EqualSpaceFlexView $flexDirection=\"row\" $flexGapX={2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label=\"Close\"\n                  analyticsLabel=\"Multi Tab Close\"\n                  onClick={handleOnClose}\n                />\n                <Button\n                  renderAs=\"primary\"\n                  label=\"Use here\"\n                  analyticsLabel=\"Multi Tab Use Here\"\n                  onClick={handleOnUseHere}\n                />\n              </EqualSpaceFlexView>\n            </FlexView>\n          </FlexView>\n        ) : (\n          children\n        )}\n      </MultiTabBlockerContext.Provider>\n    );\n  },\n);\n\nexport default MultiTabBlocker;\n"],"names":["STORAGE_KEY","MultiTabBlocker","memo","children","whitelist","onTabBlock","isWhitelisted","useState","path","isTabBlocked","setIsTabBlocked","handleTabBlock","useCallback","source","cachedContextValue","useMemo","handleOnClose","handleOnUseHere","useEffect","handleStorageEvent","event","setStorageKeyWhenVisible","MultiTabBlockerContext","jsx","FlexView","jsxs","Text","EqualSpaceFlexView","Button"],"mappings":"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"}

package/dist/features/blockers/multi-tab-blocker/use-is-tab-blocked.js

@@ -1,7 +1,7 @@
 import { useContext as t } from "react";
 import o from "./multi-tab-blocker-context.js";
-const e = () => t(o), r = e;
+const c = () => t(o);
 export {
-  r as default
+  c as default
 };
 //# sourceMappingURL=use-is-tab-blocked.js.map

package/dist/features/blockers/multi-tab-blocker/use-is-tab-blocked.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-tab-blocked.js","sources":["../../../../src/features/blockers/multi-tab-blocker/use-is-tab-blocked.ts"],"sourcesContent":["import type { IUseIsTabBlocked } from './multi-tab-blocker-types';\n\nimport { useContext } from 'react';\n\nimport MultiTabBlockerContext from './multi-tab-blocker-context';\n\nconst useIsTabBlocked: IUseIsTabBlocked = () => {\n  const context = useContext(MultiTabBlockerContext);\n\n  return context;\n};\n\nexport default useIsTabBlocked;\n"],"names":["useIsTabBlocked","useContext","MultiTabBlockerContext","useIsTabBlocked$1"],"mappings":";;AAMA,MAAMA,IAAoC,MACxBC,EAAWC,CAAsB,GAKnDC,IAAeH;"}
+{"version":3,"file":"use-is-tab-blocked.js","sources":["../../../../src/features/blockers/multi-tab-blocker/use-is-tab-blocked.ts"],"sourcesContent":["import type { IUseIsTabBlocked } from './multi-tab-blocker-types';\n\nimport { useContext } from 'react';\n\nimport MultiTabBlockerContext from './multi-tab-blocker-context';\n\nconst useIsTabBlocked: IUseIsTabBlocked = () => {\n  const context = useContext(MultiTabBlockerContext);\n\n  return context;\n};\n\nexport default useIsTabBlocked;\n"],"names":["useIsTabBlocked","useContext","MultiTabBlockerContext"],"mappings":";;AAMA,MAAMA,IAAoC,MACxBC,EAAWC,CAAsB;"}

package/dist/features/chapters/api/chapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters/api/chapter.ts"],"sourcesContent":["import type { IChapterDataProps } from '../chapter/chapter-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetChapterData, invalidate: invalidateGetChapter } = createGetAPI<\n  IChapterDataProps,\n  void,\n  { studentId: string }\n>({\n  getURL: (userChapterId: string, _, { studentId }) =>\n    `${BASE_URL_V3}/users/${studentId}/user-chapters/${userChapterId} `,\n});\n\nexport { useGetChapterData, invalidateGetChapter };\n"],"names":["useGetChapterData","invalidateGetChapter","createGetAPI","userChapterId","_","studentId","BASE_URL_V3"],"mappings":";;AAMA,MAAM,EAAE,QAAQA,GAAmB,YAAYC,EAAA,IAAyBC,EAItE;AAAA,EACA,QAAQ,CAACC,GAAuBC,GAAG,EAAE,WAAAC,EAAA,MACnC,GAAGC,CAAW,UAAUD,CAAS,kBAAkBF,CAAa;AACpE,CAAC;"}
+{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters/api/chapter.ts"],"sourcesContent":["import type { IChapterDataProps } from '../chapter/chapter-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetChapterData, invalidate: invalidateGetChapter } = createGetAPI<\n  IChapterDataProps,\n  void,\n  { studentId: string }\n>({\n  getURL: (userChapterId: string, _, { studentId }) =>\n    `${BASE_URL_V3}/users/${studentId}/user-chapters/${userChapterId} `,\n});\n\nexport { useGetChapterData, invalidateGetChapter };\n"],"names":["useGetChapterData","invalidateGetChapter","createGetAPI","userChapterId","_","studentId","BASE_URL_V3"],"mappings":";;AAMA,MAAM,EAAE,QAAQA,GAAmB,YAAYC,EAAA,IAAyBC,EAItE;AAAA,EACA,QAAQ,CAACC,GAAuBC,GAAG,EAAE,WAAAC,EACnC,MAAA,GAAGC,CAAW,UAAUD,CAAS,kBAAkBF,CAAa;AACpE,CAAC;"}

package/dist/features/chapters/chapter/chapter.js

@@ -1,21 +1,21 @@
 import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { memo as F, useCallback as C } from "react";
+import { memo as F, useCallback as _ } from "react";
 import { ILLUSTRATIONS as O } from "../../../assets/illustrations/illustrations.js";
-import _ from "../../ui/layout/flex-view.js";
+import C from "../../ui/layout/flex-view.js";
 import U from "../../ui/separator/separator.js";
 import H from "./comps/chapter-banner/chapter-banner.js";
 import M from "./comps/core-lessons/core-lessons.js";
 import Q from "./comps/supplementary-resources/supplementary-resources.js";
 import { ContentWrapper as W, LoaderWrapper as X } from "./styled.js";
-const j = F(
-  ({ name: S, sheets_data: $, user_type: n, loading: a, ...k }) => {
+const J = F(
+  ({ name: S, sheets_data: k, user_type: n, loading: a, ...w }) => {
     const {
       user_chapter_progress: s,
       is_defocused: r,
-      image_url: w,
+      image_url: $,
       image_hue: i,
       teacherId: x,
-      onCreateExtraPractice: t,
+      onCreateExtraPractice: o,
       onStart: p,
       onResume: m,
       onReattempt: l,
@@ -28,20 +28,20 @@ const j = F(
       onMarkRelevant: P,
       onMarkIrrelevant: E,
       onUnAssignSheet: I,
-      onLearningPlanFAQClick: o
-    } = k, {
+      onLearningPlanFAQClick: t
+    } = w, {
       lessons: R,
       supplementary_sheets_group_sort_order: y,
       supplementary_sheets_grouped: A
-    } = $, b = C(() => {
-      if (typeof o != "function")
-        throw new Error("onLearningPlanFAQClick must be a function");
-      o();
-    }, [o]), v = C(() => {
+    } = k, b = _(() => {
       if (typeof t != "function")
-        throw new Error("onCreateExtraPractice must be a function");
+        throw new Error("onLearningPlanFAQClick must be a function");
       t();
-    }, [t]);
+    }, [t]), v = _(() => {
+      if (typeof o != "function")
+        throw new Error("onCreateExtraPractice must be a function");
+      o();
+    }, [o]);
     return /* @__PURE__ */ g(W, { $disablePointerEvents: a, $alignItems: "center", $width: "100%", children: [
       a && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("img", { src: O.LOADER_1, alt: "loader" }) }),
       /* @__PURE__ */ e(
@@ -50,11 +50,11 @@ const j = F(
           name: S,
           userChapterProgress: s,
           isDefocused: r,
-          imageUrl: w,
+          imageUrl: $,
           backgroundColor: `${i}_1`
         }
       ),
-      /* @__PURE__ */ e(_, { $widthX: 47.5, $flexGapX: 2, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(C, { $widthX: 47.5, $flexGapX: 2, children: /* @__PURE__ */ e(
         M,
         {
           userType: n,
@@ -75,7 +75,7 @@ const j = F(
           onMarkRelevant: P
         }
       ) }),
-      /* @__PURE__ */ g(_, { $width: "100%", $flexGapX: 2, $background: "WHITE_3", $alignItems: "center", children: [
+      /* @__PURE__ */ g(C, { $width: "100%", $flexGapX: 2, $background: "WHITE_3", $alignItems: "center", children: [
         /* @__PURE__ */ e(
           Q,
           {
@@ -101,8 +101,8 @@ const j = F(
       ] })
     ] });
   }
-), K = j;
+);
 export {
-  K as default
+  J as default
 };
 //# sourceMappingURL=chapter.js.map

package/dist/features/chapters/chapter/chapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters/chapter/chapter.tsx"],"sourcesContent":["import type { IChapterProps } from './chapter-types';\n\nimport { useCallback, type FC, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport ChapterBanner from './comps/chapter-banner/chapter-banner';\nimport CoreLessons from './comps/core-lessons/core-lessons';\nimport SupplementaryResources from './comps/supplementary-resources/supplementary-resources';\nimport * as Styled from './styled';\n\nconst Chapter: FC<IChapterProps> = memo(\n  ({ name, sheets_data: sheetData, user_type: userType, loading, ...restChapterProps }) => {\n    const {\n      user_chapter_progress: userChapterProgress,\n      is_defocused: isDefocused,\n      image_url: imageUrl,\n      image_hue: imageHue,\n      teacherId,\n      onCreateExtraPractice,\n      onStart,\n      onResume,\n      onReattempt,\n      onPreview,\n      onReview,\n      onReset,\n      onChangeLocation,\n      onMarkAsFamiliar,\n      onUnlock,\n      onMarkRelevant,\n      onMarkIrrelevant,\n      onUnAssignSheet,\n      onLearningPlanFAQClick,\n    } = restChapterProps;\n\n    const {\n      lessons,\n      supplementary_sheets_group_sort_order: groupedSupplementarySheetsSortOrder,\n      supplementary_sheets_grouped: groupedSupplementarySheets,\n    } = sheetData;\n\n    const handleOnLearningPlanFAQClick = useCallback(() => {\n      if (typeof onLearningPlanFAQClick !== 'function') {\n        throw new Error('onLearningPlanFAQClick must be a function');\n      }\n\n      onLearningPlanFAQClick();\n    }, [onLearningPlanFAQClick]);\n\n    const handleOnCreateExtraPractice = useCallback(() => {\n      if (typeof onCreateExtraPractice !== 'function') {\n        throw new Error('onCreateExtraPractice must be a function');\n      }\n\n      onCreateExtraPractice();\n    }, [onCreateExtraPractice]);\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={loading} $alignItems=\"center\" $width=\"100%\">\n        {loading && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n          </Styled.LoaderWrapper>\n        )}\n\n        <ChapterBanner\n          name={name}\n          userChapterProgress={userChapterProgress}\n          isDefocused={isDefocused}\n          imageUrl={imageUrl}\n          backgroundColor={`${imageHue}_1`}\n        />\n        <FlexView $widthX={47.5} $flexGapX={2}>\n          <CoreLessons\n            userType={userType}\n            lessons={lessons}\n            userChapterProgress={userChapterProgress}\n            isDefocused={isDefocused}\n            lessonItemColorHue={imageHue}\n            handleOnLearningPlanFAQClick={handleOnLearningPlanFAQClick}\n            onChangeLocation={onChangeLocation}\n            onPreview={onPreview}\n            onReset={onReset}\n            onReview={onReview}\n            onStart={onStart}\n            onReattempt={onReattempt}\n            onResume={onResume}\n            onMarkAsFamiliar={onMarkAsFamiliar}\n            onMarkIrrelevant={onMarkIrrelevant}\n            onMarkRelevant={onMarkRelevant}\n          />\n        </FlexView>\n\n        <FlexView $width=\"100%\" $flexGapX={2} $background=\"WHITE_3\" $alignItems=\"center\">\n          <SupplementaryResources\n            userType={userType}\n            teacherId={teacherId}\n            groupedSupplementarySheets={groupedSupplementarySheets}\n            groupedSupplementarySheetsSortOrder={groupedSupplementarySheetsSortOrder}\n            isDefocused={isDefocused}\n            handleOnCreateExtraPractice={handleOnCreateExtraPractice}\n            onChangeLocation={onChangeLocation}\n            onPreview={onPreview}\n            onReset={onReset}\n            onReview={onReview}\n            onStart={onStart}\n            onReattempt={onReattempt}\n            onResume={onResume}\n            onMarkAsFamiliar={onMarkAsFamiliar}\n            onUnlock={onUnlock}\n            onUnAssignSheet={onUnAssignSheet}\n          />\n\n          <Separator height={1} />\n        </FlexView>\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default Chapter;\n"],"names":["Chapter","memo","name","sheetData","userType","loading","restChapterProps","userChapterProgress","isDefocused","imageUrl","imageHue","teacherId","onCreateExtraPractice","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onUnlock","onMarkRelevant","onMarkIrrelevant","onUnAssignSheet","onLearningPlanFAQClick","lessons","groupedSupplementarySheetsSortOrder","groupedSupplementarySheets","handleOnLearningPlanFAQClick","useCallback","handleOnCreateExtraPractice","jsxs","Styled.ContentWrapper","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","FlexView","CoreLessons","SupplementaryResources","Separator","Chapter$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAA6BC;AAAA,EACjC,CAAC,EAAE,MAAAC,GAAM,aAAaC,GAAW,WAAWC,GAAU,SAAAC,GAAS,GAAGC,QAAuB;AACjF,UAAA;AAAA,MACJ,uBAAuBC;AAAA,MACvB,cAAcC;AAAA,MACd,WAAWC;AAAA,MACX,WAAWC;AAAA,MACX,WAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,wBAAAC;AAAA,IACE,IAAAnB,GAEE;AAAA,MACJ,SAAAoB;AAAA,MACA,uCAAuCC;AAAA,MACvC,8BAA8BC;AAAA,IAC5B,IAAAzB,GAEE0B,IAA+BC,EAAY,MAAM;AACjD,UAAA,OAAOL,KAA2B;AAC9B,cAAA,IAAI,MAAM,2CAA2C;AAGtC,MAAAA;IAAA,GACtB,CAACA,CAAsB,CAAC,GAErBM,IAA8BD,EAAY,MAAM;AAChD,UAAA,OAAOlB,KAA0B;AAC7B,cAAA,IAAI,MAAM,0CAA0C;AAGtC,MAAAA;IAAA,GACrB,CAACA,CAAqB,CAAC;AAGxB,WAAA,gBAAAoB,EAACC,GAAA,EAAsB,uBAAuB5B,GAAS,aAAY,UAAS,QAAO,QAChF,UAAA;AAAA,MACCA,KAAA,gBAAA6B,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKE,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,MAGF,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAAnC;AAAA,UACA,qBAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAiB,GAAGC,CAAQ;AAAA,QAAA;AAAA,MAC9B;AAAA,MACC,gBAAAwB,EAAAI,GAAA,EAAS,SAAS,MAAM,WAAW,GAClC,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,UAAAnC;AAAA,UACA,SAAAsB;AAAA,UACA,qBAAAnB;AAAA,UACA,aAAAC;AAAA,UACA,oBAAoBE;AAAA,UACpB,8BAAAmB;AAAA,UACA,kBAAAV;AAAA,UACA,WAAAH;AAAA,UACA,SAAAE;AAAA,UACA,UAAAD;AAAA,UACA,SAAAJ;AAAA,UACA,aAAAE;AAAA,UACA,UAAAD;AAAA,UACA,kBAAAM;AAAA,UACA,kBAAAG;AAAA,UACA,gBAAAD;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MAEA,gBAAAU,EAACM,KAAS,QAAO,QAAO,WAAW,GAAG,aAAY,WAAU,aAAY,UACtE,UAAA;AAAA,QAAA,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAApC;AAAA,YACA,WAAAO;AAAA,YACA,4BAAAiB;AAAA,YACA,qCAAAD;AAAA,YACA,aAAAnB;AAAA,YACA,6BAAAuB;AAAA,YACA,kBAAAZ;AAAA,YACA,WAAAH;AAAA,YACA,SAAAE;AAAA,YACA,UAAAD;AAAA,YACA,SAAAJ;AAAA,YACA,aAAAE;AAAA,YACA,UAAAD;AAAA,YACA,kBAAAM;AAAA,YACA,UAAAC;AAAA,YACA,iBAAAG;AAAA,UAAA;AAAA,QACF;AAAA,QAEA,gBAAAU,EAACO,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MAAA,GACxB;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAC,IAAe1C;"}
+{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters/chapter/chapter.tsx"],"sourcesContent":["import type { IChapterProps } from './chapter-types';\n\nimport { useCallback, type FC, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport ChapterBanner from './comps/chapter-banner/chapter-banner';\nimport CoreLessons from './comps/core-lessons/core-lessons';\nimport SupplementaryResources from './comps/supplementary-resources/supplementary-resources';\nimport * as Styled from './styled';\n\nconst Chapter: FC<IChapterProps> = memo(\n  ({ name, sheets_data: sheetData, user_type: userType, loading, ...restChapterProps }) => {\n    const {\n      user_chapter_progress: userChapterProgress,\n      is_defocused: isDefocused,\n      image_url: imageUrl,\n      image_hue: imageHue,\n      teacherId,\n      onCreateExtraPractice,\n      onStart,\n      onResume,\n      onReattempt,\n      onPreview,\n      onReview,\n      onReset,\n      onChangeLocation,\n      onMarkAsFamiliar,\n      onUnlock,\n      onMarkRelevant,\n      onMarkIrrelevant,\n      onUnAssignSheet,\n      onLearningPlanFAQClick,\n    } = restChapterProps;\n\n    const {\n      lessons,\n      supplementary_sheets_group_sort_order: groupedSupplementarySheetsSortOrder,\n      supplementary_sheets_grouped: groupedSupplementarySheets,\n    } = sheetData;\n\n    const handleOnLearningPlanFAQClick = useCallback(() => {\n      if (typeof onLearningPlanFAQClick !== 'function') {\n        throw new Error('onLearningPlanFAQClick must be a function');\n      }\n\n      onLearningPlanFAQClick();\n    }, [onLearningPlanFAQClick]);\n\n    const handleOnCreateExtraPractice = useCallback(() => {\n      if (typeof onCreateExtraPractice !== 'function') {\n        throw new Error('onCreateExtraPractice must be a function');\n      }\n\n      onCreateExtraPractice();\n    }, [onCreateExtraPractice]);\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={loading} $alignItems=\"center\" $width=\"100%\">\n        {loading && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n          </Styled.LoaderWrapper>\n        )}\n\n        <ChapterBanner\n          name={name}\n          userChapterProgress={userChapterProgress}\n          isDefocused={isDefocused}\n          imageUrl={imageUrl}\n          backgroundColor={`${imageHue}_1`}\n        />\n        <FlexView $widthX={47.5} $flexGapX={2}>\n          <CoreLessons\n            userType={userType}\n            lessons={lessons}\n            userChapterProgress={userChapterProgress}\n            isDefocused={isDefocused}\n            lessonItemColorHue={imageHue}\n            handleOnLearningPlanFAQClick={handleOnLearningPlanFAQClick}\n            onChangeLocation={onChangeLocation}\n            onPreview={onPreview}\n            onReset={onReset}\n            onReview={onReview}\n            onStart={onStart}\n            onReattempt={onReattempt}\n            onResume={onResume}\n            onMarkAsFamiliar={onMarkAsFamiliar}\n            onMarkIrrelevant={onMarkIrrelevant}\n            onMarkRelevant={onMarkRelevant}\n          />\n        </FlexView>\n\n        <FlexView $width=\"100%\" $flexGapX={2} $background=\"WHITE_3\" $alignItems=\"center\">\n          <SupplementaryResources\n            userType={userType}\n            teacherId={teacherId}\n            groupedSupplementarySheets={groupedSupplementarySheets}\n            groupedSupplementarySheetsSortOrder={groupedSupplementarySheetsSortOrder}\n            isDefocused={isDefocused}\n            handleOnCreateExtraPractice={handleOnCreateExtraPractice}\n            onChangeLocation={onChangeLocation}\n            onPreview={onPreview}\n            onReset={onReset}\n            onReview={onReview}\n            onStart={onStart}\n            onReattempt={onReattempt}\n            onResume={onResume}\n            onMarkAsFamiliar={onMarkAsFamiliar}\n            onUnlock={onUnlock}\n            onUnAssignSheet={onUnAssignSheet}\n          />\n\n          <Separator height={1} />\n        </FlexView>\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default Chapter;\n"],"names":["Chapter","memo","name","sheetData","userType","loading","restChapterProps","userChapterProgress","isDefocused","imageUrl","imageHue","teacherId","onCreateExtraPractice","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onUnlock","onMarkRelevant","onMarkIrrelevant","onUnAssignSheet","onLearningPlanFAQClick","lessons","groupedSupplementarySheetsSortOrder","groupedSupplementarySheets","handleOnLearningPlanFAQClick","useCallback","handleOnCreateExtraPractice","jsxs","Styled.ContentWrapper","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","FlexView","CoreLessons","SupplementaryResources","Separator"],"mappings":";;;;;;;;;AAYA,MAAMA,IAA6BC;AAAA,EACjC,CAAC,EAAE,MAAAC,GAAM,aAAaC,GAAW,WAAWC,GAAU,SAAAC,GAAS,GAAGC,QAAuB;AACjF,UAAA;AAAA,MACJ,uBAAuBC;AAAA,MACvB,cAAcC;AAAA,MACd,WAAWC;AAAA,MACX,WAAWC;AAAA,MACX,WAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,wBAAAC;AAAA,IAAA,IACEnB,GAEE;AAAA,MACJ,SAAAoB;AAAA,MACA,uCAAuCC;AAAA,MACvC,8BAA8BC;AAAA,IAAA,IAC5BzB,GAEE0B,IAA+BC,EAAY,MAAM;AACjD,UAAA,OAAOL,KAA2B;AAC9B,cAAA,IAAI,MAAM,2CAA2C;AAGtC,MAAAA,EAAA;AAAA,IAAA,GACtB,CAACA,CAAsB,CAAC,GAErBM,IAA8BD,EAAY,MAAM;AAChD,UAAA,OAAOlB,KAA0B;AAC7B,cAAA,IAAI,MAAM,0CAA0C;AAGtC,MAAAA,EAAA;AAAA,IAAA,GACrB,CAACA,CAAqB,CAAC;AAGxB,WAAA,gBAAAoB,EAACC,GAAA,EAAsB,uBAAuB5B,GAAS,aAAY,UAAS,QAAO,QAChF,UAAA;AAAA,MACCA,KAAA,gBAAA6B,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKE,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,MAGF,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAAnC;AAAA,UACA,qBAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAiB,GAAGC,CAAQ;AAAA,QAAA;AAAA,MAC9B;AAAA,MACC,gBAAAwB,EAAAI,GAAA,EAAS,SAAS,MAAM,WAAW,GAClC,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,UAAAnC;AAAA,UACA,SAAAsB;AAAA,UACA,qBAAAnB;AAAA,UACA,aAAAC;AAAA,UACA,oBAAoBE;AAAA,UACpB,8BAAAmB;AAAA,UACA,kBAAAV;AAAA,UACA,WAAAH;AAAA,UACA,SAAAE;AAAA,UACA,UAAAD;AAAA,UACA,SAAAJ;AAAA,UACA,aAAAE;AAAA,UACA,UAAAD;AAAA,UACA,kBAAAM;AAAA,UACA,kBAAAG;AAAA,UACA,gBAAAD;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MAEA,gBAAAU,EAACM,KAAS,QAAO,QAAO,WAAW,GAAG,aAAY,WAAU,aAAY,UACtE,UAAA;AAAA,QAAA,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAApC;AAAA,YACA,WAAAO;AAAA,YACA,4BAAAiB;AAAA,YACA,qCAAAD;AAAA,YACA,aAAAnB;AAAA,YACA,6BAAAuB;AAAA,YACA,kBAAAZ;AAAA,YACA,WAAAH;AAAA,YACA,SAAAE;AAAA,YACA,UAAAD;AAAA,YACA,SAAAJ;AAAA,YACA,aAAAE;AAAA,YACA,UAAAD;AAAA,YACA,kBAAAM;AAAA,YACA,UAAAC;AAAA,YACA,iBAAAG;AAAA,UAAA;AAAA,QACF;AAAA,QAEA,gBAAAU,EAACO,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MAAA,EACxB,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAGN;"}

package/dist/features/chapters/chapter/comps/chapter-banner/chapter-banner-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-banner-styled.js","sources":["../../../../../../src/features/chapters/chapter/comps/chapter-banner/chapter-banner-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IBannerWrapperProps {\n  $backgroundColor?: string;\n}\n\nconst BannerWrapper = styled(FlexView)<IBannerWrapperProps>(({ theme, $backgroundColor }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    height: ${gutter * 11}px;\n    background-color: ${$backgroundColor};\n`;\n});\n\ninterface IBannerImageContainerProps {\n  $isDefocused?: boolean;\n}\n\nconst BannerImageContainer = styled(FlexView)<IBannerImageContainerProps>(({\n  theme,\n  $isDefocused,\n}) => {\n  const { REAL_BLACK } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 7.5}px;\n    height: ${gutter * 7.5}px;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n    filter: grayscale(${$isDefocused ? 1 : 0});\n    border: 1px solid ${REAL_BLACK};\n  `;\n});\n\nconst ImageContainer = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { REAL_BLACK } = theme.colors;\n\n  return `\n    width: ${gutter * 7.5}px;\n    height: ${gutter * 7.5}px;\n    border-radius: 50%;\n    border: 1px solid ${REAL_BLACK};\n  `;\n});\n\nconst ChapterStatsContainer = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_70 } = theme.colors;\n\n  return `\n    width: ${gutter * 33.25}px;\n    border-radius: 2px;\n    background-color: ${WHITE_70};\n  `;\n});\n\nconst CustomText = styled(Text)`\n  margin: 12px 0 12px 16px;\n`;\n\ntype TBadgeIcon = {\n  $opacity?: number;\n};\n\nconst BadgeIcon = styled.img<TBadgeIcon>(({ theme, $opacity }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 3}px;\n    height: ${gutter * 2.75}px;\n    opacity: ${$opacity};\n  `;\n});\n\nexport {\n  BannerWrapper,\n  BannerImageContainer,\n  ImageContainer,\n  ChapterStatsContainer,\n  CustomText,\n  BadgeIcon,\n};\n"],"names":["BannerWrapper","styled","FlexView","theme","$backgroundColor","gutter","$isDefocused","REAL_BLACK","ImageContainer","WHITE_70","Text","$opacity"],"mappings":";;;AASM,MAAAA,IAAgBC,EAAOC,CAAQ,EAAuB,CAAC,EAAE,OAAAC,GAAO,kBAAAC,QAAuB;AACrF,QAAA,EAAE,QAAAC,EAAO,IAAIF,EAAM;AAElB,SAAA;AAAA,cACKE,IAAS,EAAE;AAAA,wBACDD,CAAgB;AAAA;AAExC,CAAC;AAM4BH,EAAOC,CAAQ,EAA8B,CAAC;AAAA,EACzE,OAAAC;AAAA,EACA,cAAAG;AACF,MAAM;AACE,QAAA,EAAE,YAAAC,EAAW,IAAIJ,EAAM,QACvB,EAAE,QAAAE,EAAO,IAAIF,EAAM;AAElB,SAAA;AAAA,aACIE,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA;AAAA;AAAA;AAAA,wBAIFC,IAAe,IAAI,CAAC;AAAA,wBACpBC,CAAU;AAAA;AAElC,CAAC;AAED,MAAMC,IAAiBP,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACzC,QAAA,EAAE,QAAAE,EAAO,IAAIF,EAAM,QACnB,EAAE,YAAAI,EAAW,IAAIJ,EAAM;AAEtB,SAAA;AAAA,aACIE,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA;AAAA,wBAEFE,CAAU;AAAA;AAElC,CAAC;AAE6BN,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAA,EAAE,QAAAE,EAAO,IAAIF,EAAM,QACnB,EAAE,UAAAM,EAAS,IAAIN,EAAM;AAEpB,SAAA;AAAA,aACIE,IAAS,KAAK;AAAA;AAAA,wBAEHI,CAAQ;AAAA;AAEhC,CAAC;AAEkBR,EAAOS,CAAI;AAAA;AAAA;AAQZT,EAAO,IAAgB,CAAC,EAAE,OAAAE,GAAO,UAAAQ,QAAe;AAC1D,QAAA,EAAE,QAAAN,EAAO,IAAIF,EAAM;AAElB,SAAA;AAAA,aACIE,IAAS,CAAC;AAAA,cACTA,IAAS,IAAI;AAAA,eACZM,CAAQ;AAAA;AAEvB,CAAC;"}
+{"version":3,"file":"chapter-banner-styled.js","sources":["../../../../../../src/features/chapters/chapter/comps/chapter-banner/chapter-banner-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IBannerWrapperProps {\n  $backgroundColor?: string;\n}\n\nconst BannerWrapper = styled(FlexView)<IBannerWrapperProps>(({ theme, $backgroundColor }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    height: ${gutter * 11}px;\n    background-color: ${$backgroundColor};\n`;\n});\n\ninterface IBannerImageContainerProps {\n  $isDefocused?: boolean;\n}\n\nconst BannerImageContainer = styled(FlexView)<IBannerImageContainerProps>(({\n  theme,\n  $isDefocused,\n}) => {\n  const { REAL_BLACK } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 7.5}px;\n    height: ${gutter * 7.5}px;\n    border-radius: 50%;\n    overflow: hidden;\n    position: relative;\n    filter: grayscale(${$isDefocused ? 1 : 0});\n    border: 1px solid ${REAL_BLACK};\n  `;\n});\n\nconst ImageContainer = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { REAL_BLACK } = theme.colors;\n\n  return `\n    width: ${gutter * 7.5}px;\n    height: ${gutter * 7.5}px;\n    border-radius: 50%;\n    border: 1px solid ${REAL_BLACK};\n  `;\n});\n\nconst ChapterStatsContainer = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_70 } = theme.colors;\n\n  return `\n    width: ${gutter * 33.25}px;\n    border-radius: 2px;\n    background-color: ${WHITE_70};\n  `;\n});\n\nconst CustomText = styled(Text)`\n  margin: 12px 0 12px 16px;\n`;\n\ntype TBadgeIcon = {\n  $opacity?: number;\n};\n\nconst BadgeIcon = styled.img<TBadgeIcon>(({ theme, $opacity }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 3}px;\n    height: ${gutter * 2.75}px;\n    opacity: ${$opacity};\n  `;\n});\n\nexport {\n  BannerWrapper,\n  BannerImageContainer,\n  ImageContainer,\n  ChapterStatsContainer,\n  CustomText,\n  BadgeIcon,\n};\n"],"names":["BannerWrapper","styled","FlexView","theme","$backgroundColor","gutter","$isDefocused","REAL_BLACK","ImageContainer","WHITE_70","Text","$opacity"],"mappings":";;;AASM,MAAAA,IAAgBC,EAAOC,CAAQ,EAAuB,CAAC,EAAE,OAAAC,GAAO,kBAAAC,QAAuB;AACrF,QAAA,EAAE,QAAAC,MAAWF,EAAM;AAElB,SAAA;AAAA,cACKE,IAAS,EAAE;AAAA,wBACDD,CAAgB;AAAA;AAExC,CAAC;AAM4BH,EAAOC,CAAQ,EAA8B,CAAC;AAAA,EACzE,OAAAC;AAAA,EACA,cAAAG;AACF,MAAM;AACE,QAAA,EAAE,YAAAC,MAAeJ,EAAM,QACvB,EAAE,QAAAE,MAAWF,EAAM;AAElB,SAAA;AAAA,aACIE,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA;AAAA;AAAA;AAAA,wBAIFC,IAAe,IAAI,CAAC;AAAA,wBACpBC,CAAU;AAAA;AAElC,CAAC;AAED,MAAMC,IAAiBP,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACzC,QAAA,EAAE,QAAAE,MAAWF,EAAM,QACnB,EAAE,YAAAI,MAAeJ,EAAM;AAEtB,SAAA;AAAA,aACIE,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA;AAAA,wBAEFE,CAAU;AAAA;AAElC,CAAC;AAE6BN,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAA,EAAE,QAAAE,MAAWF,EAAM,QACnB,EAAE,UAAAM,MAAaN,EAAM;AAEpB,SAAA;AAAA,aACIE,IAAS,KAAK;AAAA;AAAA,wBAEHI,CAAQ;AAAA;AAEhC,CAAC;AAEkBR,EAAOS,CAAI;AAAA;AAAA;AAQZT,EAAO,IAAgB,CAAC,EAAE,OAAAE,GAAO,UAAAQ,QAAe;AAC1D,QAAA,EAAE,QAAAN,MAAWF,EAAM;AAElB,SAAA;AAAA,aACIE,IAAS,CAAC;AAAA,cACTA,IAAS,IAAI;AAAA,eACZM,CAAQ;AAAA;AAEvB,CAAC;"}

package/dist/features/chapters/chapter/comps/chapter-banner/chapter-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-banner.js","sources":["../../../../../../src/features/chapters/chapter/comps/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport MilestoneProgressInfo from '../../../../milestone/create/comps/milestone-progress/milestone-progress';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './chapter-banner-styled';\n\nconst ChapterBanner: FC<IChapterBannerProps> = memo(\n  ({ userChapterProgress, imageUrl, backgroundColor, ...restChapterBannerProps }) => {\n    const { name, isDefocused } = restChapterBannerProps;\n\n    const { layout, colors } = useTheme();\n    const { gutter } = layout;\n\n    const { total_core_sheets: totalCoreSheets } = userChapterProgress;\n\n    const bannerBackgroundColor = useMemo(\n      () => (isDefocused ? 'GREY_1' : backgroundColor),\n      [backgroundColor, isDefocused],\n    );\n\n    return (\n      <Styled.BannerWrapper\n        $backgroundColor={colors[bannerBackgroundColor]}\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $flexGap={gutter}\n        $width=\"100%\"\n        $gapX={1.75}\n      >\n        <FlexView $widthX={49.25} $flexDirection=\"row\" $flexGapX={2} $alignItems=\"center\">\n          <Styled.ImageContainer src={imageUrl} alt=\"Chapter Image\" />\n\n          <FlexView $flexGapX={1}>\n            <Text $renderAs=\"ah3\">{name}</Text>\n            {!!totalCoreSheets && (\n              <FlexView $flexDirection=\"row\" $flexGapX={2}>\n                <MilestoneProgressInfo badgeSize={24} chapterProgress={userChapterProgress} />\n              </FlexView>\n            )}\n          </FlexView>\n        </FlexView>\n      </Styled.BannerWrapper>\n    );\n  },\n);\n\nexport default ChapterBanner;\n"],"names":["ChapterBanner","memo","userChapterProgress","imageUrl","backgroundColor","restChapterBannerProps","name","isDefocused","layout","colors","useTheme","gutter","totalCoreSheets","bannerBackgroundColor","useMemo","jsx","Styled.BannerWrapper","jsxs","FlexView","Styled.ImageContainer","Text","MilestoneProgressInfo"],"mappings":";;;;;;;AAWA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,qBAAAC,GAAqB,UAAAC,GAAU,iBAAAC,GAAiB,GAAGC,QAA6B;AAC3E,UAAA,EAAE,MAAAC,GAAM,aAAAC,EAAgB,IAAAF,GAExB,EAAE,QAAAG,GAAQ,QAAAC,EAAO,IAAIC,EAAS,GAC9B,EAAE,QAAAC,EAAW,IAAAH,GAEb,EAAE,mBAAmBI,EAAoB,IAAAV,GAEzCW,IAAwBC;AAAA,MAC5B,MAAOP,IAAc,WAAWH;AAAA,MAChC,CAACA,GAAiBG,CAAW;AAAA,IAAA;AAI7B,WAAA,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,kBAAkBP,EAAOI,CAAqB;AAAA,QAC9C,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAUF;AAAA,QACV,QAAO;AAAA,QACP,OAAO;AAAA,QAEP,UAAA,gBAAAM,EAACC,KAAS,SAAS,OAAO,gBAAe,OAAM,WAAW,GAAG,aAAY,UACvE,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAsB,KAAKhB,GAAU,KAAI,iBAAgB;AAAA,UAE1D,gBAAAc,EAACC,GAAS,EAAA,WAAW,GACnB,UAAA;AAAA,YAAC,gBAAAH,EAAAK,GAAA,EAAK,WAAU,OAAO,UAAKd,GAAA;AAAA,YAC3B,CAAC,CAACM,KACD,gBAAAG,EAACG,KAAS,gBAAe,OAAM,WAAW,GACxC,4BAACG,GAAsB,EAAA,WAAW,IAAI,iBAAiBnB,EAAqB,CAAA,GAC9E;AAAA,UAAA,GAEJ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"chapter-banner.js","sources":["../../../../../../src/features/chapters/chapter/comps/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport MilestoneProgressInfo from '../../../../milestone/create/comps/milestone-progress/milestone-progress';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './chapter-banner-styled';\n\nconst ChapterBanner: FC<IChapterBannerProps> = memo(\n  ({ userChapterProgress, imageUrl, backgroundColor, ...restChapterBannerProps }) => {\n    const { name, isDefocused } = restChapterBannerProps;\n\n    const { layout, colors } = useTheme();\n    const { gutter } = layout;\n\n    const { total_core_sheets: totalCoreSheets } = userChapterProgress;\n\n    const bannerBackgroundColor = useMemo(\n      () => (isDefocused ? 'GREY_1' : backgroundColor),\n      [backgroundColor, isDefocused],\n    );\n\n    return (\n      <Styled.BannerWrapper\n        $backgroundColor={colors[bannerBackgroundColor]}\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $flexGap={gutter}\n        $width=\"100%\"\n        $gapX={1.75}\n      >\n        <FlexView $widthX={49.25} $flexDirection=\"row\" $flexGapX={2} $alignItems=\"center\">\n          <Styled.ImageContainer src={imageUrl} alt=\"Chapter Image\" />\n\n          <FlexView $flexGapX={1}>\n            <Text $renderAs=\"ah3\">{name}</Text>\n            {!!totalCoreSheets && (\n              <FlexView $flexDirection=\"row\" $flexGapX={2}>\n                <MilestoneProgressInfo badgeSize={24} chapterProgress={userChapterProgress} />\n              </FlexView>\n            )}\n          </FlexView>\n        </FlexView>\n      </Styled.BannerWrapper>\n    );\n  },\n);\n\nexport default ChapterBanner;\n"],"names":["ChapterBanner","memo","userChapterProgress","imageUrl","backgroundColor","restChapterBannerProps","name","isDefocused","layout","colors","useTheme","gutter","totalCoreSheets","bannerBackgroundColor","useMemo","jsx","Styled.BannerWrapper","jsxs","FlexView","Styled.ImageContainer","Text","MilestoneProgressInfo"],"mappings":";;;;;;;AAWA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,qBAAAC,GAAqB,UAAAC,GAAU,iBAAAC,GAAiB,GAAGC,QAA6B;AAC3E,UAAA,EAAE,MAAAC,GAAM,aAAAC,EAAA,IAAgBF,GAExB,EAAE,QAAAG,GAAQ,QAAAC,EAAO,IAAIC,EAAS,GAC9B,EAAE,QAAAC,MAAWH,GAEb,EAAE,mBAAmBI,EAAA,IAAoBV,GAEzCW,IAAwBC;AAAA,MAC5B,MAAOP,IAAc,WAAWH;AAAA,MAChC,CAACA,GAAiBG,CAAW;AAAA,IAC/B;AAGE,WAAA,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,kBAAkBP,EAAOI,CAAqB;AAAA,QAC9C,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAUF;AAAA,QACV,QAAO;AAAA,QACP,OAAO;AAAA,QAEP,UAAA,gBAAAM,EAACC,KAAS,SAAS,OAAO,gBAAe,OAAM,WAAW,GAAG,aAAY,UACvE,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAsB,KAAKhB,GAAU,KAAI,iBAAgB;AAAA,UAE1D,gBAAAc,EAACC,GAAS,EAAA,WAAW,GACnB,UAAA;AAAA,YAAC,gBAAAH,EAAAK,GAAA,EAAK,WAAU,OAAO,UAAKd,GAAA;AAAA,YAC3B,CAAC,CAACM,KACD,gBAAAG,EAACG,KAAS,gBAAe,OAAM,WAAW,GACxC,4BAACG,GAAsB,EAAA,WAAW,IAAI,iBAAiBnB,GAAqB,EAC9E,CAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/features/chapters/chapter/comps/core-lessons/core-lessons-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"core-lessons-styled.js","sources":["../../../../../../src/features/chapters/chapter/comps/core-lessons/core-lessons-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport HelpIcon from '../../../../../assets/line-icons/icons/help';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst CoreLessonContainer = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    padding: ${gutter * 2.5}px 0px ${gutter}px 0px;\n  `;\n});\n\nconst LearningPlanFaqContainer = styled(FlexView)(() => {\n  return `\n    position: relative;\n  `;\n});\n\nconst StyledHelpIcon = styled(HelpIcon)`\n  cursor: pointer;\n`;\n\nexport { CoreLessonContainer, StyledHelpIcon, LearningPlanFaqContainer };\n"],"names":["CoreLessonContainer","styled","FlexView","theme","gutter","HelpIcon"],"mappings":";;;AAKA,MAAMA,IAAsBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACpD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,eACMC,IAAS,GAAG,UAAUA,CAAM;AAAA;AAE3C,CAAC;AAEgCH,EAAOC,CAAQ,EAAE,MACzC;AAAA;AAAA,GAGR;AAEsBD,EAAOI,CAAQ;AAAA;AAAA;"}
+{"version":3,"file":"core-lessons-styled.js","sources":["../../../../../../src/features/chapters/chapter/comps/core-lessons/core-lessons-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport HelpIcon from '../../../../../assets/line-icons/icons/help';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst CoreLessonContainer = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    padding: ${gutter * 2.5}px 0px ${gutter}px 0px;\n  `;\n});\n\nconst LearningPlanFaqContainer = styled(FlexView)(() => {\n  return `\n    position: relative;\n  `;\n});\n\nconst StyledHelpIcon = styled(HelpIcon)`\n  cursor: pointer;\n`;\n\nexport { CoreLessonContainer, StyledHelpIcon, LearningPlanFaqContainer };\n"],"names":["CoreLessonContainer","styled","FlexView","theme","gutter","HelpIcon"],"mappings":";;;AAKA,MAAMA,IAAsBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACpD,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA,eACMC,IAAS,GAAG,UAAUA,CAAM;AAAA;AAE3C,CAAC;AAEgCH,EAAOC,CAAQ,EAAE,MACzC;AAAA;AAAA,GAGR;AAEsBD,EAAOI,CAAQ;AAAA;AAAA;"}

package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js.map

@@ -1 +1 @@
-{"version":3,"file":"core-lessons.js","sources":["../../../../../../src/features/chapters/chapter/comps/core-lessons/core-lessons.tsx"],"sourcesContent":["import type { ICoreLessonsProps } from './core-lessons-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport LessonsList from '../../../../sheets/lessons-list/lessons-list';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './core-lessons-styled';\n\nconst CoreLessons: FC<ICoreLessonsProps> = memo(\n  ({ lessons, userChapterProgress, userType, ...restCoreLessonsProps }) => {\n    const {\n      lessonItemColorHue,\n      onStart,\n      onResume,\n      onReattempt,\n      onPreview,\n      onReview,\n      onReset,\n      onChangeLocation,\n      onMarkAsFamiliar,\n      onMarkRelevant,\n      onMarkIrrelevant,\n    } = restCoreLessonsProps;\n\n    const theme = useTheme();\n\n    const { total_core_sheets: totalCoreSheets } = userChapterProgress;\n\n    return (\n      <Styled.CoreLessonContainer\n        $flexGap={theme.layout.gutter * 1.5}\n        data-testid=\"lessons-container\"\n      >\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n          <Text $renderAs=\"ac4-black\" $color=\"REAL_BLACK_60\">\n            lessons ({totalCoreSheets || '-'})\n          </Text>\n        </FlexView>\n\n        <LessonsList\n          emptyLessonsText=\"No core lessons available for this chapter\"\n          lessons={lessons}\n          userType={userType}\n          lessonItemColorHue={lessonItemColorHue}\n          onMarkAsFamiliar={onMarkAsFamiliar}\n          onChangeLocation={onChangeLocation}\n          onReset={onReset}\n          onStart={onStart}\n          onResume={onResume}\n          onMarkIrrelevant={onMarkIrrelevant}\n          onMarkRelevant={onMarkRelevant}\n          onPreview={onPreview}\n          onReview={onReview}\n          onReattempt={onReattempt}\n        />\n      </Styled.CoreLessonContainer>\n    );\n  },\n);\n\nexport default CoreLessons;\n"],"names":["CoreLessons","memo","lessons","userChapterProgress","userType","restCoreLessonsProps","lessonItemColorHue","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onMarkRelevant","onMarkIrrelevant","theme","useTheme","totalCoreSheets","jsxs","Styled.CoreLessonContainer","jsx","FlexView","Text","LessonsList"],"mappings":";;;;;;;AAWA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,SAAAC,GAAS,qBAAAC,GAAqB,UAAAC,GAAU,GAAGC,QAA2B;AACjE,UAAA;AAAA,MACJ,oBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAQC,KAER,EAAE,mBAAmBC,EAAoB,IAAAhB;AAG7C,WAAA,gBAAAiB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,UAAUJ,EAAM,OAAO,SAAS;AAAA,QAChC,eAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAK,EAACC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,aAAY,QAAO,iBAAgB,UAAA;AAAA,YAAA;AAAA,YACvCL,KAAmB;AAAA,YAAI;AAAA,UAAA,EAAA,CACnC,EACF,CAAA;AAAA,UAEA,gBAAAG;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,SAAAvB;AAAA,cACA,UAAAE;AAAA,cACA,oBAAAE;AAAA,cACA,kBAAAQ;AAAA,cACA,kBAAAD;AAAA,cACA,SAAAD;AAAA,cACA,SAAAL;AAAA,cACA,UAAAC;AAAA,cACA,kBAAAQ;AAAA,cACA,gBAAAD;AAAA,cACA,WAAAL;AAAA,cACA,UAAAC;AAAA,cACA,aAAAF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"core-lessons.js","sources":["../../../../../../src/features/chapters/chapter/comps/core-lessons/core-lessons.tsx"],"sourcesContent":["import type { ICoreLessonsProps } from './core-lessons-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport LessonsList from '../../../../sheets/lessons-list/lessons-list';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './core-lessons-styled';\n\nconst CoreLessons: FC<ICoreLessonsProps> = memo(\n  ({ lessons, userChapterProgress, userType, ...restCoreLessonsProps }) => {\n    const {\n      lessonItemColorHue,\n      onStart,\n      onResume,\n      onReattempt,\n      onPreview,\n      onReview,\n      onReset,\n      onChangeLocation,\n      onMarkAsFamiliar,\n      onMarkRelevant,\n      onMarkIrrelevant,\n    } = restCoreLessonsProps;\n\n    const theme = useTheme();\n\n    const { total_core_sheets: totalCoreSheets } = userChapterProgress;\n\n    return (\n      <Styled.CoreLessonContainer\n        $flexGap={theme.layout.gutter * 1.5}\n        data-testid=\"lessons-container\"\n      >\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n          <Text $renderAs=\"ac4-black\" $color=\"REAL_BLACK_60\">\n            lessons ({totalCoreSheets || '-'})\n          </Text>\n        </FlexView>\n\n        <LessonsList\n          emptyLessonsText=\"No core lessons available for this chapter\"\n          lessons={lessons}\n          userType={userType}\n          lessonItemColorHue={lessonItemColorHue}\n          onMarkAsFamiliar={onMarkAsFamiliar}\n          onChangeLocation={onChangeLocation}\n          onReset={onReset}\n          onStart={onStart}\n          onResume={onResume}\n          onMarkIrrelevant={onMarkIrrelevant}\n          onMarkRelevant={onMarkRelevant}\n          onPreview={onPreview}\n          onReview={onReview}\n          onReattempt={onReattempt}\n        />\n      </Styled.CoreLessonContainer>\n    );\n  },\n);\n\nexport default CoreLessons;\n"],"names":["CoreLessons","memo","lessons","userChapterProgress","userType","restCoreLessonsProps","lessonItemColorHue","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onMarkRelevant","onMarkIrrelevant","theme","useTheme","totalCoreSheets","jsxs","Styled.CoreLessonContainer","jsx","FlexView","Text","LessonsList"],"mappings":";;;;;;;AAWA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,SAAAC,GAAS,qBAAAC,GAAqB,UAAAC,GAAU,GAAGC,QAA2B;AACjE,UAAA;AAAA,MACJ,oBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,IACEX,GAEEY,IAAQC,EAAS,GAEjB,EAAE,mBAAmBC,EAAA,IAAoBhB;AAG7C,WAAA,gBAAAiB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,UAAUJ,EAAM,OAAO,SAAS;AAAA,QAChC,eAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAK,EAACC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,aAAY,QAAO,iBAAgB,UAAA;AAAA,YAAA;AAAA,YACvCL,KAAmB;AAAA,YAAI;AAAA,UAAA,EAAA,CACnC,EACF,CAAA;AAAA,UAEA,gBAAAG;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,SAAAvB;AAAA,cACA,UAAAE;AAAA,cACA,oBAAAE;AAAA,cACA,kBAAAQ;AAAA,cACA,kBAAAD;AAAA,cACA,SAAAD;AAAA,cACA,SAAAL;AAAA,cACA,UAAAC;AAAA,cACA,kBAAAQ;AAAA,cACA,gBAAAD;AAAA,cACA,WAAAL;AAAA,cACA,UAAAC;AAAA,cACA,aAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"supplementary-resources-styled.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/supplementary-resources-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface ITabProps {\n  $selected: boolean;\n}\n\nconst SupplementaryResourcesContainer = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    padding: ${gutter * 1.5}px 0px ${gutter}px ${gutter * 0.25}px;\n  `;\n});\n\nconst Tab = styled(FlexView)<ITabProps>(({ $selected, theme }) => {\n  const { BLACK, BLACK_T_15 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    padding: 0 ${gutter * 1.5}px ${gutter * 1.125}px;\n    cursor: pointer;\n    border-bottom: 2px solid ${$selected ? BLACK : BLACK_T_15};\n  `;\n});\n\nconst ScrollFlexView = styled(FlexView)`\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst WrappedText = styled(Text)`\n  white-space: nowrap;\n`;\n\nexport { SupplementaryResourcesContainer, Tab, ScrollFlexView, WrappedText };\n"],"names":["SupplementaryResourcesContainer","styled","FlexView","theme","gutter","Tab","$selected","BLACK","BLACK_T_15","ScrollFlexView","WrappedText","Text"],"mappings":";;;AASA,MAAMA,IAAkCC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAChE,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,eACMC,IAAS,GAAG,UAAUA,CAAM,MAAMA,IAAS,IAAI;AAAA;AAE9D,CAAC,GAEKC,IAAMJ,EAAOC,CAAQ,EAAa,CAAC,EAAE,WAAAI,GAAW,OAAAH,QAAY;AAChE,QAAM,EAAE,OAAAI,GAAO,YAAAC,MAAeL,EAAM,QAC9B,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,iBACQC,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA,+BAElBE,IAAYC,IAAQC,CAAU;AAAA;AAE7D,CAAC,GAEKC,IAAiBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShCQ,IAAcT,EAAOU,CAAI;AAAA;AAAA;"}
+{"version":3,"file":"supplementary-resources-styled.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/supplementary-resources-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface ITabProps {\n  $selected: boolean;\n}\n\nconst SupplementaryResourcesContainer = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    padding: ${gutter * 1.5}px 0px ${gutter}px ${gutter * 0.25}px;\n  `;\n});\n\nconst Tab = styled(FlexView)<ITabProps>(({ $selected, theme }) => {\n  const { BLACK, BLACK_T_15 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    padding: 0 ${gutter * 1.5}px ${gutter * 1.125}px;\n    cursor: pointer;\n    border-bottom: 2px solid ${$selected ? BLACK : BLACK_T_15};\n  `;\n});\n\nconst ScrollFlexView = styled(FlexView)`\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst WrappedText = styled(Text)`\n  white-space: nowrap;\n`;\n\nexport { SupplementaryResourcesContainer, Tab, ScrollFlexView, WrappedText };\n"],"names":["SupplementaryResourcesContainer","styled","FlexView","theme","gutter","Tab","$selected","BLACK","BLACK_T_15","ScrollFlexView","WrappedText","Text"],"mappings":";;;AASA,MAAMA,IAAkCC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAChE,QAAA,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA,eACMC,IAAS,GAAG,UAAUA,CAAM,MAAMA,IAAS,IAAI;AAAA;AAE9D,CAAC,GAEKC,IAAMJ,EAAOC,CAAQ,EAAa,CAAC,EAAE,WAAAI,GAAW,OAAAH,QAAY;AAChE,QAAM,EAAE,OAAAI,GAAO,YAAAC,EAAW,IAAIL,EAAM,QAC9B,EAAE,QAAAC,MAAWD,EAAM;AAElB,SAAA;AAAA,iBACQC,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA,+BAElBE,IAAYC,IAAQC,CAAU;AAAA;AAE7D,CAAC,GAEKC,IAAiBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShCQ,IAAcT,EAAOU,CAAI;AAAA;AAAA;"}

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"supplementary-resources.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../chapter-types';\nimport type { ISupplementaryResourcesProps } from './supplementary-resources-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ResourcesList from '../../../../sheets/resources-list/resources-list';\nimport UIContext, { useUIContext } from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './supplementary-resources-styled';\nimport { getResourceTabName } from './utils';\n\nconst getDefaultSelectedTab = (\n  groupedSheets: IChapterDataProps['sheets_data']['supplementary_sheets_grouped'],\n  groupedSheetsSortOrder: IChapterDataProps['sheets_data']['supplementary_sheets_group_sort_order'],\n): string => {\n  const sheetCategory = groupedSheetsSortOrder.find(category => {\n    const categoryData = groupedSheets[category];\n\n    return categoryData ? categoryData.length > 0 : undefined;\n  });\n\n  return sheetCategory ?? 'assigned';\n};\n\nconst SupplementaryResources: FC<ISupplementaryResourcesProps> = memo(\n  ({ groupedSupplementarySheets, userType, isDefocused, ...restSupplementaryResourcesProps }) => {\n    const {\n      handleOnCreateExtraPractice,\n      teacherId,\n      groupedSupplementarySheetsSortOrder,\n      ...sheetListCallbacks\n    } = restSupplementaryResourcesProps;\n\n    const theme = useTheme();\n    const totalResourcesCount = useRef(0);\n\n    const [selectedTab, setSelectedTab] = useState(() => {\n      return getDefaultSelectedTab(groupedSupplementarySheets, groupedSupplementarySheetsSortOrder);\n    });\n\n    const analyticProps = useTrackingContext({ tab: selectedTab });\n    const { onEvent: trackEvent } = useUIContext();\n\n    const isTeacher = userType === 'TEACHER';\n\n    const { keys: supplementarySheetCounts, newAssignedSheetsCount } = useMemo(() => {\n      const assignedSheets = groupedSupplementarySheets.assigned ?? [];\n\n      const newAssignedCount = assignedSheets.reduce((acc, assignedSheetData) => {\n        if (assignedSheetData.state === 'NOT_STARTED') {\n          return acc + 1;\n        }\n\n        return acc;\n      }, 0);\n\n      const keys: Partial<Record<string, number>> = {};\n\n      if (newAssignedCount > 0) {\n        keys.assigned = newAssignedCount;\n      }\n\n      totalResourcesCount.current = isTeacher ? 0 : assignedSheets.length;\n\n      groupedSupplementarySheets &&\n        groupedSupplementarySheetsSortOrder.forEach(suppSheetType => {\n          const sheetData =\n            groupedSupplementarySheets[suppSheetType as keyof typeof groupedSupplementarySheets] ||\n            [];\n          const sheetCount = sheetData.length;\n\n          if (suppSheetType !== 'assigned' && isTeacher) {\n            totalResourcesCount.current += sheetCount;\n          }\n\n          if (sheetCount) {\n            keys[suppSheetType] = sheetCount;\n          }\n        });\n\n      return { keys, newAssignedSheetsCount: newAssignedCount };\n    }, [groupedSupplementarySheets, groupedSupplementarySheetsSortOrder, isTeacher]);\n\n    const handleOnTabSwitch = useCallback(\n      (suppSheetKey: string) => {\n        setSelectedTab(suppSheetKey);\n        trackEvent('clicked', {\n          cta: suppSheetKey,\n        });\n      },\n      [trackEvent],\n    );\n\n    if (totalResourcesCount.current === 0) return null;\n\n    return (\n      <UIContext.Provider value={analyticProps}>\n        <Styled.SupplementaryResourcesContainer\n          $flexGap={theme.layout.gutter * 1.5}\n          $widthX={47.5}\n          $flexGapX={2}\n        >\n          <FlexView $flexGap={8}>\n            <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n              resources ({totalResourcesCount.current})\n            </Text>\n\n            {isTeacher && (\n              <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                Only assigned sheets are visible to the student\n              </Text>\n            )}\n          </FlexView>\n\n          <Styled.ScrollFlexView $flexDirection=\"row\">\n            {Object.entries(supplementarySheetCounts).map(entry => {\n              const [suppSheetKey, sheetCount] = entry;\n\n              const tabLabel = getResourceTabName(suppSheetKey, sheetCount ?? 0);\n\n              return (\n                <Styled.Tab\n                  key={suppSheetKey}\n                  $selected={selectedTab === suppSheetKey}\n                  onClick={() => handleOnTabSwitch(suppSheetKey)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGapX={0.375}>\n                    <Text $renderAs={selectedTab === suppSheetKey ? 'cta2' : 'body2'}>\n                      {tabLabel}\n                    </Text>\n                    {suppSheetKey === 'assigned' && !!newAssignedSheetsCount && (\n                      <FlexView\n                        $background=\"GREEN_4\"\n                        $borderRadiusX={0.25}\n                        $gapX={0.125}\n                        $gutterX={0.25}\n                        $alignItems=\"center\"\n                      >\n                        <Styled.WrappedText $renderAs=\"eyebrow2\">\n                          {newAssignedSheetsCount} New\n                        </Styled.WrappedText>\n                      </FlexView>\n                    )}\n                  </FlexView>\n                </Styled.Tab>\n              );\n            })}\n          </Styled.ScrollFlexView>\n\n          <ResourcesList\n            userType={userType}\n            sheets={groupedSupplementarySheets[selectedTab] ?? []}\n            {...sheetListCallbacks}\n          />\n        </Styled.SupplementaryResourcesContainer>\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default SupplementaryResources;\n"],"names":["getDefaultSelectedTab","groupedSheets","groupedSheetsSortOrder","category","categoryData","SupplementaryResources","memo","groupedSupplementarySheets","userType","isDefocused","restSupplementaryResourcesProps","handleOnCreateExtraPractice","teacherId","groupedSupplementarySheetsSortOrder","sheetListCallbacks","theme","useTheme","totalResourcesCount","useRef","selectedTab","setSelectedTab","useState","analyticProps","useTrackingContext","trackEvent","useUIContext","isTeacher","supplementarySheetCounts","newAssignedSheetsCount","useMemo","assignedSheets","newAssignedCount","acc","assignedSheetData","keys","suppSheetType","sheetCount","handleOnTabSwitch","useCallback","suppSheetKey","jsx","UIContext","jsxs","Styled.SupplementaryResourcesContainer","FlexView","Text","Styled.ScrollFlexView","entry","tabLabel","getResourceTabName","Styled.Tab","Styled.WrappedText","ResourcesList"],"mappings":"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"}
+{"version":3,"file":"supplementary-resources.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../chapter-types';\nimport type { ISupplementaryResourcesProps } from './supplementary-resources-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ResourcesList from '../../../../sheets/resources-list/resources-list';\nimport UIContext, { useUIContext } from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './supplementary-resources-styled';\nimport { getResourceTabName } from './utils';\n\nconst getDefaultSelectedTab = (\n  groupedSheets: IChapterDataProps['sheets_data']['supplementary_sheets_grouped'],\n  groupedSheetsSortOrder: IChapterDataProps['sheets_data']['supplementary_sheets_group_sort_order'],\n): string => {\n  const sheetCategory = groupedSheetsSortOrder.find(category => {\n    const categoryData = groupedSheets[category];\n\n    return categoryData ? categoryData.length > 0 : undefined;\n  });\n\n  return sheetCategory ?? 'assigned';\n};\n\nconst SupplementaryResources: FC<ISupplementaryResourcesProps> = memo(\n  ({ groupedSupplementarySheets, userType, isDefocused, ...restSupplementaryResourcesProps }) => {\n    const {\n      handleOnCreateExtraPractice,\n      teacherId,\n      groupedSupplementarySheetsSortOrder,\n      ...sheetListCallbacks\n    } = restSupplementaryResourcesProps;\n\n    const theme = useTheme();\n    const totalResourcesCount = useRef(0);\n\n    const [selectedTab, setSelectedTab] = useState(() => {\n      return getDefaultSelectedTab(groupedSupplementarySheets, groupedSupplementarySheetsSortOrder);\n    });\n\n    const analyticProps = useTrackingContext({ tab: selectedTab });\n    const { onEvent: trackEvent } = useUIContext();\n\n    const isTeacher = userType === 'TEACHER';\n\n    const { keys: supplementarySheetCounts, newAssignedSheetsCount } = useMemo(() => {\n      const assignedSheets = groupedSupplementarySheets.assigned ?? [];\n\n      const newAssignedCount = assignedSheets.reduce((acc, assignedSheetData) => {\n        if (assignedSheetData.state === 'NOT_STARTED') {\n          return acc + 1;\n        }\n\n        return acc;\n      }, 0);\n\n      const keys: Partial<Record<string, number>> = {};\n\n      if (newAssignedCount > 0) {\n        keys.assigned = newAssignedCount;\n      }\n\n      totalResourcesCount.current = isTeacher ? 0 : assignedSheets.length;\n\n      groupedSupplementarySheets &&\n        groupedSupplementarySheetsSortOrder.forEach(suppSheetType => {\n          const sheetData =\n            groupedSupplementarySheets[suppSheetType as keyof typeof groupedSupplementarySheets] ||\n            [];\n          const sheetCount = sheetData.length;\n\n          if (suppSheetType !== 'assigned' && isTeacher) {\n            totalResourcesCount.current += sheetCount;\n          }\n\n          if (sheetCount) {\n            keys[suppSheetType] = sheetCount;\n          }\n        });\n\n      return { keys, newAssignedSheetsCount: newAssignedCount };\n    }, [groupedSupplementarySheets, groupedSupplementarySheetsSortOrder, isTeacher]);\n\n    const handleOnTabSwitch = useCallback(\n      (suppSheetKey: string) => {\n        setSelectedTab(suppSheetKey);\n        trackEvent('clicked', {\n          cta: suppSheetKey,\n        });\n      },\n      [trackEvent],\n    );\n\n    if (totalResourcesCount.current === 0) return null;\n\n    return (\n      <UIContext.Provider value={analyticProps}>\n        <Styled.SupplementaryResourcesContainer\n          $flexGap={theme.layout.gutter * 1.5}\n          $widthX={47.5}\n          $flexGapX={2}\n        >\n          <FlexView $flexGap={8}>\n            <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n              resources ({totalResourcesCount.current})\n            </Text>\n\n            {isTeacher && (\n              <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                Only assigned sheets are visible to the student\n              </Text>\n            )}\n          </FlexView>\n\n          <Styled.ScrollFlexView $flexDirection=\"row\">\n            {Object.entries(supplementarySheetCounts).map(entry => {\n              const [suppSheetKey, sheetCount] = entry;\n\n              const tabLabel = getResourceTabName(suppSheetKey, sheetCount ?? 0);\n\n              return (\n                <Styled.Tab\n                  key={suppSheetKey}\n                  $selected={selectedTab === suppSheetKey}\n                  onClick={() => handleOnTabSwitch(suppSheetKey)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGapX={0.375}>\n                    <Text $renderAs={selectedTab === suppSheetKey ? 'cta2' : 'body2'}>\n                      {tabLabel}\n                    </Text>\n                    {suppSheetKey === 'assigned' && !!newAssignedSheetsCount && (\n                      <FlexView\n                        $background=\"GREEN_4\"\n                        $borderRadiusX={0.25}\n                        $gapX={0.125}\n                        $gutterX={0.25}\n                        $alignItems=\"center\"\n                      >\n                        <Styled.WrappedText $renderAs=\"eyebrow2\">\n                          {newAssignedSheetsCount} New\n                        </Styled.WrappedText>\n                      </FlexView>\n                    )}\n                  </FlexView>\n                </Styled.Tab>\n              );\n            })}\n          </Styled.ScrollFlexView>\n\n          <ResourcesList\n            userType={userType}\n            sheets={groupedSupplementarySheets[selectedTab] ?? []}\n            {...sheetListCallbacks}\n          />\n        </Styled.SupplementaryResourcesContainer>\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default SupplementaryResources;\n"],"names":["getDefaultSelectedTab","groupedSheets","groupedSheetsSortOrder","category","categoryData","SupplementaryResources","memo","groupedSupplementarySheets","userType","isDefocused","restSupplementaryResourcesProps","handleOnCreateExtraPractice","teacherId","groupedSupplementarySheetsSortOrder","sheetListCallbacks","theme","useTheme","totalResourcesCount","useRef","selectedTab","setSelectedTab","useState","analyticProps","useTrackingContext","trackEvent","useUIContext","isTeacher","supplementarySheetCounts","newAssignedSheetsCount","useMemo","assignedSheets","newAssignedCount","acc","assignedSheetData","keys","suppSheetType","sheetCount","handleOnTabSwitch","useCallback","suppSheetKey","jsx","UIContext","jsxs","Styled.SupplementaryResourcesContainer","FlexView","Text","Styled.ScrollFlexView","entry","tabLabel","getResourceTabName","Styled.Tab","Styled.WrappedText","ResourcesList"],"mappings":"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"}

package/dist/features/chapters/chapter/comps/supplementary-resources/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/utils.ts"],"sourcesContent":["import { capitalize } from 'humanize-plus';\n\nconst getResourceTabName = (suppSheetKey: string, sheetCount: number) => {\n  if (suppSheetKey === 'assigned') {\n    return capitalize(suppSheetKey);\n  }\n\n  const suppSheetKeyList = suppSheetKey.split('_');\n  let updatedSuppSheetKey = `${capitalize(`${suppSheetKeyList[0]}`)}`;\n\n  if (suppSheetKeyList.length > 1) {\n    suppSheetKeyList.forEach((suppKey, idx) => {\n      if (idx > 0) {\n        updatedSuppSheetKey += ' ' + capitalize(suppKey);\n      }\n    });\n  }\n\n  return `${updatedSuppSheetKey} (${sheetCount})`;\n};\n\nexport { getResourceTabName };\n"],"names":["getResourceTabName","suppSheetKey","sheetCount","capitalize","suppSheetKeyList","updatedSuppSheetKey","suppKey","idx"],"mappings":";AAEM,MAAAA,IAAqB,CAACC,GAAsBC,MAAuB;AACvE,MAAID,MAAiB;AACnB,WAAOE,EAAAA,WAAWF,CAAY;AAG1B,QAAAG,IAAmBH,EAAa,MAAM,GAAG;AAC3C,MAAAI,IAAsB,GAAGF,EAAAA,WAAW,GAAGC,EAAiB,CAAC,CAAC,EAAE,CAAC;AAE7D,SAAAA,EAAiB,SAAS,KACXA,EAAA,QAAQ,CAACE,GAASC,MAAQ;AACzC,IAAIA,IAAM,MACeF,KAAA,MAAMF,aAAWG,CAAO;AAAA,EACjD,CACD,GAGI,GAAGD,CAAmB,KAAKH,CAAU;AAC9C;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/utils.ts"],"sourcesContent":["import { capitalize } from 'humanize-plus';\n\nconst getResourceTabName = (suppSheetKey: string, sheetCount: number) => {\n  if (suppSheetKey === 'assigned') {\n    return capitalize(suppSheetKey);\n  }\n\n  const suppSheetKeyList = suppSheetKey.split('_');\n  let updatedSuppSheetKey = `${capitalize(`${suppSheetKeyList[0]}`)}`;\n\n  if (suppSheetKeyList.length > 1) {\n    suppSheetKeyList.forEach((suppKey, idx) => {\n      if (idx > 0) {\n        updatedSuppSheetKey += ' ' + capitalize(suppKey);\n      }\n    });\n  }\n\n  return `${updatedSuppSheetKey} (${sheetCount})`;\n};\n\nexport { getResourceTabName };\n"],"names":["getResourceTabName","suppSheetKey","sheetCount","capitalize","suppSheetKeyList","updatedSuppSheetKey","suppKey","idx"],"mappings":";AAEM,MAAAA,IAAqB,CAACC,GAAsBC,MAAuB;AACvE,MAAID,MAAiB;AACnB,WAAOE,EAAAA,WAAWF,CAAY;AAG1B,QAAAG,IAAmBH,EAAa,MAAM,GAAG;AAC3C,MAAAI,IAAsB,GAAGF,aAAW,GAAGC,EAAiB,CAAC,CAAC,EAAE,CAAC;AAE7D,SAAAA,EAAiB,SAAS,KACXA,EAAA,QAAQ,CAACE,GAASC,MAAQ;AACzC,IAAIA,IAAM,MACeF,KAAA,MAAMF,aAAWG,CAAO;AAAA,EACjD,CACD,GAGI,GAAGD,CAAmB,KAAKH,CAAU;AAC9C;"}

package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js

@@ -1,7 +1,7 @@
-import e, { keyframes as l, css as d } from "styled-components";
+import e, { css as l, keyframes as d } from "styled-components";
 import o from "../../../ui/layout/flex-view.js";
 import h from "../../../ui/text/text.js";
-const g = l`
+const g = d`
   0% {
     transform: translate(100%, -100%) skewX(45deg);
     opacity: 0;
@@ -104,7 +104,7 @@ const g = l`
     }
 
     ${b}::after {
-      ${d`
+      ${l`
         animation: ${g} 1.2s ease-out forwards;
       `}
     }

package/dist/features/chapters/chapters-list/chapter-item/chapter-item-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item-styled.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst shimmerEffect = keyframes`\n  0% {\n    transform: translate(100%, -100%) skewX(45deg);\n    opacity: 0;\n  }\n\n  100% {\n    transform: translate(-150%, 100%) skewX(45deg);\n    opacity: 1;\n  }\n`;\n\nconst ChapterImageWrapper = styled(FlexView)`\n  transition: scale 0.3s ease-in-out;\n`;\n\nconst ChapterProgressWrapper = styled(FlexView)`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  overflow: hidden;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n    width: 40%;\n    height: 150%;\n    background: linear-gradient(\n      to right,\n      rgba(255, 255, 255, 0.7) 0%,\n      rgba(255, 255, 255, 0.1) 35%,\n      rgba(255, 255, 255, 0.7) 40%,\n      rgba(255, 255, 255, 0.7) 80%,\n      rgba(255, 255, 255, 0) 100%\n    );\n    opacity: 0;\n    transform: translate(100%, -100%) skew(45deg);\n    pointer-events: none;\n  }\n`;\n\nconst ChapterProgressSVG = styled.svg(({ theme }) => {\n  return `\n    position: absolute;\n    z-index: ${theme.zIndex.CHAPTER_PROGRESS_SVG};\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress }) => {\n    const { GREY_2, BLACK } = theme.colors;\n    const { gutter } = theme.layout;\n\n    const strokeDashArray = gutter * 18.625;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? BLACK : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\nconst ChapterImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    display: block;\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    border-radius: 50%;\n  `;\n});\n\nconst StyledCheckIconWrapper = styled.div(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    z-index: 2;\n\n    width: ${layout.gutter * 1.25}px;\n    height: ${layout.gutter * 1.25}px;\n    border-radius: 50%;\n    background: ${theme.colors.WHITE_1};\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nconst ChapterName = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 44px;\n`;\n\ninterface IChapterItemWrapperProps {\n  $bgColor?: TColorNames;\n  shouldHideClick?: boolean;\n}\n\nconst ChapterItemNumberWrapper = styled(FlexView)`\n  position: absolute;\n  left: 0;\n  top: 0;\n`;\n\nconst ChapterItemWrapper = styled(FlexView)<IChapterItemWrapperProps>`\n  cursor: ${({ shouldHideClick }) => (shouldHideClick ? 'not-allowed' : 'pointer')};\n  position: relative;\n  box-shadow: inset 0px 0px 0px 0.5px ${({ theme }) => theme.colors.BLACK_T_15};\n  aspect-ratio: 1;\n\n  &:hover {\n    background: ${({ theme, $bgColor }) => ($bgColor ? theme.colors[$bgColor] : 'none')};\n\n    ${ChapterImageWrapper} {\n      scale: 1.05;\n    }\n\n    ${ChapterProgressWrapper}::after {\n      ${css`\n        animation: ${shimmerEffect} 1.2s ease-out forwards;\n      `}\n    }\n\n    ${ChapterItemNumberWrapper} {\n      background-color: transparent;\n    }\n  }\n`;\n\nexport {\n  ChapterImageWrapper,\n  ChapterProgressWrapper,\n  ChapterImage,\n  ChapterItemWrapper,\n  ChapterName,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  StyledCheckIconWrapper,\n  ChapterItemNumberWrapper,\n};\n"],"names":["shimmerEffect","keyframes","ChapterImageWrapper","styled","FlexView","ChapterProgressWrapper","ChapterProgressSVG","theme","ChapterProgressSVGCircle","$progressCircle","$progress","GREY_2","BLACK","gutter","strokeDashArray","strokeDashOffset","ChapterImage","StyledCheckIconWrapper","layout","ChapterName","Text","ChapterItemNumberWrapper","ChapterItemWrapper","shouldHideClick","$bgColor","css"],"mappings":";;;AAOA,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYhBC,IAAsBC,EAAOC,CAAQ;AAAA;AAAA,GAIrCC,IAAyBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BxCE,IAAqBH,EAAO,IAAI,CAAC,EAAE,OAAAI,QAChC;AAAA;AAAA,eAEMA,EAAM,OAAO,oBAAoB;AAAA;AAAA;AAAA,GAI/C,GAOKC,IAA2BL,EAAO;AAAA,EACtC,CAAC,EAAE,OAAAI,GAAO,iBAAAE,GAAiB,WAAAC,QAAgB;AACzC,UAAM,EAAE,QAAAC,GAAQ,OAAAC,MAAUL,EAAM,QAC1B,EAAE,QAAAM,EAAO,IAAIN,EAAM,QAEnBO,IAAkBD,IAAS,QAC3BE,IAAmBN,IAAkBK,IAAkBJ,IAAYA;AAElE,WAAA;AAAA,0BACeI,CAAe;AAAA,2BACdC,CAAgB;AAAA,gBAC3BN,IAAkBG,IAAQD,CAAM;AAAA;AAAA,sBAE1BE,IAAS,KAAK;AAAA;AAAA;AAAA,EAGlC;AACF,GAEMG,IAAeb,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACvC,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM;AAElB,SAAA;AAAA;AAAA,aAEIM,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEKI,IAAyBd,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACjD,QAAA,EAAE,QAAAW,EAAW,IAAAX;AAEZ,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMIW,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA,kBAEhBX,EAAM,OAAO,OAAO;AAAA,yBACbA,EAAM,OAAO,OAAO;AAAA;AAE7C,CAAC,GAEKY,IAAchB,EAAOiB,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAczBC,IAA2BlB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM1CkB,IAAqBnB,EAAOC,CAAQ;AAAA,YAC9B,CAAC,EAAE,iBAAAmB,EAAA,MAAuBA,IAAkB,gBAAgB,SAAU;AAAA;AAAA,wCAE1C,CAAC,EAAE,OAAAhB,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,kBAI5D,CAAC,EAAE,OAAAA,GAAO,UAAAiB,QAAgBA,IAAWjB,EAAM,OAAOiB,CAAQ,IAAI,MAAO;AAAA;AAAA,MAEjFtB,CAAmB;AAAA;AAAA;AAAA;AAAA,MAInBG,CAAsB;AAAA,QACpBoB;AAAA,qBACazB,CAAa;AAAA,OAC3B;AAAA;AAAA;AAAA,MAGDqB,CAAwB;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"chapter-item-styled.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst shimmerEffect = keyframes`\n  0% {\n    transform: translate(100%, -100%) skewX(45deg);\n    opacity: 0;\n  }\n\n  100% {\n    transform: translate(-150%, 100%) skewX(45deg);\n    opacity: 1;\n  }\n`;\n\nconst ChapterImageWrapper = styled(FlexView)`\n  transition: scale 0.3s ease-in-out;\n`;\n\nconst ChapterProgressWrapper = styled(FlexView)`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  overflow: hidden;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n    width: 40%;\n    height: 150%;\n    background: linear-gradient(\n      to right,\n      rgba(255, 255, 255, 0.7) 0%,\n      rgba(255, 255, 255, 0.1) 35%,\n      rgba(255, 255, 255, 0.7) 40%,\n      rgba(255, 255, 255, 0.7) 80%,\n      rgba(255, 255, 255, 0) 100%\n    );\n    opacity: 0;\n    transform: translate(100%, -100%) skew(45deg);\n    pointer-events: none;\n  }\n`;\n\nconst ChapterProgressSVG = styled.svg(({ theme }) => {\n  return `\n    position: absolute;\n    z-index: ${theme.zIndex.CHAPTER_PROGRESS_SVG};\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress }) => {\n    const { GREY_2, BLACK } = theme.colors;\n    const { gutter } = theme.layout;\n\n    const strokeDashArray = gutter * 18.625;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? BLACK : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\nconst ChapterImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    display: block;\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    border-radius: 50%;\n  `;\n});\n\nconst StyledCheckIconWrapper = styled.div(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    z-index: 2;\n\n    width: ${layout.gutter * 1.25}px;\n    height: ${layout.gutter * 1.25}px;\n    border-radius: 50%;\n    background: ${theme.colors.WHITE_1};\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nconst ChapterName = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 44px;\n`;\n\ninterface IChapterItemWrapperProps {\n  $bgColor?: TColorNames;\n  shouldHideClick?: boolean;\n}\n\nconst ChapterItemNumberWrapper = styled(FlexView)`\n  position: absolute;\n  left: 0;\n  top: 0;\n`;\n\nconst ChapterItemWrapper = styled(FlexView)<IChapterItemWrapperProps>`\n  cursor: ${({ shouldHideClick }) => (shouldHideClick ? 'not-allowed' : 'pointer')};\n  position: relative;\n  box-shadow: inset 0px 0px 0px 0.5px ${({ theme }) => theme.colors.BLACK_T_15};\n  aspect-ratio: 1;\n\n  &:hover {\n    background: ${({ theme, $bgColor }) => ($bgColor ? theme.colors[$bgColor] : 'none')};\n\n    ${ChapterImageWrapper} {\n      scale: 1.05;\n    }\n\n    ${ChapterProgressWrapper}::after {\n      ${css`\n        animation: ${shimmerEffect} 1.2s ease-out forwards;\n      `}\n    }\n\n    ${ChapterItemNumberWrapper} {\n      background-color: transparent;\n    }\n  }\n`;\n\nexport {\n  ChapterImageWrapper,\n  ChapterProgressWrapper,\n  ChapterImage,\n  ChapterItemWrapper,\n  ChapterName,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  StyledCheckIconWrapper,\n  ChapterItemNumberWrapper,\n};\n"],"names":["shimmerEffect","keyframes","ChapterImageWrapper","styled","FlexView","ChapterProgressWrapper","ChapterProgressSVG","theme","ChapterProgressSVGCircle","$progressCircle","$progress","GREY_2","BLACK","gutter","strokeDashArray","strokeDashOffset","ChapterImage","StyledCheckIconWrapper","layout","ChapterName","Text","ChapterItemNumberWrapper","ChapterItemWrapper","shouldHideClick","$bgColor","css"],"mappings":";;;AAOA,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYhBC,IAAsBC,EAAOC,CAAQ;AAAA;AAAA,GAIrCC,IAAyBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BxCE,IAAqBH,EAAO,IAAI,CAAC,EAAE,OAAAI,QAChC;AAAA;AAAA,eAEMA,EAAM,OAAO,oBAAoB;AAAA;AAAA;AAAA,GAI/C,GAOKC,IAA2BL,EAAO;AAAA,EACtC,CAAC,EAAE,OAAAI,GAAO,iBAAAE,GAAiB,WAAAC,QAAgB;AACzC,UAAM,EAAE,QAAAC,GAAQ,OAAAC,EAAM,IAAIL,EAAM,QAC1B,EAAE,QAAAM,MAAWN,EAAM,QAEnBO,IAAkBD,IAAS,QAC3BE,IAAmBN,IAAkBK,IAAkBJ,IAAYA;AAElE,WAAA;AAAA,0BACeI,CAAe;AAAA,2BACdC,CAAgB;AAAA,gBAC3BN,IAAkBG,IAAQD,CAAM;AAAA;AAAA,sBAE1BE,IAAS,KAAK;AAAA;AAAA;AAAA,EAAA;AAIpC,GAEMG,IAAeb,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACvC,QAAA,EAAE,QAAAM,MAAWN,EAAM;AAElB,SAAA;AAAA;AAAA,aAEIM,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEKI,IAAyBd,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACjD,QAAA,EAAE,QAAAW,MAAWX;AAEZ,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMIW,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA,kBAEhBX,EAAM,OAAO,OAAO;AAAA,yBACbA,EAAM,OAAO,OAAO;AAAA;AAE7C,CAAC,GAEKY,IAAchB,EAAOiB,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAczBC,IAA2BlB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM1CkB,IAAqBnB,EAAOC,CAAQ;AAAA,YAC9B,CAAC,EAAE,iBAAAmB,EAAA,MAAuBA,IAAkB,gBAAgB,SAAU;AAAA;AAAA,wCAE1C,CAAC,EAAE,OAAAhB,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,kBAI5D,CAAC,EAAE,OAAAA,GAAO,UAAAiB,QAAgBA,IAAWjB,EAAM,OAAOiB,CAAQ,IAAI,MAAO;AAAA;AAAA,MAEjFtB,CAAmB;AAAA;AAAA;AAAA;AAAA,MAInBG,CAAsB;AAAA,QACpBoB;AAAA,qBACazB,CAAa;AAAA,OAC3B;AAAA;AAAA;AAAA,MAGDqB,CAAwB;AAAA;AAAA;AAAA;AAAA;"}