@cuemath/leap 3.5.48-gg1 → 3.5.48-j2

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

@@ -1,14 +1,14 @@
-import { useMemo as i } from "react";
-import { QUESTIONS_GAP as L, WORKSHEET_NUDGE_BANNER_HEIGHT as N, TOP_NAVIGATION_HEIGHT as D } from "../../worksheet/constants.js";
+import { useMemo as A } from "react";
+import { QUESTIONS_GAP as n, WORKSHEET_NUDGE_BANNER_HEIGHT as N, TOP_NAVIGATION_HEIGHT as D } from "../../worksheet/constants.js";
 const e = ({
   userType: c,
   nodeType: t,
   isSATAssessment: o,
-  showNudgeBanner: A,
+  showNudgeBanner: L,
   topOffset: a,
-  imageHue: n
+  imageHue: E
 }) => {
-  const r = t === "PUZZLE_CARD", I = i(() => {
+  const r = t === "PUZZLE_CARD", I = A(() => {
     if (o) return "bottom";
     switch (t) {
       case "PUZZLE_CARD":
@@ -20,35 +20,35 @@ const e = ({
       default:
         return "top";
     }
-  }, [o, t]), E = I === "top" ? D : 0, R = `calc(100vh - ${a + E}px)`, _ = `calc(100vh - ${a + E}px)`, u = A ? a + N : a;
-  return i(
+  }, [o, t]), R = I === "top" ? D : 0, _ = `calc(100vh - ${a + R + n * 2}px)`, u = `calc(100vh - ${a + R + n}px)`, i = L ? a + N : a;
+  return A(
     () => ({
       containerStyle: o || r ? "none" : "card",
       //* The width of the container is set based on the user type and whether it is a SAT assessment
       //* For Puzzle sheets, on student side we are showing a header with 800px fixed width.
-      containerWidth: o ? "1024px" : c === "TEACHER" ? "100%" : "824px",
+      containerWidth: o ? "1024px" : c === "TEACHER" ? "960px" : "824px",
       actionBar: "bottom",
-      topOffset: u,
+      topOffset: i,
       navigationBar: I,
       questionsScrollable: !(o || t === "TRIAL_DIAGNOSTIC" || t === "TRIAL_BASIC" || t === "TRIAL_INTERMEDIATE" || t === "TRIAL_ADVANCED"),
-      minQuestionHeight: R,
-      minSummaryHeight: _,
+      minQuestionHeight: _,
+      minSummaryHeight: u,
       renderSideBar: c === "TEACHER" && !o,
       renderQuestionHeader: !r,
-      imageHue: n,
+      imageHue: E,
       background: o || r ? "none" : "paper",
-      questionPadding: r ? 0 : L
+      questionPadding: r ? 0 : n
     }),
     [
       o,
       r,
       c,
-      u,
+      i,
       I,
       t,
-      R,
       _,
-      n
+      u,
+      E
     ]
   );
 }, H = e;

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 { useMemo } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport {\n  QUESTIONS_GAP,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from '../../worksheet/constants';\nimport type { IWorksheetLayout } from '../../worksheet/worksheet-types';\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  }): IWorksheetLayout;\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<IWorksheetLayout['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}px)`;\n  const minSummaryHeight = `calc(100vh - ${topOffset + navHeight}px)`;\n  const tOffset = showNudgeBanner ? topOffset + WORKSHEET_NUDGE_BANNER_HEIGHT : topOffset;\n\n  return useMemo<IWorksheetLayout>(\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' ? '100%' : '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","minSummaryHeight","tOffset","WORKSHEET_NUDGE_BANNER_HEIGHT","QUESTIONS_GAP","useWorksheetLayout$1"],"mappings":";;AAsBA,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,EAA2C,MAAM;AACrE,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,CAAS,OACzDG,IAAmB,gBAAgBR,IAAYK,CAAS,OACxDI,IAAUV,IAAkBC,IAAYU,IAAgCV;AAEvE,SAAAI;AAAA,IACL,OAAO;AAAA,MACL,gBAAgBN,KAAmBI,IAAgB,SAAS;AAAA;AAAA;AAAA,MAG5D,gBAAgBJ,IAAkB,WAAWF,MAAa,YAAY,SAAS;AAAA,MAC/E,WAAW;AAAA,MACX,WAAWa;AAAA,MACX,eAAAN;AAAA,MACA,qBAAqB,EACnBL,KACAD,MAAa,sBACbA,MAAa,iBACbA,MAAa,wBACbA,MAAa;AAAA,MAEf,mBAAAU;AAAA,MACA,kBAAAC;AAAA,MACA,eAAeZ,MAAa,aAAa,CAACE;AAAA,MAC1C,sBAAsB,CAACI;AAAA,MACvB,UAAAD;AAAA,MACA,YAAYH,KAAmBI,IAAgB,SAAS;AAAA,MACxD,iBAAiBA,IAAgB,IAAIS;AAAA,IAAA;AAAA,IAEvC;AAAA,MACEb;AAAA,MACAI;AAAA,MACAN;AAAA,MACAa;AAAA,MACAN;AAAA,MACAN;AAAA,MACAU;AAAA,MACAC;AAAA,MACAP;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 { useMemo } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport {\n  QUESTIONS_GAP,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_NUDGE_BANNER_HEIGHT,\n} from '../../worksheet/constants';\nimport type { IWorksheetLayout } from '../../worksheet/worksheet-types';\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  }): IWorksheetLayout;\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<IWorksheetLayout['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<IWorksheetLayout>(\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":";;AAsBA,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,EAA2C,MAAM;AACrE,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,45 +1,45 @@
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { memo as N, useMemo as i, useRef as P, useCallback as v } from "react";
+import { memo as L, useMemo as i, useRef as N, useCallback as P } from "react";
 import B from "../../ui/layout/flex-view.js";
-import L from "../../ui/text/text.js";
+import v from "../../ui/text/text.js";
 import M from "../worksheet/worksheet.js";
-import { getWorksheetHeaderLayout as z } from "../worksheet/worksheet-helpers.js";
-import V from "./hooks/use-worksheet-layout.js";
+import { getWorksheetHeaderLayout as V } from "../worksheet/worksheet-helpers.js";
+import z 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"
-], te = N(
+], te = L(
   function(k) {
     const {
       studentId: a,
-      userType: c,
+      userType: d,
       activityReference: t,
       worksheet: S,
       nodeType: e,
-      worksheetName: d,
+      worksheetName: c,
       showNudgeBanner: l,
-      markedAsCompleted: T,
+      markedAsCompleted: g,
       imageHue: m,
-      onWorksheetLoaded: g,
+      onWorksheetLoaded: T,
       onWorksheetErrored: E,
       openQuestionFeedbackModal: W,
       onBackIconClick: r,
-      activityType: w,
+      isLessonV3Enabled: w,
       canShowActionBar: A,
       mode: n,
       actionBarRightElement: $,
-      topOffset: y = 56
-    } = k, { signed_request: C, questions_signed_request: x } = S, u = i(() => e === "PUZZLE_CARD", [e]), s = i(() => t === "test", [t]), H = i(() => U.includes(e), [e]), R = P(() => null), h = s ? !1 : A, _ = V({
-      userType: c,
+      topOffset: C = 56
+    } = k, { signed_request: x, questions_signed_request: y } = S, u = i(() => e === "PUZZLE_CARD", [e]), s = i(() => t === "test", [t]), H = i(() => U.includes(e), [e]), R = N(() => null), h = s ? !1 : A, _ = z({
+      userType: d,
       nodeType: e,
       isSATAssessment: H,
       showNudgeBanner: l,
-      topOffset: y,
+      topOffset: C,
       imageHue: m
-    }), b = v(() => {
+    }), b = P(() => {
       r == null || r();
-    }, [r]), { bgColor: I, borderColor: q, textColor: p } = z({
+    }, [r]), { bgColor: I, borderColor: q, textColor: p } = V({
       isPuzzleWorksheet: u && h,
       isTestWorksheet: s,
       imageHue: m
@@ -68,7 +68,7 @@ const U = [
               G,
               {
                 $alignItems: s && !u ? "flex-start" : "center",
-                children: /* @__PURE__ */ o(L, { $renderAs: "body1", $color: p, children: d || t })
+                children: /* @__PURE__ */ o(v, { $renderAs: "body1", $color: p, children: c || t })
               }
             )
           ]
@@ -77,24 +77,24 @@ const U = [
       /* @__PURE__ */ o(B, { $alignItems: "center", children: /* @__PURE__ */ o(
         M,
         {
-          userType: c ?? (n === "review" ? "TEACHER" : "STUDENT"),
+          userType: d ?? (n === "review" ? "TEACHER" : "STUDENT"),
           worksheetCompleted: n === "review",
-          worksheetName: d || t,
-          itemsSignedRequest: C,
-          questionsSignedRequest: x,
+          worksheetName: c || t,
+          itemsSignedRequest: x,
+          questionsSignedRequest: y,
           studentId: a,
           layout: _,
           canShowActionBar: h,
           loggerRef: R,
           showNudgeBanner: l,
-          markedAsCompleted: T,
-          onLoaded: g,
+          markedAsCompleted: g,
+          onLoaded: T,
           onErrored: E,
           userId: a,
           openQuestionFeedbackModal: W,
           nodeType: e,
           mode: n,
-          activityType: w,
+          isLessonV3Enabled: w,
           actionBarRightElement: $
         }
       ) })

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 { memo, useCallback, useMemo, useRef, type FC } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Worksheet from '../worksheet/worksheet';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(\n  function PreviewWorksheetView(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      activityType,\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\n                $color={textColor ?? 'WHITE'}\n                onClick={handleOnBackIconClick}\n              />\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          <Worksheet\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            activityType={activityType}\n            actionBarRightElement={actionBarRightElement}\n          />\n        </FlexView>\n      </Styled.WorksheetPageWrapper>\n    );\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","activityType","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","Worksheet"],"mappings":"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"}
+{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef, type FC } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Worksheet from '../worksheet/worksheet';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(\n  function PreviewWorksheetView(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\n                $color={textColor ?? 'WHITE'}\n                onClick={handleOnBackIconClick}\n              />\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          <Worksheet\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);\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","Worksheet"],"mappings":"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"}