@cuemath/leap 3.3.12-j2 → 3.3.12-pawar.0

package/dist/features/trial-session/comps/session-report/report-information/report-information-styled.js

@@ -1,15 +1,13 @@
 import r from "styled-components";
-import e from "../../../../ui/image/image.js";
+import t from "../../../../ui/image/image.js";
 import i from "../../../../ui/layout/flex-view.js";
-import t from "../../../../ui/text/text.js";
-const a = r(i)(
+import e from "../../../../ui/text/text.js";
+const n = r(i)(
   ({ theme: o }) => `
-  ${o.mediaQueries.minWidthTablet} {
-    border-top: 1px solid ${o.colors.BLACK_1};
-    border-bottom: 1px solid ${o.colors.BLACK_1};
-  }
+   border-top: 1px solid ${o.colors.BLACK_1};
+   border-bottom: 1px solid ${o.colors.BLACK_1};
 `
-), n = r(i)(
+), a = r(i)(
   ({ theme: o }) => `
   & > div {
     box-sizing: border-box;;
@@ -20,20 +18,20 @@ const a = r(i)(
     }
   }
 `
-), m = r(i)`
+), c = r(i)`
   min-height: 88px;
-`, c = r(t)`
+`, m = r(e)`
   display: inline;
-`, x = r(e)(
+`, x = r(t)(
   ({ $active: o }) => `
   ${o ? "" : "filter: grayscale(100%);"}
 `
 );
 export {
-  c as InlineText,
-  m as ReportCardWrapper,
-  n as ReportWrapper,
+  m as InlineText,
+  c as ReportCardWrapper,
+  a as ReportWrapper,
   x as TopicImage,
-  a as TopicWrapper
+  n as TopicWrapper
 };
 //# sourceMappingURL=report-information-styled.js.map

package/dist/features/trial-session/comps/session-report/report-information/report-information-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-information-styled.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information-styled.tsx"],"sourcesContent":["import type { IImageProps } from '../../../../ui/image/image-types';\n\nimport styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst TopicWrapper = styled(FlexView)(\n  ({ theme }) => `\n  ${theme.mediaQueries.minWidthTablet} {\n    border-top: 1px solid ${theme.colors.BLACK_1};\n    border-bottom: 1px solid ${theme.colors.BLACK_1};\n  }\n`,\n);\n\nconst ReportWrapper = styled(FlexView)(\n  ({ theme }) => `\n  & > div {\n    box-sizing: border-box;;\n  }\n  ${theme.mediaQueries.minWidthTablet} {\n    & > div:not(:last-child) {\n      border-right: 1px solid ${theme.colors.BLACK_1};\n    }\n  }\n`,\n);\n\nconst ReportCardWrapper = styled(FlexView)`\n  min-height: 88px;\n`;\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\ninterface ITopicImage extends IImageProps {\n  $active: boolean;\n}\n\nconst TopicImage = styled(Image)<ITopicImage>(\n  ({ $active }) => `\n  ${$active ? '' : 'filter: grayscale(100%);'}\n`,\n);\n\nexport { TopicWrapper, InlineText, ReportWrapper, TopicImage, ReportCardWrapper };\n"],"names":["TopicWrapper","styled","FlexView","theme","ReportWrapper","ReportCardWrapper","InlineText","Text","TopicImage","Image","$active"],"mappings":";;;;AAQM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,IACbA,EAAM,aAAa,cAAc;AAAA,4BACTA,EAAM,OAAO,OAAO;AAAA,+BACjBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGnD,GAEMC,IAAgBH,EAAOC,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,IAIbA,EAAM,aAAa,cAAc;AAAA;AAAA,gCAELA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAIpD,GAEME,IAAoBJ,EAAOC,CAAQ;AAAA;AAAA,GAInCI,IAAaL,EAAOM,CAAI;AAAA;AAAA,GAQxBC,IAAaP,EAAOQ,CAAK;AAAA,EAC7B,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,KAAK,0BAA0B;AAAA;AAE7C;"}
+{"version":3,"file":"report-information-styled.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information-styled.tsx"],"sourcesContent":["import type { IImageProps } from '../../../../ui/image/image-types';\n\nimport styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst TopicWrapper = styled(FlexView)(\n  ({ theme }) => `\n   border-top: 1px solid ${theme.colors.BLACK_1};\n   border-bottom: 1px solid ${theme.colors.BLACK_1};\n`,\n);\n\nconst ReportWrapper = styled(FlexView)(\n  ({ theme }) => `\n  & > div {\n    box-sizing: border-box;;\n  }\n  ${theme.mediaQueries.minWidthTablet} {\n    & > div:not(:last-child) {\n      border-right: 1px solid ${theme.colors.BLACK_1};\n    }\n  }\n`,\n);\n\nconst ReportCardWrapper = styled(FlexView)`\n  min-height: 88px;\n`;\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\ninterface ITopicImage extends IImageProps {\n  $active: boolean;\n}\n\nconst TopicImage = styled(Image)<ITopicImage>(\n  ({ $active }) => `\n  ${$active ? '' : 'filter: grayscale(100%);'}\n`,\n);\n\nexport { TopicWrapper, InlineText, ReportWrapper, TopicImage, ReportCardWrapper };\n"],"names":["TopicWrapper","styled","FlexView","theme","ReportWrapper","ReportCardWrapper","InlineText","Text","TopicImage","Image","$active"],"mappings":";;;;AAQM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,2BACUA,EAAM,OAAO,OAAO;AAAA,8BACjBA,EAAM,OAAO,OAAO;AAAA;AAElD,GAEMC,IAAgBH,EAAOC,CAAQ;AAAA,EACnC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,IAIbA,EAAM,aAAa,cAAc;AAAA;AAAA,gCAELA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAIpD,GAEME,IAAoBJ,EAAOC,CAAQ;AAAA;AAAA,GAInCI,IAAaL,EAAOM,CAAI;AAAA;AAAA,GAQxBC,IAAaP,EAAOQ,CAAK;AAAA,EAC7B,CAAC,EAAE,SAAAC,EAAA,MAAc;AAAA,IACfA,IAAU,KAAK,0BAA0B;AAAA;AAE7C;"}

package/dist/features/trial-session/comps/session-report/report-information/report-information.js

