@cuemath/leap 2.8.52 → 2.8.53-aa0

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-item-number.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number.tsx"],"sourcesContent":["import type { IWorksheetItemNumberProps, TItemState } from './worksheet-item-number-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport BookmarkIcon from '../../../../../assets/line-icons/icons/bookmark';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { TOP_NAVIGATION_HEIGHT } from '../../constants';\nimport * as Styled from './worksheet-item-number-styled';\n\nconst WorksheetItemNumber: FC<IWorksheetItemNumberProps> = memo(\n  ({\n    placement,\n    item,\n    isOptional,\n    responses,\n    validation,\n    onItemNumberClick,\n    canShowUserPin,\n    teacherValidationEnabled,\n    summaryVisible,\n    maximumAttempts,\n  }) => {\n    const { firstQuestion, isActive, isUnlocked, questionIds } = item;\n    const { item_number, item_display_number } = firstQuestion;\n    const { itemState, markedForReview }: { itemState: TItemState; markedForReview: boolean } =\n      useMemo(() => {\n        const totalQuestion = questionIds.length;\n        let state: TItemState = 'unanswered';\n        const {\n          correctQuestions,\n          incorrectQuestions,\n          editedQuestions,\n          markedForReviewQuestions,\n          skippedQuestions,\n        } = questionIds.reduce(\n          (acc, questionId) => {\n            const response = responses[questionId];\n\n            if (!response) {\n              return acc;\n            }\n\n            const { responseEdited, score: responseScore, validatedByTeacher } = response;\n            const isAttempted =\n              responseScore && 'score' in responseScore && 'max_score' in responseScore;\n            const isCorrect = responseScore?.score === responseScore?.max_score;\n\n            if (validation) {\n              if (responseEdited && maximumAttempts !== -1) {\n                acc.editedQuestions++;\n              } else if (teacherValidationEnabled) {\n                if (validatedByTeacher) acc.correctQuestions++;\n                else if (isAttempted) {\n                  acc[isCorrect ? 'correctQuestions' : 'incorrectQuestions']++;\n                }\n              } else if (isAttempted) {\n                acc[isCorrect ? 'correctQuestions' : 'incorrectQuestions']++;\n              }\n            } else {\n              if (responseEdited) {\n                acc.editedQuestions++;\n              }\n            }\n\n            if (response.markedForReview) acc.markedForReviewQuestions++;\n\n            if (response.skipped) acc.skippedQuestions++;\n\n            return acc;\n          },\n          {\n            correctQuestions: 0,\n            incorrectQuestions: 0,\n            editedQuestions: 0,\n            markedForReviewQuestions: 0,\n            skippedQuestions: 0,\n          },\n        );\n\n        if (editedQuestions > 0) state = 'answered';\n        else if (skippedQuestions > 0) state = 'skipped';\n        else if (incorrectQuestions > 0) state = validation ? 'incorrect' : 'answered';\n        else if (correctQuestions === totalQuestion) state = validation ? 'correct' : 'answered';\n        else if (correctQuestions > 0 && correctQuestions < totalQuestion) state = 'answered';\n\n        return {\n          itemState: state,\n          markedForReview: markedForReviewQuestions > 0,\n        };\n      }, [maximumAttempts, questionIds, responses, teacherValidationEnabled, validation]);\n\n    const handleItemNumberClick = useCallback(() => {\n      onItemNumberClick(firstQuestion.response_id);\n    }, [firstQuestion.response_id, onItemNumberClick]);\n\n    const itemTextColor = useMemo(\n      () => ((!isActive || summaryVisible) && itemState === 'answered' ? 'WHITE' : 'BLACK'),\n      [isActive, itemState, summaryVisible],\n    );\n\n    return (\n      <Clickable label=\"Item Number\" disabled={!isUnlocked} onClick={handleItemNumberClick}>\n        <FlexView $height={TOP_NAVIGATION_HEIGHT} $justifyContent=\"center\">\n          <Styled.ItemNumberWrapper\n            className={`worksheet-item-number-${item_number}`}\n            $itemState={isUnlocked ? itemState : 'disabled'}\n            $isActive={isActive}\n            $placement={placement}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $summaryVisible={summaryVisible}\n          >\n            <Text\n              $renderAs={placement === 'top' ? 'body3' : 'body1'}\n              $color={itemTextColor}\n              $opacity={isUnlocked ? 1 : 0.5}\n            >\n              {item_display_number}\n            </Text>\n            {markedForReview && (\n              <Styled.BookmarkWrapper>\n                <BookmarkIcon />\n              </Styled.BookmarkWrapper>\n            )}\n            {canShowUserPin && (\n              <Styled.UserPin width={20} height={20} src={ILLUSTRATIONS.USER_PIN} />\n            )}\n            {itemState === 'correct' && <Styled.ItemStatus src={ILLUSTRATIONS.TICK_GREEN} />}\n            {['incorrect', 'skipped'].includes(itemState) && (\n              <Styled.ItemStatus src={ILLUSTRATIONS.CAUTION} />\n            )}\n            {itemState === 'unanswered' && isOptional && <Styled.OptionalTag />}\n          </Styled.ItemNumberWrapper>\n        </FlexView>\n      </Clickable>\n    );\n  },\n);\n\nexport default WorksheetItemNumber;\n"],"names":["WorksheetItemNumber","memo","placement","item","isOptional","responses","validation","onItemNumberClick","canShowUserPin","teacherValidationEnabled","summaryVisible","maximumAttempts","firstQuestion","isActive","isUnlocked","questionIds","item_number","item_display_number","itemState","markedForReview","useMemo","totalQuestion","state","correctQuestions","incorrectQuestions","editedQuestions","markedForReviewQuestions","skippedQuestions","acc","questionId","response","responseEdited","responseScore","validatedByTeacher","isAttempted","isCorrect","handleItemNumberClick","useCallback","itemTextColor","jsx","Clickable","FlexView","TOP_NAVIGATION_HEIGHT","jsxs","Styled.ItemNumberWrapper","Text","Styled.BookmarkWrapper","BookmarkIcon","Styled.UserPin","ILLUSTRATIONS","Styled.ItemStatus","Styled.OptionalTag"],"mappings":"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"}
+{"version":3,"file":"worksheet-item-number.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-item-number/worksheet-item-number.tsx"],"sourcesContent":["import type { IWorksheetItemNumberProps, TItemState } from './worksheet-item-number-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport BookmarkIcon from '../../../../../assets/line-icons/icons/bookmark';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { TOP_NAVIGATION_HEIGHT } from '../../constants';\nimport * as Styled from './worksheet-item-number-styled';\n\nconst WorksheetItemNumber: FC<IWorksheetItemNumberProps> = memo(\n  ({\n    placement,\n    item,\n    isOptional,\n    responses,\n    validation,\n    onItemNumberClick,\n    canShowUserPin,\n    teacherValidationEnabled,\n    summaryVisible,\n    maximumAttempts,\n  }) => {\n    const { firstQuestion, isActive, isUnlocked, questionIds } = item;\n    const { item_number, item_display_number } = firstQuestion;\n    const { itemState, markedForReview }: { itemState: TItemState; markedForReview: boolean } =\n      useMemo(() => {\n        const totalQuestion = questionIds.length;\n        let state: TItemState = 'unanswered';\n        const {\n          correctQuestions,\n          incorrectQuestions,\n          editedQuestions,\n          markedForReviewQuestions,\n          skippedQuestions,\n        } = questionIds.reduce(\n          (acc, questionId) => {\n            const response = responses[questionId];\n\n            if (!response) {\n              return acc;\n            }\n\n            const { responseEdited, score: responseScore, validatedByTeacher } = response;\n            const isAttempted =\n              responseScore && 'score' in responseScore && 'max_score' in responseScore;\n            const isCorrect = responseScore?.score === responseScore?.max_score;\n\n            if (validation) {\n              if (responseEdited && maximumAttempts !== -1) {\n                acc.editedQuestions++;\n              } else if (teacherValidationEnabled) {\n                if (validatedByTeacher) acc.correctQuestions++;\n                else if (isAttempted) {\n                  acc[isCorrect ? 'correctQuestions' : 'incorrectQuestions']++;\n                }\n              } else if (isAttempted) {\n                acc[isCorrect ? 'correctQuestions' : 'incorrectQuestions']++;\n              }\n            } else {\n              if (responseEdited) {\n                acc.editedQuestions++;\n              }\n            }\n\n            if (response.markedForReview) acc.markedForReviewQuestions++;\n\n            if (response.skipped) acc.skippedQuestions++;\n\n            return acc;\n          },\n          {\n            correctQuestions: 0,\n            incorrectQuestions: 0,\n            editedQuestions: 0,\n            markedForReviewQuestions: 0,\n            skippedQuestions: 0,\n          },\n        );\n\n        if (editedQuestions > 0) state = 'answered';\n        else if (skippedQuestions > 0) state = 'skipped';\n        else if (incorrectQuestions > 0) state = validation ? 'incorrect' : 'answered';\n        else if (correctQuestions === totalQuestion) state = validation ? 'correct' : 'answered';\n        else if (correctQuestions > 0 && correctQuestions < totalQuestion) state = 'answered';\n\n        return {\n          itemState: state,\n          markedForReview: markedForReviewQuestions > 0,\n        };\n      }, [maximumAttempts, questionIds, responses, teacherValidationEnabled, validation]);\n\n    const handleItemNumberClick = useCallback(() => {\n      onItemNumberClick(firstQuestion.response_id);\n    }, [firstQuestion.response_id, onItemNumberClick]);\n\n    const itemTextColor = useMemo(\n      () => ((!isActive || summaryVisible) && itemState === 'answered' ? 'WHITE' : 'BLACK'),\n      [isActive, itemState, summaryVisible],\n    );\n\n    return (\n      <Clickable label=\"Item Number\" disabled={!isUnlocked} onClick={handleItemNumberClick}>\n        <FlexView $height={TOP_NAVIGATION_HEIGHT} $justifyContent=\"center\">\n          <Styled.ItemNumberWrapper\n            className={`worksheet-item-number-${item_number}`}\n            $itemState={isUnlocked ? itemState : 'disabled'}\n            $isActive={isActive}\n            $placement={placement}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $summaryVisible={summaryVisible}\n          >\n            <Text\n              $renderAs={placement === 'top' ? 'body3' : 'body1'}\n              $color={itemTextColor}\n              $opacity={isUnlocked ? 1 : 0.5}\n            >\n              {item_display_number}\n            </Text>\n            {markedForReview && (\n              <Styled.BookmarkWrapper>\n                <BookmarkIcon />\n              </Styled.BookmarkWrapper>\n            )}\n            {canShowUserPin && (\n              <Styled.UserPin width={20} height={20} src={ILLUSTRATIONS.USER_PIN} />\n            )}\n            {itemState === 'correct' && <Styled.ItemStatus src={ILLUSTRATIONS.TICK_GREEN} />}\n            {['incorrect', 'skipped'].includes(itemState) && (\n              <Styled.ItemStatus src={ILLUSTRATIONS.CAUTION} />\n            )}\n            {itemState === 'unanswered' && isOptional && <Styled.OptionalTag />}\n          </Styled.ItemNumberWrapper>\n        </FlexView>\n      </Clickable>\n    );\n  },\n);\n\nexport default WorksheetItemNumber;\n"],"names":["WorksheetItemNumber","memo","placement","item","isOptional","responses","validation","onItemNumberClick","canShowUserPin","teacherValidationEnabled","summaryVisible","maximumAttempts","firstQuestion","isActive","isUnlocked","questionIds","item_number","item_display_number","itemState","markedForReview","useMemo","totalQuestion","state","correctQuestions","incorrectQuestions","editedQuestions","markedForReviewQuestions","skippedQuestions","acc","questionId","response","responseEdited","responseScore","validatedByTeacher","isAttempted","isCorrect","handleItemNumberClick","useCallback","itemTextColor","jsx","Clickable","FlexView","TOP_NAVIGATION_HEIGHT","jsxs","Styled.ItemNumberWrapper","Text","Styled.BookmarkWrapper","BookmarkIcon","Styled.UserPin","ILLUSTRATIONS","Styled.ItemStatus","Styled.OptionalTag"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-navigation-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../constants';\n\nconst Container = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst BackgroundLayer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  width: 50%;\n  height: 100%;\n  z-index: -1;\n`;\n\nconst LeftContainerBackground = styled(BackgroundLayer)`\n  left: 0;\n`;\n\nconst RightContainerBackground = styled(BackgroundLayer)`\n  right: 0;\n`;\n\nconst SectionWrapper = styled(FlexView)<{ $hasBorder: boolean }>(\n  ({ theme, $hasBorder }) => `\n  align-items: center;\n  border-left: ${$hasBorder ? `2px solid ${theme.colors.WHITE}` : 'none'};\n`,\n);\n\nconst ArrowWrapper = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  backdrop-filter: blur(20px);\n  align-items: center;\n  width: ${TOP_NAVIGATION_ARROW_WIDTH}px;\n`;\n\nconst LeftArrowWrapper = styled(ArrowWrapper)`\n  left: 0;\n  border-right: 2px solid white;\n`;\n\nconst RightArrowWrapper = styled(ArrowWrapper)`\n  right: 0;\n  border-left: 2px solid white;\n`;\n\nexport {\n  Container,\n  LeftContainerBackground,\n  RightContainerBackground,\n  SectionWrapper,\n  LeftArrowWrapper,\n  RightArrowWrapper,\n};\n"],"names":["Container","styled","FlexView","BackgroundLayer","LeftContainerBackground","RightContainerBackground","SectionWrapper","theme","$hasBorder","ArrowWrapper","TOP_NAVIGATION_ARROW_WIDTH","LeftArrowWrapper","RightArrowWrapper"],"mappings":";;;AAKM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK3BC,IAAkBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCE,IAA0BH,EAAOE,CAAe;AAAA;AAAA,GAIhDE,IAA2BJ,EAAOE,CAAe;AAAA;AAAA,GAIjDG,IAAiBL,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAK,GAAO,YAAAC,QAAiB;AAAA;AAAA,iBAEZA,IAAa,aAAaD,EAAM,OAAO,KAAK,KAAK,MAAM;AAAA;AAExE,GAEME,IAAeR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMzBQ,CAA0B;AAAA,GAG/BC,IAAmBV,EAAOQ,CAAY;AAAA;AAAA;AAAA,GAKtCG,IAAoBX,EAAOQ,CAAY;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"worksheet-navigation-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../constants';\n\nconst Container = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst BackgroundLayer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  width: 50%;\n  height: 100%;\n  z-index: -1;\n`;\n\nconst LeftContainerBackground = styled(BackgroundLayer)`\n  left: 0;\n`;\n\nconst RightContainerBackground = styled(BackgroundLayer)`\n  right: 0;\n`;\n\nconst SectionWrapper = styled(FlexView)<{ $hasBorder: boolean }>(\n  ({ theme, $hasBorder }) => `\n  align-items: center;\n  border-left: ${$hasBorder ? `2px solid ${theme.colors.WHITE}` : 'none'};\n`,\n);\n\nconst ArrowWrapper = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  backdrop-filter: blur(20px);\n  align-items: center;\n  width: ${TOP_NAVIGATION_ARROW_WIDTH}px;\n`;\n\nconst LeftArrowWrapper = styled(ArrowWrapper)`\n  left: 0;\n  border-right: 2px solid white;\n`;\n\nconst RightArrowWrapper = styled(ArrowWrapper)`\n  right: 0;\n  border-left: 2px solid white;\n`;\n\nexport {\n  Container,\n  LeftContainerBackground,\n  RightContainerBackground,\n  SectionWrapper,\n  LeftArrowWrapper,\n  RightArrowWrapper,\n};\n"],"names":["Container","styled","FlexView","BackgroundLayer","LeftContainerBackground","RightContainerBackground","SectionWrapper","theme","$hasBorder","ArrowWrapper","TOP_NAVIGATION_ARROW_WIDTH","LeftArrowWrapper","RightArrowWrapper"],"mappings":";;;AAKM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK3BC,IAAkBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCE,IAA0BH,EAAOE,CAAe;AAAA;AAAA,GAIhDE,IAA2BJ,EAAOE,CAAe;AAAA;AAAA,GAIjDG,IAAiBL,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAK,GAAO,YAAAC,EAAA,MAAiB;AAAA;AAAA,iBAEZA,IAAa,aAAaD,EAAM,OAAO,KAAK,KAAK,MAAM;AAAA;AAExE,GAEME,IAAeR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMzBQ,CAA0B;AAAA,GAG/BC,IAAmBV,EAAOQ,CAAY;AAAA;AAAA;AAAA,GAKtCG,IAAoBX,EAAOQ,CAAY;AAAA;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-navigation.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.tsx"],"sourcesContent":["import type { IWorksheetItemNumberProps } from './worksheet-item-number/worksheet-item-number-types';\nimport type { IWorksheetNavigationProps } from './worksheet-navigation-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport useRemoteUserLocation from '../../user-pointer-pin/hooks/use-user-location';\nimport WorksheetItemNavigation from './worksheet-item-navigation/worksheet-item-navigation';\nimport WorksheetItemNumber from './worksheet-item-number/worksheet-item-number';\nimport WorksheetSectionNavigation from './worksheet-section-navigation/worksheet-section-navigation';\n\nconst WorksheetNavigation: FC<IWorksheetNavigationProps> = memo(\n  ({\n    placement,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    behavior,\n    onItemNumberClick,\n    userType,\n    summaryVisible,\n  }) => {\n    const { validation, teacherValidationEnabled, maximumAttempts } = behavior;\n    const activeItemNumber = questions[activeQuestionIndex]?.item_number;\n    const { peerItemNumber } = useRemoteUserLocation({\n      questions,\n      activeQuestionIndex,\n      userType,\n    });\n\n    const items = useMemo(\n      () =>\n        questions.reduce(\n          (acc, question, questionIndex) => {\n            const { item_number, response_id } = question;\n            const item = acc[item_number];\n            const isUnlocked =\n              userType === 'TEACHER' ? true : questionIndex <= lastUnlockedQuestionIndex;\n\n            if (!item) {\n              acc.push({\n                firstQuestion: question,\n                isActive: questionIndex === activeQuestionIndex,\n                isUnlocked,\n                questionIds: [response_id],\n              });\n            } else {\n              item.isActive = item.isActive || questionIndex === activeQuestionIndex;\n              item.isUnlocked = item.isUnlocked || isUnlocked;\n              item.questionIds.push(response_id);\n            }\n\n            return acc;\n          },\n          [] as IWorksheetItemNumberProps['item'][],\n        ),\n      [activeQuestionIndex, lastUnlockedQuestionIndex, questions, userType],\n    );\n\n    if (placement === 'bottom') {\n      return (\n        <FlexView $flexGapX={1} $flexDirection=\"row\" $flexWrap>\n          {items.map(item => (\n            <WorksheetItemNumber\n              key={item.firstQuestion.response_id}\n              responses={responses}\n              validation={validation}\n              placement={placement}\n              item={item}\n              onItemNumberClick={onItemNumberClick}\n              summaryVisible={summaryVisible}\n              maximumAttempts={maximumAttempts}\n            />\n          ))}\n        </FlexView>\n      );\n    }\n\n    if (teacherValidationEnabled) {\n      return (\n        <WorksheetSectionNavigation\n          userType={userType}\n          activeItemNumber={activeItemNumber}\n          items={items}\n          responses={responses}\n          validation={validation}\n          peerItemNumber={peerItemNumber}\n          onItemNumberClick={onItemNumberClick}\n          maximumAttempts={maximumAttempts}\n        />\n      );\n    }\n\n    return (\n      <WorksheetItemNavigation\n        activeItemNumber={activeItemNumber}\n        items={items}\n        responses={responses}\n        validation={validation}\n        peerItemNumber={peerItemNumber}\n        summaryVisible={summaryVisible}\n        onItemNumberClick={onItemNumberClick}\n        maximumAttempts={maximumAttempts}\n      />\n    );\n  },\n);\n\nexport default WorksheetNavigation;\n"],"names":["WorksheetNavigation","memo","placement","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","behavior","onItemNumberClick","userType","summaryVisible","validation","teacherValidationEnabled","maximumAttempts","activeItemNumber","_a","peerItemNumber","useRemoteUserLocation","items","useMemo","acc","question","questionIndex","item_number","response_id","item","isUnlocked","jsx","FlexView","WorksheetItemNumber","WorksheetSectionNavigation","WorksheetItemNavigation"],"mappings":";;;;;;;AAYA,MAAMA,IAAqDC;AAAA,EACzD,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;;AACJ,UAAM,EAAE,YAAAC,GAAY,0BAAAC,GAA0B,iBAAAC,EAAoB,IAAAN,GAC5DO,KAAmBC,IAAAZ,EAAUE,CAAmB,MAA7B,gBAAAU,EAAgC,aACnD,EAAE,gBAAAC,EAAe,IAAIC,EAAsB;AAAA,MAC/C,WAAAd;AAAA,MACA,qBAAAE;AAAA,MACA,UAAAI;AAAA,IAAA,CACD,GAEKS,IAAQC;AAAA,MACZ,MACEhB,EAAU;AAAA,QACR,CAACiB,GAAKC,GAAUC,MAAkB;AAC1B,gBAAA,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBH,GAC/BI,IAAOL,EAAIG,CAAW,GACtBG,IACJjB,MAAa,YAAY,KAAOa,KAAiBhB;AAEnD,iBAAKmB,KAQEA,EAAA,WAAWA,EAAK,YAAYH,MAAkBjB,GAC9CoB,EAAA,aAAaA,EAAK,cAAcC,GAChCD,EAAA,YAAY,KAAKD,CAAW,KATjCJ,EAAI,KAAK;AAAA,YACP,eAAeC;AAAA,YACf,UAAUC,MAAkBjB;AAAA,YAC5B,YAAAqB;AAAA,YACA,aAAa,CAACF,CAAW;AAAA,UAAA,CAC1B,GAOIJ;AAAA,QACT;AAAA,QACA,CAAA;AAAA,MACF;AAAA,MACF,CAACf,GAAqBC,GAA2BH,GAAWM,CAAQ;AAAA,IACtE;AAEA,WAAIP,MAAc,WAEd,gBAAAyB,EAACC,GAAS,EAAA,WAAW,GAAG,gBAAe,OAAM,WAAS,IACnD,UAAMV,EAAA,IAAI,CACTO,MAAA,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QAEC,WAAAzB;AAAA,QACA,YAAAO;AAAA,QACA,WAAAT;AAAA,QACA,MAAAuB;AAAA,QACA,mBAAAjB;AAAA,QACA,gBAAAE;AAAA,QACA,iBAAAG;AAAA,MAAA;AAAA,MAPKY,EAAK,cAAc;AAAA,IAS3B,CAAA,GACH,IAIAb,IAEA,gBAAAe;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,kBAAAK;AAAA,QACA,OAAAI;AAAA,QACA,WAAAd;AAAA,QACA,YAAAO;AAAA,QACA,gBAAAK;AAAA,QACA,mBAAAR;AAAA,QACA,iBAAAK;AAAA,MAAA;AAAA,IACF,IAKF,gBAAAc;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAAjB;AAAA,QACA,OAAAI;AAAA,QACA,WAAAd;AAAA,QACA,YAAAO;AAAA,QACA,gBAAAK;AAAA,QACA,gBAAAN;AAAA,QACA,mBAAAF;AAAA,QACA,iBAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"worksheet-navigation.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.tsx"],"sourcesContent":["import type { IWorksheetItemNumberProps } from './worksheet-item-number/worksheet-item-number-types';\nimport type { IWorksheetNavigationProps } from './worksheet-navigation-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport useRemoteUserLocation from '../../user-pointer-pin/hooks/use-user-location';\nimport WorksheetItemNavigation from './worksheet-item-navigation/worksheet-item-navigation';\nimport WorksheetItemNumber from './worksheet-item-number/worksheet-item-number';\nimport WorksheetSectionNavigation from './worksheet-section-navigation/worksheet-section-navigation';\n\nconst WorksheetNavigation: FC<IWorksheetNavigationProps> = memo(\n  ({\n    placement,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    behavior,\n    onItemNumberClick,\n    userType,\n    summaryVisible,\n  }) => {\n    const { validation, teacherValidationEnabled, maximumAttempts } = behavior;\n    const activeItemNumber = questions[activeQuestionIndex]?.item_number;\n    const { peerItemNumber } = useRemoteUserLocation({\n      questions,\n      activeQuestionIndex,\n      userType,\n    });\n\n    const items = useMemo(\n      () =>\n        questions.reduce(\n          (acc, question, questionIndex) => {\n            const { item_number, response_id } = question;\n            const item = acc[item_number];\n            const isUnlocked =\n              userType === 'TEACHER' ? true : questionIndex <= lastUnlockedQuestionIndex;\n\n            if (!item) {\n              acc.push({\n                firstQuestion: question,\n                isActive: questionIndex === activeQuestionIndex,\n                isUnlocked,\n                questionIds: [response_id],\n              });\n            } else {\n              item.isActive = item.isActive || questionIndex === activeQuestionIndex;\n              item.isUnlocked = item.isUnlocked || isUnlocked;\n              item.questionIds.push(response_id);\n            }\n\n            return acc;\n          },\n          [] as IWorksheetItemNumberProps['item'][],\n        ),\n      [activeQuestionIndex, lastUnlockedQuestionIndex, questions, userType],\n    );\n\n    if (placement === 'bottom') {\n      return (\n        <FlexView $flexGapX={1} $flexDirection=\"row\" $flexWrap>\n          {items.map(item => (\n            <WorksheetItemNumber\n              key={item.firstQuestion.response_id}\n              responses={responses}\n              validation={validation}\n              placement={placement}\n              item={item}\n              onItemNumberClick={onItemNumberClick}\n              summaryVisible={summaryVisible}\n              maximumAttempts={maximumAttempts}\n            />\n          ))}\n        </FlexView>\n      );\n    }\n\n    if (teacherValidationEnabled) {\n      return (\n        <WorksheetSectionNavigation\n          userType={userType}\n          activeItemNumber={activeItemNumber}\n          items={items}\n          responses={responses}\n          validation={validation}\n          peerItemNumber={peerItemNumber}\n          onItemNumberClick={onItemNumberClick}\n          maximumAttempts={maximumAttempts}\n        />\n      );\n    }\n\n    return (\n      <WorksheetItemNavigation\n        activeItemNumber={activeItemNumber}\n        items={items}\n        responses={responses}\n        validation={validation}\n        peerItemNumber={peerItemNumber}\n        summaryVisible={summaryVisible}\n        onItemNumberClick={onItemNumberClick}\n        maximumAttempts={maximumAttempts}\n      />\n    );\n  },\n);\n\nexport default WorksheetNavigation;\n"],"names":["WorksheetNavigation","memo","placement","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","behavior","onItemNumberClick","userType","summaryVisible","validation","teacherValidationEnabled","maximumAttempts","activeItemNumber","_a","peerItemNumber","useRemoteUserLocation","items","useMemo","acc","question","questionIndex","item_number","response_id","item","isUnlocked","jsx","FlexView","WorksheetItemNumber","WorksheetSectionNavigation","WorksheetItemNavigation"],"mappings":";;;;;;;AAYA,MAAMA,IAAqDC;AAAA,EACzD,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;;AACJ,UAAM,EAAE,YAAAC,GAAY,0BAAAC,GAA0B,iBAAAC,EAAA,IAAoBN,GAC5DO,KAAmBC,IAAAZ,EAAUE,CAAmB,MAA7B,gBAAAU,EAAgC,aACnD,EAAE,gBAAAC,EAAe,IAAIC,EAAsB;AAAA,MAC/C,WAAAd;AAAA,MACA,qBAAAE;AAAA,MACA,UAAAI;AAAA,IAAA,CACD,GAEKS,IAAQC;AAAA,MACZ,MACEhB,EAAU;AAAA,QACR,CAACiB,GAAKC,GAAUC,MAAkB;AAC1B,gBAAA,EAAE,aAAAC,GAAa,aAAAC,EAAgB,IAAAH,GAC/BI,IAAOL,EAAIG,CAAW,GACtBG,IACJjB,MAAa,YAAY,KAAOa,KAAiBhB;AAEnD,iBAAKmB,KAQEA,EAAA,WAAWA,EAAK,YAAYH,MAAkBjB,GAC9CoB,EAAA,aAAaA,EAAK,cAAcC,GAChCD,EAAA,YAAY,KAAKD,CAAW,KATjCJ,EAAI,KAAK;AAAA,YACP,eAAeC;AAAA,YACf,UAAUC,MAAkBjB;AAAA,YAC5B,YAAAqB;AAAA,YACA,aAAa,CAACF,CAAW;AAAA,UAAA,CAC1B,GAOIJ;AAAA,QACT;AAAA,QACA,CAAC;AAAA,MACH;AAAA,MACF,CAACf,GAAqBC,GAA2BH,GAAWM,CAAQ;AAAA,IAAA;AAGtE,WAAIP,MAAc,WAEd,gBAAAyB,EAACC,GAAS,EAAA,WAAW,GAAG,gBAAe,OAAM,WAAS,IACnD,UAAMV,EAAA,IAAI,CACTO,MAAA,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QAEC,WAAAzB;AAAA,QACA,YAAAO;AAAA,QACA,WAAAT;AAAA,QACA,MAAAuB;AAAA,QACA,mBAAAjB;AAAA,QACA,gBAAAE;AAAA,QACA,iBAAAG;AAAA,MAAA;AAAA,MAPKY,EAAK,cAAc;AAAA,IAS3B,CAAA,EACH,CAAA,IAIAb,IAEA,gBAAAe;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,kBAAAK;AAAA,QACA,OAAAI;AAAA,QACA,WAAAd;AAAA,QACA,YAAAO;AAAA,QACA,gBAAAK;AAAA,QACA,mBAAAR;AAAA,QACA,iBAAAK;AAAA,MAAA;AAAA,IAAA,IAMJ,gBAAAc;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAAjB;AAAA,QACA,OAAAI;AAAA,QACA,WAAAd;AAAA,QACA,YAAAO;AAAA,QACA,gBAAAK;AAAA,QACA,gBAAAN;AAAA,QACA,mBAAAF;AAAA,QACA,iBAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.js

@@ -6,7 +6,7 @@ import J from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
 import y from "../../../../ui/buttons/clickable/clickable.js";
 import K from "../../../../ui/layout/flex-view.js";
 import { TOP_NAVIGATION_ARROW_WIDTH as O } from "../../constants.js";
-import { getNavigationSectionBackgroundColor as S, getNavigationSectionName as Y, getNavigationSectionIcon as Z } from "../../worksheet-helpers.js";
+import { getNavigationSectionBackgroundColor as S, getNavigationSectionIcon as Y, getNavigationSectionName as Z } from "../../worksheet-helpers.js";
 import tt from "../worksheet-item-number/worksheet-item-number.js";
 import { Container as et, LeftContainerBackground as it, RightContainerBackground as nt, SectionWrapper as ot, RightArrowWrapper as rt, LeftArrowWrapper as st } from "../worksheet-navigation-styled.js";
 const wt = X((B) => {
@@ -73,7 +73,7 @@ const wt = X((B) => {
         ),
         /* @__PURE__ */ i(K, { ref: g, $flexDirection: "row", children: c.map(({ sectionName: t, items: e }, o) => {
           var u, f;
-          const r = Z(t), a = Y(t), n = (u = e[0]) == null ? void 0 : u.firstQuestion;
+          const r = Y(t), a = Z(t), n = (u = e[0]) == null ? void 0 : u.firstQuestion;
           return (n == null ? void 0 : n.is_optional) && ((f = s[n.response_id]) == null ? void 0 : f.assignStatus) === "skipped" ? null : /* @__PURE__ */ E(
             ot,
             {

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-section-navigation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.tsx"],"sourcesContent":["import type { TSectionName } from '../../worksheet-types';\nimport type { IWorksheetItemNavigationProps } from '../worksheet-navigation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../../constants';\nimport {\n  getNavigationSectionBackgroundColor,\n  getNavigationSectionIcon,\n  getNavigationSectionName,\n} from '../../worksheet-helpers';\nimport WorksheetItemNumber from '../worksheet-item-number/worksheet-item-number';\nimport * as Styled from '../worksheet-navigation-styled';\n\nconst WorksheetSectionNavigation: FC<IWorksheetItemNavigationProps> = memo(props => {\n  const {\n    activeItemNumber,\n    items,\n    responses,\n    validation,\n    userType,\n    peerItemNumber,\n    onItemNumberClick,\n    maximumAttempts,\n  } = props;\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [visibleSection, setVisibleSection] = useState<'left' | 'right'>('left');\n  const containerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const sections = useMemo(() => {\n    return items.reduce(\n      (acc, item, itemIndex) => {\n        const { section_name } = item.firstQuestion;\n        const prevItemSectionName = items[itemIndex - 1]?.firstQuestion.section_name;\n        const lastSection = acc[acc.length - 1];\n\n        if (section_name === 'overview') {\n          return acc;\n        }\n\n        if (section_name !== prevItemSectionName) {\n          if (\n            !item.firstQuestion.is_optional ||\n            userType === 'TEACHER' ||\n            responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n          ) {\n            return [\n              ...acc,\n              {\n                sectionName: section_name,\n                items: [item],\n              },\n            ];\n          }\n\n          return acc;\n        }\n\n        if (\n          !item.firstQuestion.is_optional ||\n          userType === 'TEACHER' ||\n          responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n        ) {\n          lastSection?.items.push(item);\n        }\n\n        return acc;\n      },\n      [] as Array<{\n        sectionName?: TSectionName;\n        items: (typeof items)[number][];\n      }>,\n    );\n  }, [items, responses, userType]);\n  const visibleItemsCount = useMemo(\n    () => sections.reduce((acc, section) => acc + section.items.length, 0),\n    [sections],\n  );\n  const activeSectionName = activeItemNumber\n    ? items[activeItemNumber]?.firstQuestion.section_name\n    : undefined;\n\n  const toggleVisibleSection = useCallback(() => {\n    setVisibleSection(prevVisibleSection => (prevVisibleSection === 'left' ? 'right' : 'left'));\n  }, []);\n\n  useLayoutEffect(() => {\n    const containerEl = containerRef.current;\n    const contentEl = contentRef.current;\n\n    if (containerEl && contentEl) {\n      if (contentEl.clientWidth > containerEl.clientWidth) {\n        setIsOverflowing(true);\n      }\n    }\n  }, [visibleItemsCount]);\n\n  useEffect(() => {\n    const contentEl = contentRef.current;\n\n    if (activeSectionName !== undefined && isOverflowing && contentEl) {\n      const sectionEl = contentEl.querySelector(`.worksheet-section-${activeSectionName}`);\n\n      if (sectionEl) {\n        setVisibleSection(prevVisibleSection => {\n          const { left, right } = sectionEl.getBoundingClientRect();\n\n          if (\n            prevVisibleSection === 'left' &&\n            right + TOP_NAVIGATION_ARROW_WIDTH + 16 > contentEl.clientWidth\n          ) {\n            return 'right';\n          }\n\n          if (prevVisibleSection === 'right' && left - TOP_NAVIGATION_ARROW_WIDTH - 16 < 0) {\n            return 'left';\n          }\n\n          return prevVisibleSection;\n        });\n      }\n    }\n  }, [activeSectionName, isOverflowing]);\n\n  return (\n    <Styled.Container\n      ref={containerRef}\n      $alignItems={isOverflowing ? `flex-${visibleSection === 'left' ? 'start' : 'end'}` : 'center'}\n    >\n      <Styled.LeftContainerBackground\n        $background={getNavigationSectionBackgroundColor(sections[0]?.sectionName)}\n      />\n      <Styled.RightContainerBackground\n        $background={getNavigationSectionBackgroundColor(\n          sections[sections.length - 1]?.sectionName,\n        )}\n      />\n      <FlexView ref={contentRef} $flexDirection=\"row\">\n        {sections.map(({ sectionName, items: sectionItems }, sectionIndex) => {\n          const SectionIcon = getNavigationSectionIcon(sectionName);\n          const sectionTooltip = getNavigationSectionName(sectionName);\n          const firstQuestion = sectionItems[0]?.firstQuestion;\n          const sectionSkipped =\n            firstQuestion?.is_optional &&\n            responses[firstQuestion.response_id]?.assignStatus === 'skipped';\n\n          if (sectionSkipped) {\n            return null;\n          }\n\n          return (\n            <Styled.SectionWrapper\n              key={sectionName}\n              className={`worksheet-section-${sectionName}`}\n              $background={getNavigationSectionBackgroundColor(sectionName)}\n              $hasBorder={sectionIndex > 0}\n              $gutterX={1}\n              $flexDirection=\"row\"\n              $flexGapX={0.75}\n            >\n              <ArrowTooltip tooltipItem={sectionTooltip} position=\"bottom\" renderAs=\"primary\">\n                <SectionIcon width={24} height={24} />\n              </ArrowTooltip>\n              {sectionItems.map(item => {\n                const {\n                  firstQuestion: { response_id, item_number, is_optional },\n                } = item;\n                const isSkipped = is_optional\n                  ? responses[response_id]?.assignStatus === 'skipped'\n                  : false;\n\n                if (isSkipped) {\n                  return null;\n                }\n\n                return (\n                  <WorksheetItemNumber\n                    key={response_id}\n                    item={item}\n                    responses={responses}\n                    validation={validation}\n                    placement=\"top\"\n                    onItemNumberClick={onItemNumberClick}\n                    canShowUserPin={item_number === peerItemNumber}\n                    isOptional={is_optional}\n                    teacherValidationEnabled\n                    maximumAttempts={maximumAttempts}\n                  />\n                );\n              })}\n            </Styled.SectionWrapper>\n          );\n        })}\n      </FlexView>\n      {isOverflowing && visibleSection === 'left' && (\n        <Clickable label=\"Worksheet Nav Right Arrow\" onClick={toggleVisibleSection}>\n          <Styled.RightArrowWrapper $justifyContent=\"center\">\n            <RightIcon width={24} height={24} />\n          </Styled.RightArrowWrapper>\n        </Clickable>\n      )}\n      {isOverflowing && visibleSection === 'right' && (\n        <Clickable label=\"Worksheet Nav Left Arrow\" onClick={toggleVisibleSection}>\n          <Styled.LeftArrowWrapper $justifyContent=\"center\">\n            <LeftIcon width={24} height={24} />\n          </Styled.LeftArrowWrapper>\n        </Clickable>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default WorksheetSectionNavigation;\n"],"names":["WorksheetSectionNavigation","memo","props","activeItemNumber","items","responses","validation","userType","peerItemNumber","onItemNumberClick","maximumAttempts","isOverflowing","setIsOverflowing","useState","visibleSection","setVisibleSection","containerRef","useRef","contentRef","sections","useMemo","acc","item","itemIndex","section_name","prevItemSectionName","_a","lastSection","_b","_c","visibleItemsCount","section","activeSectionName","toggleVisibleSection","useCallback","prevVisibleSection","useLayoutEffect","containerEl","contentEl","useEffect","sectionEl","left","right","TOP_NAVIGATION_ARROW_WIDTH","jsxs","Styled.Container","jsx","Styled.LeftContainerBackground","getNavigationSectionBackgroundColor","Styled.RightContainerBackground","FlexView","sectionName","sectionItems","sectionIndex","SectionIcon","getNavigationSectionIcon","sectionTooltip","getNavigationSectionName","firstQuestion","Styled.SectionWrapper","ArrowTooltip","response_id","item_number","is_optional","WorksheetItemNumber","Clickable","Styled.RightArrowWrapper","RightIcon","Styled.LeftArrowWrapper","LeftIcon"],"mappings":"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"}
+{"version":3,"file":"worksheet-section-navigation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.tsx"],"sourcesContent":["import type { TSectionName } from '../../worksheet-types';\nimport type { IWorksheetItemNavigationProps } from '../worksheet-navigation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../../constants';\nimport {\n  getNavigationSectionBackgroundColor,\n  getNavigationSectionIcon,\n  getNavigationSectionName,\n} from '../../worksheet-helpers';\nimport WorksheetItemNumber from '../worksheet-item-number/worksheet-item-number';\nimport * as Styled from '../worksheet-navigation-styled';\n\nconst WorksheetSectionNavigation: FC<IWorksheetItemNavigationProps> = memo(props => {\n  const {\n    activeItemNumber,\n    items,\n    responses,\n    validation,\n    userType,\n    peerItemNumber,\n    onItemNumberClick,\n    maximumAttempts,\n  } = props;\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [visibleSection, setVisibleSection] = useState<'left' | 'right'>('left');\n  const containerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const sections = useMemo(() => {\n    return items.reduce(\n      (acc, item, itemIndex) => {\n        const { section_name } = item.firstQuestion;\n        const prevItemSectionName = items[itemIndex - 1]?.firstQuestion.section_name;\n        const lastSection = acc[acc.length - 1];\n\n        if (section_name === 'overview') {\n          return acc;\n        }\n\n        if (section_name !== prevItemSectionName) {\n          if (\n            !item.firstQuestion.is_optional ||\n            userType === 'TEACHER' ||\n            responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n          ) {\n            return [\n              ...acc,\n              {\n                sectionName: section_name,\n                items: [item],\n              },\n            ];\n          }\n\n          return acc;\n        }\n\n        if (\n          !item.firstQuestion.is_optional ||\n          userType === 'TEACHER' ||\n          responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n        ) {\n          lastSection?.items.push(item);\n        }\n\n        return acc;\n      },\n      [] as Array<{\n        sectionName?: TSectionName;\n        items: (typeof items)[number][];\n      }>,\n    );\n  }, [items, responses, userType]);\n  const visibleItemsCount = useMemo(\n    () => sections.reduce((acc, section) => acc + section.items.length, 0),\n    [sections],\n  );\n  const activeSectionName = activeItemNumber\n    ? items[activeItemNumber]?.firstQuestion.section_name\n    : undefined;\n\n  const toggleVisibleSection = useCallback(() => {\n    setVisibleSection(prevVisibleSection => (prevVisibleSection === 'left' ? 'right' : 'left'));\n  }, []);\n\n  useLayoutEffect(() => {\n    const containerEl = containerRef.current;\n    const contentEl = contentRef.current;\n\n    if (containerEl && contentEl) {\n      if (contentEl.clientWidth > containerEl.clientWidth) {\n        setIsOverflowing(true);\n      }\n    }\n  }, [visibleItemsCount]);\n\n  useEffect(() => {\n    const contentEl = contentRef.current;\n\n    if (activeSectionName !== undefined && isOverflowing && contentEl) {\n      const sectionEl = contentEl.querySelector(`.worksheet-section-${activeSectionName}`);\n\n      if (sectionEl) {\n        setVisibleSection(prevVisibleSection => {\n          const { left, right } = sectionEl.getBoundingClientRect();\n\n          if (\n            prevVisibleSection === 'left' &&\n            right + TOP_NAVIGATION_ARROW_WIDTH + 16 > contentEl.clientWidth\n          ) {\n            return 'right';\n          }\n\n          if (prevVisibleSection === 'right' && left - TOP_NAVIGATION_ARROW_WIDTH - 16 < 0) {\n            return 'left';\n          }\n\n          return prevVisibleSection;\n        });\n      }\n    }\n  }, [activeSectionName, isOverflowing]);\n\n  return (\n    <Styled.Container\n      ref={containerRef}\n      $alignItems={isOverflowing ? `flex-${visibleSection === 'left' ? 'start' : 'end'}` : 'center'}\n    >\n      <Styled.LeftContainerBackground\n        $background={getNavigationSectionBackgroundColor(sections[0]?.sectionName)}\n      />\n      <Styled.RightContainerBackground\n        $background={getNavigationSectionBackgroundColor(\n          sections[sections.length - 1]?.sectionName,\n        )}\n      />\n      <FlexView ref={contentRef} $flexDirection=\"row\">\n        {sections.map(({ sectionName, items: sectionItems }, sectionIndex) => {\n          const SectionIcon = getNavigationSectionIcon(sectionName);\n          const sectionTooltip = getNavigationSectionName(sectionName);\n          const firstQuestion = sectionItems[0]?.firstQuestion;\n          const sectionSkipped =\n            firstQuestion?.is_optional &&\n            responses[firstQuestion.response_id]?.assignStatus === 'skipped';\n\n          if (sectionSkipped) {\n            return null;\n          }\n\n          return (\n            <Styled.SectionWrapper\n              key={sectionName}\n              className={`worksheet-section-${sectionName}`}\n              $background={getNavigationSectionBackgroundColor(sectionName)}\n              $hasBorder={sectionIndex > 0}\n              $gutterX={1}\n              $flexDirection=\"row\"\n              $flexGapX={0.75}\n            >\n              <ArrowTooltip tooltipItem={sectionTooltip} position=\"bottom\" renderAs=\"primary\">\n                <SectionIcon width={24} height={24} />\n              </ArrowTooltip>\n              {sectionItems.map(item => {\n                const {\n                  firstQuestion: { response_id, item_number, is_optional },\n                } = item;\n                const isSkipped = is_optional\n                  ? responses[response_id]?.assignStatus === 'skipped'\n                  : false;\n\n                if (isSkipped) {\n                  return null;\n                }\n\n                return (\n                  <WorksheetItemNumber\n                    key={response_id}\n                    item={item}\n                    responses={responses}\n                    validation={validation}\n                    placement=\"top\"\n                    onItemNumberClick={onItemNumberClick}\n                    canShowUserPin={item_number === peerItemNumber}\n                    isOptional={is_optional}\n                    teacherValidationEnabled\n                    maximumAttempts={maximumAttempts}\n                  />\n                );\n              })}\n            </Styled.SectionWrapper>\n          );\n        })}\n      </FlexView>\n      {isOverflowing && visibleSection === 'left' && (\n        <Clickable label=\"Worksheet Nav Right Arrow\" onClick={toggleVisibleSection}>\n          <Styled.RightArrowWrapper $justifyContent=\"center\">\n            <RightIcon width={24} height={24} />\n          </Styled.RightArrowWrapper>\n        </Clickable>\n      )}\n      {isOverflowing && visibleSection === 'right' && (\n        <Clickable label=\"Worksheet Nav Left Arrow\" onClick={toggleVisibleSection}>\n          <Styled.LeftArrowWrapper $justifyContent=\"center\">\n            <LeftIcon width={24} height={24} />\n          </Styled.LeftArrowWrapper>\n        </Clickable>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default WorksheetSectionNavigation;\n"],"names":["WorksheetSectionNavigation","memo","props","activeItemNumber","items","responses","validation","userType","peerItemNumber","onItemNumberClick","maximumAttempts","isOverflowing","setIsOverflowing","useState","visibleSection","setVisibleSection","containerRef","useRef","contentRef","sections","useMemo","acc","item","itemIndex","section_name","prevItemSectionName","_a","lastSection","_b","_c","visibleItemsCount","section","activeSectionName","toggleVisibleSection","useCallback","prevVisibleSection","useLayoutEffect","containerEl","contentEl","useEffect","sectionEl","left","right","TOP_NAVIGATION_ARROW_WIDTH","jsxs","Styled.Container","jsx","Styled.LeftContainerBackground","getNavigationSectionBackgroundColor","Styled.RightContainerBackground","FlexView","sectionName","sectionItems","sectionIndex","SectionIcon","getNavigationSectionIcon","sectionTooltip","getNavigationSectionName","firstQuestion","Styled.SectionWrapper","ArrowTooltip","response_id","item_number","is_optional","WorksheetItemNumber","Clickable","Styled.RightArrowWrapper","RightIcon","Styled.LeftArrowWrapper","LeftIcon"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-permissions/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\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 { BaseWrapper } from './styles';\n\ninterface ErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: React.FC<ErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => (\n  <BaseWrapper $background=\"BLACK_75\">\n    <FlexView $alignItems=\"center\">\n      <Separator heightX={4} />\n      <LottieAnimation src={LOTTIE.ERROR_LOTTIE} height={320} width={320} />\n      <Text $renderAs=\"h6\" $color=\"WHITE\" $align=\"center\">\n        {error || 'Oh No! Error detected...'}\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        label={buttonLabel}\n        onClick={handleClick}\n        renderAs=\"primary\"\n        size=\"regular\"\n        widthX={14}\n      />\n    </FlexView>\n  </BaseWrapper>\n);\n\nexport default memo(Error);\n"],"names":["Error","buttonLabel","error","handleClick","jsx","BaseWrapper","jsxs","FlexView","Separator","LottieAnimation","LOTTIE","Text","Button","memo"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAA8B,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,EAAA,MAClE,gBAAAC,EAACC,KAAY,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ,EAACK,KAAgB,KAAKC,EAAO,cAAc,QAAQ,KAAK,OAAO,KAAK;AAAA,EACpE,gBAAAN,EAACO,KAAK,WAAU,MAAK,QAAO,SAAQ,QAAO,UACxC,UAAAT,KAAS,2BACZ,CAAA;AAAA,EACA,gBAAAE,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,SAASE;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EAAA;AACV,EAAA,CACF,EACF,CAAA,GAGaD,IAAAW,EAAKb,CAAK;"}
+{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\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 { BaseWrapper } from './styles';\n\ninterface ErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: React.FC<ErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => (\n  <BaseWrapper $background=\"BLACK_75\">\n    <FlexView $alignItems=\"center\">\n      <Separator heightX={4} />\n      <LottieAnimation src={LOTTIE.ERROR_LOTTIE} height={320} width={320} />\n      <Text $renderAs=\"h6\" $color=\"WHITE\" $align=\"center\">\n        {error || 'Oh No! Error detected...'}\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        label={buttonLabel}\n        onClick={handleClick}\n        renderAs=\"primary\"\n        size=\"regular\"\n        widthX={14}\n      />\n    </FlexView>\n  </BaseWrapper>\n);\n\nexport default memo(Error);\n"],"names":["Error","buttonLabel","error","handleClick","jsx","BaseWrapper","jsxs","FlexView","Separator","LottieAnimation","LOTTIE","Text","Button","memo"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAA8B,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,EAAA,MAClE,gBAAAC,EAACC,KAAY,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ,EAACK,KAAgB,KAAKC,EAAO,cAAc,QAAQ,KAAK,OAAO,KAAK;AAAA,EACpE,gBAAAN,EAACO,KAAK,WAAU,MAAK,QAAO,SAAQ,QAAO,UACxC,UAAAT,KAAS,2BACZ,CAAA;AAAA,EACA,gBAAAE,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,SAASE;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EACF,CAAA,EACF,CAAA,GAGaD,IAAAW,EAAKb,CAAK;"}

package/dist/features/worksheet/worksheet/worksheet-permissions/sheet-locked.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet-locked.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/sheet-locked.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\nconst SheetLocked = ({ onHomeClick }: { onHomeClick: () => void }) => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  return (\n    <BaseWrapper $background=\"BLACK_75\">\n      <FlexView $alignItems=\"center\">\n        <Separator heightX={4} />\n        <img\n          alt=\"locked-img\"\n          src={ILLUSTRATIONS.LOCKED}\n          width={gutter * 12.5}\n          height={gutter * 12.5}\n        />\n        <Text $renderAs=\"h6\" $color=\"WHITE\">\n          The sheet is locked. Come back later\n        </Text>\n        <Separator heightX={1} />\n        <Button label=\"Home\" onClick={onHomeClick} renderAs=\"primary\" size=\"regular\" widthX={14} />\n      </FlexView>\n    </BaseWrapper>\n  );\n};\n\nexport default memo(SheetLocked);\n"],"names":["SheetLocked","onHomeClick","gutter","useTheme","BaseWrapper","jsxs","FlexView","jsx","Separator","ILLUSTRATIONS","Text","Button","sheetLocked","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAc,CAAC,EAAE,aAAAC,QAA+C;AAC9D,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS;AAEb,2BACGC,GAAY,EAAA,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAKE,EAAc;AAAA,QACnB,OAAOP,IAAS;AAAA,QAChB,QAAQA,IAAS;AAAA,MAAA;AAAA,IACnB;AAAA,sBACCQ,GAAK,EAAA,WAAU,MAAK,QAAO,SAAQ,UAEpC,wCAAA;AAAA,IACA,gBAAAH,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD,EAACI,GAAO,EAAA,OAAM,QAAO,SAASV,GAAa,UAAS,WAAU,MAAK,WAAU,QAAQ,GAAI,CAAA;AAAA,EAAA,EAAA,CAC3F,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAKb,CAAW;"}
+{"version":3,"file":"sheet-locked.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/sheet-locked.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\nconst SheetLocked = ({ onHomeClick }: { onHomeClick: () => void }) => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  return (\n    <BaseWrapper $background=\"BLACK_75\">\n      <FlexView $alignItems=\"center\">\n        <Separator heightX={4} />\n        <img\n          alt=\"locked-img\"\n          src={ILLUSTRATIONS.LOCKED}\n          width={gutter * 12.5}\n          height={gutter * 12.5}\n        />\n        <Text $renderAs=\"h6\" $color=\"WHITE\">\n          The sheet is locked. Come back later\n        </Text>\n        <Separator heightX={1} />\n        <Button label=\"Home\" onClick={onHomeClick} renderAs=\"primary\" size=\"regular\" widthX={14} />\n      </FlexView>\n    </BaseWrapper>\n  );\n};\n\nexport default memo(SheetLocked);\n"],"names":["SheetLocked","onHomeClick","gutter","useTheme","BaseWrapper","jsxs","FlexView","jsx","Separator","ILLUSTRATIONS","Text","Button","sheetLocked","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAc,CAAC,EAAE,aAAAC,QAA+C;AAC9D,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS;AAEb,2BACGC,GAAY,EAAA,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAKE,EAAc;AAAA,QACnB,OAAOP,IAAS;AAAA,QAChB,QAAQA,IAAS;AAAA,MAAA;AAAA,IACnB;AAAA,sBACCQ,GAAK,EAAA,WAAU,MAAK,QAAO,SAAQ,UAEpC,wCAAA;AAAA,IACA,gBAAAH,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD,EAACI,GAAO,EAAA,OAAM,QAAO,SAASV,GAAa,UAAS,WAAU,MAAK,WAAU,QAAQ,GAAI,CAAA;AAAA,EAAA,EAC3F,CAAA,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAKb,CAAW;"}

package/dist/features/worksheet/worksheet/worksheet-question/header/header-tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-tags.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header-tags.tsx"],"sourcesContent":["import type { TInstructorStimulus, TItemType } from '../../worksheet-types';\nimport type { TWorksheetQuestionPaperColor } from '../worksheet-question-types';\n\nimport { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\n\ninterface IHeaderTag {\n  itemType?: TItemType;\n  paperColor?: TWorksheetQuestionPaperColor;\n  instructorStimulus?: TInstructorStimulus;\n}\n\nconst getItemType = (itemType?: string, instructorStimulus?: TInstructorStimulus) => {\n  switch (itemType) {\n    case 'learning-we-do':\n      return 'We Do';\n    case 'learning-your-turn':\n      return 'Your Turn';\n    case 'learning-explore':\n      return 'Explore';\n  }\n\n  switch (instructorStimulus?.toLowerCase()) {\n    case 'try':\n      return 'Try';\n    case 'learn':\n      return 'Learn';\n    case 'apply':\n      return 'Apply';\n  }\n\n  return null;\n};\n\nconst HeaderTag: FC<IHeaderTag> = memo(({ itemType, paperColor, instructorStimulus }) => {\n  const itemTypeLabel = useMemo(\n    () => getItemType(itemType, instructorStimulus),\n    [instructorStimulus, itemType],\n  );\n\n  if (itemTypeLabel) {\n    return (\n      <>\n        <Separator width={4} />\n        <FlexView\n          $borderRadius={12}\n          $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n          $gutter={8}\n          $height=\"fit-content\"\n        >\n          <Separator height={2} />\n          <Text $renderAs=\"eyebrow2\">{itemTypeLabel}</Text>\n        </FlexView>\n      </>\n    );\n  }\n\n  return null;\n});\n\nexport default HeaderTag;\n"],"names":["getItemType","itemType","instructorStimulus","HeaderTag","memo","paperColor","itemTypeLabel","useMemo","jsxs","Fragment","jsx","Separator","FlexView","getQuestionBorderColor","Text"],"mappings":";;;;;;AAgBA,MAAMA,IAAc,CAACC,GAAmBC,MAA6C;AACnF,UAAQD,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EAAA;AAGH,UAAAC,KAAA,gBAAAA,EAAoB,eAAe;AAAA,IACzC,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EAAA;AAGJ,SAAA;AACT,GAEMC,IAA4BC,EAAK,CAAC,EAAE,UAAAH,GAAU,YAAAI,GAAY,oBAAAH,QAAyB;AACvF,QAAMI,IAAgBC;AAAA,IACpB,MAAMP,EAAYC,GAAUC,CAAkB;AAAA,IAC9C,CAACA,GAAoBD,CAAQ;AAAA,EAC/B;AAEA,SAAIK,IAGE,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,OAAO,EAAG,CAAA;AAAA,IACrB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAaC,EAAuBR,KAAc,UAAU,EAAI;AAAA,QAChE,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,UAAA;AAAA,UAAC,gBAAAK,EAAAC,GAAA,EAAU,QAAQ,EAAG,CAAA;AAAA,UACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,YAAY,UAAcR,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5C,GACF,IAIG;AACT,CAAC;"}
+{"version":3,"file":"header-tags.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header-tags.tsx"],"sourcesContent":["import type { TInstructorStimulus, TItemType } from '../../worksheet-types';\nimport type { TWorksheetQuestionPaperColor } from '../worksheet-question-types';\n\nimport { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\n\ninterface IHeaderTag {\n  itemType?: TItemType;\n  paperColor?: TWorksheetQuestionPaperColor;\n  instructorStimulus?: TInstructorStimulus;\n}\n\nconst getItemType = (itemType?: string, instructorStimulus?: TInstructorStimulus) => {\n  switch (itemType) {\n    case 'learning-we-do':\n      return 'We Do';\n    case 'learning-your-turn':\n      return 'Your Turn';\n    case 'learning-explore':\n      return 'Explore';\n  }\n\n  switch (instructorStimulus?.toLowerCase()) {\n    case 'try':\n      return 'Try';\n    case 'learn':\n      return 'Learn';\n    case 'apply':\n      return 'Apply';\n  }\n\n  return null;\n};\n\nconst HeaderTag: FC<IHeaderTag> = memo(({ itemType, paperColor, instructorStimulus }) => {\n  const itemTypeLabel = useMemo(\n    () => getItemType(itemType, instructorStimulus),\n    [instructorStimulus, itemType],\n  );\n\n  if (itemTypeLabel) {\n    return (\n      <>\n        <Separator width={4} />\n        <FlexView\n          $borderRadius={12}\n          $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n          $gutter={8}\n          $height=\"fit-content\"\n        >\n          <Separator height={2} />\n          <Text $renderAs=\"eyebrow2\">{itemTypeLabel}</Text>\n        </FlexView>\n      </>\n    );\n  }\n\n  return null;\n});\n\nexport default HeaderTag;\n"],"names":["getItemType","itemType","instructorStimulus","HeaderTag","memo","paperColor","itemTypeLabel","useMemo","jsxs","Fragment","jsx","Separator","FlexView","getQuestionBorderColor","Text"],"mappings":";;;;;;AAgBA,MAAMA,IAAc,CAACC,GAAmBC,MAA6C;AACnF,UAAQD,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EACX;AAEQ,UAAAC,KAAA,gBAAAA,EAAoB,eAAe;AAAA,IACzC,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EACX;AAEO,SAAA;AACT,GAEMC,IAA4BC,EAAK,CAAC,EAAE,UAAAH,GAAU,YAAAI,GAAY,oBAAAH,QAAyB;AACvF,QAAMI,IAAgBC;AAAA,IACpB,MAAMP,EAAYC,GAAUC,CAAkB;AAAA,IAC9C,CAACA,GAAoBD,CAAQ;AAAA,EAAA;AAG/B,SAAIK,IAGE,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,OAAO,EAAG,CAAA;AAAA,IACrB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAaC,EAAuBR,KAAc,UAAU,EAAI;AAAA,QAChE,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,UAAA;AAAA,UAAC,gBAAAK,EAAAC,GAAA,EAAU,QAAQ,EAAG,CAAA;AAAA,UACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,YAAY,UAAcR,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header.tsx"],"sourcesContent":["import type { IQuestionHeaderProps } from '../worksheet-question-types';\n\nimport { memo, useCallback, useMemo, type FC } from 'react';\n\nimport BookmarkIcon from '../../../../../assets/line-icons/icons/bookmark';\nimport BookmarkStrokeIcon from '../../../../../assets/line-icons/icons/bookmark-stroke-icon';\nimport MistakeIcon from '../../../../../assets/line-icons/icons/mistake';\nimport Skip2Icon from '../../../../../assets/line-icons/icons/skip2';\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { TOP_NAVIGATION_HEIGHT } from '../../constants';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\nimport * as Styled from '../worksheet-question-styled';\nimport HeaderTag from './header-tags';\nimport ValidatedAnimation from './validated-animation';\n\nconst QuestionHeader: FC<IQuestionHeaderProps> = memo(\n  ({\n    paperColor,\n    actionbarHeight,\n    behavior,\n    onMarkForReview,\n    question,\n    response,\n    userType,\n    onResolveDoubt,\n    canResolveDoubt,\n    layout,\n    worksheetCompleted,\n  }) => {\n    const { topOffset, questionsScrollable, navigationBar } = layout;\n    const teacherValidated = response?.validatedByTeacher ?? false;\n    const markedForReview = response?.markedForReview ?? false;\n    const attempts = (response?.attemptsHistory || []).length ?? 0;\n    const { canMarkForReview, teacherValidationEnabled } = behavior;\n    const {\n      item_display_number,\n      question_number,\n      total_questions: totalQuestions,\n      response_id: responseId,\n      item_type: itemType,\n      instructor_stimulus: instructorStimulus,\n    } = question;\n\n    const questionNumber = `${item_display_number}${\n      totalQuestions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n    }`;\n\n    const handleMarkForReview = useCallback(\n      () => onMarkForReview(responseId, true),\n      [onMarkForReview, responseId],\n    );\n\n    const handleUnmarkForReview = useCallback(\n      () => onMarkForReview(responseId, false),\n      [onMarkForReview, responseId],\n    );\n\n    const canShowResolveButton = useMemo(() => {\n      const { score, max_score: maxScore } = response?.score || {};\n\n      if (worksheetCompleted && onResolveDoubt && !response?.doubtResolved) {\n        if (response?.skipped) {\n          return true;\n        }\n\n        if (response?.responseEdited && score !== maxScore) {\n          return true;\n        }\n\n        return false;\n      }\n    }, [onResolveDoubt, response, worksheetCompleted]);\n\n    const handleDoubtResolve = useCallback(() => {\n      if (onResolveDoubt) {\n        onResolveDoubt(responseId);\n      }\n    }, [onResolveDoubt, responseId]);\n\n    if (questionsScrollable || !canMarkForReview) {\n      return (\n        <Styled.QuestionHeaderWrapper\n          $flexDirection=\"row\"\n          $topOffset={topOffset + navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0}\n          $actionbarHeight={actionbarHeight}\n          $justifyContent=\"space-between\"\n        >\n          <FlexView $flexDirection=\"row\">\n            <FlexView\n              $position=\"relative\"\n              $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n              $widthX={2.5}\n              $heightX={2.5}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadiusX={0.5}\n              $marginBottom={18}\n            >\n              <Text $renderAs=\"body1Medium\">{questionNumber}</Text>\n              {teacherValidationEnabled && (\n                <Styled.QuestionValidationAnimationWrapper>\n                  <ValidatedAnimation validated={teacherValidated} />\n                </Styled.QuestionValidationAnimationWrapper>\n              )}\n            </FlexView>\n            {canShowResolveButton && (\n              <FlexView $gutterX={0.5} $gapX={0.2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label={`Mark as Resolved`}\n                  onClick={handleDoubtResolve}\n                  disabled={!canResolveDoubt}\n                  size=\"xsmall\"\n                  iconPosition=\"left\"\n                  Icon={response?.skipped ? Skip2Icon : MistakeIcon}\n                />\n              </FlexView>\n            )}\n            <Separator width={5} />\n            {!!attempts && userType === 'TEACHER' && (\n              <FlexView\n                $flexDirection=\"row\"\n                $background=\"WHITE\"\n                $flexGapX={0.25}\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $borderRadiusX={0.5}\n                $marginBottom={18}\n                $gutterX={0.5}\n              >\n                <Text $renderAs=\"body1\">Attempts:</Text>\n                <Text $renderAs=\"body1Medium\">{attempts}</Text>\n              </FlexView>\n            )}\n            <HeaderTag\n              itemType={itemType}\n              instructorStimulus={instructorStimulus}\n              paperColor={paperColor}\n            />\n          </FlexView>\n        </Styled.QuestionHeaderWrapper>\n      );\n    }\n\n    return (\n      <Styled.ItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $background=\"YELLOW_1\"\n        $marginBottom={18}\n      >\n        <Styled.ItemHeaderTag>\n          <Text $renderAs=\"eyebrow1\">Question {item_display_number}</Text>\n        </Styled.ItemHeaderTag>\n        {canMarkForReview && (\n          <Button\n            renderAs=\"secondary\"\n            label={`Mark${markedForReview ? 'ed' : ''} for review`}\n            onClick={markedForReview ? handleUnmarkForReview : handleMarkForReview}\n            size=\"xsmall\"\n            iconPosition=\"left\"\n            Icon={markedForReview ? BookmarkIcon : BookmarkStrokeIcon}\n          />\n        )}\n      </Styled.ItemHeader>\n    );\n  },\n);\n\nexport default QuestionHeader;\n"],"names":["QuestionHeader","memo","paperColor","actionbarHeight","behavior","onMarkForReview","question","response","userType","onResolveDoubt","canResolveDoubt","layout","worksheetCompleted","topOffset","questionsScrollable","navigationBar","teacherValidated","markedForReview","attempts","canMarkForReview","teacherValidationEnabled","item_display_number","question_number","totalQuestions","responseId","itemType","instructorStimulus","questionNumber","handleMarkForReview","useCallback","handleUnmarkForReview","canShowResolveButton","useMemo","score","maxScore","handleDoubtResolve","jsx","Styled.QuestionHeaderWrapper","TOP_NAVIGATION_HEIGHT","jsxs","FlexView","getQuestionBorderColor","Text","Styled.QuestionValidationAnimationWrapper","ValidatedAnimation","Button","Skip2Icon","MistakeIcon","Separator","HeaderTag","Styled.ItemHeader","Styled.ItemHeaderTag","BookmarkIcon","BookmarkStrokeIcon"],"mappings":"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"}
+{"version":3,"file":"header.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header.tsx"],"sourcesContent":["import type { IQuestionHeaderProps } from '../worksheet-question-types';\n\nimport { memo, useCallback, useMemo, type FC } from 'react';\n\nimport BookmarkIcon from '../../../../../assets/line-icons/icons/bookmark';\nimport BookmarkStrokeIcon from '../../../../../assets/line-icons/icons/bookmark-stroke-icon';\nimport MistakeIcon from '../../../../../assets/line-icons/icons/mistake';\nimport Skip2Icon from '../../../../../assets/line-icons/icons/skip2';\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { TOP_NAVIGATION_HEIGHT } from '../../constants';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\nimport * as Styled from '../worksheet-question-styled';\nimport HeaderTag from './header-tags';\nimport ValidatedAnimation from './validated-animation';\n\nconst QuestionHeader: FC<IQuestionHeaderProps> = memo(\n  ({\n    paperColor,\n    actionbarHeight,\n    behavior,\n    onMarkForReview,\n    question,\n    response,\n    userType,\n    onResolveDoubt,\n    canResolveDoubt,\n    layout,\n    worksheetCompleted,\n  }) => {\n    const { topOffset, questionsScrollable, navigationBar } = layout;\n    const teacherValidated = response?.validatedByTeacher ?? false;\n    const markedForReview = response?.markedForReview ?? false;\n    const attempts = (response?.attemptsHistory || []).length ?? 0;\n    const { canMarkForReview, teacherValidationEnabled } = behavior;\n    const {\n      item_display_number,\n      question_number,\n      total_questions: totalQuestions,\n      response_id: responseId,\n      item_type: itemType,\n      instructor_stimulus: instructorStimulus,\n    } = question;\n\n    const questionNumber = `${item_display_number}${\n      totalQuestions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n    }`;\n\n    const handleMarkForReview = useCallback(\n      () => onMarkForReview(responseId, true),\n      [onMarkForReview, responseId],\n    );\n\n    const handleUnmarkForReview = useCallback(\n      () => onMarkForReview(responseId, false),\n      [onMarkForReview, responseId],\n    );\n\n    const canShowResolveButton = useMemo(() => {\n      const { score, max_score: maxScore } = response?.score || {};\n\n      if (worksheetCompleted && onResolveDoubt && !response?.doubtResolved) {\n        if (response?.skipped) {\n          return true;\n        }\n\n        if (response?.responseEdited && score !== maxScore) {\n          return true;\n        }\n\n        return false;\n      }\n    }, [onResolveDoubt, response, worksheetCompleted]);\n\n    const handleDoubtResolve = useCallback(() => {\n      if (onResolveDoubt) {\n        onResolveDoubt(responseId);\n      }\n    }, [onResolveDoubt, responseId]);\n\n    if (questionsScrollable || !canMarkForReview) {\n      return (\n        <Styled.QuestionHeaderWrapper\n          $flexDirection=\"row\"\n          $topOffset={topOffset + navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0}\n          $actionbarHeight={actionbarHeight}\n          $justifyContent=\"space-between\"\n        >\n          <FlexView $flexDirection=\"row\">\n            <FlexView\n              $position=\"relative\"\n              $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n              $widthX={2.5}\n              $heightX={2.5}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadiusX={0.5}\n              $marginBottom={18}\n            >\n              <Text $renderAs=\"body1Medium\">{questionNumber}</Text>\n              {teacherValidationEnabled && (\n                <Styled.QuestionValidationAnimationWrapper>\n                  <ValidatedAnimation validated={teacherValidated} />\n                </Styled.QuestionValidationAnimationWrapper>\n              )}\n            </FlexView>\n            {canShowResolveButton && (\n              <FlexView $gutterX={0.5} $gapX={0.2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label={`Mark as Resolved`}\n                  onClick={handleDoubtResolve}\n                  disabled={!canResolveDoubt}\n                  size=\"xsmall\"\n                  iconPosition=\"left\"\n                  Icon={response?.skipped ? Skip2Icon : MistakeIcon}\n                />\n              </FlexView>\n            )}\n            <Separator width={5} />\n            {!!attempts && userType === 'TEACHER' && (\n              <FlexView\n                $flexDirection=\"row\"\n                $background=\"WHITE\"\n                $flexGapX={0.25}\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $borderRadiusX={0.5}\n                $marginBottom={18}\n                $gutterX={0.5}\n              >\n                <Text $renderAs=\"body1\">Attempts:</Text>\n                <Text $renderAs=\"body1Medium\">{attempts}</Text>\n              </FlexView>\n            )}\n            <HeaderTag\n              itemType={itemType}\n              instructorStimulus={instructorStimulus}\n              paperColor={paperColor}\n            />\n          </FlexView>\n        </Styled.QuestionHeaderWrapper>\n      );\n    }\n\n    return (\n      <Styled.ItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $background=\"YELLOW_1\"\n        $marginBottom={18}\n      >\n        <Styled.ItemHeaderTag>\n          <Text $renderAs=\"eyebrow1\">Question {item_display_number}</Text>\n        </Styled.ItemHeaderTag>\n        {canMarkForReview && (\n          <Button\n            renderAs=\"secondary\"\n            label={`Mark${markedForReview ? 'ed' : ''} for review`}\n            onClick={markedForReview ? handleUnmarkForReview : handleMarkForReview}\n            size=\"xsmall\"\n            iconPosition=\"left\"\n            Icon={markedForReview ? BookmarkIcon : BookmarkStrokeIcon}\n          />\n        )}\n      </Styled.ItemHeader>\n    );\n  },\n);\n\nexport default QuestionHeader;\n"],"names":["QuestionHeader","memo","paperColor","actionbarHeight","behavior","onMarkForReview","question","response","userType","onResolveDoubt","canResolveDoubt","layout","worksheetCompleted","topOffset","questionsScrollable","navigationBar","teacherValidated","markedForReview","attempts","canMarkForReview","teacherValidationEnabled","item_display_number","question_number","totalQuestions","responseId","itemType","instructorStimulus","questionNumber","handleMarkForReview","useCallback","handleUnmarkForReview","canShowResolveButton","useMemo","score","maxScore","handleDoubtResolve","jsx","Styled.QuestionHeaderWrapper","TOP_NAVIGATION_HEIGHT","jsxs","FlexView","getQuestionBorderColor","Text","Styled.QuestionValidationAnimationWrapper","ValidatedAnimation","Button","Skip2Icon","MistakeIcon","Separator","HeaderTag","Styled.ItemHeader","Styled.ItemHeaderTag","BookmarkIcon","BookmarkStrokeIcon"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-question/header/validated-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validated-animation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/validated-animation.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\n\ninterface IValidatedAnimationProps {\n  validated: boolean;\n}\n\nconst animationSettings = { name: 'validated', loop: false };\n\nconst ValidatedAnimation: FC<IValidatedAnimationProps> = memo(({ validated }) => {\n  const [validatedOnMount] = useState(validated);\n\n  if (validatedOnMount) {\n    return (\n      <FlexView $width={40} $height={40} $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView\n          $borderRadius={10}\n          $background=\"REAL_BLACK\"\n          $width={20}\n          $height={20}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          <Check2Icon color=\"WHITE\" width={16} height={16} />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  if (!validatedOnMount && validated) {\n    return <LottieAnimation src={LOTTIE.TEACHER_VALIDATION} settings={animationSettings} />;\n  }\n\n  return null;\n});\n\nexport default ValidatedAnimation;\n"],"names":["animationSettings","ValidatedAnimation","memo","validated","validatedOnMount","useState","jsx","FlexView","Check2Icon","LottieAnimation","LOTTIE"],"mappings":";;;;;;AAaA,MAAMA,IAAoB,EAAE,MAAM,aAAa,MAAM,GAAM,GAErDC,IAAmDC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAC/E,QAAM,CAACC,CAAgB,IAAIC,EAASF,CAAS;AAE7C,SAAIC,IAEA,gBAAAE,EAACC,KAAS,QAAQ,IAAI,SAAS,IAAI,aAAY,UAAS,iBAAgB,UACtE,UAAA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,4BAACC,GAAW,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,IAAA;AAAA,EAAA,GAErD,IAIA,CAACJ,KAAoBD,sBACfM,GAAgB,EAAA,KAAKC,EAAO,oBAAoB,UAAUV,GAAmB,IAGhF;AACT,CAAC;"}
+{"version":3,"file":"validated-animation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/validated-animation.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\n\ninterface IValidatedAnimationProps {\n  validated: boolean;\n}\n\nconst animationSettings = { name: 'validated', loop: false };\n\nconst ValidatedAnimation: FC<IValidatedAnimationProps> = memo(({ validated }) => {\n  const [validatedOnMount] = useState(validated);\n\n  if (validatedOnMount) {\n    return (\n      <FlexView $width={40} $height={40} $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView\n          $borderRadius={10}\n          $background=\"REAL_BLACK\"\n          $width={20}\n          $height={20}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          <Check2Icon color=\"WHITE\" width={16} height={16} />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  if (!validatedOnMount && validated) {\n    return <LottieAnimation src={LOTTIE.TEACHER_VALIDATION} settings={animationSettings} />;\n  }\n\n  return null;\n});\n\nexport default ValidatedAnimation;\n"],"names":["animationSettings","ValidatedAnimation","memo","validated","validatedOnMount","useState","jsx","FlexView","Check2Icon","LottieAnimation","LOTTIE"],"mappings":";;;;;;AAaA,MAAMA,IAAoB,EAAE,MAAM,aAAa,MAAM,GAAM,GAErDC,IAAmDC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAC/E,QAAM,CAACC,CAAgB,IAAIC,EAASF,CAAS;AAE7C,SAAIC,IAEA,gBAAAE,EAACC,KAAS,QAAQ,IAAI,SAAS,IAAI,aAAY,UAAS,iBAAgB,UACtE,UAAA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,4BAACC,GAAW,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,IAAI;AAAA,IAAA;AAAA,EAErD,EAAA,CAAA,IAIA,CAACJ,KAAoBD,sBACfM,GAAgB,EAAA,KAAKC,EAAO,oBAAoB,UAAUV,EAAmB,CAAA,IAGhF;AACT,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map

@@ -1 +1 @@
-{"version":3,"file":"learnosity-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/learnosity-question.tsx"],"sourcesContent":["import type { ILearnosityQuestionResponse } from '../worksheet-types';\nimport type { ILearnosityQuestionProps } from './worksheet-question-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useLearnosityAppend from '../hooks/use-learnosity-append';\nimport * as Styled from './worksheet-question-styled';\n\nconst LearnosityQuestion: FC<ILearnosityQuestionProps> = memo(\n  ({\n    signedRequest,\n    appended,\n    canRender,\n    canForceAppend,\n    question,\n    response,\n    learnosity,\n    isConceptIntro,\n  }) => {\n    const containerElementRef = useRef<HTMLDivElement>(null);\n    const latestQuestionResponseRef = useRef<ILearnosityQuestionResponse | undefined>(response);\n    const { forceAppend } = useLearnosityAppend(signedRequest);\n\n    const updateResponse = useCallback(\n      (newResponse: ILearnosityQuestionResponse) => {\n        window.requestAnimationFrame(() => {\n          const questionElement = document.createElement('div');\n\n          questionElement.classList.add('learnosity-response');\n          questionElement.classList.add(`question-${question.response_id}`);\n          // Drawing questions looks for already appended path elements with id, if present it will not append the path, to overcome this issue we are adding temp to the id\n          containerElementRef.current?.children[0]?.querySelectorAll('svg path').forEach(path => {\n            path.id = `${path.id} + temp`;\n          });\n\n          containerElementRef.current?.append(questionElement);\n          forceAppend({\n            question,\n            response: newResponse,\n            callback: error => {\n              if (error) return;\n\n              containerElementRef.current?.children[0]?.remove();\n\n              if (\n                latestQuestionResponseRef.current &&\n                latestQuestionResponseRef.current !== newResponse\n              )\n                updateResponse(latestQuestionResponseRef.current);\n              else latestQuestionResponseRef.current = undefined;\n            },\n          });\n        });\n      },\n      [forceAppend, question],\n    );\n\n    const appendQuestionCalledRef = useRef(false);\n\n    useEffect(() => {\n      let requestId: number;\n\n      if (canRender) {\n        if (!appendQuestionCalledRef.current) {\n          requestId = window.requestAnimationFrame(() => {\n            const appenndableResponse = latestQuestionResponseRef.current ?? response;\n\n            appendQuestionCalledRef.current = true;\n            learnosity.appendQuestion({\n              questions: [question],\n              ...(appenndableResponse\n                ? {\n                    responses: {\n                      [question.response_id]: {\n                        // Learnosity is mutating the response object, so we need to clone it\n                        ...appenndableResponse,\n                      },\n                    },\n                  }\n                : {}),\n            });\n          });\n        }\n      }\n\n      return () => {\n        if (requestId) window.cancelAnimationFrame(requestId);\n      };\n    }, [canRender, learnosity, question, response]);\n\n    useEffect(() => {\n      if (appended) {\n        latestQuestionResponseRef.current = undefined;\n      }\n    }, [appended]);\n\n    useEffect(() => {\n      if (appended && response && canForceAppend) {\n        if (response !== latestQuestionResponseRef.current) {\n          if (!latestQuestionResponseRef.current) {\n            latestQuestionResponseRef.current = response;\n            updateResponse(response);\n          } else {\n            latestQuestionResponseRef.current = response;\n          }\n        }\n      }\n    }, [appended, canForceAppend, response, updateResponse]);\n\n    return (\n      <Styled.LearnosityQuestionContainer\n        ref={containerElementRef}\n        $isConceptIntro={isConceptIntro}\n        $isTeacher={canForceAppend}\n      >\n        <div className={`learnosity-response question-${question.response_id}`} />\n      </Styled.LearnosityQuestionContainer>\n    );\n  },\n);\n\nexport default LearnosityQuestion;\n"],"names":["LearnosityQuestion","memo","signedRequest","appended","canRender","canForceAppend","question","response","learnosity","isConceptIntro","containerElementRef","useRef","latestQuestionResponseRef","forceAppend","useLearnosityAppend","updateResponse","useCallback","newResponse","questionElement","_b","_a","path","_c","error","appendQuestionCalledRef","useEffect","requestId","appenndableResponse","jsx","Styled.LearnosityQuestionContainer"],"mappings":";;;;AASA,MAAMA,IAAmDC;AAAA,EACvD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAsBC,EAAuB,IAAI,GACjDC,IAA4BD,EAAgDJ,CAAQ,GACpF,EAAE,aAAAM,EAAA,IAAgBC,EAAoBZ,CAAa,GAEnDa,IAAiBC;AAAA,MACrB,CAACC,MAA6C;AAC5C,eAAO,sBAAsB,MAAM;;AAC3B,gBAAAC,IAAkB,SAAS,cAAc,KAAK;AAEpC,UAAAA,EAAA,UAAU,IAAI,qBAAqB,GACnDA,EAAgB,UAAU,IAAI,YAAYZ,EAAS,WAAW,EAAE,IAE5Ca,KAAAC,IAAAV,EAAA,YAAA,gBAAAU,EAAS,SAAS,OAAlB,QAAAD,EAAsB,iBAAiB,YAAY,QAAQ,CAAQE,MAAA;AAChF,YAAAA,EAAA,KAAK,GAAGA,EAAK,EAAE;AAAA,UAAA,KAGFC,IAAAZ,EAAA,YAAA,QAAAY,EAAS,OAAOJ,IACxBL,EAAA;AAAA,YACV,UAAAP;AAAA,YACA,UAAUW;AAAA,YACV,UAAU,CAASM,MAAA;;AACjB,cAAIA,OAEJJ,KAAAC,IAAAV,EAAoB,YAApB,gBAAAU,EAA6B,SAAS,OAAtC,QAAAD,EAA0C,UAGxCP,EAA0B,WAC1BA,EAA0B,YAAYK,IAEtCF,EAAeH,EAA0B,OAAO,MACnB,UAAU;AAAA,YAAA;AAAA,UAC3C,CACD;AAAA,QAAA,CACF;AAAA,MACH;AAAA,MACA,CAACC,GAAaP,CAAQ;AAAA,IACxB,GAEMkB,IAA0Bb,EAAO,EAAK;AAE5C,WAAAc,EAAU,MAAM;AACV,UAAAC;AAEJ,aAAItB,MACGoB,EAAwB,YACfE,IAAA,OAAO,sBAAsB,MAAM;AACvC,cAAAC,IAAsBf,EAA0B,WAAWL;AAEjE,QAAAiB,EAAwB,UAAU,IAClChB,EAAW,eAAe;AAAA,UACxB,WAAW,CAACF,CAAQ;AAAA,UACpB,GAAIqB,IACA;AAAA,YACE,WAAW;AAAA,cACT,CAACrB,EAAS,WAAW,GAAG;AAAA;AAAA,gBAEtB,GAAGqB;AAAA,cAAA;AAAA,YACL;AAAA,UACF,IAEF,CAAA;AAAA,QAAC,CACN;AAAA,MAAA,CACF,KAIE,MAAM;AACP,QAAAD,KAAkB,OAAA,qBAAqBA,CAAS;AAAA,MACtD;AAAA,OACC,CAACtB,GAAWI,GAAYF,GAAUC,CAAQ,CAAC,GAE9CkB,EAAU,MAAM;AACd,MAAItB,MACFS,EAA0B,UAAU;AAAA,IACtC,GACC,CAACT,CAAQ,CAAC,GAEbsB,EAAU,MAAM;AACV,MAAAtB,KAAYI,KAAYF,KACtBE,MAAaK,EAA0B,YACpCA,EAA0B,UAI7BA,EAA0B,UAAUL,KAHpCK,EAA0B,UAAUL,GACpCQ,EAAeR,CAAQ;AAAA,OAM5B,CAACJ,GAAUE,GAAgBE,GAAUQ,CAAc,CAAC,GAGrD,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAKnB;AAAA,QACL,iBAAiBD;AAAA,QACjB,YAAYJ;AAAA,QAEZ,4BAAC,OAAI,EAAA,WAAW,gCAAgCC,EAAS,WAAW,GAAI,CAAA;AAAA,MAAA;AAAA,IAC1E;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"learnosity-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/learnosity-question.tsx"],"sourcesContent":["import type { ILearnosityQuestionResponse } from '../worksheet-types';\nimport type { ILearnosityQuestionProps } from './worksheet-question-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useLearnosityAppend from '../hooks/use-learnosity-append';\nimport * as Styled from './worksheet-question-styled';\n\nconst LearnosityQuestion: FC<ILearnosityQuestionProps> = memo(\n  ({\n    signedRequest,\n    appended,\n    canRender,\n    canForceAppend,\n    question,\n    response,\n    learnosity,\n    isConceptIntro,\n  }) => {\n    const containerElementRef = useRef<HTMLDivElement>(null);\n    const latestQuestionResponseRef = useRef<ILearnosityQuestionResponse | undefined>(response);\n    const { forceAppend } = useLearnosityAppend(signedRequest);\n\n    const updateResponse = useCallback(\n      (newResponse: ILearnosityQuestionResponse) => {\n        window.requestAnimationFrame(() => {\n          const questionElement = document.createElement('div');\n\n          questionElement.classList.add('learnosity-response');\n          questionElement.classList.add(`question-${question.response_id}`);\n          // Drawing questions looks for already appended path elements with id, if present it will not append the path, to overcome this issue we are adding temp to the id\n          containerElementRef.current?.children[0]?.querySelectorAll('svg path').forEach(path => {\n            path.id = `${path.id} + temp`;\n          });\n\n          containerElementRef.current?.append(questionElement);\n          forceAppend({\n            question,\n            response: newResponse,\n            callback: error => {\n              if (error) return;\n\n              containerElementRef.current?.children[0]?.remove();\n\n              if (\n                latestQuestionResponseRef.current &&\n                latestQuestionResponseRef.current !== newResponse\n              )\n                updateResponse(latestQuestionResponseRef.current);\n              else latestQuestionResponseRef.current = undefined;\n            },\n          });\n        });\n      },\n      [forceAppend, question],\n    );\n\n    const appendQuestionCalledRef = useRef(false);\n\n    useEffect(() => {\n      let requestId: number;\n\n      if (canRender) {\n        if (!appendQuestionCalledRef.current) {\n          requestId = window.requestAnimationFrame(() => {\n            const appenndableResponse = latestQuestionResponseRef.current ?? response;\n\n            appendQuestionCalledRef.current = true;\n            learnosity.appendQuestion({\n              questions: [question],\n              ...(appenndableResponse\n                ? {\n                    responses: {\n                      [question.response_id]: {\n                        // Learnosity is mutating the response object, so we need to clone it\n                        ...appenndableResponse,\n                      },\n                    },\n                  }\n                : {}),\n            });\n          });\n        }\n      }\n\n      return () => {\n        if (requestId) window.cancelAnimationFrame(requestId);\n      };\n    }, [canRender, learnosity, question, response]);\n\n    useEffect(() => {\n      if (appended) {\n        latestQuestionResponseRef.current = undefined;\n      }\n    }, [appended]);\n\n    useEffect(() => {\n      if (appended && response && canForceAppend) {\n        if (response !== latestQuestionResponseRef.current) {\n          if (!latestQuestionResponseRef.current) {\n            latestQuestionResponseRef.current = response;\n            updateResponse(response);\n          } else {\n            latestQuestionResponseRef.current = response;\n          }\n        }\n      }\n    }, [appended, canForceAppend, response, updateResponse]);\n\n    return (\n      <Styled.LearnosityQuestionContainer\n        ref={containerElementRef}\n        $isConceptIntro={isConceptIntro}\n        $isTeacher={canForceAppend}\n      >\n        <div className={`learnosity-response question-${question.response_id}`} />\n      </Styled.LearnosityQuestionContainer>\n    );\n  },\n);\n\nexport default LearnosityQuestion;\n"],"names":["LearnosityQuestion","memo","signedRequest","appended","canRender","canForceAppend","question","response","learnosity","isConceptIntro","containerElementRef","useRef","latestQuestionResponseRef","forceAppend","useLearnosityAppend","updateResponse","useCallback","newResponse","questionElement","_b","_a","path","_c","error","appendQuestionCalledRef","useEffect","requestId","appenndableResponse","jsx","Styled.LearnosityQuestionContainer"],"mappings":";;;;AASA,MAAMA,IAAmDC;AAAA,EACvD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAsBC,EAAuB,IAAI,GACjDC,IAA4BD,EAAgDJ,CAAQ,GACpF,EAAE,aAAAM,EAAA,IAAgBC,EAAoBZ,CAAa,GAEnDa,IAAiBC;AAAA,MACrB,CAACC,MAA6C;AAC5C,eAAO,sBAAsB,MAAM;;AAC3B,gBAAAC,IAAkB,SAAS,cAAc,KAAK;AAEpC,UAAAA,EAAA,UAAU,IAAI,qBAAqB,GACnDA,EAAgB,UAAU,IAAI,YAAYZ,EAAS,WAAW,EAAE,IAE5Ca,KAAAC,IAAAV,EAAA,YAAA,gBAAAU,EAAS,SAAS,OAAlB,QAAAD,EAAsB,iBAAiB,YAAY,QAAQ,CAAQE,MAAA;AAChF,YAAAA,EAAA,KAAK,GAAGA,EAAK,EAAE;AAAA,UAAA,KAGFC,IAAAZ,EAAA,YAAA,QAAAY,EAAS,OAAOJ,IACxBL,EAAA;AAAA,YACV,UAAAP;AAAA,YACA,UAAUW;AAAA,YACV,UAAU,CAASM,MAAA;;AACjB,cAAIA,OAEJJ,KAAAC,IAAAV,EAAoB,YAApB,gBAAAU,EAA6B,SAAS,OAAtC,QAAAD,EAA0C,UAGxCP,EAA0B,WAC1BA,EAA0B,YAAYK,IAEtCF,EAAeH,EAA0B,OAAO,MACnB,UAAU;AAAA,YAC3C;AAAA,UAAA,CACD;AAAA,QAAA,CACF;AAAA,MACH;AAAA,MACA,CAACC,GAAaP,CAAQ;AAAA,IAAA,GAGlBkB,IAA0Bb,EAAO,EAAK;AAE5C,WAAAc,EAAU,MAAM;AACV,UAAAC;AAEJ,aAAItB,MACGoB,EAAwB,YACfE,IAAA,OAAO,sBAAsB,MAAM;AACvC,cAAAC,IAAsBf,EAA0B,WAAWL;AAEjE,QAAAiB,EAAwB,UAAU,IAClChB,EAAW,eAAe;AAAA,UACxB,WAAW,CAACF,CAAQ;AAAA,UACpB,GAAIqB,IACA;AAAA,YACE,WAAW;AAAA,cACT,CAACrB,EAAS,WAAW,GAAG;AAAA;AAAA,gBAEtB,GAAGqB;AAAA,cACL;AAAA,YACF;AAAA,UAAA,IAEF,CAAC;AAAA,QAAA,CACN;AAAA,MAAA,CACF,KAIE,MAAM;AACP,QAAAD,KAAkB,OAAA,qBAAqBA,CAAS;AAAA,MAAA;AAAA,OAErD,CAACtB,GAAWI,GAAYF,GAAUC,CAAQ,CAAC,GAE9CkB,EAAU,MAAM;AACd,MAAItB,MACFS,EAA0B,UAAU;AAAA,IACtC,GACC,CAACT,CAAQ,CAAC,GAEbsB,EAAU,MAAM;AACV,MAAAtB,KAAYI,KAAYF,KACtBE,MAAaK,EAA0B,YACpCA,EAA0B,UAI7BA,EAA0B,UAAUL,KAHpCK,EAA0B,UAAUL,GACpCQ,EAAeR,CAAQ;AAAA,OAM5B,CAACJ,GAAUE,GAAgBE,GAAUQ,CAAc,CAAC,GAGrD,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAKnB;AAAA,QACL,iBAAiBD;AAAA,QACjB,YAAYJ;AAAA,QAEZ,4BAAC,OAAI,EAAA,WAAW,gCAAgCC,EAAS,WAAW,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9E;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"question-backdrop-styled.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop-styled.ts"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\ninterface IAbsoluteCircleProps {\n  $backgroundColor: string;\n  $width: number;\n}\n\nconst AbsoluteCircle = styled.div<IAbsoluteCircleProps>(\n  ({ theme, $backgroundColor, $width }) => `\n    position: absolute;\n    --div-width: ${$width}px;\n    width: var(--div-width);\n    height: var(--div-width);\n    bottom: calc(712px * 0.225);\n    left: 50%;\n    transform: translate(-50%, 50%);\n    border-radius: 50%;\n    background-color: ${theme.colors[$backgroundColor as TColorNames]};\n  `,\n);\n\ninterface IAbsoluteFillProps {\n  $backgroundColor: string;\n}\n\nconst AbsoluteFill = styled.div<IAbsoluteFillProps>(\n  ({ theme, $backgroundColor }) => `\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: ${theme.colors[$backgroundColor as TColorNames]};\n    border-radius: 12px;\n    overflow: hidden;\n  `,\n);\n\nconst ChildrenWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  left: 0;\n  bottom: 180px;\n`;\n\nexport { AbsoluteCircle, AbsoluteFill, ChildrenWrapper };\n"],"names":["AbsoluteCircle","styled","theme","$backgroundColor","$width","AbsoluteFill","ChildrenWrapper"],"mappings":";AASA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAAC,GAAO,kBAAAC,GAAkB,QAAAC,QAAa;AAAA;AAAA,mBAExBA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAODF,EAAM,OAAOC,CAA+B,CAAC;AAAA;AAErE,GAMME,IAAeJ,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAC,GAAO,kBAAAC,QAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMXD,EAAM,OAAOC,CAA+B,CAAC;AAAA;AAAA;AAAA;AAIrE,GAEMG,IAAkBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"question-backdrop-styled.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop-styled.ts"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\ninterface IAbsoluteCircleProps {\n  $backgroundColor: string;\n  $width: number;\n}\n\nconst AbsoluteCircle = styled.div<IAbsoluteCircleProps>(\n  ({ theme, $backgroundColor, $width }) => `\n    position: absolute;\n    --div-width: ${$width}px;\n    width: var(--div-width);\n    height: var(--div-width);\n    bottom: calc(712px * 0.225);\n    left: 50%;\n    transform: translate(-50%, 50%);\n    border-radius: 50%;\n    background-color: ${theme.colors[$backgroundColor as TColorNames]};\n  `,\n);\n\ninterface IAbsoluteFillProps {\n  $backgroundColor: string;\n}\n\nconst AbsoluteFill = styled.div<IAbsoluteFillProps>(\n  ({ theme, $backgroundColor }) => `\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: ${theme.colors[$backgroundColor as TColorNames]};\n    border-radius: 12px;\n    overflow: hidden;\n  `,\n);\n\nconst ChildrenWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  left: 0;\n  bottom: 180px;\n`;\n\nexport { AbsoluteCircle, AbsoluteFill, ChildrenWrapper };\n"],"names":["AbsoluteCircle","styled","theme","$backgroundColor","$width","AbsoluteFill","ChildrenWrapper"],"mappings":";AASA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAAC,GAAO,kBAAAC,GAAkB,QAAAC,EAAa,MAAA;AAAA;AAAA,mBAExBA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAODF,EAAM,OAAOC,CAA+B,CAAC;AAAA;AAErE,GAMME,IAAeJ,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAC,GAAO,kBAAAC,EAAA,MAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMXD,EAAM,OAAOC,CAA+B,CAAC;AAAA;AAAA;AAAA;AAIrE,GAEMG,IAAkBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"question-backdrop.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop.tsx"],"sourcesContent":["import type { TWorksheetQuestionPaperColor } from '../worksheet-question-types';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { memo } from 'react';\n\nimport * as Styled from './question-backdrop-styled';\n\ninterface IQuestionBackdropProps {\n  paperColor: TWorksheetQuestionPaperColor;\n}\n\nconst QuestionBackdrop: FC<PropsWithChildren<IQuestionBackdropProps>> = memo(\n  ({ paperColor, children }) => {\n    return (\n      <>\n        <Styled.AbsoluteFill $backgroundColor={`${paperColor.toUpperCase()}_3`}>\n          <Styled.AbsoluteCircle\n            $backgroundColor={`${paperColor.toUpperCase()}_2`}\n            $width={792 * 1.2}\n          />\n          <Styled.AbsoluteCircle\n            $backgroundColor={`${paperColor.toUpperCase()}_1`}\n            $width={792 * 0.9}\n          />\n          {children && <Styled.ChildrenWrapper>{children}</Styled.ChildrenWrapper>}\n        </Styled.AbsoluteFill>\n      </>\n    );\n  },\n);\n\nexport default QuestionBackdrop;\n"],"names":["QuestionBackdrop","memo","paperColor","children","jsx","Fragment","jsxs","Styled.AbsoluteFill","Styled.AbsoluteCircle","Styled.ChildrenWrapper"],"mappings":";;;AAWA,MAAMA,IAAkEC;AAAA,EACtE,CAAC,EAAE,YAAAC,GAAY,UAAAC,QAEX,gBAAAC,EAAAC,GAAA,EACE,UAAC,gBAAAC,EAAAC,GAAA,EAAoB,kBAAkB,GAAGL,EAAW,YAAa,CAAA,MAChE,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,kBAAkB,GAAGN,EAAW,YAAA,CAAa;AAAA,QAC7C,QAAQ,MAAM;AAAA,MAAA;AAAA,IAChB;AAAA,IACA,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,kBAAkB,GAAGN,EAAW,YAAA,CAAa;AAAA,QAC7C,QAAQ,MAAM;AAAA,MAAA;AAAA,IAChB;AAAA,IACCC,KAAY,gBAAAC,EAACK,GAAA,EAAwB,UAAAN,EAAS,CAAA;AAAA,EAAA,EAAA,CACjD,EACF,CAAA;AAGN;"}
+{"version":3,"file":"question-backdrop.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop.tsx"],"sourcesContent":["import type { TWorksheetQuestionPaperColor } from '../worksheet-question-types';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { memo } from 'react';\n\nimport * as Styled from './question-backdrop-styled';\n\ninterface IQuestionBackdropProps {\n  paperColor: TWorksheetQuestionPaperColor;\n}\n\nconst QuestionBackdrop: FC<PropsWithChildren<IQuestionBackdropProps>> = memo(\n  ({ paperColor, children }) => {\n    return (\n      <>\n        <Styled.AbsoluteFill $backgroundColor={`${paperColor.toUpperCase()}_3`}>\n          <Styled.AbsoluteCircle\n            $backgroundColor={`${paperColor.toUpperCase()}_2`}\n            $width={792 * 1.2}\n          />\n          <Styled.AbsoluteCircle\n            $backgroundColor={`${paperColor.toUpperCase()}_1`}\n            $width={792 * 0.9}\n          />\n          {children && <Styled.ChildrenWrapper>{children}</Styled.ChildrenWrapper>}\n        </Styled.AbsoluteFill>\n      </>\n    );\n  },\n);\n\nexport default QuestionBackdrop;\n"],"names":["QuestionBackdrop","memo","paperColor","children","jsx","Fragment","jsxs","Styled.AbsoluteFill","Styled.AbsoluteCircle","Styled.ChildrenWrapper"],"mappings":";;;AAWA,MAAMA,IAAkEC;AAAA,EACtE,CAAC,EAAE,YAAAC,GAAY,UAAAC,QAEX,gBAAAC,EAAAC,GAAA,EACE,UAAC,gBAAAC,EAAAC,GAAA,EAAoB,kBAAkB,GAAGL,EAAW,YAAa,CAAA,MAChE,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,kBAAkB,GAAGN,EAAW,YAAA,CAAa;AAAA,QAC7C,QAAQ,MAAM;AAAA,MAAA;AAAA,IAChB;AAAA,IACA,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,kBAAkB,GAAGN,EAAW,YAAA,CAAa;AAAA,QAC7C,QAAQ,MAAM;AAAA,MAAA;AAAA,IAChB;AAAA,IACCC,KAAY,gBAAAC,EAACK,GAAA,EAAwB,UAAAN,EAAS,CAAA;AAAA,EAAA,EACjD,CAAA,EACF,CAAA;AAGN;"}

package/dist/features/worksheet/worksheet/worksheet-question/subjective-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"subjective-feedback.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-feedback.tsx"],"sourcesContent":["import type { ISubjectiveQuestionReviewProps, IFile } from './subjective-review';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useS3ImageUploadHelper from '../hooks/use-s3-helper';\nimport { TextArea, FileInput, FileInputLabel } from './subjective-styled';\n\nconst QUERY = { type: 'subjective_response' };\n\nconst SubjectiveQuestionFeedback: FC<ISubjectiveQuestionReviewProps> = memo(\n  ({\n    responses,\n    response,\n    nextQuestionId,\n    responseId,\n    studentId,\n    onAddReviewComment,\n    openImagesReviewModal,\n    handleReviewSubmit,\n    isSubmittingReview,\n  }) => {\n    const { score: responseScore } = response ?? {};\n    const { max_score: maxScore, score } = responseScore ?? {};\n    const isAttempted = responseScore && 'score' in responseScore && 'max_score' in responseScore;\n    const [comment, setComment] = useState(response?.teacherReview?.reviewComment ?? '');\n    const [isUploading, setIsUploading] = useState<boolean>(false);\n    const [scored, setScored] = useState(score ?? 0.0);\n    const [selectedImages, setSelectedImage] = useState<(string | IFile)[]>(\n      response?.teacherReview?.images ?? [],\n    );\n    const noOfImages = selectedImages.length;\n    const isSaveDisabled = useMemo(() => {\n      if (\n        response?.teacherReview?.reviewComment === comment &&\n        response.teacherReview.images?.length === selectedImages.length &&\n        response.score?.score === scored\n      ) {\n        return true;\n      }\n\n      return false;\n    }, [comment, response, scored, selectedImages.length]);\n\n    const canSubmitReview = useMemo(() => {\n      if (!responses) return false;\n\n      let canSubmit = true;\n\n      for (const item of Object.values(responses)) {\n        const currResponse = item.response;\n\n        const isCurrItemAttempted = !!currResponse;\n        const currentItemReviewed =\n          (item.teacherReview?.images && item.teacherReview?.images?.length > 0) ||\n          !!item.teacherReview?.reviewComment;\n\n        if (isCurrItemAttempted && !currentItemReviewed) {\n          canSubmit = false;\n          break;\n        }\n      }\n\n      return canSubmit;\n    }, [responses]);\n\n    const uploadImages = useS3ImageUploadHelper({\n      studentId,\n      query: QUERY,\n    });\n\n    const onCommentChange = useCallback((e: { target: { value: string } }) => {\n      setComment(e.target.value);\n    }, []);\n\n    const onScoreUp = useCallback(() => {\n      setScored(scored + 0.5);\n    }, [scored]);\n\n    const onScoreDown = useCallback(() => {\n      setScored(scored - 0.5);\n    }, [scored]);\n\n    const onSuccess = useCallback(\n      (images?: string[]) => {\n        setIsUploading(false);\n        const reponseImages = selectedImages.filter(item => typeof item === 'string');\n        const allImages = images ? [...reponseImages, ...images] : reponseImages;\n\n        if (images) {\n          setSelectedImage(allImages);\n        }\n        onAddReviewComment?.(responseId, {\n          score: {\n            score: scored,\n            max_score: maxScore as number,\n          },\n          teacherReview: {\n            reviewComment: comment,\n            images: allImages,\n          },\n        });\n      },\n      [comment, maxScore, onAddReviewComment, responseId, scored, selectedImages],\n    );\n\n    const handleSave = useCallback(() => {\n      const imagesToUpload = selectedImages.filter(images => typeof images !== 'string');\n\n      if (imagesToUpload.length > 0) {\n        setIsUploading(true);\n        uploadImages({\n          fileKey: `subjective-responses/${responseId}/`,\n          onSuccess: onSuccess,\n          onError: () => {},\n          images: imagesToUpload,\n        });\n      } else {\n        onSuccess();\n      }\n    }, [onSuccess, responseId, selectedImages, uploadImages]);\n\n    const updateImages = useCallback(\n      ({ filteredImages }: { filteredImages: string[]; newImages: IFile[] }) => {\n        setSelectedImage(filteredImages);\n      },\n      [],\n    );\n\n    const openImagesModal = useCallback(() => {\n      const previewImages = selectedImages.map(item => {\n        if (typeof item === 'string') return item;\n\n        return item.url;\n      });\n\n      if (!previewImages) return;\n\n      openImagesReviewModal?.({\n        isReviewed: false,\n        disableScoreForm: false,\n        imageUrls: previewImages,\n        filteredImageUrls: updateImages,\n        uploadedImages: selectedImages,\n      });\n    }, [openImagesReviewModal, updateImages, selectedImages]);\n\n    const onSelectImages = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n      const { files } = e.currentTarget;\n\n      if (!files) return;\n\n      const newFilesList = Array.from(files).map(file => {\n        const url = URL.createObjectURL(file);\n\n        return { file, url };\n      });\n\n      setSelectedImage(prevImages => [...prevImages, ...newFilesList]);\n    }, []);\n\n    if (!response) {\n      return null;\n    }\n\n    if (!isAttempted && nextQuestionId) {\n      return <Text $renderAs=\"body1\"> The student did not attempt this questions.</Text>;\n    }\n\n    return (\n      <>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <FlexView>\n            <Text $renderAs=\"body3\">Score (out of {maxScore})</Text>\n            <Separator heightX={1} />\n            <FlexView $flexDirection=\"row\" $gapX={0.5}>\n              <FlexView\n                $justifyContent=\"center\"\n                $alignItems=\"center\"\n                $borderColor=\"BLACK\"\n                $width={50}\n                $height={50}\n                $background=\"WHITE\"\n              >\n                <Text $renderAs=\"body1\">{scored}</Text>\n              </FlexView>\n              <Separator width={16} />\n              <FlexView $background=\"WHITE\" $gutterX={0.5} $gapX={0.5}>\n                <Clickable label=\"up\" onClick={onScoreUp} disabled={scored === maxScore}>\n                  <UpIcon />\n                </Clickable>\n                <Separator height={16} />\n                <Clickable label=\"down\" onClick={onScoreDown} disabled={scored === 0}>\n                  <DownIcon />\n                </Clickable>\n              </FlexView>\n            </FlexView>\n          </FlexView>\n          <FlexView>\n            <Text $renderAs=\"body1\">Comments</Text>\n            <Separator heightX={1} />\n            <TextArea value={comment} onChange={onCommentChange} />\n          </FlexView>\n          <FlexView $alignItems=\"center\">\n            <Text $renderAs=\"body1\">\n              Upload Images <small>(max 12)</small>\n            </Text>\n            <Separator heightX={1} />\n            <FileInputLabel htmlFor={`files${responseId}`}>Browse</FileInputLabel>\n            <Separator heightX={1} />\n            <FileInput\n              type=\"file\"\n              accept=\".jpeg, .jpg, .png\"\n              id={`files${responseId}`}\n              multiple\n              onChange={onSelectImages}\n            />\n            <TextButton\n              onClick={openImagesModal}\n              label={noOfImages ? `${noOfImages} ${pluralize(noOfImages, 'file')}` : 'No files'}\n            />\n          </FlexView>\n        </FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gutterX={1}\n          $gapX={1}\n        >\n          <Button\n            widthX={6}\n            renderAs=\"secondary\"\n            size=\"small\"\n            label=\"Save\"\n            onClick={handleSave}\n            busy={isUploading}\n            disabled={isSaveDisabled}\n          />\n          <Separator width={20} />\n          {!nextQuestionId && (\n            <Button\n              widthX={6}\n              renderAs=\"secondary\"\n              size=\"small\"\n              label=\"Submit Review\"\n              onClick={handleReviewSubmit}\n              busy={isSubmittingReview}\n              disabled={!canSubmitReview}\n            />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default SubjectiveQuestionFeedback;\n"],"names":["QUERY","SubjectiveQuestionFeedback","memo","responses","response","nextQuestionId","responseId","studentId","onAddReviewComment","openImagesReviewModal","handleReviewSubmit","isSubmittingReview","responseScore","maxScore","score","isAttempted","comment","setComment","useState","_a","isUploading","setIsUploading","scored","setScored","selectedImages","setSelectedImage","_b","noOfImages","isSaveDisabled","useMemo","_c","canSubmitReview","canSubmit","item","isCurrItemAttempted","currentItemReviewed","_d","uploadImages","useS3ImageUploadHelper","onCommentChange","useCallback","e","onScoreUp","onScoreDown","onSuccess","images","reponseImages","allImages","handleSave","imagesToUpload","updateImages","filteredImages","openImagesModal","previewImages","onSelectImages","files","newFilesList","file","url","prevImages","jsx","Text","jsxs","Fragment","FlexView","Separator","Clickable","UpIcon","DownIcon","TextArea","FileInputLabel","FileInput","TextButton","pluralize","Button"],"mappings":"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"}
+{"version":3,"file":"subjective-feedback.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-feedback.tsx"],"sourcesContent":["import type { ISubjectiveQuestionReviewProps, IFile } from './subjective-review';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useS3ImageUploadHelper from '../hooks/use-s3-helper';\nimport { TextArea, FileInput, FileInputLabel } from './subjective-styled';\n\nconst QUERY = { type: 'subjective_response' };\n\nconst SubjectiveQuestionFeedback: FC<ISubjectiveQuestionReviewProps> = memo(\n  ({\n    responses,\n    response,\n    nextQuestionId,\n    responseId,\n    studentId,\n    onAddReviewComment,\n    openImagesReviewModal,\n    handleReviewSubmit,\n    isSubmittingReview,\n  }) => {\n    const { score: responseScore } = response ?? {};\n    const { max_score: maxScore, score } = responseScore ?? {};\n    const isAttempted = responseScore && 'score' in responseScore && 'max_score' in responseScore;\n    const [comment, setComment] = useState(response?.teacherReview?.reviewComment ?? '');\n    const [isUploading, setIsUploading] = useState<boolean>(false);\n    const [scored, setScored] = useState(score ?? 0.0);\n    const [selectedImages, setSelectedImage] = useState<(string | IFile)[]>(\n      response?.teacherReview?.images ?? [],\n    );\n    const noOfImages = selectedImages.length;\n    const isSaveDisabled = useMemo(() => {\n      if (\n        response?.teacherReview?.reviewComment === comment &&\n        response.teacherReview.images?.length === selectedImages.length &&\n        response.score?.score === scored\n      ) {\n        return true;\n      }\n\n      return false;\n    }, [comment, response, scored, selectedImages.length]);\n\n    const canSubmitReview = useMemo(() => {\n      if (!responses) return false;\n\n      let canSubmit = true;\n\n      for (const item of Object.values(responses)) {\n        const currResponse = item.response;\n\n        const isCurrItemAttempted = !!currResponse;\n        const currentItemReviewed =\n          (item.teacherReview?.images && item.teacherReview?.images?.length > 0) ||\n          !!item.teacherReview?.reviewComment;\n\n        if (isCurrItemAttempted && !currentItemReviewed) {\n          canSubmit = false;\n          break;\n        }\n      }\n\n      return canSubmit;\n    }, [responses]);\n\n    const uploadImages = useS3ImageUploadHelper({\n      studentId,\n      query: QUERY,\n    });\n\n    const onCommentChange = useCallback((e: { target: { value: string } }) => {\n      setComment(e.target.value);\n    }, []);\n\n    const onScoreUp = useCallback(() => {\n      setScored(scored + 0.5);\n    }, [scored]);\n\n    const onScoreDown = useCallback(() => {\n      setScored(scored - 0.5);\n    }, [scored]);\n\n    const onSuccess = useCallback(\n      (images?: string[]) => {\n        setIsUploading(false);\n        const reponseImages = selectedImages.filter(item => typeof item === 'string');\n        const allImages = images ? [...reponseImages, ...images] : reponseImages;\n\n        if (images) {\n          setSelectedImage(allImages);\n        }\n        onAddReviewComment?.(responseId, {\n          score: {\n            score: scored,\n            max_score: maxScore as number,\n          },\n          teacherReview: {\n            reviewComment: comment,\n            images: allImages,\n          },\n        });\n      },\n      [comment, maxScore, onAddReviewComment, responseId, scored, selectedImages],\n    );\n\n    const handleSave = useCallback(() => {\n      const imagesToUpload = selectedImages.filter(images => typeof images !== 'string');\n\n      if (imagesToUpload.length > 0) {\n        setIsUploading(true);\n        uploadImages({\n          fileKey: `subjective-responses/${responseId}/`,\n          onSuccess: onSuccess,\n          onError: () => {},\n          images: imagesToUpload,\n        });\n      } else {\n        onSuccess();\n      }\n    }, [onSuccess, responseId, selectedImages, uploadImages]);\n\n    const updateImages = useCallback(\n      ({ filteredImages }: { filteredImages: string[]; newImages: IFile[] }) => {\n        setSelectedImage(filteredImages);\n      },\n      [],\n    );\n\n    const openImagesModal = useCallback(() => {\n      const previewImages = selectedImages.map(item => {\n        if (typeof item === 'string') return item;\n\n        return item.url;\n      });\n\n      if (!previewImages) return;\n\n      openImagesReviewModal?.({\n        isReviewed: false,\n        disableScoreForm: false,\n        imageUrls: previewImages,\n        filteredImageUrls: updateImages,\n        uploadedImages: selectedImages,\n      });\n    }, [openImagesReviewModal, updateImages, selectedImages]);\n\n    const onSelectImages = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n      const { files } = e.currentTarget;\n\n      if (!files) return;\n\n      const newFilesList = Array.from(files).map(file => {\n        const url = URL.createObjectURL(file);\n\n        return { file, url };\n      });\n\n      setSelectedImage(prevImages => [...prevImages, ...newFilesList]);\n    }, []);\n\n    if (!response) {\n      return null;\n    }\n\n    if (!isAttempted && nextQuestionId) {\n      return <Text $renderAs=\"body1\"> The student did not attempt this questions.</Text>;\n    }\n\n    return (\n      <>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <FlexView>\n            <Text $renderAs=\"body3\">Score (out of {maxScore})</Text>\n            <Separator heightX={1} />\n            <FlexView $flexDirection=\"row\" $gapX={0.5}>\n              <FlexView\n                $justifyContent=\"center\"\n                $alignItems=\"center\"\n                $borderColor=\"BLACK\"\n                $width={50}\n                $height={50}\n                $background=\"WHITE\"\n              >\n                <Text $renderAs=\"body1\">{scored}</Text>\n              </FlexView>\n              <Separator width={16} />\n              <FlexView $background=\"WHITE\" $gutterX={0.5} $gapX={0.5}>\n                <Clickable label=\"up\" onClick={onScoreUp} disabled={scored === maxScore}>\n                  <UpIcon />\n                </Clickable>\n                <Separator height={16} />\n                <Clickable label=\"down\" onClick={onScoreDown} disabled={scored === 0}>\n                  <DownIcon />\n                </Clickable>\n              </FlexView>\n            </FlexView>\n          </FlexView>\n          <FlexView>\n            <Text $renderAs=\"body1\">Comments</Text>\n            <Separator heightX={1} />\n            <TextArea value={comment} onChange={onCommentChange} />\n          </FlexView>\n          <FlexView $alignItems=\"center\">\n            <Text $renderAs=\"body1\">\n              Upload Images <small>(max 12)</small>\n            </Text>\n            <Separator heightX={1} />\n            <FileInputLabel htmlFor={`files${responseId}`}>Browse</FileInputLabel>\n            <Separator heightX={1} />\n            <FileInput\n              type=\"file\"\n              accept=\".jpeg, .jpg, .png\"\n              id={`files${responseId}`}\n              multiple\n              onChange={onSelectImages}\n            />\n            <TextButton\n              onClick={openImagesModal}\n              label={noOfImages ? `${noOfImages} ${pluralize(noOfImages, 'file')}` : 'No files'}\n            />\n          </FlexView>\n        </FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gutterX={1}\n          $gapX={1}\n        >\n          <Button\n            widthX={6}\n            renderAs=\"secondary\"\n            size=\"small\"\n            label=\"Save\"\n            onClick={handleSave}\n            busy={isUploading}\n            disabled={isSaveDisabled}\n          />\n          <Separator width={20} />\n          {!nextQuestionId && (\n            <Button\n              widthX={6}\n              renderAs=\"secondary\"\n              size=\"small\"\n              label=\"Submit Review\"\n              onClick={handleReviewSubmit}\n              busy={isSubmittingReview}\n              disabled={!canSubmitReview}\n            />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default SubjectiveQuestionFeedback;\n"],"names":["QUERY","SubjectiveQuestionFeedback","memo","responses","response","nextQuestionId","responseId","studentId","onAddReviewComment","openImagesReviewModal","handleReviewSubmit","isSubmittingReview","responseScore","maxScore","score","isAttempted","comment","setComment","useState","_a","isUploading","setIsUploading","scored","setScored","selectedImages","setSelectedImage","_b","noOfImages","isSaveDisabled","useMemo","_c","canSubmitReview","canSubmit","item","isCurrItemAttempted","currentItemReviewed","_d","uploadImages","useS3ImageUploadHelper","onCommentChange","useCallback","e","onScoreUp","onScoreDown","onSuccess","images","reponseImages","allImages","handleSave","imagesToUpload","updateImages","filteredImages","openImagesModal","previewImages","onSelectImages","files","newFilesList","file","url","prevImages","jsx","Text","jsxs","Fragment","FlexView","Separator","Clickable","UpIcon","DownIcon","TextArea","FileInputLabel","FileInput","TextButton","pluralize","Button"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,KAAQ,EAAE,MAAM,yBAEhBC,KAAiEC;AAAA,EACrE,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;;AACJ,UAAM,EAAE,OAAOC,MAAkBR,KAAY,CAAA,GACvC,EAAE,WAAWS,GAAU,OAAAC,EAAM,IAAIF,KAAiB,CAAA,GAClDG,IAAcH,KAAiB,WAAWA,KAAiB,eAAeA,GAC1E,CAACI,GAASC,CAAU,IAAIC,IAASC,IAAAf,KAAA,gBAAAA,EAAU,kBAAV,gBAAAe,EAAyB,kBAAiB,EAAE,GAC7E,CAACC,GAAaC,CAAc,IAAIH,EAAkB,EAAK,GACvD,CAACI,GAAQC,CAAS,IAAIL,EAASJ,KAAS,CAAG,GAC3C,CAACU,GAAgBC,CAAgB,IAAIP;AAAA,QACzCQ,IAAAtB,KAAA,gBAAAA,EAAU,kBAAV,gBAAAsB,EAAyB,WAAU,CAAC;AAAA,IAAA,GAEhCC,IAAaH,EAAe,QAC5BI,IAAiBC,EAAQ,MAAM;;AACnC,eACEV,IAAAf,KAAA,gBAAAA,EAAU,kBAAV,gBAAAe,EAAyB,mBAAkBH,OAC3CU,IAAAtB,EAAS,cAAc,WAAvB,gBAAAsB,EAA+B,YAAWF,EAAe,YACzDM,IAAA1B,EAAS,UAAT,gBAAA0B,EAAgB,WAAUR;AAAA,IAKrB,GACN,CAACN,GAASZ,GAAUkB,GAAQE,EAAe,MAAM,CAAC,GAE/CO,IAAkBF,EAAQ,MAAM;;AAChC,UAAA,CAAC1B,EAAkB,QAAA;AAEvB,UAAI6B,IAAY;AAEhB,iBAAWC,KAAQ,OAAO,OAAO9B,CAAS,GAAG;AAGrC,cAAA+B,IAAsB,CAAC,CAFRD,EAAK,UAGpBE,MACHhB,IAAAc,EAAK,kBAAL,gBAAAd,EAAoB,aAAUW,KAAAJ,IAAAO,EAAK,kBAAL,gBAAAP,EAAoB,WAApB,gBAAAI,EAA4B,UAAS,KACpE,CAAC,GAACM,IAAAH,EAAK,kBAAL,QAAAG,EAAoB;AAEpB,YAAAF,KAAuB,CAACC,GAAqB;AACnC,UAAAH,IAAA;AACZ;AAAA,QACF;AAAA,MACF;AAEO,aAAAA;AAAA,IAAA,GACN,CAAC7B,CAAS,CAAC,GAERkC,IAAeC,GAAuB;AAAA,MAC1C,WAAA/B;AAAA,MACA,OAAOP;AAAA,IAAA,CACR,GAEKuC,IAAkBC,EAAY,CAACC,MAAqC;AAC7D,MAAAxB,EAAAwB,EAAE,OAAO,KAAK;AAAA,IAC3B,GAAG,CAAE,CAAA,GAECC,IAAYF,EAAY,MAAM;AAClC,MAAAjB,EAAUD,IAAS,GAAG;AAAA,IAAA,GACrB,CAACA,CAAM,CAAC,GAELqB,IAAcH,EAAY,MAAM;AACpC,MAAAjB,EAAUD,IAAS,GAAG;AAAA,IAAA,GACrB,CAACA,CAAM,CAAC,GAELsB,IAAYJ;AAAA,MAChB,CAACK,MAAsB;AACrB,QAAAxB,EAAe,EAAK;AACpB,cAAMyB,IAAgBtB,EAAe,OAAO,CAAQS,MAAA,OAAOA,KAAS,QAAQ,GACtEc,IAAYF,IAAS,CAAC,GAAGC,GAAe,GAAGD,CAAM,IAAIC;AAE3D,QAAID,KACFpB,EAAiBsB,CAAS,GAE5BvC,KAAA,QAAAA,EAAqBF,GAAY;AAAA,UAC/B,OAAO;AAAA,YACL,OAAOgB;AAAA,YACP,WAAWT;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,eAAeG;AAAA,YACf,QAAQ+B;AAAA,UACV;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,CAAC/B,GAASH,GAAUL,GAAoBF,GAAYgB,GAAQE,CAAc;AAAA,IAAA,GAGtEwB,IAAaR,EAAY,MAAM;AACnC,YAAMS,IAAiBzB,EAAe,OAAO,CAAUqB,MAAA,OAAOA,KAAW,QAAQ;AAE7E,MAAAI,EAAe,SAAS,KAC1B5B,EAAe,EAAI,GACNgB,EAAA;AAAA,QACX,SAAS,wBAAwB/B,CAAU;AAAA,QAC3C,WAAAsC;AAAA,QACA,SAAS,MAAM;AAAA,QAAC;AAAA,QAChB,QAAQK;AAAA,MAAA,CACT,KAESL;OAEX,CAACA,GAAWtC,GAAYkB,GAAgBa,CAAY,CAAC,GAElDa,IAAeV;AAAA,MACnB,CAAC,EAAE,gBAAAW,EAAA,MAAuE;AACxE,QAAA1B,EAAiB0B,CAAc;AAAA,MACjC;AAAA,MACA,CAAC;AAAA,IAAA,GAGGC,IAAkBZ,EAAY,MAAM;AAClC,YAAAa,IAAgB7B,EAAe,IAAI,CAAQS,MAC3C,OAAOA,KAAS,WAAiBA,IAE9BA,EAAK,GACb;AAED,MAAKoB,MAEmB5C,KAAA,QAAAA,EAAA;AAAA,QACtB,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,WAAW4C;AAAA,QACX,mBAAmBH;AAAA,QACnB,gBAAgB1B;AAAA,MAAA;AAAA,IAEjB,GAAA,CAACf,GAAuByC,GAAc1B,CAAc,CAAC,GAElD8B,IAAiBd,EAAY,CAACC,MAA2C;AACvE,YAAA,EAAE,OAAAc,EAAM,IAAId,EAAE;AAEpB,UAAI,CAACc,EAAO;AAEZ,YAAMC,IAAe,MAAM,KAAKD,CAAK,EAAE,IAAI,CAAQE,MAAA;AAC3C,cAAAC,IAAM,IAAI,gBAAgBD,CAAI;AAE7B,eAAA,EAAE,MAAAA,GAAM,KAAAC;MAAI,CACpB;AAED,MAAAjC,EAAiB,OAAc,CAAC,GAAGkC,GAAY,GAAGH,CAAY,CAAC;AAAA,IACjE,GAAG,CAAE,CAAA;AAEL,WAAKpD,IAID,CAACW,KAAeV,IACV,gBAAAuD,EAAAC,GAAA,EAAK,WAAU,SAAQ,UAA4C,+CAAA,CAAA,IAKzE,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAC7C,UAAA;AAAA,QAAA,gBAAAF,EAACE,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAAD,GAAA,EAAK,WAAU,SAAQ,UAAA;AAAA,YAAA;AAAA,YAAehD;AAAA,YAAS;AAAA,UAAA,GAAC;AAAA,UACjD,gBAAA+C,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtB,gBAAAH,EAAAE,GAAA,EAAS,gBAAe,OAAM,OAAO,KACpC,UAAA;AAAA,YAAA,gBAAAJ;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBACZ,cAAa;AAAA,gBACb,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,aAAY;AAAA,gBAEZ,UAAC,gBAAAJ,EAAAC,GAAA,EAAK,WAAU,SAAS,UAAOvC,GAAA;AAAA,cAAA;AAAA,YAClC;AAAA,YACA,gBAAAsC,EAACK,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,8BACrBD,GAAS,EAAA,aAAY,SAAQ,UAAU,KAAK,OAAO,KAClD,UAAA;AAAA,cAAC,gBAAAJ,EAAAM,GAAA,EAAU,OAAM,MAAK,SAASxB,GAAW,UAAUpB,MAAWT,GAC7D,UAAC,gBAAA+C,EAAAO,IAAA,CAAA,CAAO,EACV,CAAA;AAAA,cACA,gBAAAP,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,cACvB,gBAAAL,EAACM,GAAU,EAAA,OAAM,QAAO,SAASvB,GAAa,UAAUrB,MAAW,GACjE,UAAC,gBAAAsC,EAAAQ,IAAA,CAAA,CAAS,EACZ,CAAA;AAAA,YAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA,GACF;AAAA,0BACCJ,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAJ,EAAAC,GAAA,EAAK,WAAU,SAAQ,UAAQ,YAAA;AAAA,UAChC,gBAAAD,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtB,gBAAAL,EAAAS,IAAA,EAAS,OAAOrD,GAAS,UAAUuB,GAAiB;AAAA,QAAA,GACvD;AAAA,QACA,gBAAAuB,EAACE,GAAS,EAAA,aAAY,UACpB,UAAA;AAAA,UAAC,gBAAAF,EAAAD,GAAA,EAAK,WAAU,SAAQ,UAAA;AAAA,YAAA;AAAA,YACR,gBAAAD,EAAC,WAAM,UAAQ,WAAA,CAAA;AAAA,UAAA,GAC/B;AAAA,UACA,gBAAAA,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,4BACtBK,IAAe,EAAA,SAAS,QAAQhE,CAAU,IAAI,UAAM,UAAA;AAAA,UACrD,gBAAAsD,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAL;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,IAAI,QAAQjE,CAAU;AAAA,cACtB,UAAQ;AAAA,cACR,UAAUgD;AAAA,YAAA;AAAA,UACZ;AAAA,UACA,gBAAAM;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,SAASpB;AAAA,cACT,OAAOzB,IAAa,GAAGA,CAAU,IAAI8C,GAAU,UAAA9C,GAAY,MAAM,CAAC,KAAK;AAAA,YAAA;AAAA,UACzE;AAAA,QAAA,GACF;AAAA,MAAA,GACF;AAAA,MACA,gBAAAmC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,OAAO;AAAA,UAEP,UAAA;AAAA,YAAA,gBAAAJ;AAAA,cAACc;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAAS1B;AAAA,gBACT,MAAM5B;AAAA,gBACN,UAAUQ;AAAA,cAAA;AAAA,YACZ;AAAA,YACA,gBAAAgC,EAACK,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,YACrB,CAAC5D,KACA,gBAAAuD;AAAA,cAACc;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAAShE;AAAA,gBACT,MAAMC;AAAA,gBACN,UAAU,CAACoB;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF,EAAA,CAAA,IA1FO;AAAA,EA4FX;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-question/subjective-review.js.map

@@ -1 +1 @@
-{"version":3,"file":"subjective-review.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-review.tsx"],"sourcesContent":["import type { TUserTypes } from '../../../ui/types';\nimport type { ISubjectiveSheetProps, IWorksheetResponse } from '../worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport SubjectiveQuestionFeedback from './subjective-feedback';\nimport { Thumbnail, Img, Wrapper } from './subjective-styled';\n\nexport interface ISubjectiveQuestionReviewProps extends ISubjectiveSheetProps {\n  responseId: string;\n  response?: IWorksheetResponse;\n  nextQuestionId?: string;\n  studentId: string;\n  responses?: Record<string, IWorksheetResponse>;\n  userType: TUserTypes;\n}\n\nexport interface IFile {\n  file: File;\n  url: string;\n}\n\nconst SubjectiveQuestionReview: FC<ISubjectiveQuestionReviewProps> = memo(props => {\n  const { response, openImagesReviewModal, isReviewPending, userType } = props;\n\n  const comment = response?.teacherReview?.reviewComment;\n  const images = response?.teacherReview?.images ?? [];\n\n  if (isReviewPending && userType === 'TEACHER') {\n    return <SubjectiveQuestionFeedback {...props} />;\n  }\n\n  return (\n    <Wrapper $gapX={0.5}>\n      <FlexView $background=\"ORANGE_5\" $widthX={3.8} $heightX={1.5} $justifyContent=\"center\">\n        <Text $renderAs=\"body1Medium\" $color=\"WHITE\">\n          Review\n        </Text>\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Score\n        </Text>\n        <Text $renderAs=\"body1\">{response?.score?.score ?? 0}</Text>\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Comments\n        </Text>\n        {comment ? <Text $renderAs=\"body1\">{comment}</Text> : <Text $renderAs=\"body1\"> -- </Text>}\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Files\n        </Text>\n        <FlexView $flexDirection=\"row\" $flexWrap>\n          {images.map(img => {\n            return (\n              <span>\n                <Thumbnail>\n                  <Img src={img} onClick={() => openImagesReviewModal?.({ image: img })} />\n                </Thumbnail>\n              </span>\n            );\n          })}\n        </FlexView>\n      </FlexView>\n    </Wrapper>\n  );\n});\n\nexport default SubjectiveQuestionReview;\n"],"names":["SubjectiveQuestionReview","memo","props","response","openImagesReviewModal","isReviewPending","userType","comment","_a","images","_b","jsx","SubjectiveQuestionFeedback","jsxs","Wrapper","FlexView","Text","Separator","_c","img","Thumbnail","Img"],"mappings":";;;;;;;AA0BM,MAAAA,IAA+DC,EAAK,CAASC,MAAA;;AACjF,QAAM,EAAE,UAAAC,GAAU,uBAAAC,GAAuB,iBAAAC,GAAiB,UAAAC,EAAa,IAAAJ,GAEjEK,KAAUC,IAAAL,KAAA,gBAAAA,EAAU,kBAAV,gBAAAK,EAAyB,eACnCC,MAASC,IAAAP,KAAA,gBAAAA,EAAU,kBAAV,gBAAAO,EAAyB,WAAU,CAAC;AAE/C,SAAAL,KAAmBC,MAAa,YAC3B,gBAAAK,EAACC,GAA4B,EAAA,GAAGV,EAAO,CAAA,IAI9C,gBAAAW,EAACC,GAAQ,EAAA,OAAO,KACd,UAAA;AAAA,IAAA,gBAAAH,EAACI,KAAS,aAAY,YAAW,SAAS,KAAK,UAAU,KAAK,iBAAgB,UAC5E,UAAA,gBAAAJ,EAACK,KAAK,WAAU,eAAc,QAAO,SAAQ,mBAE7C,CAAA,GACF;AAAA,IACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,SAAA;AAAA,wBACCA,GAAK,EAAA,WAAU,SAAS,YAAUE,IAAAf,KAAA,gBAAAA,EAAA,UAAA,gBAAAe,EAAO,UAAS,EAAE,CAAA;AAAA,IAAA,GACvD;AAAA,IACA,gBAAAP,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,YAAA;AAAA,MACCT,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,SAAS,UAAQT,EAAA,CAAA,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,SAAQ,UAAI,OAAA,CAAA;AAAA,IAAA,GACpF;AAAA,IACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,SAAA;AAAA,MACA,gBAAAL,EAACI,KAAS,gBAAe,OAAM,WAAS,IACrC,UAAAN,EAAO,IAAI,CAAOU,wBAEd,QACC,EAAA,UAAA,gBAAAR,EAACS,GACC,EAAA,UAAA,gBAAAT,EAACU,KAAI,KAAKF,GAAK,SAAS,MAAMf,KAAA,gBAAAA,EAAwB,EAAE,OAAOe,KAAK,CAAG,EACzE,CAAA,GACF,CAEH,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"subjective-review.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-review.tsx"],"sourcesContent":["import type { TUserTypes } from '../../../ui/types';\nimport type { ISubjectiveSheetProps, IWorksheetResponse } from '../worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport SubjectiveQuestionFeedback from './subjective-feedback';\nimport { Thumbnail, Img, Wrapper } from './subjective-styled';\n\nexport interface ISubjectiveQuestionReviewProps extends ISubjectiveSheetProps {\n  responseId: string;\n  response?: IWorksheetResponse;\n  nextQuestionId?: string;\n  studentId: string;\n  responses?: Record<string, IWorksheetResponse>;\n  userType: TUserTypes;\n}\n\nexport interface IFile {\n  file: File;\n  url: string;\n}\n\nconst SubjectiveQuestionReview: FC<ISubjectiveQuestionReviewProps> = memo(props => {\n  const { response, openImagesReviewModal, isReviewPending, userType } = props;\n\n  const comment = response?.teacherReview?.reviewComment;\n  const images = response?.teacherReview?.images ?? [];\n\n  if (isReviewPending && userType === 'TEACHER') {\n    return <SubjectiveQuestionFeedback {...props} />;\n  }\n\n  return (\n    <Wrapper $gapX={0.5}>\n      <FlexView $background=\"ORANGE_5\" $widthX={3.8} $heightX={1.5} $justifyContent=\"center\">\n        <Text $renderAs=\"body1Medium\" $color=\"WHITE\">\n          Review\n        </Text>\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Score\n        </Text>\n        <Text $renderAs=\"body1\">{response?.score?.score ?? 0}</Text>\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Comments\n        </Text>\n        {comment ? <Text $renderAs=\"body1\">{comment}</Text> : <Text $renderAs=\"body1\"> -- </Text>}\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Files\n        </Text>\n        <FlexView $flexDirection=\"row\" $flexWrap>\n          {images.map(img => {\n            return (\n              <span>\n                <Thumbnail>\n                  <Img src={img} onClick={() => openImagesReviewModal?.({ image: img })} />\n                </Thumbnail>\n              </span>\n            );\n          })}\n        </FlexView>\n      </FlexView>\n    </Wrapper>\n  );\n});\n\nexport default SubjectiveQuestionReview;\n"],"names":["SubjectiveQuestionReview","memo","props","response","openImagesReviewModal","isReviewPending","userType","comment","_a","images","_b","jsx","SubjectiveQuestionFeedback","jsxs","Wrapper","FlexView","Text","Separator","_c","img","Thumbnail","Img"],"mappings":";;;;;;;AA0BM,MAAAA,IAA+DC,EAAK,CAASC,MAAA;;AACjF,QAAM,EAAE,UAAAC,GAAU,uBAAAC,GAAuB,iBAAAC,GAAiB,UAAAC,MAAaJ,GAEjEK,KAAUC,IAAAL,KAAA,gBAAAA,EAAU,kBAAV,gBAAAK,EAAyB,eACnCC,MAASC,IAAAP,KAAA,gBAAAA,EAAU,kBAAV,gBAAAO,EAAyB,WAAU,CAAA;AAE9C,SAAAL,KAAmBC,MAAa,YAC3B,gBAAAK,EAACC,GAA4B,EAAA,GAAGV,EAAO,CAAA,IAI9C,gBAAAW,EAACC,GAAQ,EAAA,OAAO,KACd,UAAA;AAAA,IAAA,gBAAAH,EAACI,KAAS,aAAY,YAAW,SAAS,KAAK,UAAU,KAAK,iBAAgB,UAC5E,UAAA,gBAAAJ,EAACK,KAAK,WAAU,eAAc,QAAO,SAAQ,mBAE7C,CAAA,GACF;AAAA,IACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,SAAA;AAAA,wBACCA,GAAK,EAAA,WAAU,SAAS,YAAUE,IAAAf,KAAA,gBAAAA,EAAA,UAAA,gBAAAe,EAAO,UAAS,GAAE;AAAA,IAAA,GACvD;AAAA,IACA,gBAAAP,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,YAAA;AAAA,MACCT,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,SAAS,UAAQT,EAAA,CAAA,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,SAAQ,UAAI,QAAA;AAAA,IAAA,GACpF;AAAA,IACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,SAAA;AAAA,MACA,gBAAAL,EAACI,KAAS,gBAAe,OAAM,WAAS,IACrC,UAAAN,EAAO,IAAI,CAAOU,wBAEd,QACC,EAAA,UAAA,gBAAAR,EAACS,GACC,EAAA,UAAA,gBAAAT,EAACU,KAAI,KAAKF,GAAK,SAAS,MAAMf,KAAA,gBAAAA,EAAwB,EAAE,OAAOe,KAAQ,CAAA,GACzE,EACF,CAAA,CAEH,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/subjective-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"subjective-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const TextArea = styled.textarea(({ theme }) => {\n  const { BLACK_75, WHITE } = theme.colors;\n\n  return `\n  width: 350px;\n  height: 100px;\n  resize: none;\n  font-size: 16px;\n  font-weight: 400;\n  padding: 10px;\n  cursor: 'text'\n  border: 1px solid ${BLACK_75};\n  border-radius: 3px;\n  background-color: ${WHITE};\n`;\n});\n\nexport const FileInput = styled.input`\n  color: transparent;\n  max-width: 100px;\n  display: none;\n`;\n\nexport const FileInputLabel = styled.label`\n  border: ${`1px solid #8DD5F1`};\n  background: transparent;\n  height: 30px;\n  border-radius: 4px;\n  padding-top: 4px;\n  display: block;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 700;\n  text-align: center;\n  font-style: normal;\n  color: ${'#8DD5F1'};\n  cursor: ${'pointer'};\n  width: 110px;\n\n  &:hover {\n    border: ${'1px solid #1657e4'};\n    color: ${'#8DD5F1'};\n  }\n`;\n\nexport const UnderlinedText = styled(Text)`\n  text-decoration: underline;\n`;\n\nexport const Wrapper = styled(FlexView)`\n  border: 1px solid lightgray;\n  margin: 12px 0;\n  padding: 12px;\n`;\n\nexport const Thumbnail = styled(FlexView)`\n  width: 80px;\n  height: 80px;\n  padding: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n  border: 1px solid #d0d0d0;\n`;\n\nexport const Img = styled.img`\n  width: 72px !important;\n  height: 72px !important;\n  cursor: pointer !important;\n`;\n"],"names":["TextArea","styled","theme","BLACK_75","WHITE","FileInput","FileInputLabel","Text","Wrapper","FlexView","Thumbnail","Img"],"mappings":";;;AAKO,MAAMA,IAAWC,EAAO,SAAS,CAAC,EAAE,OAAAC,QAAY;AACrD,QAAM,EAAE,UAAAC,GAAU,OAAAC,EAAM,IAAIF,EAAM;AAE3B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQaC,CAAQ;AAAA;AAAA,sBAERC,CAAK;AAAA;AAE3B,CAAC,GAEYC,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBK,IAAiBL,EAAO;AAAA,YACzB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWpB,SAAS;AAAA,YACR,SAAS;AAAA;AAAA;AAAA;AAAA,cAIP,mBAAmB;AAAA,aACpB,SAAS;AAAA;AAAA;AAIQA,EAAOM,CAAI;AAAA;AAAA;AAI5B,MAAAC,IAAUP,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMzBC,IAAYT,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BE,IAAMV,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"subjective-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const TextArea = styled.textarea(({ theme }) => {\n  const { BLACK_75, WHITE } = theme.colors;\n\n  return `\n  width: 350px;\n  height: 100px;\n  resize: none;\n  font-size: 16px;\n  font-weight: 400;\n  padding: 10px;\n  cursor: 'text'\n  border: 1px solid ${BLACK_75};\n  border-radius: 3px;\n  background-color: ${WHITE};\n`;\n});\n\nexport const FileInput = styled.input`\n  color: transparent;\n  max-width: 100px;\n  display: none;\n`;\n\nexport const FileInputLabel = styled.label`\n  border: ${`1px solid #8DD5F1`};\n  background: transparent;\n  height: 30px;\n  border-radius: 4px;\n  padding-top: 4px;\n  display: block;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 700;\n  text-align: center;\n  font-style: normal;\n  color: ${'#8DD5F1'};\n  cursor: ${'pointer'};\n  width: 110px;\n\n  &:hover {\n    border: ${'1px solid #1657e4'};\n    color: ${'#8DD5F1'};\n  }\n`;\n\nexport const UnderlinedText = styled(Text)`\n  text-decoration: underline;\n`;\n\nexport const Wrapper = styled(FlexView)`\n  border: 1px solid lightgray;\n  margin: 12px 0;\n  padding: 12px;\n`;\n\nexport const Thumbnail = styled(FlexView)`\n  width: 80px;\n  height: 80px;\n  padding: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n  border: 1px solid #d0d0d0;\n`;\n\nexport const Img = styled.img`\n  width: 72px !important;\n  height: 72px !important;\n  cursor: pointer !important;\n`;\n"],"names":["TextArea","styled","theme","BLACK_75","WHITE","FileInput","FileInputLabel","Text","Wrapper","FlexView","Thumbnail","Img"],"mappings":";;;AAKO,MAAMA,IAAWC,EAAO,SAAS,CAAC,EAAE,OAAAC,QAAY;AACrD,QAAM,EAAE,UAAAC,GAAU,OAAAC,MAAUF,EAAM;AAE3B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQaC,CAAQ;AAAA;AAAA,sBAERC,CAAK;AAAA;AAE3B,CAAC,GAEYC,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBK,IAAiBL,EAAO;AAAA,YACzB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWpB,SAAS;AAAA,YACR,SAAS;AAAA;AAAA;AAAA;AAAA,cAIP,mBAAmB;AAAA,aACpB,SAAS;AAAA;AAAA;AAIQA,EAAOM,CAAI;AAAA;AAAA;AAI5B,MAAAC,IAAUP,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMzBC,IAAYT,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BE,IAAMV,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/advanced-practice-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/advanced-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst AdvancedPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"orange\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Great work!\n      </Text>\n      <Text $renderAs=\"h2\" $align=\"center\">\n        A new challenge awaits!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default AdvancedPracticeIntro;\n"],"names":["AdvancedPracticeIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAwBC,EAAK,MAE/B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAE3D,cAAA,CAAA;AAAA,oBACCA,GAAK,EAAA,WAAU,MAAK,QAAO,UAAS,UAErC,0BAAA,CAAA;AAAA,GACF,CAEH;"}
+{"version":3,"file":"advanced-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/advanced-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst AdvancedPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"orange\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Great work!\n      </Text>\n      <Text $renderAs=\"h2\" $align=\"center\">\n        A new challenge awaits!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default AdvancedPracticeIntro;\n"],"names":["AdvancedPracticeIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAwBC,EAAK,MAE/B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAE3D,cAAA,CAAA;AAAA,oBACCA,GAAK,EAAA,WAAU,MAAK,QAAO,UAAS,UAErC,2BAAA;AACF,EAAA,CAAA,CAEH;"}

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/basic-practice-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/basic-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst BasicPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Great job with learning!\n        <br />\n        Now it is practice time.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default BasicPracticeIntro;\n"],"names":["BasicPracticeIntro","memo","jsx","QuestionBackdrop","jsxs","Text"],"mappings":";;;;AAKM,MAAAA,IAAqBC,EAAK,MAE5B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAAA;AAAA,EAAA;AAAA,oBAExD,MAAG,EAAA;AAAA,EAAE;AAAA,EAAA,CAER,EACF,CAAA,CAEH;"}
+{"version":3,"file":"basic-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/basic-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst BasicPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Great job with learning!\n        <br />\n        Now it is practice time.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default BasicPracticeIntro;\n"],"names":["BasicPracticeIntro","memo","jsx","QuestionBackdrop","jsxs","Text"],"mappings":";;;;AAKM,MAAAA,IAAqBC,EAAK,MAE5B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAAA;AAAA,EAAA;AAAA,oBAExD,MAAG,EAAA;AAAA,EAAE;AAAA,EAER,CAAA,EACF,CAAA,CAEH;"}

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/exit-ticket-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"exit-ticket-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/exit-ticket-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst ExitTicketIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"purple\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={16}>\n        Good job on practice!\n      </Text>\n      <Text $renderAs=\"h2\" $align=\"center\">\n        Time to solve a few\n        <br />\n        questions on your own!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default ExitTicketIntro;\n"],"names":["ExitTicketIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAkBC,EAAK,MAEzB,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAE3D,wBAAA,CAAA;AAAA,EACC,gBAAAH,EAAAG,GAAA,EAAK,WAAU,MAAK,QAAO,UAAS,UAAA;AAAA,IAAA;AAAA,sBAElC,MAAG,EAAA;AAAA,IAAE;AAAA,EAAA,EAER,CAAA;AAAA,GACF,CAEH;"}
+{"version":3,"file":"exit-ticket-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/exit-ticket-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst ExitTicketIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"purple\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={16}>\n        Good job on practice!\n      </Text>\n      <Text $renderAs=\"h2\" $align=\"center\">\n        Time to solve a few\n        <br />\n        questions on your own!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default ExitTicketIntro;\n"],"names":["ExitTicketIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAkBC,EAAK,MAEzB,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAE3D,wBAAA,CAAA;AAAA,EACC,gBAAAH,EAAAG,GAAA,EAAK,WAAU,MAAK,QAAO,UAAS,UAAA;AAAA,IAAA;AAAA,sBAElC,MAAG,EAAA;AAAA,IAAE;AAAA,EAAA,GAER;AACF,EAAA,CAAA,CAEH;"}

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/regular-practice-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"regular-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/regular-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst RegularPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Good job!\n        <br />\n        Let’s step up for more practice.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default RegularPracticeIntro;\n"],"names":["RegularPracticeIntro","memo","jsx","QuestionBackdrop","jsxs","Text"],"mappings":";;;;AAKM,MAAAA,IAAuBC,EAAK,MAE9B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAAA;AAAA,EAAA;AAAA,oBAExD,MAAG,EAAA;AAAA,EAAE;AAAA,EAAA,CAER,EACF,CAAA,CAEH;"}
+{"version":3,"file":"regular-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/regular-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst RegularPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Good job!\n        <br />\n        Let’s step up for more practice.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default RegularPracticeIntro;\n"],"names":["RegularPracticeIntro","memo","jsx","QuestionBackdrop","jsxs","Text"],"mappings":";;;;AAKM,MAAAA,IAAuBC,EAAK,MAE9B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAAA;AAAA,EAAA;AAAA,oBAExD,MAAG,EAAA;AAAA,EAAE;AAAA,EAER,CAAA,EACF,CAAA,CAEH;"}