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

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,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;"}
+{"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;"}

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,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;"}
+{"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;"}

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,EACjD,CAAA,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,EAAA,CACjD,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":"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"}

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,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;"}
+{"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;"}

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,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;"}
+{"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;"}

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,2BAAA;AACF,EAAA,CAAA,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,0BAAA,CAAA;AAAA,GACF,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,EAER,CAAA,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,EAAA,CAER,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,GAER;AACF,EAAA,CAAA,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,EAER,CAAA;AAAA,GACF,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,EAER,CAAA,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,EAAA,CAER,EACF,CAAA,CAEH;"}

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-question-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.tsx"],"sourcesContent":["import type { TWorksheetQuestionPaperColor } from './worksheet-question-types';\n\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { QUESTIONS_GAP, TOP_NAVIGATION_HEIGHT } from '../constants';\nimport { getQuestionBackgroundImage, getQuestionBorderColor } from '../worksheet-helpers';\n\nconst LearnosityQuestionContainer = styled.div<{\n  $isConceptIntro: boolean;\n  $isTeacher: boolean;\n}>(\n  ({ $isConceptIntro, $isTeacher }) => `\n  position: relative;\n  z-index: 1;\n  & > div:not(:first-child) {\n    display: none;\n  }\n\n  ${\n    $isConceptIntro\n      ? `\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: ${$isTeacher ? 140 : 180}px;\n      `\n      : ''\n  }\n`,\n);\n\ninterface IQuestionContainerWrapper {\n  $topOffset?: number;\n}\n\nconst QuestionContainerWrapper = styled(FlexView)<IQuestionContainerWrapper>(\n  ({ $topOffset }) => `\n  scroll-margin-top: ${($topOffset ?? 0) + TOP_NAVIGATION_HEIGHT + QUESTIONS_GAP}px;\n`,\n);\n\nconst getMinHeightFromString = (minHeight: string) => {\n  if (minHeight.startsWith('calc(')) {\n    return minHeight.replace(')', ' - 32px)');\n  }\n\n  return minHeight;\n};\n\ninterface IQuestionContainerProps {\n  $minHeight: string | number;\n  $paperColor?: TWorksheetQuestionPaperColor;\n  $isActive?: boolean;\n}\n\nconst QuestionContainer = styled(FlexView)<IQuestionContainerProps>(\n  ({ theme, $minHeight, $paperColor, $isActive }) => `\n    position: relative;\n    padding: 15px 15px 55px 15px;\n    background-image: ${\n      $paperColor && $paperColor !== 'white'\n        ? `url(${getQuestionBackgroundImage($paperColor)})`\n        : 'none'\n    };\n    background-repeat: repeat;\n    min-height: ${\n      typeof $minHeight === 'number' ? `${$minHeight}px` : getMinHeightFromString($minHeight)\n    };\n    transition: opacity 0.15s;\n    border-radius: 12px;\n    border: 1px solid ${\n      $paperColor ? theme.colors[getQuestionBorderColor($paperColor, $isActive)] : 'transparent'\n    };\n    ${!$paperColor ? 'padding-right: 0;' : ''}\n`,\n);\n\ninterface IQuestionWrapperProps {\n  $dropzoneMinWidth: number;\n  $dropzoneMinHeight: number;\n}\n\nconst QuestionWrapper = styled.div<IQuestionWrapperProps>(\n  ({ theme: { colors }, $dropzoneMinWidth, $dropzoneMinHeight }) => `\n  height: 100%;\n  min-height: inherit;\n\n  em {\n    font-style: italic;\n  }    \n        \n  & .lrn_widget {\n    font-size: 16px;\n    line-height: 1.6em;\n    color: ${colors.BLACK};\n    font-family: \"Noto Serif\", serif;\n    margin-top: 6px;\n    padding-top: 0;\n    margin-bottom: 16px;\n\n    iframe {\n      max-width: 100%;\n    }\n\n    ul, ol {\n      list-style-type: initial;\n      padding-left: 32px;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    .lrn_response_wrapper {\n      margin-top: 0 !important;\n    }\n\n    .lrn_question {\n      margin-bottom: 16px;\n\n      .lrn_stimulus {\n        line-height: 1.6em;\n\n        .lrn_stimulus_content {\n          line-height: 1.6em;\n        }\n      }\n\n      & ~ .lrn_response_wrapper {\n        margin-top: 16px !important;\n      }\n    }\n\n    .lrn_response_input_wrapper {\n      border-color: ${colors.GREY_3};\n    }\n\n    .lrn_possibilityList {\n      background-color: ${colors.REAL_BLACK_10};\n    }\n\n    .lrn_dropzone {\n      margin: 0 !important;\n      margin: 0 !important;\n      border: 0 !important;\n      outline: 1px dashed ${colors.BLACK};\n      height: inherit !important;\n      ${\n        $dropzoneMinWidth > 0\n          ? `\n              min-width: ${$dropzoneMinWidth}px !important;\n              width: ${$dropzoneMinWidth}px !important;\n              max-width: ${$dropzoneMinWidth}px !important;\n            `\n          : ''\n      }\n      ${\n        $dropzoneMinHeight > 0\n          ? `\n              min-height: ${$dropzoneMinHeight}px !important;\n              height: ${$dropzoneMinHeight}px !important;\n            `\n          : ''\n      }\n\n      &:not(.lrn_disabled):hover {\n        outline: 1px dashed ${colors.BLUE_4};\n      }\n\n      &.lrn_highlight {\n        outline: 1px dashed ${colors.BLUE_4};\n\n        &.lrn_over {\n          background-color: ${colors.BLUE_1};\n\n          & .lrn_draggable {\n            opacity: 0.5;\n          }\n        }\n      }\n\n      & .lrn_draggable {\n        box-shadow: none;\n        margin: 0 !important;\n        border: 0 !important;\n        background-color: ${colors.WHITE} !important;\n\n        &:after {\n          padding: 0 !important;\n          right: 10px !important;\n        }\n\n        &.lrn_correct:after {\n          color: ${colors.GREEN_5} !important;\n        }\n\n        &.lrn_incorrect:after {\n          color: ${colors.ORANGE_5} !important;\n        }\n      }\n\n      &.lrn_correct_marker {\n        outline: 2px solid ${colors.GREEN_5} !important;\n      }\n\n      &.lrn_incorrect_marker {\n        outline: 2px solid ${colors.ORANGE_5} !important;\n      }\n    }\n\n    .lrn_draggable {\n      margin: 4px !important;\n      padding: 8px !important;\n      box-shadow: inset 0 0 0 1px ${colors.BLUE_4};\n      background-color: ${colors.WHITE} !important;\n      cursor: grab;\n      color: ${colors.BLACK} !important;\n\n      & .lrn_icon {\n        display: none;\n      }\n\n      & .lrn_item {\n        margin: 0 !important;\n        width: 100%;\n        text-align: left !important;\n      }\n\n      &.lrn_active,\n      &:not([disabled]):focus,\n      &:not([disabled]):hover {\n        box-shadow: inset 0 0 0 2px ${colors.BLUE_4} !important;\n      }\n\n      &[disabled] {\n        inset 0 0 0 1px ${colors.WHITE};\n      }\n\n      &.gu-mirror {\n        font-size: 99%;\n        transform: rotate(-6deg);\n      }\n    }\n\n    .lrn-response-validate-wrapper,\n    .lrn-response-validation-wrapper {\n      margin: 0 !important;\n      \n      &.lrn_correct {\n        border: 2px solid ${colors.GREEN_5} !important;\n        border-radius: 4px;\n    \n        &::after {\n          background-color: ${colors.GREEN_5} !important;\n        }\n      }\n\n      &.lrn_incorrect {\n        border: 2px solid ${colors.ORANGE_5} !important;\n        border-radius: 4px;\n    \n        &::after {\n          background-color: ${colors.ORANGE_5} !important;\n        }\n      }\n    }\n\n    .lrn_responseIndex {\n      position: absolute !important;\n      top: -12px !important;\n      left: -9px !important;\n      width: 18px !important;\n      height: 18px !important;\n      border-radius: 9px !important;\n      background-color: ${colors.GREY_3} !important;\n      font-size: 11px !important;\n      font-weight: bold !important;\n      line-height: 16px !important;\n      padding: 0 !important;\n      text-align: center;\n    }\n\n    .lrn_correctAnswers {\n      margin-top: 24px;\n      padding: 16px 24px;\n      border: 1px solid ${colors.GREY_3};\n      border-radius: 12px;\n      background-color: transparent;\n\n      & > :first-child {\n        color: ${colors.BLACK};\n        text-transform: capitalize;\n        font-family: \"UntitledSans-Medium\";\n        font-size: 14px;\n        line-height: 20px;\n      }\n      \n      & .lrn_correctAnswerList {\n        margin-top: 24px;\n        li {\n          background-color: ${colors.WHITE};\n          padding-left: 8px;\n          margin-right: 24px;\n          margin-bottom: 24px;\n          outline: 1px solid ${colors.GREY_3};\n          cursor: auto;\n        }\n      }\n    }\n\n    .lrn_classification_table .lrn_dropzone {\n      overflow-x: visible !important;\n    }\n  }\n\n  &.attempting .lrn_widget {\n    .lrn-response-validate-wrapper,\n    .lrn-response-validation-wrapper {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        border-color: transparent !important;\n\n        &::after {\n          background-color: transparent !important;\n          color: transparent !important;\n        }\n      }\n    }\n\n    .lrn_dropzone {\n      &.lrn_correct_marker,\n      &.lrn_incorrect_marker {\n        outline-color: ${colors.BLUE_4};\n      }\n\n      & .lrn_draggable {\n        &.lrn_correct:after,\n        &.lrn_incorrect:after {\n          color: ${colors.BLUE_4} !important;\n        }\n      }\n    }\n  }\n  \n  & .lrn_widget .lrn_textinput {\n    display: inline-flex;\n    vertical-align: middle;\n    padding: 0 !important;\n    margin: 0 !important;\n    border: none !important;\n\n    &::after {\n      right: 4px !important;\n      padding-right: 0px !important;\n    }\n    \n    & .lrn_math_editable {\n      padding-right: 32px;\n    \n      &.lrn_bordered_mathinput {\n        border: none !important;\n        outline: 1px solid ${colors.BLACK};\n        padding: 3px 24px 3px 8px;\n        text-align: left;\n        background-color: ${colors.WHITE} !important;\n      }\n\n      & .lrn_bordered_mathinput {\n        min-height: 20px;\n        border: 1px solid ${colors.BLACK};\n        border-radius: 2px !important;\n        background-color: ${colors.WHITE} !important;\n      }\n\n      &.lrn_bordered_mathinput {\n        &.lrn_focused,\n        &:not(.lrn_hide_cursor):hover {\n          outline: 1px solid ${colors.BLUE_4};\n        }\n\n        &.lrn_hide_cursor {\n          cursor: auto;\n        }\n      }\n      \n      &:not(.lrn_hide_cursor) .lrn_bordered_mathinput {\n        &.lrn_focused,\n        &:hover {\n          border: 1px solid ${colors.BLUE_4};\n        }\n\n      }\n      \n      &.lrn_hide_cursor .lrn_bordered_mathinput {\n        cursor: auto;\n      }\n    }\n    \n    & input {\n      min-height: 40px;\n      padding: 0 32px 0 8px;\n      border: none !important;\n      background-color: ${colors.WHITE} !important;\n      outline: 1px solid ${colors.BLACK};\n      border-radius: 4px !important;\n\n      &:focus,\n      &:not(:disabled):hover {\n        outline: 1px solid ${colors.BLUE_4};\n      }\n    }\n\n    &.lrn_correct {\n      background-color: ${colors.GREEN_1} !important;\n      &::after {\n        color: ${colors.GREEN_5};\n      }\n      & input {\n        outline: 2px solid ${colors.GREEN_5};\n      }\n      & .lrn_bordered_mathinput {\n        &:not(.mq-inner-editable) {\n          outline: 2px solid ${colors.GREEN_5};\n        }\n        &.mq-inner-editable {\n          border: 1px solid ${colors.GREEN_5};\n        }\n      }\n    }\n    \n    &.lrn_incorrect {\n      background-color: ${colors.ORANGE_1} !important;\n      &::after {\n        color: ${colors.ORANGE_5};\n      }\n      & input {\n        outline: 2px solid ${colors.ORANGE_5};\n      }\n      & .lrn_bordered_mathinput {\n        &:not(.mq-inner-editable) {\n          outline: 2px solid ${colors.ORANGE_5};\n        }\n        &.mq-inner-editable {\n          border: 1px solid ${colors.ORANGE_5};\n        }\n      }\n    }\n  }\n\n  &.attempting .lrn_widget .lrn_textinput {\n    &.lrn_correct,\n    &.lrn_incorrect {\n      background-color: ${colors.WHITE} !important;\n\n      &::after {\n        color: ${colors.BLUE_4} !important;\n      }\n\n      & input {\n        outline: 1px solid ${colors.BLUE_4} !important;\n      }\n\n      & .lrn_bordered_mathinput {\n        &:not(.mq-inner-editable) {\n          outline: 2px solid ${colors.BLUE_4} !important;\n        }\n        &.mq-inner-editable {\n          border: 1px solid ${colors.BLUE_4} !important;\n        }\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_mcq .lrn_response {\n    & .lrn_mcqgroup {\n      overflow-x: visible;\n      margin: 0 -8px !important;\n\n      & .lrn-mcq-option {\n        border: none !important;\n        margin-bottom: 12px;\n        padding: 0 6px !important;\n        background-color: transparent !important;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n\n        & .lrn-label {\n          padding: 0;\n          background-color: ${colors.GREY_1};\n          border-radius: 12px;\n          border: 0;\n          outline: 1px solid ${colors.GREY_2};\n\n          &::before {\n            border: 0;\n            right: 10px;\n            padding: 0;\n            font-size: 14px;\n          }\n\n          & .lrn_choiceLabel {\n            border-radius: 12px 0 0 12px;\n            border-right: 1px solid ${colors.GREY_2};\n          }\n\n          & .lrn_contentWrapper {\n            padding: 16px 32px 16px 16px;\n          }\n        }\n\n        & input {\n          visibility: hidden;\n\n          &:not(:disabled) + .lrn-label:hover {\n            outline: 1px solid ${colors.BLUE_4};\n          }\n\n          &:disabled + .lrn-label {\n            cursor: not-allowed;\n          }\n        }\n\n        &.lrn_selected .lrn-label {\n          outline: 1px solid ${colors.BLUE_4};\n          background-color: ${colors.GREY_1};\n        }\n\n        &.lrn_correct .lrn-label {\n          outline: 2px solid ${colors.GREEN_5};\n          background-color: ${colors.GREEN_1};\n\n          &::before {\n            color: ${colors.GREEN_5};\n          }\n        }\n        \n        &.lrn_incorrect .lrn-label {\n          outline: 2px solid ${colors.ORANGE_5};\n          background-color: ${colors.ORANGE_1};\n\n          &::before {\n            color: ${colors.ORANGE_5};\n          }\n        }\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup .lrn-mcq-option {\n    &.lrn_incorrect .lrn-label,\n    &.lrn_correct .lrn-label {\n      outline: 1px solid ${colors.BLUE_4};\n      background-color: ${colors.GREY_1};\n\n      &::before {\n        color: ${colors.BLUE_4};\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_tokenhighlight .lrn_response .lrn_token {\n    border: 0 !important;\n    border-radius: 0px;\n    padding: 0 2px !important;\n    outline: none !important;\n    margin: 0;\n    background-color: transparent !important;\n\n    &::after {\n      position: absolute !important;\n      font-size: 12px;\n      line-height: 16px;\n      top: -16px !important;\n      left: calc(50% - 6px);\n      margin: 0 !important;\n    }\n\n    &.lrn_tokenhighlight_hover,\n    &.lrn_tokenhighlight_highlight {\n      background-color: ${colors.BLUE_1} !important;\n    }\n\n    &.lrn_correct {\n      background-color: ${colors.GREEN_1} !important;;\n\n      &::after {\n        color: ${colors.GREEN_5} !important;\n      }\n    }\n\n    &.lrn_incorrect {\n      background-color: ${colors.ORANGE_1} !important;;\n\n      &::after {\n        color: ${colors.ORANGE_5} !important;\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_tokenhighlight .lrn_response .lrn_token {\n    &.lrn_correct,\n    &.lrn_incorrect {\n      background-color: ${colors.BLUE_1} !important;\n\n      &::after {\n        color: ${colors.BLUE_4} !important;\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_numberline {\n    .lrn_incorrect.lrn_btn_arrow {\n      background-color: ${colors.ORANGE_1};\n      border: 1px solid ${colors.ORANGE_5};\n\n      &::before {\n        color: ${colors.ORANGE_5};\n      }\n      &::after {\n        border-color: ${colors.ORANGE_5} transparent transparent;\n      }\n    }\n\n    .lrn_correct.lrn_btn_arrow {\n      background-color: ${colors.GREEN_1};\n      border: 1px solid ${colors.GREEN_5};\n\n      &::before {\n        color: ${colors.GREEN_5};\n      }\n      &::after {\n        border-color: ${colors.GREEN_5} transparent transparent;\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_numberline {\n    .lrn_correct.lrn_btn_arrow,\n    .lrn_incorrect.lrn_btn_arrow {\n      background-color: ${colors.BLUE_1} !important;\n      border: 1px solid ${colors.BLUE_4} !important;\n\n      &::before {\n        color: ${colors.BLUE_4} !important;\n      }\n      &::after {\n        border-color: ${colors.BLUE_4} transparent transparent !important;\n      }\n    }\n  }\n\n  & .lrn_widget .lrn_combobox {\n    margin: 0 3px !important;\n\n    & .lrn_clozedropdown_answer {\n      position: relative !important;\n      display: inline-flex !important;\n      line-height: 28px !important;\n    }\n\n    &.lrn_not_attempted .lrn_clozedropdown_answer {\n      position: relative !important;\n      border: none !important;\n      background: transparent !important;\n      width: 100px;\n\n      &:after {\n        content: '';\n        position: absolute !important;\n        top: -5px;\n        left: 0;\n        width: 100%;\n        height: 28px;\n        background-color: ${colors.WHITE};\n        outline: 1px solid ${colors.BLACK};\n        border-radius: 4px;\n        margin: 0 !important;\n      }\n    }\n    \n    & .lrn-cloze-select, &:not(.lrn_not_attempted) .lrn_clozedropdown_answer {\n      background-color: ${colors.WHITE} !important;\n      border: 0 !important;\n      padding: 0 32px 0 8px !important;\n      outline: 1px solid ${colors.BLACK};\n      border-radius: 4px !important;\n      min-height: 28px;\n      min-width: 100px;\n      height: 28px !important;\n\n      &:after {\n        position: absolute !important;\n        right: 10px !important;\n        padding: 0px !important;\n        margin: 0px !important;\n      }\n    }\n  \n    &.lrn_correct .lrn_clozedropdown_answer {\n      outline: 2px solid ${colors.GREEN_5};\n      &:after {\n        color: ${colors.GREEN_5} !important;\n      }\n    }\n    &.lrn_incorrect .lrn_clozedropdown_answer {\n      outline: 2px solid ${colors.ORANGE_5};\n      &:after {\n        color: ${colors.ORANGE_5} !important;\n      }\n    }\n    \n  }\n\n  &.attempting .lrn_widget .lrn_combobox {\n    &.lrn_correct .lrn_clozedropdown_answer,\n    &.lrn_incorrect .lrn_clozedropdown_answer {\n      outline: 2px solid ${colors.BLUE_4} !important;\n      &::after {\n        color: ${colors.BLUE_4} !important;\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_hotspot .lrn-polygons {\n    .lrn-focused polygon {\n      outline-color: ${colors.BLUE_4};\n    }\n\n    .lrn-selected polygon {\n      stroke: ${colors.BLUE_4} !important;\n    }\n\n    .lrn_correct polygon {\n      stroke: ${colors.GREEN_5} !important;\n    }\n    \n    .lrn_incorrect polygon {\n      stroke: ${colors.ORANGE_5} !important;\n    }\n\n    .lrn-polygons-labels li {\n      &.lrn_valid {\n        background: ${colors.GREY_3};\n      }\n      &.lrn_correct {\n        background: ${colors.GREEN_5};\n      }\n      &.lrn_incorrect {\n        background: ${colors.ORANGE_5};\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_hotspot .lrn-polygons {\n    .lrn_correct polygon,\n    .lrn_incorrect polygon {\n      stroke: ${colors.BLUE_4} !important;\n    }\n\n    .lrn-polygons-labels li {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        background: ${colors.BLUE_4};\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_choicematrix {\n    .lrn_option {\n      &:: before {\n        display: none;\n      }\n      &::after {\n        position: absolute !important;\n        top: calc(50% - 9px) !important;\n        right: 7px !important;\n      }\n      &.lrn_correct {\n        background-color: ${colors.GREEN_1};\n\n        &::after {\n          color: ${colors.GREEN_5} !important;\n        }\n      }\n\n      &.lrn_incorrect {\n        background-color: ${colors.ORANGE_1};\n\n        &::after {\n          color: ${colors.ORANGE_5} !important;\n        }\n      }\n    }\n\n    .lrn_response_input {\n      border-width: 2px !important;\n      margin: 0 !important;\n\n      &.lrn_correct {\n        border-color: ${colors.GREEN_5};\n\n        &::after {\n          background-color: ${colors.GREEN_5};\n        }\n      }\n\n      &.lrn_incorrect {\n        border-color: ${colors.ORANGE_5};\n\n        &::after {\n          background-color: ${colors.ORANGE_5};\n        }\n      }\n    } \n  }\n\n  &.attempting .lrn_widget.lrn_choicematrix {\n    .lrn_option {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        background-color: ${colors.BLUE_1};\n\n        &::after {\n          color: ${colors.BLUE_4} !important;\n        }\n      }\n    }\n    \n    .lrn_response_input {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        border-color: ${colors.BLUE_4};\n\n        &::after {\n          background-color: ${colors.BLUE_4};\n        }\n      }\n    }\n  }\n\n  .lrn_widget.lrn_classification {\n    .lrn_response_container {\n      border: 0 !important;\n      vertical-align: bottom !important;\n    }\n\n    .lrn_dropzone {\n      display: flex;\n      flex-wrap: wrap;\n      column-gap: 8px;\n      height: unset !important;\n    }\n\n    .lrn_dropzone .lrn_draggable {\n      display: inline-flex;\n      align-items: center;\n      padding: 8px 30px 8px 8px !important;\n      margin-bottom: 4px !important;\n      outline: 1px solid ${colors.BLUE_4} !important;\n      background-color: transparent !important;\n\n      &.lrn_incorrect {\n        outline: 1px solid ${colors.ORANGE_5} !important;\n      }\n\n      &.lrn_correct {\n        outline: 1px solid ${colors.GREEN_5} !important;\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_classification {\n    .lrn_dropzone .lrn_draggable {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        outline: 1px solid ${colors.BLUE_4} !important;\n      }\n    }\n  }\n\n  .lrn_widget.lrn_association {\n    .lrn_dropzone .lrn_draggable {\n      display: flex;\n      align-items: center;\n      background-color: transparent !important;\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_association {\n    .lrn_dropzone .lrn_draggable {\n      background-color: ${colors.WHITE} !important;\n    }\n  }\n\n  .lrn_widget.lrn_clozeassociation {\n    .lrn_dropzone .lrn_draggable {\n      display: flex;\n      align-items: center;\n      background-color: transparent !important;\n    }\n\n    .lrn_response_input {\n      padding-bottom: 2px !important;\n    }\n  }\n  \n  &.attempting .lrn_widget.lrn_clozeassociation {\n    .lrn_dropzone .lrn_draggable {\n      background-color: ${colors.WHITE} !important;\n    }\n  }\n\n  .lrn_widget.lrn_drawing {\n    .lrn-label span,\n    .lrn_toolbar_small_label {\n      display: none !important;\n    }\n  }\n\n  &.hidden {\n    visibility: hidden;\n  }\n\n  &.correct-answers-hidden {\n    .lrn_correctAnswers {\n      display: none !important;\n    }\n  }\n  \n\n  &.response-hidden .lrn_response_wrapper {\n    display: none;\n  }\n  \n  &.response-code-hidden .lrn_response_wrapper {\n    width: 75%;\n    margin: 0 auto;\n    .lrn_display_correct_answer_enabled {\n      >:not(:first-child) {\n        display: none;\n      }\n        \n      :first-child {\n        font-family: 'UntitledSans-Regular';\n        font-size: 16px !important;\n        line-height: 24px !important;\n        text-align: center;\n        text-wrap: balance;\n      }\n\n      .lrn_textinput {\n        display: none !important;\n      }\n    }\n    \n    :first-child {\n      font-family: 'UntitledSans-Regular';\n      font-size: 16px !important;\n      line-height: 24px !important;\n      text-align: center;\n      text-wrap: balance;\n    }\n      \n    .lrn_correctAnswers {\n      display: none;\n    }\n  }\n\n  &.lesson-overview {\n    .lrn_widget .lrn_question {\n      table {\n        width: calc(100% - 48px) !important;\n        margin-left: 24px !important;\n        border: 0px !important;\n        \n        td {\n          border: 0px !important;\n          width: 100% !important;\n          background-color: transparent !important;\n\n          p {\n            display: flex !important;\n            justify-content: center !important;\n            font-family: \"Athletics-Medium\" !important;\n            font-size: 28px !important;\n            margin-bottom: 32px !important;\n          }\n\n          ul {\n            list-style-type: none;\n            padding-left: 0;\n\n            li {\n              position: relative !important;\n              font-family: \"UntitledSans-Regular\" !important;\n              font-size: 16px !important;\n              margin: 12px 0 !important;\n\n              &::before {\n                content: \"A\";\n                display: inline-block;\n                width: 24px;\n                height: 24px;\n                margin-right: 12px;\n                color: transparent;\n                background-image: url(${ILLUSTRATIONS.BULLET_YELLOW});\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &.concept-intro {\n    .lrn_widget .lrn_question {\n      .lrn_stimulus {\n        display: flex !important;\n        justify-content: center !important;\n      }\n      .lrn_stimulus_content {\n        width: 75% !important;\n        font-family: \"Athletics-Light\" !important;\n        font-size: 48px !important;\n        line-height: 52px !important;\n        text-align: center;\n        text-wrap: balance;\n\n        * {\n          font-size: 48px !important;\n        }\n      }\n    }\n  }\n\n  &.system-intro .lrn_widget {\n    display: none;\n  }\n`,\n);\n\nconst ItemHeader = styled(FlexView)`\n  position: relative;\n  z-index: 2;\n  padding-right: 8px;\n`;\n\nconst ItemHeaderTag = styled(FlexView)(\n  ({\n    theme: {\n      layout: { gutter },\n      colors,\n    },\n  }) => `\n  position: relative;\n  padding: ${gutter * 1}px ${gutter * 1}px ${gutter * 0.75}px;\n  border-top-left-radius: ${gutter * 0.375}px;\n  border-top-right-radius: ${gutter * 0.5}px;\n  background-color: ${colors.YELLOW_2};\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: calc(100% - 1px);\n    border-bottom: 44px solid ${colors.YELLOW_2};\n    border-right: 24px solid transparent;\n  }\n`,\n);\n\ninterface IQuestionHeaderWrapperProps {\n  $actionbarHeight: number;\n  $topOffset: number;\n}\n\ninterface ICueCanvasWrappperProps {\n  $canScribble: boolean;\n}\n\nconst QuestionHeaderWrapper = styled(FlexView)<IQuestionHeaderWrapperProps>(\n  ({ $topOffset }) => `\n  position: sticky;\n  top: ${$topOffset + QUESTIONS_GAP / 2}px;\n  z-index: 2;\n`,\n);\n\nconst QuestionValidationAnimationWrapper = styled.div`\n  position: absolute;\n  top: -16px;\n  right: -16px;\n  width: 40px;\n  height: 40px;\n`;\n\nconst LessonOverviewBanner = styled.img`\n  display: block;\n  transform: translate(-15px, -15px);\n  width: calc(100% + 30px);\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 18px;\n`;\n\nconst CustomElement = styled.div(\n  ({ theme: { colors } }) => `\n  color: ${colors.BLACK};\n  font-size: 16px;\n  line-height: 1.6em;\n  font-family: 'Noto Serif', serif;\n\n  & > *:not(:last-child) {\n    margin-bottom: 1em;\n  }\n\n  & strong {\n    font-weight: bold;\n  }\n\n  & i {\n    font-style: italic;\n  }\n\n  & ul, ol {\n    list-style-type: initial;\n    padding-left: 1.5em;\n\n    & li:not(:last-child) {\n      margin-bottom: 8px;\n    }\n  }\n\n  & ol {\n    list-style-type: decimal;\n  }\n\n  & ul ul {\n    list-style-type: circle;\n  }\n\n  & img {\n    max-width: 100%;\n    height: inherit;\n  }\n\n  & table {\n    td {\n      padding: 8px;\n    }\n    &:not(.table-no-border) td {\n      border: 1px solid ${colors.REAL_BLACK};\n    }\n  }\n`,\n);\n\nconst Hint = styled(CustomElement)`\n  margin: 8px 0;\n`;\n\nconst Solution = CustomElement;\n\nconst StimulusReview = styled(CustomElement)(\n  ({ theme: { colors } }) => `\n  width: 50%;\n  padding-right: 16px;\n  margin-top: 16px;\n  border-right: 1px solid ${colors.GREY_2};\n  min-height: 100%;\n  align-self: stretch;\n`,\n);\n\nconst CueCanvasWrapper = styled(FlexView)<ICueCanvasWrappperProps>(\n  ({ $canScribble, theme }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ${$canScribble ? theme.zIndex.CANVAS_SCRIBBLING : 1};\n  pointer-events: ${$canScribble ? 'auto' : 'none'};\n`,\n);\n\nexport {\n  CueCanvasWrapper,\n  CustomElement,\n  Hint,\n  ItemHeader,\n  ItemHeaderTag,\n  LearnosityQuestionContainer,\n  LessonOverviewBanner,\n  QuestionContainer,\n  QuestionContainerWrapper,\n  QuestionHeaderWrapper,\n  QuestionValidationAnimationWrapper,\n  QuestionWrapper,\n  Solution,\n  StimulusReview,\n};\n"],"names":["LearnosityQuestionContainer","styled","$isConceptIntro","$isTeacher","QuestionContainerWrapper","FlexView","$topOffset","TOP_NAVIGATION_HEIGHT","QUESTIONS_GAP","getMinHeightFromString","minHeight","QuestionContainer","theme","$minHeight","$paperColor","$isActive","getQuestionBackgroundImage","getQuestionBorderColor","QuestionWrapper","colors","$dropzoneMinWidth","$dropzoneMinHeight","ILLUSTRATIONS","ItemHeader","ItemHeaderTag","gutter","QuestionHeaderWrapper","QuestionValidationAnimationWrapper","LessonOverviewBanner","CustomElement","Hint","Solution","StimulusReview","CueCanvasWrapper","$canScribble"],"mappings":"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"}
+{"version":3,"file":"worksheet-question-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question-styled.tsx"],"sourcesContent":["import type { TWorksheetQuestionPaperColor } from './worksheet-question-types';\n\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { QUESTIONS_GAP, TOP_NAVIGATION_HEIGHT } from '../constants';\nimport { getQuestionBackgroundImage, getQuestionBorderColor } from '../worksheet-helpers';\n\nconst LearnosityQuestionContainer = styled.div<{\n  $isConceptIntro: boolean;\n  $isTeacher: boolean;\n}>(\n  ({ $isConceptIntro, $isTeacher }) => `\n  position: relative;\n  z-index: 1;\n  & > div:not(:first-child) {\n    display: none;\n  }\n\n  ${\n    $isConceptIntro\n      ? `\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: ${$isTeacher ? 140 : 180}px;\n      `\n      : ''\n  }\n`,\n);\n\ninterface IQuestionContainerWrapper {\n  $topOffset?: number;\n}\n\nconst QuestionContainerWrapper = styled(FlexView)<IQuestionContainerWrapper>(\n  ({ $topOffset }) => `\n  scroll-margin-top: ${($topOffset ?? 0) + TOP_NAVIGATION_HEIGHT + QUESTIONS_GAP}px;\n`,\n);\n\nconst getMinHeightFromString = (minHeight: string) => {\n  if (minHeight.startsWith('calc(')) {\n    return minHeight.replace(')', ' - 32px)');\n  }\n\n  return minHeight;\n};\n\ninterface IQuestionContainerProps {\n  $minHeight: string | number;\n  $paperColor?: TWorksheetQuestionPaperColor;\n  $isActive?: boolean;\n}\n\nconst QuestionContainer = styled(FlexView)<IQuestionContainerProps>(\n  ({ theme, $minHeight, $paperColor, $isActive }) => `\n    position: relative;\n    padding: 15px 15px 55px 15px;\n    background-image: ${\n      $paperColor && $paperColor !== 'white'\n        ? `url(${getQuestionBackgroundImage($paperColor)})`\n        : 'none'\n    };\n    background-repeat: repeat;\n    min-height: ${\n      typeof $minHeight === 'number' ? `${$minHeight}px` : getMinHeightFromString($minHeight)\n    };\n    transition: opacity 0.15s;\n    border-radius: 12px;\n    border: 1px solid ${\n      $paperColor ? theme.colors[getQuestionBorderColor($paperColor, $isActive)] : 'transparent'\n    };\n    ${!$paperColor ? 'padding-right: 0;' : ''}\n`,\n);\n\ninterface IQuestionWrapperProps {\n  $dropzoneMinWidth: number;\n  $dropzoneMinHeight: number;\n}\n\nconst QuestionWrapper = styled.div<IQuestionWrapperProps>(\n  ({ theme: { colors }, $dropzoneMinWidth, $dropzoneMinHeight }) => `\n  height: 100%;\n  min-height: inherit;\n\n  em {\n    font-style: italic;\n  }    \n        \n  & .lrn_widget {\n    font-size: 16px;\n    line-height: 1.6em;\n    color: ${colors.BLACK};\n    font-family: \"Noto Serif\", serif;\n    margin-top: 6px;\n    padding-top: 0;\n    margin-bottom: 16px;\n\n    iframe {\n      max-width: 100%;\n    }\n\n    ul, ol {\n      list-style-type: initial;\n      padding-left: 32px;\n    }\n\n    ol {\n      list-style-type: decimal;\n    }\n\n    .lrn_response_wrapper {\n      margin-top: 0 !important;\n    }\n\n    .lrn_question {\n      margin-bottom: 16px;\n\n      .lrn_stimulus {\n        line-height: 1.6em;\n\n        .lrn_stimulus_content {\n          line-height: 1.6em;\n        }\n      }\n\n      & ~ .lrn_response_wrapper {\n        margin-top: 16px !important;\n      }\n    }\n\n    .lrn_response_input_wrapper {\n      border-color: ${colors.GREY_3};\n    }\n\n    .lrn_possibilityList {\n      background-color: ${colors.REAL_BLACK_10};\n    }\n\n    .lrn_dropzone {\n      margin: 0 !important;\n      margin: 0 !important;\n      border: 0 !important;\n      outline: 1px dashed ${colors.BLACK};\n      height: inherit !important;\n      ${\n        $dropzoneMinWidth > 0\n          ? `\n              min-width: ${$dropzoneMinWidth}px !important;\n              width: ${$dropzoneMinWidth}px !important;\n              max-width: ${$dropzoneMinWidth}px !important;\n            `\n          : ''\n      }\n      ${\n        $dropzoneMinHeight > 0\n          ? `\n              min-height: ${$dropzoneMinHeight}px !important;\n              height: ${$dropzoneMinHeight}px !important;\n            `\n          : ''\n      }\n\n      &:not(.lrn_disabled):hover {\n        outline: 1px dashed ${colors.BLUE_4};\n      }\n\n      &.lrn_highlight {\n        outline: 1px dashed ${colors.BLUE_4};\n\n        &.lrn_over {\n          background-color: ${colors.BLUE_1};\n\n          & .lrn_draggable {\n            opacity: 0.5;\n          }\n        }\n      }\n\n      & .lrn_draggable {\n        box-shadow: none;\n        margin: 0 !important;\n        border: 0 !important;\n        background-color: ${colors.WHITE} !important;\n\n        &:after {\n          padding: 0 !important;\n          right: 10px !important;\n        }\n\n        &.lrn_correct:after {\n          color: ${colors.GREEN_5} !important;\n        }\n\n        &.lrn_incorrect:after {\n          color: ${colors.ORANGE_5} !important;\n        }\n      }\n\n      &.lrn_correct_marker {\n        outline: 2px solid ${colors.GREEN_5} !important;\n      }\n\n      &.lrn_incorrect_marker {\n        outline: 2px solid ${colors.ORANGE_5} !important;\n      }\n    }\n\n    .lrn_draggable {\n      margin: 4px !important;\n      padding: 8px !important;\n      box-shadow: inset 0 0 0 1px ${colors.BLUE_4};\n      background-color: ${colors.WHITE} !important;\n      cursor: grab;\n      color: ${colors.BLACK} !important;\n\n      & .lrn_icon {\n        display: none;\n      }\n\n      & .lrn_item {\n        margin: 0 !important;\n        width: 100%;\n        text-align: left !important;\n      }\n\n      &.lrn_active,\n      &:not([disabled]):focus,\n      &:not([disabled]):hover {\n        box-shadow: inset 0 0 0 2px ${colors.BLUE_4} !important;\n      }\n\n      &[disabled] {\n        inset 0 0 0 1px ${colors.WHITE};\n      }\n\n      &.gu-mirror {\n        font-size: 99%;\n        transform: rotate(-6deg);\n      }\n    }\n\n    .lrn-response-validate-wrapper,\n    .lrn-response-validation-wrapper {\n      margin: 0 !important;\n      \n      &.lrn_correct {\n        border: 2px solid ${colors.GREEN_5} !important;\n        border-radius: 4px;\n    \n        &::after {\n          background-color: ${colors.GREEN_5} !important;\n        }\n      }\n\n      &.lrn_incorrect {\n        border: 2px solid ${colors.ORANGE_5} !important;\n        border-radius: 4px;\n    \n        &::after {\n          background-color: ${colors.ORANGE_5} !important;\n        }\n      }\n    }\n\n    .lrn_responseIndex {\n      position: absolute !important;\n      top: -12px !important;\n      left: -9px !important;\n      width: 18px !important;\n      height: 18px !important;\n      border-radius: 9px !important;\n      background-color: ${colors.GREY_3} !important;\n      font-size: 11px !important;\n      font-weight: bold !important;\n      line-height: 16px !important;\n      padding: 0 !important;\n      text-align: center;\n    }\n\n    .lrn_correctAnswers {\n      margin-top: 24px;\n      padding: 16px 24px;\n      border: 1px solid ${colors.GREY_3};\n      border-radius: 12px;\n      background-color: transparent;\n\n      & > :first-child {\n        color: ${colors.BLACK};\n        text-transform: capitalize;\n        font-family: \"UntitledSans-Medium\";\n        font-size: 14px;\n        line-height: 20px;\n      }\n      \n      & .lrn_correctAnswerList {\n        margin-top: 24px;\n        li {\n          background-color: ${colors.WHITE};\n          padding-left: 8px;\n          margin-right: 24px;\n          margin-bottom: 24px;\n          outline: 1px solid ${colors.GREY_3};\n          cursor: auto;\n        }\n      }\n    }\n\n    .lrn_classification_table .lrn_dropzone {\n      overflow-x: visible !important;\n    }\n  }\n\n  &.attempting .lrn_widget {\n    .lrn-response-validate-wrapper,\n    .lrn-response-validation-wrapper {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        border-color: transparent !important;\n\n        &::after {\n          background-color: transparent !important;\n          color: transparent !important;\n        }\n      }\n    }\n\n    .lrn_dropzone {\n      &.lrn_correct_marker,\n      &.lrn_incorrect_marker {\n        outline-color: ${colors.BLUE_4};\n      }\n\n      & .lrn_draggable {\n        &.lrn_correct:after,\n        &.lrn_incorrect:after {\n          color: ${colors.BLUE_4} !important;\n        }\n      }\n    }\n  }\n  \n  & .lrn_widget .lrn_textinput {\n    display: inline-flex;\n    vertical-align: middle;\n    padding: 0 !important;\n    margin: 0 !important;\n    border: none !important;\n\n    &::after {\n      right: 4px !important;\n      padding-right: 0px !important;\n    }\n    \n    & .lrn_math_editable {\n      padding-right: 32px;\n    \n      &.lrn_bordered_mathinput {\n        border: none !important;\n        outline: 1px solid ${colors.BLACK};\n        padding: 3px 24px 3px 8px;\n        text-align: left;\n        background-color: ${colors.WHITE} !important;\n      }\n\n      & .lrn_bordered_mathinput {\n        min-height: 20px;\n        border: 1px solid ${colors.BLACK};\n        border-radius: 2px !important;\n        background-color: ${colors.WHITE} !important;\n      }\n\n      &.lrn_bordered_mathinput {\n        &.lrn_focused,\n        &:not(.lrn_hide_cursor):hover {\n          outline: 1px solid ${colors.BLUE_4};\n        }\n\n        &.lrn_hide_cursor {\n          cursor: auto;\n        }\n      }\n      \n      &:not(.lrn_hide_cursor) .lrn_bordered_mathinput {\n        &.lrn_focused,\n        &:hover {\n          border: 1px solid ${colors.BLUE_4};\n        }\n\n      }\n      \n      &.lrn_hide_cursor .lrn_bordered_mathinput {\n        cursor: auto;\n      }\n    }\n    \n    & input {\n      min-height: 40px;\n      padding: 0 32px 0 8px;\n      border: none !important;\n      background-color: ${colors.WHITE} !important;\n      outline: 1px solid ${colors.BLACK};\n      border-radius: 4px !important;\n\n      &:focus,\n      &:not(:disabled):hover {\n        outline: 1px solid ${colors.BLUE_4};\n      }\n    }\n\n    &.lrn_correct {\n      background-color: ${colors.GREEN_1} !important;\n      &::after {\n        color: ${colors.GREEN_5};\n      }\n      & input {\n        outline: 2px solid ${colors.GREEN_5};\n      }\n      & .lrn_bordered_mathinput {\n        &:not(.mq-inner-editable) {\n          outline: 2px solid ${colors.GREEN_5};\n        }\n        &.mq-inner-editable {\n          border: 1px solid ${colors.GREEN_5};\n        }\n      }\n    }\n    \n    &.lrn_incorrect {\n      background-color: ${colors.ORANGE_1} !important;\n      &::after {\n        color: ${colors.ORANGE_5};\n      }\n      & input {\n        outline: 2px solid ${colors.ORANGE_5};\n      }\n      & .lrn_bordered_mathinput {\n        &:not(.mq-inner-editable) {\n          outline: 2px solid ${colors.ORANGE_5};\n        }\n        &.mq-inner-editable {\n          border: 1px solid ${colors.ORANGE_5};\n        }\n      }\n    }\n  }\n\n  &.attempting .lrn_widget .lrn_textinput {\n    &.lrn_correct,\n    &.lrn_incorrect {\n      background-color: ${colors.WHITE} !important;\n\n      &::after {\n        color: ${colors.BLUE_4} !important;\n      }\n\n      & input {\n        outline: 1px solid ${colors.BLUE_4} !important;\n      }\n\n      & .lrn_bordered_mathinput {\n        &:not(.mq-inner-editable) {\n          outline: 2px solid ${colors.BLUE_4} !important;\n        }\n        &.mq-inner-editable {\n          border: 1px solid ${colors.BLUE_4} !important;\n        }\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_mcq .lrn_response {\n    & .lrn_mcqgroup {\n      overflow-x: visible;\n      margin: 0 -8px !important;\n\n      & .lrn-mcq-option {\n        border: none !important;\n        margin-bottom: 12px;\n        padding: 0 6px !important;\n        background-color: transparent !important;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n\n        & .lrn-label {\n          padding: 0;\n          background-color: ${colors.GREY_1};\n          border-radius: 12px;\n          border: 0;\n          outline: 1px solid ${colors.GREY_2};\n\n          &::before {\n            border: 0;\n            right: 10px;\n            padding: 0;\n            font-size: 14px;\n          }\n\n          & .lrn_choiceLabel {\n            border-radius: 12px 0 0 12px;\n            border-right: 1px solid ${colors.GREY_2};\n          }\n\n          & .lrn_contentWrapper {\n            padding: 16px 32px 16px 16px;\n          }\n        }\n\n        & input {\n          visibility: hidden;\n\n          &:not(:disabled) + .lrn-label:hover {\n            outline: 1px solid ${colors.BLUE_4};\n          }\n\n          &:disabled + .lrn-label {\n            cursor: not-allowed;\n          }\n        }\n\n        &.lrn_selected .lrn-label {\n          outline: 1px solid ${colors.BLUE_4};\n          background-color: ${colors.GREY_1};\n        }\n\n        &.lrn_correct .lrn-label {\n          outline: 2px solid ${colors.GREEN_5};\n          background-color: ${colors.GREEN_1};\n\n          &::before {\n            color: ${colors.GREEN_5};\n          }\n        }\n        \n        &.lrn_incorrect .lrn-label {\n          outline: 2px solid ${colors.ORANGE_5};\n          background-color: ${colors.ORANGE_1};\n\n          &::before {\n            color: ${colors.ORANGE_5};\n          }\n        }\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup .lrn-mcq-option {\n    &.lrn_incorrect .lrn-label,\n    &.lrn_correct .lrn-label {\n      outline: 1px solid ${colors.BLUE_4};\n      background-color: ${colors.GREY_1};\n\n      &::before {\n        color: ${colors.BLUE_4};\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_tokenhighlight .lrn_response .lrn_token {\n    border: 0 !important;\n    border-radius: 0px;\n    padding: 0 2px !important;\n    outline: none !important;\n    margin: 0;\n    background-color: transparent !important;\n\n    &::after {\n      position: absolute !important;\n      font-size: 12px;\n      line-height: 16px;\n      top: -16px !important;\n      left: calc(50% - 6px);\n      margin: 0 !important;\n    }\n\n    &.lrn_tokenhighlight_hover,\n    &.lrn_tokenhighlight_highlight {\n      background-color: ${colors.BLUE_1} !important;\n    }\n\n    &.lrn_correct {\n      background-color: ${colors.GREEN_1} !important;;\n\n      &::after {\n        color: ${colors.GREEN_5} !important;\n      }\n    }\n\n    &.lrn_incorrect {\n      background-color: ${colors.ORANGE_1} !important;;\n\n      &::after {\n        color: ${colors.ORANGE_5} !important;\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_tokenhighlight .lrn_response .lrn_token {\n    &.lrn_correct,\n    &.lrn_incorrect {\n      background-color: ${colors.BLUE_1} !important;\n\n      &::after {\n        color: ${colors.BLUE_4} !important;\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_numberline {\n    .lrn_incorrect.lrn_btn_arrow {\n      background-color: ${colors.ORANGE_1};\n      border: 1px solid ${colors.ORANGE_5};\n\n      &::before {\n        color: ${colors.ORANGE_5};\n      }\n      &::after {\n        border-color: ${colors.ORANGE_5} transparent transparent;\n      }\n    }\n\n    .lrn_correct.lrn_btn_arrow {\n      background-color: ${colors.GREEN_1};\n      border: 1px solid ${colors.GREEN_5};\n\n      &::before {\n        color: ${colors.GREEN_5};\n      }\n      &::after {\n        border-color: ${colors.GREEN_5} transparent transparent;\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_numberline {\n    .lrn_correct.lrn_btn_arrow,\n    .lrn_incorrect.lrn_btn_arrow {\n      background-color: ${colors.BLUE_1} !important;\n      border: 1px solid ${colors.BLUE_4} !important;\n\n      &::before {\n        color: ${colors.BLUE_4} !important;\n      }\n      &::after {\n        border-color: ${colors.BLUE_4} transparent transparent !important;\n      }\n    }\n  }\n\n  & .lrn_widget .lrn_combobox {\n    margin: 0 3px !important;\n\n    & .lrn_clozedropdown_answer {\n      position: relative !important;\n      display: inline-flex !important;\n      line-height: 28px !important;\n    }\n\n    &.lrn_not_attempted .lrn_clozedropdown_answer {\n      position: relative !important;\n      border: none !important;\n      background: transparent !important;\n      width: 100px;\n\n      &:after {\n        content: '';\n        position: absolute !important;\n        top: -5px;\n        left: 0;\n        width: 100%;\n        height: 28px;\n        background-color: ${colors.WHITE};\n        outline: 1px solid ${colors.BLACK};\n        border-radius: 4px;\n        margin: 0 !important;\n      }\n    }\n    \n    & .lrn-cloze-select, &:not(.lrn_not_attempted) .lrn_clozedropdown_answer {\n      background-color: ${colors.WHITE} !important;\n      border: 0 !important;\n      padding: 0 32px 0 8px !important;\n      outline: 1px solid ${colors.BLACK};\n      border-radius: 4px !important;\n      min-height: 28px;\n      min-width: 100px;\n      height: 28px !important;\n\n      &:after {\n        position: absolute !important;\n        right: 10px !important;\n        padding: 0px !important;\n        margin: 0px !important;\n      }\n    }\n  \n    &.lrn_correct .lrn_clozedropdown_answer {\n      outline: 2px solid ${colors.GREEN_5};\n      &:after {\n        color: ${colors.GREEN_5} !important;\n      }\n    }\n    &.lrn_incorrect .lrn_clozedropdown_answer {\n      outline: 2px solid ${colors.ORANGE_5};\n      &:after {\n        color: ${colors.ORANGE_5} !important;\n      }\n    }\n    \n  }\n\n  &.attempting .lrn_widget .lrn_combobox {\n    &.lrn_correct .lrn_clozedropdown_answer,\n    &.lrn_incorrect .lrn_clozedropdown_answer {\n      outline: 2px solid ${colors.BLUE_4} !important;\n      &::after {\n        color: ${colors.BLUE_4} !important;\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_hotspot .lrn-polygons {\n    .lrn-focused polygon {\n      outline-color: ${colors.BLUE_4};\n    }\n\n    .lrn-selected polygon {\n      stroke: ${colors.BLUE_4} !important;\n    }\n\n    .lrn_correct polygon {\n      stroke: ${colors.GREEN_5} !important;\n    }\n    \n    .lrn_incorrect polygon {\n      stroke: ${colors.ORANGE_5} !important;\n    }\n\n    .lrn-polygons-labels li {\n      &.lrn_valid {\n        background: ${colors.GREY_3};\n      }\n      &.lrn_correct {\n        background: ${colors.GREEN_5};\n      }\n      &.lrn_incorrect {\n        background: ${colors.ORANGE_5};\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_hotspot .lrn-polygons {\n    .lrn_correct polygon,\n    .lrn_incorrect polygon {\n      stroke: ${colors.BLUE_4} !important;\n    }\n\n    .lrn-polygons-labels li {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        background: ${colors.BLUE_4};\n      }\n    }\n  }\n\n  & .lrn_widget.lrn_choicematrix {\n    .lrn_option {\n      &:: before {\n        display: none;\n      }\n      &::after {\n        position: absolute !important;\n        top: calc(50% - 9px) !important;\n        right: 7px !important;\n      }\n      &.lrn_correct {\n        background-color: ${colors.GREEN_1};\n\n        &::after {\n          color: ${colors.GREEN_5} !important;\n        }\n      }\n\n      &.lrn_incorrect {\n        background-color: ${colors.ORANGE_1};\n\n        &::after {\n          color: ${colors.ORANGE_5} !important;\n        }\n      }\n    }\n\n    .lrn_response_input {\n      border-width: 2px !important;\n      margin: 0 !important;\n\n      &.lrn_correct {\n        border-color: ${colors.GREEN_5};\n\n        &::after {\n          background-color: ${colors.GREEN_5};\n        }\n      }\n\n      &.lrn_incorrect {\n        border-color: ${colors.ORANGE_5};\n\n        &::after {\n          background-color: ${colors.ORANGE_5};\n        }\n      }\n    } \n  }\n\n  &.attempting .lrn_widget.lrn_choicematrix {\n    .lrn_option {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        background-color: ${colors.BLUE_1};\n\n        &::after {\n          color: ${colors.BLUE_4} !important;\n        }\n      }\n    }\n    \n    .lrn_response_input {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        border-color: ${colors.BLUE_4};\n\n        &::after {\n          background-color: ${colors.BLUE_4};\n        }\n      }\n    }\n  }\n\n  .lrn_widget.lrn_classification {\n    .lrn_response_container {\n      border: 0 !important;\n      vertical-align: bottom !important;\n    }\n\n    .lrn_dropzone {\n      display: flex;\n      flex-wrap: wrap;\n      column-gap: 8px;\n      height: unset !important;\n    }\n\n    .lrn_dropzone .lrn_draggable {\n      display: inline-flex;\n      align-items: center;\n      padding: 8px 30px 8px 8px !important;\n      margin-bottom: 4px !important;\n      outline: 1px solid ${colors.BLUE_4} !important;\n      background-color: transparent !important;\n\n      &.lrn_incorrect {\n        outline: 1px solid ${colors.ORANGE_5} !important;\n      }\n\n      &.lrn_correct {\n        outline: 1px solid ${colors.GREEN_5} !important;\n      }\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_classification {\n    .lrn_dropzone .lrn_draggable {\n      &.lrn_correct,\n      &.lrn_incorrect {\n        outline: 1px solid ${colors.BLUE_4} !important;\n      }\n    }\n  }\n\n  .lrn_widget.lrn_association {\n    .lrn_dropzone .lrn_draggable {\n      display: flex;\n      align-items: center;\n      background-color: transparent !important;\n    }\n  }\n\n  &.attempting .lrn_widget.lrn_association {\n    .lrn_dropzone .lrn_draggable {\n      background-color: ${colors.WHITE} !important;\n    }\n  }\n\n  .lrn_widget.lrn_clozeassociation {\n    .lrn_dropzone .lrn_draggable {\n      display: flex;\n      align-items: center;\n      background-color: transparent !important;\n    }\n\n    .lrn_response_input {\n      padding-bottom: 2px !important;\n    }\n  }\n  \n  &.attempting .lrn_widget.lrn_clozeassociation {\n    .lrn_dropzone .lrn_draggable {\n      background-color: ${colors.WHITE} !important;\n    }\n  }\n\n  .lrn_widget.lrn_drawing {\n    .lrn-label span,\n    .lrn_toolbar_small_label {\n      display: none !important;\n    }\n  }\n\n  &.hidden {\n    visibility: hidden;\n  }\n\n  &.correct-answers-hidden {\n    .lrn_correctAnswers {\n      display: none !important;\n    }\n  }\n  \n\n  &.response-hidden .lrn_response_wrapper {\n    display: none;\n  }\n  \n  &.response-code-hidden .lrn_response_wrapper {\n    width: 75%;\n    margin: 0 auto;\n    .lrn_display_correct_answer_enabled {\n      >:not(:first-child) {\n        display: none;\n      }\n        \n      :first-child {\n        font-family: 'UntitledSans-Regular';\n        font-size: 16px !important;\n        line-height: 24px !important;\n        text-align: center;\n        text-wrap: balance;\n      }\n\n      .lrn_textinput {\n        display: none !important;\n      }\n    }\n    \n    :first-child {\n      font-family: 'UntitledSans-Regular';\n      font-size: 16px !important;\n      line-height: 24px !important;\n      text-align: center;\n      text-wrap: balance;\n    }\n      \n    .lrn_correctAnswers {\n      display: none;\n    }\n  }\n\n  &.lesson-overview {\n    .lrn_widget .lrn_question {\n      table {\n        width: calc(100% - 48px) !important;\n        margin-left: 24px !important;\n        border: 0px !important;\n        \n        td {\n          border: 0px !important;\n          width: 100% !important;\n          background-color: transparent !important;\n\n          p {\n            display: flex !important;\n            justify-content: center !important;\n            font-family: \"Athletics-Medium\" !important;\n            font-size: 28px !important;\n            margin-bottom: 32px !important;\n          }\n\n          ul {\n            list-style-type: none;\n            padding-left: 0;\n\n            li {\n              position: relative !important;\n              font-family: \"UntitledSans-Regular\" !important;\n              font-size: 16px !important;\n              margin: 12px 0 !important;\n\n              &::before {\n                content: \"A\";\n                display: inline-block;\n                width: 24px;\n                height: 24px;\n                margin-right: 12px;\n                color: transparent;\n                background-image: url(${ILLUSTRATIONS.BULLET_YELLOW});\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &.concept-intro {\n    .lrn_widget .lrn_question {\n      .lrn_stimulus {\n        display: flex !important;\n        justify-content: center !important;\n      }\n      .lrn_stimulus_content {\n        width: 75% !important;\n        font-family: \"Athletics-Light\" !important;\n        font-size: 48px !important;\n        line-height: 52px !important;\n        text-align: center;\n        text-wrap: balance;\n\n        * {\n          font-size: 48px !important;\n        }\n      }\n    }\n  }\n\n  &.system-intro .lrn_widget {\n    display: none;\n  }\n`,\n);\n\nconst ItemHeader = styled(FlexView)`\n  position: relative;\n  z-index: 2;\n  padding-right: 8px;\n`;\n\nconst ItemHeaderTag = styled(FlexView)(\n  ({\n    theme: {\n      layout: { gutter },\n      colors,\n    },\n  }) => `\n  position: relative;\n  padding: ${gutter * 1}px ${gutter * 1}px ${gutter * 0.75}px;\n  border-top-left-radius: ${gutter * 0.375}px;\n  border-top-right-radius: ${gutter * 0.5}px;\n  background-color: ${colors.YELLOW_2};\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: calc(100% - 1px);\n    border-bottom: 44px solid ${colors.YELLOW_2};\n    border-right: 24px solid transparent;\n  }\n`,\n);\n\ninterface IQuestionHeaderWrapperProps {\n  $actionbarHeight: number;\n  $topOffset: number;\n}\n\ninterface ICueCanvasWrappperProps {\n  $canScribble: boolean;\n}\n\nconst QuestionHeaderWrapper = styled(FlexView)<IQuestionHeaderWrapperProps>(\n  ({ $topOffset }) => `\n  position: sticky;\n  top: ${$topOffset + QUESTIONS_GAP / 2}px;\n  z-index: 2;\n`,\n);\n\nconst QuestionValidationAnimationWrapper = styled.div`\n  position: absolute;\n  top: -16px;\n  right: -16px;\n  width: 40px;\n  height: 40px;\n`;\n\nconst LessonOverviewBanner = styled.img`\n  display: block;\n  transform: translate(-15px, -15px);\n  width: calc(100% + 30px);\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 18px;\n`;\n\nconst CustomElement = styled.div(\n  ({ theme: { colors } }) => `\n  color: ${colors.BLACK};\n  font-size: 16px;\n  line-height: 1.6em;\n  font-family: 'Noto Serif', serif;\n\n  & > *:not(:last-child) {\n    margin-bottom: 1em;\n  }\n\n  & strong {\n    font-weight: bold;\n  }\n\n  & i {\n    font-style: italic;\n  }\n\n  & ul, ol {\n    list-style-type: initial;\n    padding-left: 1.5em;\n\n    & li:not(:last-child) {\n      margin-bottom: 8px;\n    }\n  }\n\n  & ol {\n    list-style-type: decimal;\n  }\n\n  & ul ul {\n    list-style-type: circle;\n  }\n\n  & img {\n    max-width: 100%;\n    height: inherit;\n  }\n\n  & table {\n    td {\n      padding: 8px;\n    }\n    &:not(.table-no-border) td {\n      border: 1px solid ${colors.REAL_BLACK};\n    }\n  }\n`,\n);\n\nconst Hint = styled(CustomElement)`\n  margin: 8px 0;\n`;\n\nconst Solution = CustomElement;\n\nconst StimulusReview = styled(CustomElement)(\n  ({ theme: { colors } }) => `\n  width: 50%;\n  padding-right: 16px;\n  margin-top: 16px;\n  border-right: 1px solid ${colors.GREY_2};\n  min-height: 100%;\n  align-self: stretch;\n`,\n);\n\nconst CueCanvasWrapper = styled(FlexView)<ICueCanvasWrappperProps>(\n  ({ $canScribble, theme }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ${$canScribble ? theme.zIndex.CANVAS_SCRIBBLING : 1};\n  pointer-events: ${$canScribble ? 'auto' : 'none'};\n`,\n);\n\nexport {\n  CueCanvasWrapper,\n  CustomElement,\n  Hint,\n  ItemHeader,\n  ItemHeaderTag,\n  LearnosityQuestionContainer,\n  LessonOverviewBanner,\n  QuestionContainer,\n  QuestionContainerWrapper,\n  QuestionHeaderWrapper,\n  QuestionValidationAnimationWrapper,\n  QuestionWrapper,\n  Solution,\n  StimulusReview,\n};\n"],"names":["LearnosityQuestionContainer","styled","$isConceptIntro","$isTeacher","QuestionContainerWrapper","FlexView","$topOffset","TOP_NAVIGATION_HEIGHT","QUESTIONS_GAP","getMinHeightFromString","minHeight","QuestionContainer","theme","$minHeight","$paperColor","$isActive","getQuestionBackgroundImage","getQuestionBorderColor","QuestionWrapper","colors","$dropzoneMinWidth","$dropzoneMinHeight","ILLUSTRATIONS","ItemHeader","ItemHeaderTag","gutter","QuestionHeaderWrapper","QuestionValidationAnimationWrapper","LessonOverviewBanner","CustomElement","Hint","Solution","StimulusReview","CueCanvasWrapper","$canScribble"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n      item_number,\n      item_display_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element?.closest('.resize-sensor')) {\n            continue;\n          }\n\n          const elementWidth = element?.clientWidth ?? 0;\n\n          if (elementWidth > parentWidth) {\n            overflowDetectedRef.current[responseId] = true;\n            loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n              item_reference,\n              widget_reference,\n              question_type: questionType,\n              question_number,\n              responseId,\n              item_number,\n              item_display_number,\n            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_display_number,\n      item_number,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    responseId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}
+{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n      item_number,\n      item_display_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element?.closest('.resize-sensor')) {\n            continue;\n          }\n\n          const elementWidth = element?.clientWidth ?? 0;\n\n          if (elementWidth > parentWidth) {\n            overflowDetectedRef.current[responseId] = true;\n            loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n              item_reference,\n              widget_reference,\n              question_type: questionType,\n              question_number,\n              responseId,\n              item_number,\n              item_display_number,\n            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_display_number,\n      item_number,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    responseId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}