@@ -139,7 +139,7 @@ const b = C((A) => {
             $flexGap: 4,
             $alignItems: "center",
             $gap: 9,
-            $gutter: e ? 0 : 8,
+            $gutter: 8,
             children: [
               /* @__PURE__ */ t(
                 O,

package/dist/features/trial-session/comps/session-report/report-information/report-information.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-information.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information.tsx"],"sourcesContent":["import type { TSessionReportData } from '../session-report-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { useUIContext } from '../../../../ui/context/context';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport Report404 from '../report-404/report-404';\nimport ReportCard from './report-card';\nimport * as Styled from './report-information-styled';\n\ninterface IReportInformationProps {\n  sessionReports: TSessionReportData;\n  studentName: string;\n}\n\nconst ReportInformation: FC<IReportInformationProps> = memo(props => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const { sessionReports, studentName } = props;\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n            widthOnMobile=\"50%\"\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (!renderReportsInfoCard) return <Report404 studentName={studentName} />;\n\n  return (\n    <FlexView\n      $borderColor={isMobile ? 'TRANSPARENT' : 'BLACK_1'}\n      $gapX={isMobile ? 1 : 0}\n      $background={isMobile ? 'BLACK_2' : 'TRANSPARENT'}\n      $gutterX={isMobile ? 1 : 0}\n    >\n      <Styled.ReportWrapper\n        $flexWrap={isMobile}\n        $flexDirection=\"row\"\n        $height={isMobile ? 'auto' : 100}\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_1'}\n      >\n        {renderReportsInfoCard}\n      </Styled.ReportWrapper>\n      <Styled.TopicWrapper\n        $flexDirection={isMobile ? 'column' : 'row'}\n        $background={isMobile ? 'BLACK_2' : 'WHITE_1'}\n        $flexRowGapX={isMobile ? 1.25 : 0}\n        $gapX={isMobile ? 1.5 : 0}\n      >\n        {topicData &&\n          topicData.length > 0 &&\n          topicData.map(topic => {\n            const {\n              topic_name: topicName,\n              topic_image: topicImage,\n              summary,\n              is_attempted: isAttempted,\n            } = topic;\n\n            if (!topicImage) {\n              trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n            }\n\n            return (\n              <FlexView\n                key={topicName}\n                $gap={isMobile ? 0 : 29}\n                $gutter={isMobile ? 0 : 20}\n                $flex={1}\n                $alignItems={isMobile ? 'center' : 'center'}\n                $opacity={isAttempted ? 1 : 0.4}\n                $flexDirection={isMobile ? 'row' : 'column'}\n                $flexColumnGapX={isMobile ? 1 : 0}\n              >\n                <FlexView>\n                  <Styled.TopicImage\n                    $active={!!isAttempted}\n                    src={topicImage || defaultTopicImage}\n                    borderRadius={96}\n                    height={isMobile ? 84 : 96}\n                    width={isMobile ? 84 : 96}\n                    alt=\"topic\"\n                    withLoader\n                  />\n                </FlexView>\n                <FlexView $alignItems={isMobile ? 'flex-start' : 'center'} $gapX={1} $flex={1}>\n                  {!isMobile && <Separator height={12} />}\n                  <Text\n                    $renderAs=\"ab2-bold\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {topicName}\n                  </Text>\n                  <Separator height={2} />\n                  <Text\n                    $renderAs=\"ub2\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {summary}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            );\n          })}\n      </Styled.TopicWrapper>\n      {isMobile && (\n        <FlexView $background=\"BLACK_2\">\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n            Next Steps\n          </Text>\n          <Separator height={4} />\n        </FlexView>\n      )}\n      <FlexView\n        $flexDirection=\"row\"\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_3'}\n        $flexGap={4}\n        $alignItems=\"center\"\n        $gap={9}\n        $gutter={isMobile ? 0 : 8}\n      >\n        <Image\n          src={isMobile ? ILLUSTRATIONS.COMMUNITY_BULB_YELLOW_2 : ILLUSTRATIONS.COMMUNITY_BULB}\n          width={isMobile ? 56 : 80}\n          height={isMobile ? 56 : 80}\n          withLoader\n          alt=\"bulb\"\n        />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-black\" $color={isMobile ? 'WHITE_1' : 'BLACK_1'}>\n            {!isMobile && `Next Steps: `}\n            <Styled.InlineText\n              $renderAs=\"ab2\"\n              $renderOnMobileAs=\"ub2\"\n              $color={isMobile ? 'WHITE_1' : 'BLACK_1'}\n            >\n              {nextSteps}\n            </Styled.InlineText>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile && <Separator heightX={1} />}\n    </FlexView>\n  );\n});\n\nReportInformation.displayName = 'ReportInformation';\n\nexport default ReportInformation;\n"],"names":["ReportInformation","memo","props","isMobile","useTheme","EDeviceType","sessionReports","studentName","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","trackEvent","useUIContext","renderReportsInfoCard","useMemo","jsxs","Fragment","jsx","ReportCard","FlexView","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","Styled.TopicImage","Separator","Text","Image","ILLUSTRATIONS","Styled.InlineText","Report404","ReportInformation$1"],"mappings":"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"}
+{"version":3,"file":"report-information.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information.tsx"],"sourcesContent":["import type { TSessionReportData } from '../session-report-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { useUIContext } from '../../../../ui/context/context';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport Report404 from '../report-404/report-404';\nimport ReportCard from './report-card';\nimport * as Styled from './report-information-styled';\n\ninterface IReportInformationProps {\n  sessionReports: TSessionReportData;\n  studentName: string;\n}\n\nconst ReportInformation: FC<IReportInformationProps> = memo(props => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const { sessionReports, studentName } = props;\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n            widthOnMobile=\"50%\"\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (!renderReportsInfoCard) return <Report404 studentName={studentName} />;\n\n  return (\n    <FlexView\n      $borderColor={isMobile ? 'TRANSPARENT' : 'BLACK_1'}\n      $gapX={isMobile ? 1 : 0}\n      $background={isMobile ? 'BLACK_2' : 'TRANSPARENT'}\n      $gutterX={isMobile ? 1 : 0}\n    >\n      <Styled.ReportWrapper\n        $flexWrap={isMobile}\n        $flexDirection=\"row\"\n        $height={isMobile ? 'auto' : 100}\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_1'}\n      >\n        {renderReportsInfoCard}\n      </Styled.ReportWrapper>\n      <Styled.TopicWrapper\n        $flexDirection={isMobile ? 'column' : 'row'}\n        $background={isMobile ? 'BLACK_2' : 'WHITE_1'}\n        $flexRowGapX={isMobile ? 1.25 : 0}\n        $gapX={isMobile ? 1.5 : 0}\n      >\n        {topicData &&\n          topicData.length > 0 &&\n          topicData.map(topic => {\n            const {\n              topic_name: topicName,\n              topic_image: topicImage,\n              summary,\n              is_attempted: isAttempted,\n            } = topic;\n\n            if (!topicImage) {\n              trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n            }\n\n            return (\n              <FlexView\n                key={topicName}\n                $gap={isMobile ? 0 : 29}\n                $gutter={isMobile ? 0 : 20}\n                $flex={1}\n                $alignItems={isMobile ? 'center' : 'center'}\n                $opacity={isAttempted ? 1 : 0.4}\n                $flexDirection={isMobile ? 'row' : 'column'}\n                $flexColumnGapX={isMobile ? 1 : 0}\n              >\n                <FlexView>\n                  <Styled.TopicImage\n                    $active={!!isAttempted}\n                    src={topicImage || defaultTopicImage}\n                    borderRadius={96}\n                    height={isMobile ? 84 : 96}\n                    width={isMobile ? 84 : 96}\n                    alt=\"topic\"\n                    withLoader\n                  />\n                </FlexView>\n                <FlexView $alignItems={isMobile ? 'flex-start' : 'center'} $gapX={1} $flex={1}>\n                  {!isMobile && <Separator height={12} />}\n                  <Text\n                    $renderAs=\"ab2-bold\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {topicName}\n                  </Text>\n                  <Separator height={2} />\n                  <Text\n                    $renderAs=\"ub2\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {summary}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            );\n          })}\n      </Styled.TopicWrapper>\n      {isMobile && (\n        <FlexView $background=\"BLACK_2\">\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n            Next Steps\n          </Text>\n          <Separator height={4} />\n        </FlexView>\n      )}\n      <FlexView\n        $flexDirection=\"row\"\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_3'}\n        $flexGap={4}\n        $alignItems=\"center\"\n        $gap={9}\n        $gutter={8}\n      >\n        <Image\n          src={isMobile ? ILLUSTRATIONS.COMMUNITY_BULB_YELLOW_2 : ILLUSTRATIONS.COMMUNITY_BULB}\n          width={isMobile ? 56 : 80}\n          height={isMobile ? 56 : 80}\n          withLoader\n          alt=\"bulb\"\n        />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-black\" $color={isMobile ? 'WHITE_1' : 'BLACK_1'}>\n            {!isMobile && `Next Steps: `}\n            <Styled.InlineText\n              $renderAs=\"ab2\"\n              $renderOnMobileAs=\"ub2\"\n              $color={isMobile ? 'WHITE_1' : 'BLACK_1'}\n            >\n              {nextSteps}\n            </Styled.InlineText>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile && <Separator heightX={1} />}\n    </FlexView>\n  );\n});\n\nReportInformation.displayName = 'ReportInformation';\n\nexport default ReportInformation;\n"],"names":["ReportInformation","memo","props","isMobile","useTheme","EDeviceType","sessionReports","studentName","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","trackEvent","useUIContext","renderReportsInfoCard","useMemo","jsxs","Fragment","jsx","ReportCard","FlexView","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","Styled.TopicImage","Separator","Text","Image","ILLUSTRATIONS","Styled.InlineText","Report404","ReportInformation$1"],"mappings":"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"}

package/dist/features/trial-session/comps/worksheet/worksheet.js

@@ -1,30 +1,30 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useState as S, useCallback as T, useEffect as k } from "react";
-import x from "../../../ui/error/error.js";
-import E from "../../../ui/loader/app-loader/app-loader.js";
-import { useResumeTrialWorksheet as A } from "../../api/trial-nodes.js";
-import { useTrialSessionContext as D } from "../../context/use-trial-session-context.js";
-const L = () => {
-  const { isTeacher: o, studentId: t, worksheet: r, updateSlideConfig: u, trialHomeData: c } = D(), [f, s] = S(!1), { demo_info: m } = c, { region_data: p } = m || {}, { opportunity_country: n = "US" } = p || {}, l = (h, d) => {
-    if (h && s(!0), d) {
+import { useState as T, useCallback as k, useEffect as x } from "react";
+import E from "../../../ui/error/error.js";
+import A from "../../../ui/loader/app-loader/app-loader.js";
+import { useResumeTrialWorksheet as D } from "../../api/trial-nodes.js";
+import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
+const P = () => {
+  const { isTeacher: o, studentId: t, worksheet: r, updateSlideConfig: c, trialHomeData: m } = N(), [f, s] = T(!1), { demo_info: p } = m, { region_data: l, curriculum: n } = p || {}, { opportunity_country: i = "US" } = l || {}, _ = (g, u) => {
+    if (g && s(!0), u) {
       const {
-        user_node_id: g,
-        node_id: y,
-        user_attempt_id: I,
-        node_type: C
-      } = d;
-      u({ userNodeId: g, nodeId: y, attemptId: I, nodeType: C });
+        user_node_id: y,
+        node_id: I,
+        user_attempt_id: C,
+        node_type: S
+      } = u;
+      c({ userNodeId: y, nodeId: I, attemptId: C, nodeType: S });
     }
-  }, { patch: i, isProcessing: _ } = A({
-    onComplete: l
-  }), e = T(() => {
-    o && (s(!1), i(t, { country_code: n }));
-  }, [n, o, i, t]);
-  return k(() => {
+  }, { patch: d, isProcessing: h } = D({
+    onComplete: _
+  }), e = k(() => {
+    o && (s(!1), d(t, { country_code: i, curriculum: n }));
+  }, [i, n, o, d, t]);
+  return x(() => {
     e();
-  }, [e]), f ? /* @__PURE__ */ a(x, { height: "100%", onTryAgain: e }) : _ || !r ? /* @__PURE__ */ a(E, { height: "100%" }) : r;
+  }, [e]), f ? /* @__PURE__ */ a(E, { height: "100%", onTryAgain: e }) : h || !r ? /* @__PURE__ */ a(A, { height: "100%" }) : r;
 };
 export {
-  L as default
+  P as default
 };
 //# sourceMappingURL=worksheet.js.map

package/dist/features/trial-session/comps/worksheet/worksheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode });\n    }\n  }, [countryCode, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAUA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,MAAeD,KAAY,CAAA,GAC1C,EAAE,qBAAqBE,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFN,EAAW,EAAI,GAGbO,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAX,EAAkB,EAAE,YAAAY,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIvB,MACFO,EAAW,EAAK,GAChBY,EAAWlB,GAAW,EAAE,cAAcU,EAAa,CAAA;AAAA,KAEpD,CAACA,GAAaX,GAAWmB,GAAYlB,CAAS,CAAC;AAMlD,SAJAuB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVhB,IACM,gBAAAmB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAAClB,IACZ,gBAAAuB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3BzB;AACT;"}
+{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData, curriculum } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode, curriculum });\n    }\n  }, [countryCode, curriculum, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","curriculum","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAUA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,GAAY,YAAAC,EAAW,IAAIF,KAAY,CAAA,GACtD,EAAE,qBAAqBG,IAAc,KAAK,IAAIF,KAAc,CAAA,GAE5DG,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFP,EAAW,EAAI,GAGbQ,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAZ,EAAkB,EAAE,YAAAa,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIxB,MACFO,EAAW,EAAK,GAChBa,EAAWnB,GAAW,EAAE,cAAcW,GAAa,YAAAD,EAAY,CAAA;AAAA,EACjE,GACC,CAACC,GAAaD,GAAYX,GAAWoB,GAAYnB,CAAS,CAAC;AAM9D,SAJAwB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVjB,IACM,gBAAAoB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACnB,IACZ,gBAAAwB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3B1B;AACT;"}

package/dist/features/trial-session/trial-session-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-session-types.js","sources":["../../../src/features/trial-session/trial-session-types.ts"],"sourcesContent":["import type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type {\n  IMilestoneConfig,\n  TCourseStream,\n  TPreferenceCategory,\n} from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n  ITrialCircleConfig,\n  ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, ReactElement, SetStateAction } from 'react';\n\nexport type { TSessionReportData as TSessionReport } from './comps/session-report/session-report-types';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n  opportunity_country: string;\n};\n\nexport type TPreferenceSchema = {\n  preference_code: string;\n  preference_name: string;\n  preference_category: TPreferenceCategory;\n};\n\nexport enum EClassTimeAlertLevel {\n  FIVE_MIN = '5min',\n  FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n  buttonLabel: string;\n  pageId: string;\n}\n\nexport interface ISolution {\n  media?: string;\n  media_type?: 'image' | 'video';\n  text?: string;\n}\n\nexport type TDegreeInformation = {\n  degree_name?: string;\n  field_of_study?: string;\n  degree_code?: string;\n};\n\nexport interface ITeacherProfileDetails {\n  lower_grade: string;\n  higher_grade: string;\n  header_image: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  countries: string[];\n  degree: TDegreeInformation;\n  first_name: string;\n  last_name: string;\n  teacher_profile_url?: string;\n}\n\nexport interface ISlide {\n  id: TrialPageId;\n  renderAs: 'split' | 'full';\n  renderAVIn: 'left' | 'right';\n  header: string;\n  subHeader?: string;\n  prevPage?: IButtonConfig;\n  nextPage?: IButtonConfig;\n  cues?: string[];\n  dos?: string[];\n  donts?: string[];\n  navigationLabel?: string;\n  slideTag?: string;\n  teacher_profile?: ITeacherProfileDetails;\n  solutions?: ISolution[];\n  enableSessionPerk?: boolean;\n  showProfileHighlights?: boolean;\n}\n\nexport interface TGoals {\n  goal_code?: string;\n  milestone_date_ts?: number;\n  goal_category?: string;\n  milestone_name?: string;\n  publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n  id: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  goals?: TGoals[];\n  studentProfile?: {\n    profileSummary?: string;\n    dummyProfileImageIndex?: number;\n    summaryFetched?: boolean;\n    summaryFetchFailed?: boolean;\n  };\n  userNodeId?: string;\n  nodeId?: string;\n  nodeType?: TNodeTypes;\n  attemptId?: string;\n  preferences?: TPreference[];\n  personalizedLevel?: string[];\n  personalizedFocus?: string[];\n  personalizedBehaviors?: string[];\n  personalizedObjectives?: string[];\n  isCircleGamePlayed?: boolean;\n  isCirclePuzzleSolved?: boolean;\n  isCircleSkillCompleted?: boolean;\n  studentTimezone?: string;\n  showCircleGameScreen?: boolean;\n  accuracyStr?: string;\n  totalTimeTaken?: number;\n  chapterId?: string;\n  matchmakingId?: string;\n  numberInNameError?: boolean;\n}\n\nexport interface IButtonState {\n  isDisabled: boolean;\n  isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n  pages: ISlide[];\n  demo_info: {\n    student_classroom_id: string;\n    stream: TCourseStream;\n    region_data: TRegionData;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  circle_trial_game_config: ITrialCircleConfig;\n}\n\nexport interface IClassTimeAlertConfig {\n  alertLevel: EClassTimeAlertLevel | null;\n  isVisible: boolean;\n  onComplete: () => void;\n}\n\nexport interface ITrialSessionProps {\n  countryCode?: string;\n  classStartedOn?: Date;\n  height?: string | number;\n  userType: TUserTypes;\n  studentId: string;\n  teacherId: string;\n  teacherClassroomId: string;\n  teacherPanel?: ReactElement;\n  studentPanel?: ReactElement;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: ReactElement;\n  worksheetNavigationPanel?: ReactElement;\n  questionsRatingPanel?: ReactElement;\n  studentAbsentInClass?: boolean;\n  openEndClassModal?: () => void;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  classTimeAlertConfig?: IClassTimeAlertConfig;\n  classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n  extends Pick<\n    ITrialSessionProps,\n    | 'classStartedOn'\n    | 'formData'\n    | 'teacherPanel'\n    | 'studentId'\n    | 'teacherId'\n    | 'studentPanel'\n    | 'worksheet'\n    | 'worksheetNavigationPanel'\n    | 'questionsRatingPanel'\n    | 'openEndClassModal'\n    | 'studentAbsentInClass'\n    | 'classDuration'\n    | 'classTimeAlertConfig'\n  > {\n  buttonState: { left: IButtonState; right: IButtonState };\n  isTeacher: boolean;\n  milestoneConfig: IMilestoneConfig;\n  slideConfig: ISlide;\n  updateButtonState: (\n    btnNavDir: 'left' | 'right' | 'both',\n    currentState: IButtonState | { left: IButtonState; right: IButtonState },\n  ) => void;\n  updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n  trialHomeData: ITrialHomeData;\n  onTrialInformationUpdate?: () => void;\n  circleGames: ITrialCircleGameParams;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n  trialHomeData: ITrialHomeData;\n  milestoneConfig: IMilestoneConfig;\n  studentTimezone?: string;\n  onStudentTimezoneUpdate?: () => void;\n  onTrialInformationUpdate?: () => void;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AA+BY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"trial-session-types.js","sources":["../../../src/features/trial-session/trial-session-types.ts"],"sourcesContent":["import type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type {\n  IMilestoneConfig,\n  TCourseStream,\n  TPreferenceCategory,\n} from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n  ITrialCircleConfig,\n  ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, ReactElement, SetStateAction } from 'react';\n\nexport type { TSessionReportData as TSessionReport } from './comps/session-report/session-report-types';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n  opportunity_country: string;\n};\n\nexport type TPreferenceSchema = {\n  preference_code: string;\n  preference_name: string;\n  preference_category: TPreferenceCategory;\n};\n\nexport enum EClassTimeAlertLevel {\n  FIVE_MIN = '5min',\n  FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n  buttonLabel: string;\n  pageId: string;\n}\n\nexport interface ISolution {\n  media?: string;\n  media_type?: 'image' | 'video';\n  text?: string;\n}\n\nexport type TDegreeInformation = {\n  degree_name?: string;\n  field_of_study?: string;\n  degree_code?: string;\n};\n\nexport interface ITeacherProfileDetails {\n  lower_grade: string;\n  higher_grade: string;\n  header_image: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  countries: string[];\n  degree: TDegreeInformation;\n  first_name: string;\n  last_name: string;\n  teacher_profile_url?: string;\n}\n\nexport interface ISlide {\n  id: TrialPageId;\n  renderAs: 'split' | 'full';\n  renderAVIn: 'left' | 'right';\n  header: string;\n  subHeader?: string;\n  prevPage?: IButtonConfig;\n  nextPage?: IButtonConfig;\n  cues?: string[];\n  dos?: string[];\n  donts?: string[];\n  navigationLabel?: string;\n  slideTag?: string;\n  teacher_profile?: ITeacherProfileDetails;\n  solutions?: ISolution[];\n  enableSessionPerk?: boolean;\n  showProfileHighlights?: boolean;\n}\n\nexport interface TGoals {\n  goal_code?: string;\n  milestone_date_ts?: number;\n  goal_category?: string;\n  milestone_name?: string;\n  publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n  id: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  goals?: TGoals[];\n  studentProfile?: {\n    profileSummary?: string;\n    dummyProfileImageIndex?: number;\n    summaryFetched?: boolean;\n    summaryFetchFailed?: boolean;\n  };\n  userNodeId?: string;\n  nodeId?: string;\n  nodeType?: TNodeTypes;\n  attemptId?: string;\n  preferences?: TPreference[];\n  personalizedLevel?: string[];\n  personalizedFocus?: string[];\n  personalizedBehaviors?: string[];\n  personalizedObjectives?: string[];\n  isCircleGamePlayed?: boolean;\n  isCirclePuzzleSolved?: boolean;\n  isCircleSkillCompleted?: boolean;\n  studentTimezone?: string;\n  showCircleGameScreen?: boolean;\n  accuracyStr?: string;\n  totalTimeTaken?: number;\n  chapterId?: string;\n  matchmakingId?: string;\n  numberInNameError?: boolean;\n}\n\nexport interface IButtonState {\n  isDisabled: boolean;\n  isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n  pages: ISlide[];\n  demo_info: {\n    student_classroom_id: string;\n    stream: TCourseStream;\n    region_data: TRegionData;\n    curriculum?: string;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  circle_trial_game_config: ITrialCircleConfig;\n}\n\nexport interface IClassTimeAlertConfig {\n  alertLevel: EClassTimeAlertLevel | null;\n  isVisible: boolean;\n  onComplete: () => void;\n}\n\nexport interface ITrialSessionProps {\n  countryCode?: string;\n  classStartedOn?: Date;\n  height?: string | number;\n  userType: TUserTypes;\n  studentId: string;\n  teacherId: string;\n  teacherClassroomId: string;\n  teacherPanel?: ReactElement;\n  studentPanel?: ReactElement;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: ReactElement;\n  worksheetNavigationPanel?: ReactElement;\n  questionsRatingPanel?: ReactElement;\n  studentAbsentInClass?: boolean;\n  openEndClassModal?: () => void;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  classTimeAlertConfig?: IClassTimeAlertConfig;\n  classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n  extends Pick<\n    ITrialSessionProps,\n    | 'classStartedOn'\n    | 'formData'\n    | 'teacherPanel'\n    | 'studentId'\n    | 'teacherId'\n    | 'studentPanel'\n    | 'worksheet'\n    | 'worksheetNavigationPanel'\n    | 'questionsRatingPanel'\n    | 'openEndClassModal'\n    | 'studentAbsentInClass'\n    | 'classDuration'\n    | 'classTimeAlertConfig'\n  > {\n  buttonState: { left: IButtonState; right: IButtonState };\n  isTeacher: boolean;\n  milestoneConfig: IMilestoneConfig;\n  slideConfig: ISlide;\n  updateButtonState: (\n    btnNavDir: 'left' | 'right' | 'both',\n    currentState: IButtonState | { left: IButtonState; right: IButtonState },\n  ) => void;\n  updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n  trialHomeData: ITrialHomeData;\n  onTrialInformationUpdate?: () => void;\n  circleGames: ITrialCircleGameParams;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n  trialHomeData: ITrialHomeData;\n  milestoneConfig: IMilestoneConfig;\n  studentTimezone?: string;\n  onStudentTimezoneUpdate?: () => void;\n  onTrialInformationUpdate?: () => void;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AA+BY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { jsx as t, jsxs as P } from "react/jsx-runtime";
 import { memo as z, useMemo as C, useCallback as S, useEffect as $ } from "react";
 import x from "../../../ui/buttons/button/button.js";
 import E from "../../../ui/layout/flex-view.js";
@@ -7,25 +7,25 @@ import T from "../../../ui/text/text.js";
 import { useGetDynamicSheetData as b } from "../api/get-dynamic-sheet.js";
 import B from "../worksheet-preview.js";
 const R = z((r) => {
-  const { studentId: t, userNodeId: n, studentName: a, onBackIconClick: l, actionBarRightElement: h } = r, { onOpenQuestionFeedbackModal: p } = r, {
+  const { studentId: i, userNodeId: n, studentName: a, onBackIconClick: l, actionBarRightElement: h } = r, { onOpenQuestionFeedbackModal: f } = r, {
     get: m,
-    data: f,
+    data: p,
     isProcessing: g,
     isProcessingFailed: y,
-    error: i
+    error: s
   } = b(), {
     items: k = [],
     title: c,
     node_type: d = "DYNAMIC",
     worksheet: w
-  } = f || {}, { image_hue: D } = w || {}, u = k.map(({ ref: P }) => P), s = d === "PUZZLE_CARD", A = C(() => s ? `${a} hasn't attempted the puzzle yet` : c, [s, a, c]), o = S(() => {
-    t && n && m(n);
-  }, [m, t, n]);
+  } = p || {}, { image_hue: D } = w || {}, u = k.map(({ ref: A }) => A), e = d === "PUZZLE_CARD", v = C(() => e ? `${a} hasn't attempted the puzzle yet` : c, [e, a, c]), o = S(() => {
+    i && n && m(n);
+  }, [m, i, n]);
   return $(() => {
     o();
-  }, [o]), g ? /* @__PURE__ */ e(I, { height: "100%" }) : y ? /* @__PURE__ */ v(E, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ e(T, { $renderAs: "h6", children: (i == null ? void 0 : i.message) || "Oops! Something went wrong. Please try again later." }),
-    /* @__PURE__ */ e(
+  }, [o]), g ? /* @__PURE__ */ t(I, { height: "100%" }) : y ? /* @__PURE__ */ P(E, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ t(T, { $renderAs: "h6", children: (s == null ? void 0 : s.message) || "Oops! Something went wrong. Please try again later." }),
+    /* @__PURE__ */ t(
       x,
       {
         widthX: 14,
@@ -36,26 +36,27 @@ const R = z((r) => {
         onClick: o
       }
     )
-  ] }) : u ? /* @__PURE__ */ e(
+  ] }) : u ? /* @__PURE__ */ t(
     B,
     {
-      activityReference: s ? "puzzle" : "test",
+      activityReference: e ? "puzzle" : "test",
       nodeType: d,
       userType: "TEACHER",
-      studentId: t ?? "student-id",
+      studentId: i ?? "student-id",
       isLessonV3Enabled: !1,
-      worksheetName: A,
+      worksheetName: v,
       items: u,
       onBackIconClick: l,
       imageHue: D ?? void 0,
       actionBarRightElement: h,
       canShowActionBar: !0,
       mode: "preview",
-      openQuestionFeedbackModal: p
+      openQuestionFeedbackModal: f,
+      topOffset: e ? 112 : void 0
     }
   ) : null;
-}), G = R;
+}), _ = R;
 export {
-  G as default
+  _ as default
 };
 //# sourceMappingURL=dynamic-worksheet-preview.js.map

package/dist/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-worksheet-preview.js","sources":["../../../../../src/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.tsx"],"sourcesContent":["import type { TNodeTypes } from '../../../../types/models/worksheet';\nimport type { IDynamicWorksheetPreview } from './dynamic-worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useGetDynamicSheetData } from '../api/get-dynamic-sheet';\nimport PreviewWorksheet from '../worksheet-preview';\n\nconst DynamicWorksheetPreview: FC<IDynamicWorksheetPreview> = memo(props => {\n  const { studentId, userNodeId, studentName, onBackIconClick, actionBarRightElement } = props;\n  const { onOpenQuestionFeedbackModal } = props;\n\n  const {\n    get: getDynamicSheetData,\n    data: dynamicSheetData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetDynamicSheetData();\n\n  const {\n    items: itemsToBeAssigned = [],\n    title,\n    node_type: nodeType = 'DYNAMIC',\n    worksheet,\n  } = dynamicSheetData || {};\n  const { image_hue: imageHue } = worksheet || {};\n  const itemRefs = itemsToBeAssigned.map(({ ref }) => ref);\n\n  const isPuzzleSheet = nodeType === 'PUZZLE_CARD';\n\n  const worksheetName = useMemo(() => {\n    if (isPuzzleSheet) return `${studentName} hasn't attempted the puzzle yet`;\n\n    return title;\n  }, [isPuzzleSheet, studentName, title]);\n\n  const fetchDynamicSheetData = useCallback(() => {\n    if (studentId && userNodeId) {\n      getDynamicSheetData(userNodeId);\n    }\n  }, [getDynamicSheetData, studentId, userNodeId]);\n\n  useEffect(() => {\n    fetchDynamicSheetData();\n  }, [fetchDynamicSheetData]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">\n          {error?.message || 'Oops! Something went wrong. Please try again later.'}\n        </Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchDynamicSheetData}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!itemRefs) {\n    return null;\n  }\n\n  return (\n    <PreviewWorksheet\n      activityReference={isPuzzleSheet ? 'puzzle' : 'test'}\n      nodeType={nodeType as TNodeTypes}\n      userType=\"TEACHER\"\n      studentId={studentId ?? 'student-id'}\n      isLessonV3Enabled={false}\n      worksheetName={worksheetName}\n      items={itemRefs}\n      onBackIconClick={onBackIconClick}\n      imageHue={imageHue ?? undefined}\n      actionBarRightElement={actionBarRightElement}\n      canShowActionBar\n      mode=\"preview\"\n      openQuestionFeedbackModal={onOpenQuestionFeedbackModal}\n    />\n  );\n});\n\nexport default DynamicWorksheetPreview;\n"],"names":["DynamicWorksheetPreview","memo","props","studentId","userNodeId","studentName","onBackIconClick","actionBarRightElement","onOpenQuestionFeedbackModal","getDynamicSheetData","dynamicSheetData","isProcessing","isProcessingFailed","error","useGetDynamicSheetData","itemsToBeAssigned","title","nodeType","worksheet","imageHue","itemRefs","ref","isPuzzleSheet","worksheetName","useMemo","fetchDynamicSheetData","useCallback","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","PreviewWorksheet","DynamicWorksheetPreview$1"],"mappings":";;;;;;;;AAaA,MAAMA,IAAwDC,EAAK,CAASC,MAAA;AAC1E,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,iBAAAC,GAAiB,uBAAAC,EAA0B,IAAAL,GACjF,EAAE,6BAAAM,EAAgC,IAAAN,GAElC;AAAA,IACJ,KAAKO;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,OAAAC;AAAA,MACEC,EAAuB,GAErB;AAAA,IACJ,OAAOC,IAAoB,CAAC;AAAA,IAC5B,OAAAC;AAAA,IACA,WAAWC,IAAW;AAAA,IACtB,WAAAC;AAAA,EAAA,IACER,KAAoB,CAAA,GAClB,EAAE,WAAWS,MAAaD,KAAa,CAAA,GACvCE,IAAWL,EAAkB,IAAI,CAAC,EAAE,KAAAM,EAAA,MAAUA,CAAG,GAEjDC,IAAgBL,MAAa,eAE7BM,IAAgBC,EAAQ,MACxBF,IAAsB,GAAGjB,CAAW,qCAEjCW,GACN,CAACM,GAAejB,GAAaW,CAAK,CAAC,GAEhCS,IAAwBC,EAAY,MAAM;AAC9C,IAAIvB,KAAaC,KACfK,EAAoBL,CAAU;AAAA,EAE/B,GAAA,CAACK,GAAqBN,GAAWC,CAAU,CAAC;AAM/C,SAJAuB,EAAU,MAAM;AACQ,IAAAF;EAAA,GACrB,CAACA,CAAqB,CAAC,GAEtBd,IACK,gBAAAiB,EAACC,GAAU,EAAA,QAAO,OAAO,CAAA,IAG9BjB,IAEA,gBAAAkB,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,WAAAnB,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,IACA,gBAAAe;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASR;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAICL,IAKH,gBAAAQ;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,mBAAmBZ,IAAgB,WAAW;AAAA,MAC9C,UAAAL;AAAA,MACA,UAAS;AAAA,MACT,WAAWd,KAAa;AAAA,MACxB,mBAAmB;AAAA,MACnB,eAAAoB;AAAA,MACA,OAAOH;AAAA,MACP,iBAAAd;AAAA,MACA,UAAUa,KAAY;AAAA,MACtB,uBAAAZ;AAAA,MACA,kBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,2BAA2BC;AAAA,IAAA;AAAA,EAAA,IAjBtB;AAoBX,CAAC,GAED2B,IAAenC;"}
+{"version":3,"file":"dynamic-worksheet-preview.js","sources":["../../../../../src/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.tsx"],"sourcesContent":["import type { TNodeTypes } from '../../../../types/models/worksheet';\nimport type { IDynamicWorksheetPreview } from './dynamic-worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useGetDynamicSheetData } from '../api/get-dynamic-sheet';\nimport PreviewWorksheet from '../worksheet-preview';\n\nconst DynamicWorksheetPreview: FC<IDynamicWorksheetPreview> = memo(props => {\n  const { studentId, userNodeId, studentName, onBackIconClick, actionBarRightElement } = props;\n  const { onOpenQuestionFeedbackModal } = props;\n\n  const {\n    get: getDynamicSheetData,\n    data: dynamicSheetData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetDynamicSheetData();\n\n  const {\n    items: itemsToBeAssigned = [],\n    title,\n    node_type: nodeType = 'DYNAMIC',\n    worksheet,\n  } = dynamicSheetData || {};\n  const { image_hue: imageHue } = worksheet || {};\n  const itemRefs = itemsToBeAssigned.map(({ ref }) => ref);\n\n  const isPuzzleSheet = nodeType === 'PUZZLE_CARD';\n\n  const worksheetName = useMemo(() => {\n    if (isPuzzleSheet) return `${studentName} hasn't attempted the puzzle yet`;\n\n    return title;\n  }, [isPuzzleSheet, studentName, title]);\n\n  const fetchDynamicSheetData = useCallback(() => {\n    if (studentId && userNodeId) {\n      getDynamicSheetData(userNodeId);\n    }\n  }, [getDynamicSheetData, studentId, userNodeId]);\n\n  useEffect(() => {\n    fetchDynamicSheetData();\n  }, [fetchDynamicSheetData]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">\n          {error?.message || 'Oops! Something went wrong. Please try again later.'}\n        </Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchDynamicSheetData}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!itemRefs) {\n    return null;\n  }\n\n  return (\n    <PreviewWorksheet\n      activityReference={isPuzzleSheet ? 'puzzle' : 'test'}\n      nodeType={nodeType as TNodeTypes}\n      userType=\"TEACHER\"\n      studentId={studentId ?? 'student-id'}\n      isLessonV3Enabled={false}\n      worksheetName={worksheetName}\n      items={itemRefs}\n      onBackIconClick={onBackIconClick}\n      imageHue={imageHue ?? undefined}\n      actionBarRightElement={actionBarRightElement}\n      canShowActionBar\n      mode=\"preview\"\n      openQuestionFeedbackModal={onOpenQuestionFeedbackModal}\n      topOffset={isPuzzleSheet ? 112 : undefined}\n    />\n  );\n});\n\nexport default DynamicWorksheetPreview;\n"],"names":["DynamicWorksheetPreview","memo","props","studentId","userNodeId","studentName","onBackIconClick","actionBarRightElement","onOpenQuestionFeedbackModal","getDynamicSheetData","dynamicSheetData","isProcessing","isProcessingFailed","error","useGetDynamicSheetData","itemsToBeAssigned","title","nodeType","worksheet","imageHue","itemRefs","ref","isPuzzleSheet","worksheetName","useMemo","fetchDynamicSheetData","useCallback","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","PreviewWorksheet","DynamicWorksheetPreview$1"],"mappings":";;;;;;;;AAaA,MAAMA,IAAwDC,EAAK,CAASC,MAAA;AAC1E,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,iBAAAC,GAAiB,uBAAAC,EAA0B,IAAAL,GACjF,EAAE,6BAAAM,EAAgC,IAAAN,GAElC;AAAA,IACJ,KAAKO;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,OAAAC;AAAA,MACEC,EAAuB,GAErB;AAAA,IACJ,OAAOC,IAAoB,CAAC;AAAA,IAC5B,OAAAC;AAAA,IACA,WAAWC,IAAW;AAAA,IACtB,WAAAC;AAAA,EAAA,IACER,KAAoB,CAAA,GAClB,EAAE,WAAWS,MAAaD,KAAa,CAAA,GACvCE,IAAWL,EAAkB,IAAI,CAAC,EAAE,KAAAM,EAAA,MAAUA,CAAG,GAEjDC,IAAgBL,MAAa,eAE7BM,IAAgBC,EAAQ,MACxBF,IAAsB,GAAGjB,CAAW,qCAEjCW,GACN,CAACM,GAAejB,GAAaW,CAAK,CAAC,GAEhCS,IAAwBC,EAAY,MAAM;AAC9C,IAAIvB,KAAaC,KACfK,EAAoBL,CAAU;AAAA,EAE/B,GAAA,CAACK,GAAqBN,GAAWC,CAAU,CAAC;AAM/C,SAJAuB,EAAU,MAAM;AACQ,IAAAF;EAAA,GACrB,CAACA,CAAqB,CAAC,GAEtBd,IACK,gBAAAiB,EAACC,GAAU,EAAA,QAAO,OAAO,CAAA,IAG9BjB,IAEA,gBAAAkB,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,WAAAnB,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,IACA,gBAAAe;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASR;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAICL,IAKH,gBAAAQ;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,mBAAmBZ,IAAgB,WAAW;AAAA,MAC9C,UAAAL;AAAA,MACA,UAAS;AAAA,MACT,WAAWd,KAAa;AAAA,MACxB,mBAAmB;AAAA,MACnB,eAAAoB;AAAA,MACA,OAAOH;AAAA,MACP,iBAAAd;AAAA,MACA,UAAUa,KAAY;AAAA,MACtB,uBAAAZ;AAAA,MACA,kBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,2BAA2BC;AAAA,MAC3B,WAAWc,IAAgB,MAAM;AAAA,IAAA;AAAA,EAAA,IAlB5B;AAqBX,CAAC,GAEDa,IAAenC;"}

package/dist/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-worksheet-layout.js","sources":["../../../../../src/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.ts"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport type { IWorksheetProps } from '../../worksheet/worksheet-types';\n\nimport { useMemo } from 'react';\n\nimport {\n  QUESTIONS_GAP,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from '../../worksheet/constants';\n\ninterface IUseWorksheetLayout {\n  (options: {\n    userType: TUserTypes;\n    nodeType: IResumeWorksheetModel['node_type'];\n    isSATAssessment: boolean;\n    showNudgeBanner?: boolean;\n    topOffset: number;\n    imageHue?: THueNames;\n  }): IWorksheetProps['layout'];\n}\n\nconst useWorksheetLayout: IUseWorksheetLayout = ({\n  userType,\n  nodeType,\n  isSATAssessment,\n  showNudgeBanner,\n  topOffset,\n  imageHue,\n}) => {\n  const isPuzzleSheet = nodeType === 'PUZZLE_CARD';\n\n  const navigationBar = useMemo<IWorksheetProps['layout']['navigationBar']>(() => {\n    if (isSATAssessment) return 'bottom';\n\n    switch (nodeType) {\n      case 'PUZZLE_CARD':\n      case 'TRIAL_DIAGNOSTIC':\n      case 'TRIAL_BASIC':\n      case 'TRIAL_INTERMEDIATE':\n      case 'TRIAL_ADVANCED':\n        return 'none';\n      default:\n        return 'top';\n    }\n  }, [isSATAssessment, nodeType]);\n  const navHeight = navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0;\n  const minQuestionHeight = `calc(100vh - ${topOffset + navHeight + QUESTIONS_GAP * 2}px)`;\n  const minSummaryHeight = `calc(100vh - ${topOffset + navHeight + QUESTIONS_GAP}px)`;\n  const tOffset = showNudgeBanner ? topOffset + WORKSHEET_NUDGE_BANNER_HEIGHT : topOffset;\n\n  return useMemo<IWorksheetProps['layout']>(\n    () => ({\n      containerStyle: isSATAssessment || isPuzzleSheet ? 'none' : 'card',\n      //* The width of the container is set based on the user type and whether it is a SAT assessment\n      //* For Puzzle sheets, on student side we are showing a header with 800px fixed width.\n      containerWidth: isSATAssessment ? '1024px' : userType === 'TEACHER' ? '960px' : '824px',\n      actionBar: 'bottom',\n      topOffset: tOffset,\n      navigationBar,\n      questionsScrollable: !(\n        isSATAssessment ||\n        nodeType === 'TRIAL_DIAGNOSTIC' ||\n        nodeType === 'TRIAL_BASIC' ||\n        nodeType === 'TRIAL_INTERMEDIATE' ||\n        nodeType === 'TRIAL_ADVANCED'\n      ),\n      minQuestionHeight,\n      minSummaryHeight,\n      renderSideBar: userType === 'TEACHER' && !isSATAssessment,\n      renderQuestionHeader: !isPuzzleSheet,\n      imageHue,\n      background: isSATAssessment || isPuzzleSheet ? 'none' : 'paper',\n      questionPadding: isPuzzleSheet ? 0 : QUESTIONS_GAP,\n    }),\n    [\n      isSATAssessment,\n      isPuzzleSheet,\n      userType,\n      tOffset,\n      navigationBar,\n      nodeType,\n      minQuestionHeight,\n      minSummaryHeight,\n      imageHue,\n    ],\n  );\n};\n\nexport default useWorksheetLayout;\n"],"names":["useWorksheetLayout","userType","nodeType","isSATAssessment","showNudgeBanner","topOffset","imageHue","isPuzzleSheet","navigationBar","useMemo","navHeight","TOP_NAVIGATION_HEIGHT","minQuestionHeight","QUESTIONS_GAP","minSummaryHeight","tOffset","WORKSHEET_NUDGE_BANNER_HEIGHT","useWorksheetLayout$1"],"mappings":";;AAuBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAgBL,MAAa,eAE7BM,IAAgBC,EAAoD,MAAM;AAC9E,QAAIN,EAAwB,QAAA;AAE5B,YAAQD,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA,GACC,CAACC,GAAiBD,CAAQ,CAAC,GACxBQ,IAAYF,MAAkB,QAAQG,IAAwB,GAC9DC,IAAoB,gBAAgBP,IAAYK,IAAYG,IAAgB,CAAC,OAC7EC,IAAmB,gBAAgBT,IAAYK,IAAYG,CAAa,OACxEE,IAAUX,IAAkBC,IAAYW,IAAgCX;AAEvE,SAAAI;AAAA,IACL,OAAO;AAAA,MACL,gBAAgBN,KAAmBI,IAAgB,SAAS;AAAA;AAAA;AAAA,MAG5D,gBAAgBJ,IAAkB,WAAWF,MAAa,YAAY,UAAU;AAAA,MAChF,WAAW;AAAA,MACX,WAAWc;AAAA,MACX,eAAAP;AAAA,MACA,qBAAqB,EACnBL,KACAD,MAAa,sBACbA,MAAa,iBACbA,MAAa,wBACbA,MAAa;AAAA,MAEf,mBAAAU;AAAA,MACA,kBAAAE;AAAA,MACA,eAAeb,MAAa,aAAa,CAACE;AAAA,MAC1C,sBAAsB,CAACI;AAAA,MACvB,UAAAD;AAAA,MACA,YAAYH,KAAmBI,IAAgB,SAAS;AAAA,MACxD,iBAAiBA,IAAgB,IAAIM;AAAA,IAAA;AAAA,IAEvC;AAAA,MACEV;AAAA,MACAI;AAAA,MACAN;AAAA,MACAc;AAAA,MACAP;AAAA,MACAN;AAAA,MACAU;AAAA,MACAE;AAAA,MACAR;AAAA,IACF;AAAA,EAAA;AAEJ,GAEAW,IAAejB;"}
+{"version":3,"file":"use-worksheet-layout.js","sources":["../../../../../src/features/worksheet/worksheet-preview/hooks/use-worksheet-layout.ts"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport type { IWorksheetProps } from '../../worksheet/worksheet-types';\n\nimport { useMemo } from 'react';\n\nimport {\n  QUESTIONS_GAP,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from '../../worksheet/constants';\n\ninterface IUseWorksheetLayout {\n  (options: {\n    userType: TUserTypes;\n    nodeType: IResumeWorksheetModel['node_type'];\n    isSATAssessment: boolean;\n    showNudgeBanner?: boolean;\n    topOffset: number;\n    imageHue?: THueNames;\n  }): IWorksheetProps['layout'];\n}\n\nconst useWorksheetLayout: IUseWorksheetLayout = ({\n  userType,\n  nodeType,\n  isSATAssessment,\n  showNudgeBanner,\n  topOffset,\n  imageHue,\n}) => {\n  const isPuzzleSheet = nodeType === 'PUZZLE_CARD';\n\n  const navigationBar = useMemo<IWorksheetProps['layout']['navigationBar']>(() => {\n    if (isSATAssessment) return 'bottom';\n\n    switch (nodeType) {\n      case 'PUZZLE_CARD':\n      case 'TRIAL_DIAGNOSTIC':\n      case 'TRIAL_BASIC':\n      case 'TRIAL_INTERMEDIATE':\n      case 'TRIAL_ADVANCED':\n        return 'none';\n      default:\n        return 'top';\n    }\n  }, [isSATAssessment, nodeType]);\n\n  const navHeight = navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0;\n  const minQuestionHeight = `calc(100vh - ${topOffset + navHeight + QUESTIONS_GAP * 2}px)`;\n  const minSummaryHeight = `calc(100vh - ${topOffset + navHeight + QUESTIONS_GAP}px)`;\n  const tOffset = showNudgeBanner ? topOffset + WORKSHEET_NUDGE_BANNER_HEIGHT : topOffset;\n\n  return useMemo<IWorksheetProps['layout']>(\n    () => ({\n      containerStyle: isSATAssessment || isPuzzleSheet ? 'none' : 'card',\n      //* The width of the container is set based on the user type and whether it is a SAT assessment\n      //* For Puzzle sheets, on student side we are showing a header with 800px fixed width.\n      containerWidth: isSATAssessment ? '1024px' : userType === 'TEACHER' ? '960px' : '824px',\n      actionBar: 'bottom',\n      topOffset: tOffset,\n      navigationBar,\n      questionsScrollable: !(\n        isSATAssessment ||\n        nodeType === 'TRIAL_DIAGNOSTIC' ||\n        nodeType === 'TRIAL_BASIC' ||\n        nodeType === 'TRIAL_INTERMEDIATE' ||\n        nodeType === 'TRIAL_ADVANCED'\n      ),\n      minQuestionHeight,\n      minSummaryHeight,\n      renderSideBar: userType === 'TEACHER' && !isSATAssessment,\n      renderQuestionHeader: !isPuzzleSheet,\n      imageHue,\n      background: isSATAssessment || isPuzzleSheet ? 'none' : 'paper',\n      questionPadding: isPuzzleSheet ? 0 : QUESTIONS_GAP,\n    }),\n    [\n      isSATAssessment,\n      isPuzzleSheet,\n      userType,\n      tOffset,\n      navigationBar,\n      nodeType,\n      minQuestionHeight,\n      minSummaryHeight,\n      imageHue,\n    ],\n  );\n};\n\nexport default useWorksheetLayout;\n"],"names":["useWorksheetLayout","userType","nodeType","isSATAssessment","showNudgeBanner","topOffset","imageHue","isPuzzleSheet","navigationBar","useMemo","navHeight","TOP_NAVIGATION_HEIGHT","minQuestionHeight","QUESTIONS_GAP","minSummaryHeight","tOffset","WORKSHEET_NUDGE_BANNER_HEIGHT","useWorksheetLayout$1"],"mappings":";;AAuBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAgBL,MAAa,eAE7BM,IAAgBC,EAAoD,MAAM;AAC9E,QAAIN,EAAwB,QAAA;AAE5B,YAAQD,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA,GACC,CAACC,GAAiBD,CAAQ,CAAC,GAExBQ,IAAYF,MAAkB,QAAQG,IAAwB,GAC9DC,IAAoB,gBAAgBP,IAAYK,IAAYG,IAAgB,CAAC,OAC7EC,IAAmB,gBAAgBT,IAAYK,IAAYG,CAAa,OACxEE,IAAUX,IAAkBC,IAAYW,IAAgCX;AAEvE,SAAAI;AAAA,IACL,OAAO;AAAA,MACL,gBAAgBN,KAAmBI,IAAgB,SAAS;AAAA;AAAA;AAAA,MAG5D,gBAAgBJ,IAAkB,WAAWF,MAAa,YAAY,UAAU;AAAA,MAChF,WAAW;AAAA,MACX,WAAWc;AAAA,MACX,eAAAP;AAAA,MACA,qBAAqB,EACnBL,KACAD,MAAa,sBACbA,MAAa,iBACbA,MAAa,wBACbA,MAAa;AAAA,MAEf,mBAAAU;AAAA,MACA,kBAAAE;AAAA,MACA,eAAeb,MAAa,aAAa,CAACE;AAAA,MAC1C,sBAAsB,CAACI;AAAA,MACvB,UAAAD;AAAA,MACA,YAAYH,KAAmBI,IAAgB,SAAS;AAAA,MACxD,iBAAiBA,IAAgB,IAAIM;AAAA,IAAA;AAAA,IAEvC;AAAA,MACEV;AAAA,MACAI;AAAA,MACAN;AAAA,MACAc;AAAA,MACAP;AAAA,MACAN;AAAA,MACAU;AAAA,MACAE;AAAA,MACAR;AAAA,IACF;AAAA,EAAA;AAEJ,GAEAW,IAAejB;"}

package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js

@@ -1,15 +1,15 @@
 import { jsxs as S, jsx as o } from "react/jsx-runtime";
-import { memo as q, useMemo as i, useRef as L, useCallback as N } from "react";
-import B from "../../ui/layout/flex-view.js";
-import P from "../../ui/text/text.js";
-import M from "../worksheet/worksheet-container.js";
-import { getWorksheetHeaderLayout as v } from "../worksheet/worksheet-helpers.js";
-import z from "./hooks/use-worksheet-layout.js";
-import { WorksheetPageWrapper as V, HeaderWrapper as j, Header as D, StyledBackIcon as O, HeaderTitleWrapper as F } from "./worksheet-preview-styled.js";
-const G = [
+import { memo as L, useMemo as i, useRef as N, useCallback as B } from "react";
+import P from "../../ui/layout/flex-view.js";
+import M from "../../ui/text/text.js";
+import v from "../worksheet/worksheet-container.js";
+import { getWorksheetHeaderLayout as z } from "../worksheet/worksheet-helpers.js";
+import V from "./hooks/use-worksheet-layout.js";
+import { WorksheetPageWrapper as j, HeaderWrapper as D, Header as O, StyledBackIcon as F, HeaderTitleWrapper as G } from "./worksheet-preview-styled.js";
+const U = [
   "SAT_ENGLISH_ASSESSMENT",
   "SAT_MATH_ASSESSMENT"
-], oe = q((f) => {
+], re = L((f) => {
   const {
     studentId: a,
     userType: d,
@@ -27,57 +27,58 @@ const G = [
     isLessonV3Enabled: W,
     canShowActionBar: w,
     mode: n,
-    actionBarRightElement: $
-  } = f, { signed_request: C, questions_signed_request: x } = k, u = i(() => e === "PUZZLE_CARD", [e]), s = i(() => t === "test", [t]), y = i(() => G.includes(e), [e]), H = L(() => null), h = s ? !1 : w, R = z({
+    actionBarRightElement: $,
+    topOffset: C = 56
+  } = f, { signed_request: x, questions_signed_request: y } = k, u = i(() => e === "PUZZLE_CARD", [e]), s = i(() => t === "test", [t]), H = i(() => U.includes(e), [e]), R = N(() => null), h = s ? !1 : w, _ = V({
     userType: d,
     nodeType: e,
-    isSATAssessment: y,
+    isSATAssessment: H,
     showNudgeBanner: c,
-    topOffset: 56,
+    topOffset: C,
     imageHue: m
-  }), _ = N(() => {
+  }), b = B(() => {
     r == null || r();
-  }, [r]), { bgColor: b, borderColor: I, textColor: p } = v({
+  }, [r]), { bgColor: I, borderColor: q, textColor: p } = z({
     isPuzzleWorksheet: u && h,
     isTestWorksheet: s,
     imageHue: m
   });
-  return /* @__PURE__ */ S(V, { children: [
-    /* @__PURE__ */ o(j, { children: /* @__PURE__ */ S(
-      D,
+  return /* @__PURE__ */ S(j, { children: [
+    /* @__PURE__ */ o(D, { children: /* @__PURE__ */ S(
+      O,
       {
         $flexDirection: "row",
         $alignItems: "center",
         $justifyContent: s ? "flex-start" : "center",
-        $background: b,
+        $background: I,
         $height: 56,
         $gutterX: 1,
         $flexGapX: 1,
-        $borderColor: I,
+        $borderColor: q,
         children: [
-          r && /* @__PURE__ */ o(O, { $color: p ?? "WHITE", onClick: _ }),
+          r && /* @__PURE__ */ o(F, { $color: p ?? "WHITE", onClick: b }),
           /* @__PURE__ */ o(
-            F,
+            G,
             {
               $alignItems: s && !u ? "flex-start" : "center",
-              children: /* @__PURE__ */ o(P, { $renderAs: "body1", $color: p, children: l || t })
+              children: /* @__PURE__ */ o(M, { $renderAs: "body1", $color: p, children: l || t })
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ o(B, { $alignItems: "center", children: /* @__PURE__ */ o(
-      M,
+    /* @__PURE__ */ o(P, { $alignItems: "center", children: /* @__PURE__ */ o(
+      v,
       {
         userType: d ?? (n === "review" ? "TEACHER" : "STUDENT"),
         worksheetCompleted: n === "review",
         worksheetName: l || t,
-        itemsSignedRequest: C,
-        questionsSignedRequest: x,
+        itemsSignedRequest: x,
+        questionsSignedRequest: y,
         studentId: a,
-        layout: R,
+        layout: _,
         canShowActionBar: h,
-        loggerRef: H,
+        loggerRef: R,
         showNudgeBanner: c,
         markedAsCompleted: g,
         onLoaded: T,
@@ -93,6 +94,6 @@ const G = [
   ] });
 });
 export {
-  oe as default
+  re as default
 };
 //# sourceMappingURL=worksheet-preview-view.js.map

package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useRef } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport WorksheetContainer from '../worksheet/worksheet-container';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(props => {\n  const {\n    studentId,\n    userType,\n    activityReference,\n    worksheet,\n    nodeType,\n    worksheetName,\n    showNudgeBanner,\n    markedAsCompleted,\n    imageHue,\n    onWorksheetLoaded,\n    onWorksheetErrored,\n    openQuestionFeedbackModal,\n    onBackIconClick,\n    isLessonV3Enabled,\n    canShowActionBar,\n    mode,\n    actionBarRightElement,\n  } = props;\n  const { signed_request: signedRequest, questions_signed_request: questionsSignedRequest } =\n    worksheet;\n\n  const isPuzzleWorksheet = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\n  const isTestWorksheet = useMemo(() => activityReference === 'test', [activityReference]);\n  const isSATAssessment = useMemo(() => SAT_WORKSHEET_TYPES.includes(nodeType), [nodeType]);\n  const loggerRef = useRef(() => null);\n  const isActionBarVisible = isTestWorksheet ? false : canShowActionBar;\n\n  const layout = useWorksheetLayout({\n    userType,\n    nodeType,\n    isSATAssessment,\n    showNudgeBanner,\n    topOffset: 56,\n    imageHue,\n  });\n\n  const handleOnBackIconClick = useCallback(() => {\n    onBackIconClick?.();\n  }, [onBackIconClick]);\n\n  const { bgColor, borderColor, textColor } = getWorksheetHeaderLayout({\n    isPuzzleWorksheet: isPuzzleWorksheet && isActionBarVisible,\n    isTestWorksheet,\n    imageHue,\n  });\n\n  return (\n    <Styled.WorksheetPageWrapper>\n      <Styled.HeaderWrapper>\n        <Styled.Header\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n          $background={bgColor}\n          $height={56}\n          $gutterX={1}\n          $flexGapX={1}\n          $borderColor={borderColor}\n        >\n          {onBackIconClick && (\n            <Styled.StyledBackIcon $color={textColor ?? 'WHITE'} onClick={handleOnBackIconClick} />\n          )}\n\n          <Styled.HeaderTitleWrapper\n            $alignItems={isTestWorksheet && !isPuzzleWorksheet ? 'flex-start' : 'center'}\n          >\n            <Text $renderAs=\"body1\" $color={textColor}>\n              {worksheetName || activityReference}\n            </Text>\n          </Styled.HeaderTitleWrapper>\n        </Styled.Header>\n      </Styled.HeaderWrapper>\n\n      <FlexView $alignItems=\"center\">\n        <WorksheetContainer\n          userType={userType ?? (mode === 'review' ? 'TEACHER' : 'STUDENT')}\n          worksheetCompleted={mode === 'review'}\n          worksheetName={worksheetName || activityReference}\n          itemsSignedRequest={signedRequest}\n          questionsSignedRequest={questionsSignedRequest}\n          studentId={studentId}\n          layout={layout}\n          canShowActionBar={isActionBarVisible}\n          loggerRef={loggerRef}\n          showNudgeBanner={showNudgeBanner}\n          markedAsCompleted={markedAsCompleted}\n          onLoaded={onWorksheetLoaded}\n          onErrored={onWorksheetErrored}\n          userId={studentId}\n          openQuestionFeedbackModal={openQuestionFeedbackModal}\n          nodeType={nodeType}\n          mode={mode}\n          isLessonV3Enabled={isLessonV3Enabled}\n          actionBarRightElement={actionBarRightElement}\n        />\n      </FlexView>\n    </Styled.WorksheetPageWrapper>\n  );\n});\n\nexport default PreviewWorksheetView;\n"],"names":["SAT_WORKSHEET_TYPES","PreviewWorksheetView","memo","props","studentId","userType","activityReference","worksheet","nodeType","worksheetName","showNudgeBanner","markedAsCompleted","imageHue","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","isLessonV3Enabled","canShowActionBar","mode","actionBarRightElement","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","isActionBarVisible","layout","useWorksheetLayout","handleOnBackIconClick","useCallback","bgColor","borderColor","textColor","getWorksheetHeaderLayout","jsxs","Styled.WorksheetPageWrapper","jsx","Styled.HeaderWrapper","Styled.Header","Styled.StyledBackIcon","Styled.HeaderTitleWrapper","Text","FlexView","WorksheetContainer"],"mappings":"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"}
+{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useRef } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport WorksheetContainer from '../worksheet/worksheet-container';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(props => {\n  const {\n    studentId,\n    userType,\n    activityReference,\n    worksheet,\n    nodeType,\n    worksheetName,\n    showNudgeBanner,\n    markedAsCompleted,\n    imageHue,\n    onWorksheetLoaded,\n    onWorksheetErrored,\n    openQuestionFeedbackModal,\n    onBackIconClick,\n    isLessonV3Enabled,\n    canShowActionBar,\n    mode,\n    actionBarRightElement,\n    topOffset = 56,\n  } = props;\n  const { signed_request: signedRequest, questions_signed_request: questionsSignedRequest } =\n    worksheet;\n\n  const isPuzzleWorksheet = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\n  const isTestWorksheet = useMemo(() => activityReference === 'test', [activityReference]);\n  const isSATAssessment = useMemo(() => SAT_WORKSHEET_TYPES.includes(nodeType), [nodeType]);\n  const loggerRef = useRef(() => null);\n  const isActionBarVisible = isTestWorksheet ? false : canShowActionBar;\n\n  const layout = useWorksheetLayout({\n    userType,\n    nodeType,\n    isSATAssessment,\n    showNudgeBanner,\n    topOffset,\n    imageHue,\n  });\n\n  const handleOnBackIconClick = useCallback(() => {\n    onBackIconClick?.();\n  }, [onBackIconClick]);\n\n  const { bgColor, borderColor, textColor } = getWorksheetHeaderLayout({\n    isPuzzleWorksheet: isPuzzleWorksheet && isActionBarVisible,\n    isTestWorksheet,\n    imageHue,\n  });\n\n  return (\n    <Styled.WorksheetPageWrapper>\n      <Styled.HeaderWrapper>\n        <Styled.Header\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n          $background={bgColor}\n          $height={56}\n          $gutterX={1}\n          $flexGapX={1}\n          $borderColor={borderColor}\n        >\n          {onBackIconClick && (\n            <Styled.StyledBackIcon $color={textColor ?? 'WHITE'} onClick={handleOnBackIconClick} />\n          )}\n\n          <Styled.HeaderTitleWrapper\n            $alignItems={isTestWorksheet && !isPuzzleWorksheet ? 'flex-start' : 'center'}\n          >\n            <Text $renderAs=\"body1\" $color={textColor}>\n              {worksheetName || activityReference}\n            </Text>\n          </Styled.HeaderTitleWrapper>\n        </Styled.Header>\n      </Styled.HeaderWrapper>\n\n      <FlexView $alignItems=\"center\">\n        <WorksheetContainer\n          userType={userType ?? (mode === 'review' ? 'TEACHER' : 'STUDENT')}\n          worksheetCompleted={mode === 'review'}\n          worksheetName={worksheetName || activityReference}\n          itemsSignedRequest={signedRequest}\n          questionsSignedRequest={questionsSignedRequest}\n          studentId={studentId}\n          layout={layout}\n          canShowActionBar={isActionBarVisible}\n          loggerRef={loggerRef}\n          showNudgeBanner={showNudgeBanner}\n          markedAsCompleted={markedAsCompleted}\n          onLoaded={onWorksheetLoaded}\n          onErrored={onWorksheetErrored}\n          userId={studentId}\n          openQuestionFeedbackModal={openQuestionFeedbackModal}\n          nodeType={nodeType}\n          mode={mode}\n          isLessonV3Enabled={isLessonV3Enabled}\n          actionBarRightElement={actionBarRightElement}\n        />\n      </FlexView>\n    </Styled.WorksheetPageWrapper>\n  );\n});\n\nexport default PreviewWorksheetView;\n"],"names":["SAT_WORKSHEET_TYPES","PreviewWorksheetView","memo","props","studentId","userType","activityReference","worksheet","nodeType","worksheetName","showNudgeBanner","markedAsCompleted","imageHue","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","isLessonV3Enabled","canShowActionBar","mode","actionBarRightElement","topOffset","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","isActionBarVisible","layout","useWorksheetLayout","handleOnBackIconClick","useCallback","bgColor","borderColor","textColor","getWorksheetHeaderLayout","jsxs","Styled.WorksheetPageWrapper","jsx","Styled.HeaderWrapper","Styled.Header","Styled.StyledBackIcon","Styled.HeaderTitleWrapper","Text","FlexView","WorksheetContainer"],"mappings":"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"}