@cuemath/leap 3.5.71 → 3.5.73

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

@@ -1,33 +1,33 @@
 import { jsx as t, jsxs as z } from "react/jsx-runtime";
-import { memo as A, useMemo as C, useCallback as T, useEffect as $ } from "react";
-import x from "../../../ui/buttons/button/button.js";
-import I from "../../../ui/layout/flex-view.js";
-import S from "../../../ui/loader/app-loader/app-loader.js";
-import E from "../../../ui/text/text.js";
-import { useGetDynamicSheetData as R } from "../api/get-dynamic-sheet.js";
-import b from "../worksheet-preview.js";
-const B = A(
+import { memo as A, useMemo as C, useCallback as $, useEffect as x } from "react";
+import I from "../../../ui/buttons/button/button.js";
+import S from "../../../ui/layout/flex-view.js";
+import E from "../../../ui/loader/app-loader/app-loader.js";
+import R from "../../../ui/text/text.js";
+import { useGetDynamicSheetData as b } from "../api/get-dynamic-sheet.js";
+import B from "../worksheet-preview.js";
+const F = A(
   function(r) {
-    const { studentId: i, userNodeId: n, studentName: a, onBackIconClick: l, actionBarRightElement: h } = r, { onOpenQuestionFeedbackModal: p } = r, {
+    const { studentId: i, userNodeId: n, studentName: a, onBackIconClick: l, actionBarRightElement: h, userType: p } = r, { onOpenQuestionFeedbackModal: f } = r, {
       get: m,
-      data: f,
-      isProcessing: y,
-      isProcessingFailed: g,
+      data: y,
+      isProcessing: g,
+      isProcessingFailed: k,
       error: o
-    } = R(), {
-      items: k = [],
+    } = b(), {
+      items: D = [],
       title: c,
       node_type: u = "DYNAMIC",
-      worksheet: D
-    } = f || {}, { image_hue: w } = D || {}, d = k.map(({ ref: P }) => P), e = u === "PUZZLE_CARD", v = C(() => e ? `${a} hasn't attempted the puzzle yet` : c, [e, a, c]), s = T(() => {
+      worksheet: w
+    } = y || {}, { image_hue: v } = w || {}, d = D.map(({ ref: T }) => T), e = u === "PUZZLE_CARD", P = C(() => e ? `${a} hasn't attempted the puzzle yet` : c, [e, a, c]), s = $(() => {
       i && n && m(n);
     }, [m, i, n]);
-    return $(() => {
+    return x(() => {
       s();
-    }, [s]), y ? /* @__PURE__ */ t(S, { height: "100%" }) : g ? /* @__PURE__ */ z(I, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-      /* @__PURE__ */ t(E, { $renderAs: "h6", children: (o == null ? void 0 : o.message) || "Oops! Something went wrong. Please try again later." }),
+    }, [s]), g ? /* @__PURE__ */ t(E, { height: "100%" }) : k ? /* @__PURE__ */ z(S, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+      /* @__PURE__ */ t(R, { $renderAs: "h6", children: (o == null ? void 0 : o.message) || "Oops! Something went wrong. Please try again later." }),
       /* @__PURE__ */ t(
-        x,
+        I,
         {
           widthX: 14,
           size: "small",
@@ -38,26 +38,26 @@ const B = A(
         }
       )
     ] }) : d ? /* @__PURE__ */ t(
-      b,
+      B,
       {
         activityReference: e ? "puzzle" : "test",
         nodeType: u,
-        userType: "TEACHER",
+        userType: p ?? "TEACHER",
         studentId: i ?? "student-id",
         activityType: null,
-        worksheetName: v,
+        worksheetName: P,
         items: d,
         onBackIconClick: l,
-        imageHue: w ?? void 0,
+        imageHue: v ?? void 0,
         actionBarRightElement: h,
         mode: "preview",
-        openQuestionFeedbackModal: p,
+        openQuestionFeedbackModal: f,
         topOffset: e ? 112 : void 0
       }
     ) : null;
   }
-), L = B;
+), Q = F;
 export {
-  L as default
+  Q 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 { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport type { TNodeTypes } from '../../../../types/models/worksheet';\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';\nimport type { IDynamicWorksheetPreview } from './dynamic-worksheet-types';\n\nconst DynamicWorksheetPreview: FC<IDynamicWorksheetPreview> = memo(\n  function DynamicWorksheetPreview(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        activityType={null}\n        worksheetName={worksheetName}\n        items={itemRefs}\n        onBackIconClick={onBackIconClick}\n        imageHue={imageHue ?? undefined}\n        actionBarRightElement={actionBarRightElement}\n        mode=\"preview\"\n        openQuestionFeedbackModal={onOpenQuestionFeedbackModal}\n        topOffset={isPuzzleSheet ? 112 : undefined}\n      />\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":";;;;;;;;AAWA,MAAMA,IAAwDC;AAAA,EAC5D,SAAiCC,GAAO;AACtC,UAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,iBAAAC,GAAiB,uBAAAC,EAA0B,IAAAL,GACjF,EAAE,6BAAAM,EAAgC,IAAAN,GAElC;AAAA,MACJ,KAAKO;AAAA,MACL,MAAMC;AAAA,MACN,cAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,OAAAC;AAAA,QACEC,EAAuB,GAErB;AAAA,MACJ,OAAOC,IAAoB,CAAC;AAAA,MAC5B,OAAAC;AAAA,MACA,WAAWC,IAAW;AAAA,MACtB,WAAAC;AAAA,IAAA,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,MAAIvB,KAAaC,KACfK,EAAoBL,CAAU;AAAA,IAE/B,GAAA,CAACK,GAAqBN,GAAWC,CAAU,CAAC;AAM/C,WAJAuB,EAAU,MAAM;AACQ,MAAAF;IAAA,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,MAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,WAAAnB,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,MACA,gBAAAe;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,UAAS;AAAA,UACT,OAAM;AAAA,UACN,SAASR;AAAA,QAAA;AAAA,MACX;AAAA,IACF,EAAA,CAAA,IAICL,IAKH,gBAAAQ;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,mBAAmBZ,IAAgB,WAAW;AAAA,QAC9C,UAAAL;AAAA,QACA,UAAS;AAAA,QACT,WAAWd,KAAa;AAAA,QACxB,cAAc;AAAA,QACd,eAAAoB;AAAA,QACA,OAAOH;AAAA,QACP,iBAAAd;AAAA,QACA,UAAUa,KAAY;AAAA,QACtB,uBAAAZ;AAAA,QACA,MAAK;AAAA,QACL,2BAA2BC;AAAA,QAC3B,WAAWc,IAAgB,MAAM;AAAA,MAAA;AAAA,IAAA,IAjB5B;AAAA,EAoBX;AACF,GAEAa,IAAenC;"}
+{"version":3,"file":"dynamic-worksheet-preview.js","sources":["../../../../../src/features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport type { TNodeTypes } from '../../../../types/models/worksheet';\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';\nimport type { IDynamicWorksheetPreview } from './dynamic-worksheet-types';\n\nconst DynamicWorksheetPreview: FC<IDynamicWorksheetPreview> = memo(\n  function DynamicWorksheetPreview(props) {\n    const { studentId, userNodeId, studentName, onBackIconClick, actionBarRightElement, userType } =\n      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={userType ?? 'TEACHER'}\n        studentId={studentId ?? 'student-id'}\n        activityType={null}\n        worksheetName={worksheetName}\n        items={itemRefs}\n        onBackIconClick={onBackIconClick}\n        imageHue={imageHue ?? undefined}\n        actionBarRightElement={actionBarRightElement}\n        mode=\"preview\"\n        openQuestionFeedbackModal={onOpenQuestionFeedbackModal}\n        topOffset={isPuzzleSheet ? 112 : undefined}\n      />\n    );\n  },\n);\n\nexport default DynamicWorksheetPreview;\n"],"names":["DynamicWorksheetPreview","memo","props","studentId","userNodeId","studentName","onBackIconClick","actionBarRightElement","userType","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":";;;;;;;;AAWA,MAAMA,IAAwDC;AAAA,EAC5D,SAAiCC,GAAO;AACtC,UAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,iBAAAC,GAAiB,uBAAAC,GAAuB,UAAAC,EAClF,IAAAN,GACI,EAAE,6BAAAO,EAAgC,IAAAP,GAElC;AAAA,MACJ,KAAKQ;AAAA,MACL,MAAMC;AAAA,MACN,cAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,OAAAC;AAAA,QACEC,EAAuB,GAErB;AAAA,MACJ,OAAOC,IAAoB,CAAC;AAAA,MAC5B,OAAAC;AAAA,MACA,WAAWC,IAAW;AAAA,MACtB,WAAAC;AAAA,IAAA,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,GAAGlB,CAAW,qCAEjCY,GACN,CAACM,GAAelB,GAAaY,CAAK,CAAC,GAEhCS,IAAwBC,EAAY,MAAM;AAC9C,MAAIxB,KAAaC,KACfM,EAAoBN,CAAU;AAAA,IAE/B,GAAA,CAACM,GAAqBP,GAAWC,CAAU,CAAC;AAM/C,WAJAwB,EAAU,MAAM;AACQ,MAAAF;IAAA,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,MAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,MACb,WAAAnB,KAAA,gBAAAA,EAAO,YAAW,uDACrB;AAAA,MACA,gBAAAe;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,UAAS;AAAA,UACT,OAAM;AAAA,UACN,SAASR;AAAA,QAAA;AAAA,MACX;AAAA,IACF,EAAA,CAAA,IAICL,IAKH,gBAAAQ;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,mBAAmBZ,IAAgB,WAAW;AAAA,QAC9C,UAAAL;AAAA,QACA,UAAUV,KAAY;AAAA,QACtB,WAAWL,KAAa;AAAA,QACxB,cAAc;AAAA,QACd,eAAAqB;AAAA,QACA,OAAOH;AAAA,QACP,iBAAAf;AAAA,QACA,UAAUc,KAAY;AAAA,QACtB,uBAAAb;AAAA,QACA,MAAK;AAAA,QACL,2BAA2BE;AAAA,QAC3B,WAAWc,IAAgB,MAAM;AAAA,MAAA;AAAA,IAAA,IAjB5B;AAAA,EAoBX;AACF,GAEAa,IAAepC;"}

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

@@ -1,17 +1,18 @@
-import { useMemo as R } from "react";
-import { QUESTIONS_GAP as N, WORKSHEET_NUDGE_BANNER_HEIGHT as d, TOP_NAVIGATION_HEIGHT as h } from "../../worksheet/constants.js";
-import { TRIAL_V3_NODE_TYPES as H } from "../../worksheet/worksheet-behavior-helper.js";
-const L = ({
-  userType: n,
-  nodeType: r,
+import { useMemo as N } from "react";
+import { QUESTIONS_GAP as l, WORKSHEET_NUDGE_BANNER_HEIGHT as H, TOP_NAVIGATION_HEIGHT as L } from "../../worksheet/constants.js";
+import { TRIAL_V3_NODE_TYPES as d } from "../../worksheet/worksheet-behavior-helper.js";
+const D = ({
+  userType: a,
+  nodeType: n,
   isSATAssessment: o,
-  showNudgeBanner: l,
-  topOffset: a,
-  imageHue: i
+  showNudgeBanner: h,
+  topOffset: r,
+  imageHue: E,
+  layoutOverride: i = {}
 }) => {
-  const t = r === "PUZZLE_CARD", c = R(() => {
+  const t = n === "PUZZLE_CARD", c = N(() => {
     if (o) return "bottom";
-    switch (r) {
+    switch (n) {
       case "PUZZLE_CARD":
       case "TRIAL_DIAGNOSTIC":
       case "TRIAL":
@@ -22,39 +23,41 @@ const L = ({
       default:
         return "top";
     }
-  }, [o, r]), E = c === "top" ? h : 0, u = `calc(100vh - ${a + E}px)`, I = `calc(100vh - ${a + E}px)`, _ = l ? a + d : a, e = H.includes(r);
-  return R(
+  }, [o, n]), I = c === "top" ? L : 0, u = `calc(100vh - ${r + I}px)`, _ = `calc(100vh - ${r + I}px)`, R = h ? r + H : r, e = d.includes(n);
+  return N(
     () => ({
       containerStyle: o || t ? "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" : n === "TEACHER" ? "100%" : "800px",
+      containerWidth: o ? "1024px" : a === "TEACHER" ? "100%" : "800px",
       actionBar: "bottom",
-      topOffset: _,
+      topOffset: R,
       navigationBar: c,
       questionsScrollable: !(o || e),
       minQuestionHeight: u,
-      minSummaryHeight: I,
-      renderSideBar: n === "TEACHER" && !o,
+      minSummaryHeight: _,
+      renderSideBar: a === "TEACHER" && !o,
       renderQuestionHeader: !t,
-      imageHue: i,
+      imageHue: E,
       background: o || t ? "none" : "paper",
-      questionPadding: t || e ? 0 : N
+      questionPadding: t || e ? 0 : l,
+      ...i
     }),
     [
       o,
       t,
-      n,
-      _,
+      a,
+      R,
       c,
       e,
       u,
-      I,
+      _,
+      E,
       i
     ]
   );
-}, T = L;
+}, G = D;
 export {
-  T as default
+  G as default
 };
 //# sourceMappingURL=use-worksheet-layout.js.map

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';\nimport { TRIAL_V3_NODE_TYPES } from '../../worksheet/worksheet-behavior-helper';\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':\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  const isTrialSessionNodes = TRIAL_V3_NODE_TYPES.includes(nodeType);\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%' : '800px',\n      actionBar: 'bottom',\n      topOffset: tOffset,\n      navigationBar,\n      questionsScrollable: !(isSATAssessment || isTrialSessionNodes),\n      minQuestionHeight,\n      minSummaryHeight,\n      renderSideBar: userType === 'TEACHER' && !isSATAssessment,\n      renderQuestionHeader: !isPuzzleSheet,\n      imageHue,\n      background: isSATAssessment || isPuzzleSheet ? 'none' : 'paper',\n      questionPadding: isPuzzleSheet || isTrialSessionNodes ? 0 : QUESTIONS_GAP,\n    }),\n    [\n      isSATAssessment,\n      isPuzzleSheet,\n      userType,\n      tOffset,\n      navigationBar,\n      isTrialSessionNodes,\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","isTrialSessionNodes","TRIAL_V3_NODE_TYPES","QUESTIONS_GAP","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,EAA2C,MAAM;AACrE,QAAIN,EAAwB,QAAA;AAE5B,YAAQD,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,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,GACxEW,IAAsBC,EAAoB,SAASf,CAAQ;AAE1D,SAAAO;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,EAAEL,KAAmBa;AAAA,MAC1C,mBAAAJ;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,KAAiBS,IAAsB,IAAIE;AAAA,IAAA;AAAA,IAE9D;AAAA,MACEf;AAAA,MACAI;AAAA,MACAN;AAAA,MACAa;AAAA,MACAN;AAAA,MACAQ;AAAA,MACAJ;AAAA,MACAC;AAAA,MACAP;AAAA,IACF;AAAA,EAAA;AAEJ,GAEAa,IAAenB;"}
+{"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';\nimport { TRIAL_V3_NODE_TYPES } from '../../worksheet/worksheet-behavior-helper';\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    layoutOverride?: Partial<IWorksheetLayout>;\n  }): IWorksheetLayout;\n}\n\nconst useWorksheetLayout: IUseWorksheetLayout = ({\n  userType,\n  nodeType,\n  isSATAssessment,\n  showNudgeBanner,\n  topOffset,\n  imageHue,\n  layoutOverride = {},\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':\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  const isTrialSessionNodes = TRIAL_V3_NODE_TYPES.includes(nodeType);\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%' : '800px',\n      actionBar: 'bottom',\n      topOffset: tOffset,\n      navigationBar,\n      questionsScrollable: !(isSATAssessment || isTrialSessionNodes),\n      minQuestionHeight,\n      minSummaryHeight,\n      renderSideBar: userType === 'TEACHER' && !isSATAssessment,\n      renderQuestionHeader: !isPuzzleSheet,\n      imageHue,\n      background: isSATAssessment || isPuzzleSheet ? 'none' : 'paper',\n      questionPadding: isPuzzleSheet || isTrialSessionNodes ? 0 : QUESTIONS_GAP,\n      ...layoutOverride,\n    }),\n    [\n      isSATAssessment,\n      isPuzzleSheet,\n      userType,\n      tOffset,\n      navigationBar,\n      isTrialSessionNodes,\n      minQuestionHeight,\n      minSummaryHeight,\n      imageHue,\n      layoutOverride,\n    ],\n  );\n};\n\nexport default useWorksheetLayout;\n"],"names":["useWorksheetLayout","userType","nodeType","isSATAssessment","showNudgeBanner","topOffset","imageHue","layoutOverride","isPuzzleSheet","navigationBar","useMemo","navHeight","TOP_NAVIGATION_HEIGHT","minQuestionHeight","minSummaryHeight","tOffset","WORKSHEET_NUDGE_BANNER_HEIGHT","isTrialSessionNodes","TRIAL_V3_NODE_TYPES","QUESTIONS_GAP","useWorksheetLayout$1"],"mappings":";;;AAwBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC,IAAiB,CAAC;AACpB,MAAM;AACJ,QAAMC,IAAgBN,MAAa,eAE7BO,IAAgBC,EAA2C,MAAM;AACrE,QAAIP,EAAwB,QAAA;AAE5B,YAAQD,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,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,GAExBS,IAAYF,MAAkB,QAAQG,IAAwB,GAC9DC,IAAoB,gBAAgBR,IAAYM,CAAS,OACzDG,IAAmB,gBAAgBT,IAAYM,CAAS,OACxDI,IAAUX,IAAkBC,IAAYW,IAAgCX,GACxEY,IAAsBC,EAAoB,SAAShB,CAAQ;AAE1D,SAAAQ;AAAA,IACL,OAAO;AAAA,MACL,gBAAgBP,KAAmBK,IAAgB,SAAS;AAAA;AAAA;AAAA,MAG5D,gBAAgBL,IAAkB,WAAWF,MAAa,YAAY,SAAS;AAAA,MAC/E,WAAW;AAAA,MACX,WAAWc;AAAA,MACX,eAAAN;AAAA,MACA,qBAAqB,EAAEN,KAAmBc;AAAA,MAC1C,mBAAAJ;AAAA,MACA,kBAAAC;AAAA,MACA,eAAeb,MAAa,aAAa,CAACE;AAAA,MAC1C,sBAAsB,CAACK;AAAA,MACvB,UAAAF;AAAA,MACA,YAAYH,KAAmBK,IAAgB,SAAS;AAAA,MACxD,iBAAiBA,KAAiBS,IAAsB,IAAIE;AAAA,MAC5D,GAAGZ;AAAA,IAAA;AAAA,IAEL;AAAA,MACEJ;AAAA,MACAK;AAAA,MACAP;AAAA,MACAc;AAAA,MACAN;AAAA,MACAQ;AAAA,MACAJ;AAAA,MACAC;AAAA,MACAR;AAAA,MACAC;AAAA,IACF;AAAA,EAAA;AAEJ,GAEAa,IAAepB;"}

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

@@ -1,20 +1,20 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { memo as b, useMemo as i, useRef as q, useCallback as N } from "react";
-import v from "../../ui/layout/flex-view.js";
-import L from "../../ui/text/text.js";
-import P from "../worksheet/worksheet.js";
-import { getWorksheetHeaderLayout as M } from "../worksheet/worksheet-helpers.js";
-import j from "./hooks/use-worksheet-layout.js";
-import { WorksheetPageWrapper as B, HeaderWrapper as D, Header as O, StyledBackIcon as V, HeaderTitleWrapper as z } from "./worksheet-preview-styled.js";
-const F = [
+import { memo as q, useMemo as i, useRef as N, useCallback as L } from "react";
+import P from "../../ui/layout/flex-view.js";
+import M from "../../ui/text/text.js";
+import O from "../worksheet/worksheet.js";
+import { getWorksheetHeaderLayout as j } from "../worksheet/worksheet-helpers.js";
+import B from "./hooks/use-worksheet-layout.js";
+import { WorksheetPageWrapper as D, HeaderWrapper as V, Header as z, StyledBackIcon as F, HeaderTitleWrapper as G } from "./worksheet-preview-styled.js";
+const U = [
   "SAT_ENGLISH_ASSESSMENT",
   "SAT_MATH_ASSESSMENT"
-], re = b(
+], te = q(
   function(f) {
     const {
       studentId: d,
       userType: a,
-      activityReference: o,
+      activityReference: t,
       worksheet: k,
       nodeType: e,
       worksheetName: l,
@@ -24,66 +24,69 @@ const F = [
       onWorksheetLoaded: g,
       onWorksheetErrored: S,
       openQuestionFeedbackModal: E,
-      onBackIconClick: t,
+      onBackIconClick: o,
       activityType: W,
       mode: s,
       actionBarRightElement: w,
-      topOffset: $ = 56
-    } = f, { signed_request: y, questions_signed_request: A } = k, u = i(() => e === "PUZZLE_CARD", [e]), n = i(() => o === "test", [o]), C = i(() => F.includes(e), [e]), x = q(() => null), H = j({
+      topOffset: y = 56,
+      behaviorOverride: $,
+      layoutOverride: A
+    } = f, { signed_request: C, questions_signed_request: x } = k, u = i(() => e === "PUZZLE_CARD", [e]), n = i(() => t === "test", [t]), H = i(() => U.includes(e), [e]), R = N(() => null), _ = B({
       userType: a,
       nodeType: e,
-      isSATAssessment: C,
+      isSATAssessment: H,
       showNudgeBanner: c,
-      topOffset: $,
-      imageHue: m
-    }), R = N(() => {
-      t == null || t();
-    }, [t]), { bgColor: _, borderColor: I, textColor: h } = M({
+      topOffset: y,
+      imageHue: m,
+      layoutOverride: A
+    }), v = L(() => {
+      o == null || o();
+    }, [o]), { bgColor: b, borderColor: I, textColor: h } = j({
       isPuzzleWorksheet: u,
       isTestWorksheet: n,
       imageHue: m
     });
-    return /* @__PURE__ */ p(B, { children: [
-      /* @__PURE__ */ r(D, { children: /* @__PURE__ */ p(
-        O,
+    return /* @__PURE__ */ p(D, { children: [
+      /* @__PURE__ */ r(V, { children: /* @__PURE__ */ p(
+        z,
         {
           $flexDirection: "row",
           $alignItems: "center",
           $justifyContent: n ? "flex-start" : "center",
-          $background: _,
+          $background: b,
           $height: 56,
           $gutterX: 1,
           $flexGapX: 1,
           $borderColor: I,
           children: [
-            t && /* @__PURE__ */ r(
-              V,
+            o && /* @__PURE__ */ r(
+              F,
               {
                 $color: h ?? "WHITE",
-                onClick: R
+                onClick: v
               }
             ),
             /* @__PURE__ */ r(
-              z,
+              G,
               {
                 $alignItems: n && !u ? "flex-start" : "center",
-                children: /* @__PURE__ */ r(L, { $renderAs: "body1", $color: h, children: l || o })
+                children: /* @__PURE__ */ r(M, { $renderAs: "body1", $color: h, children: l || t })
               }
             )
           ]
         }
       ) }),
-      /* @__PURE__ */ r(v, { $alignItems: "center", children: /* @__PURE__ */ r(
-        P,
+      /* @__PURE__ */ r(P, { $alignItems: "center", children: /* @__PURE__ */ r(
+        O,
         {
           userType: a ?? (s === "review" ? "TEACHER" : "STUDENT"),
           worksheetCompleted: s === "review",
-          worksheetName: l || o,
-          itemsSignedRequest: y,
-          questionsSignedRequest: A,
+          worksheetName: l || t,
+          itemsSignedRequest: C,
+          questionsSignedRequest: x,
           studentId: d,
-          layout: H,
-          loggerRef: x,
+          layout: _,
+          loggerRef: R,
           showNudgeBanner: c,
           markedAsCompleted: T,
           onLoaded: g,
@@ -93,13 +96,14 @@ const F = [
           nodeType: e,
           mode: s,
           activityType: W,
-          actionBarRightElement: w
+          actionBarRightElement: w,
+          behaviorOverride: $
         }
       ) })
     ] });
   }
 );
 export {
-  re as default
+  te 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 { 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      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\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,\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            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","mode","actionBarRightElement","topOffset","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","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      activityType,\n      mode,\n      actionBarRightElement,\n      topOffset = 56,\n      behaviorOverride,\n      layoutOverride,\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\n    const layout = useWorksheetLayout({\n      userType,\n      nodeType,\n      isSATAssessment,\n      showNudgeBanner,\n      topOffset,\n      imageHue,\n      layoutOverride,\n    });\n\n    const handleOnBackIconClick = useCallback(() => {\n      onBackIconClick?.();\n    }, [onBackIconClick]);\n\n    const { bgColor, borderColor, textColor } = getWorksheetHeaderLayout({\n      isPuzzleWorksheet: isPuzzleWorksheet,\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            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            behaviorOverride={behaviorOverride}\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","mode","actionBarRightElement","topOffset","behaviorOverride","layoutOverride","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","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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"}

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

@@ -21,7 +21,6 @@ const b = x(function(n) {
   return j(() => {
     o();
   }, [o]), u || p ? /* @__PURE__ */ t(A, { height: "100vh", onTryAgain: o }) : W ? /* @__PURE__ */ t(k, { height: "100vh" }) : /* @__PURE__ */ P(y, { children: [
-    !v && /* @__PURE__ */ t(k, { height: "100vh" }),
     d && /* @__PURE__ */ t(
       T,
       {
@@ -30,7 +29,8 @@ const b = x(function(n) {
         onWorksheetLoaded: g,
         onWorksheetErrored: l
       }
-    )
+    ),
+    !v && /* @__PURE__ */ t(k, { height: "100vh" })
   ] });
 }), _ = b;
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-preview.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport Error from '../../ui/error/error';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport { usePreviewWorksheetGet } from './api/get-preview-worksheet';\nimport type { IPreviewWorksheetProps } from './worksheet-preview-types';\nimport PreviewWorksheetView from './worksheet-preview-view';\n\nconst PreviewWorksheet: FC<IPreviewWorksheetProps> = memo(function PreviewWorksheet(props) {\n  const { activityReference, nodeType, items, onWorksheetLoaded } = props;\n\n  const [error, setError] = useState<string>();\n  const [worksheetRendered, setWorksheetRendered] = useState<boolean>(false);\n  const { isProcessing, get, data: worksheetData, error: fetchError } = usePreviewWorksheetGet();\n\n  const worksheet = useMemo<typeof worksheetData>(() => {\n    if (worksheetData) {\n      return {\n        ...worksheetData,\n      };\n    }\n\n    return worksheetData;\n  }, [worksheetData]);\n\n  const fetchWorksheet = useCallback(() => {\n    setError(undefined);\n    get(activityReference, {\n      action: 'review',\n      node_type: nodeType,\n      items,\n    });\n  }, [activityReference, get, nodeType, items]);\n\n  const handleWorksheetLoaded = useCallback(() => {\n    setWorksheetRendered(true);\n\n    onWorksheetLoaded?.(true);\n  }, [onWorksheetLoaded]);\n\n  const handleWorksheetErrored = useCallback((err: { code?: number; message: string }) => {\n    setError(err.message);\n  }, []);\n\n  useEffect(() => {\n    fetchWorksheet();\n  }, [fetchWorksheet]);\n\n  if (error || fetchError) {\n    return <Error height=\"100vh\" onTryAgain={fetchWorksheet} />;\n  }\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <>\n      {!worksheetRendered && <AppLoader height=\"100vh\" />}\n      {worksheet && (\n        <PreviewWorksheetView\n          {...props}\n          worksheet={worksheet}\n          onWorksheetLoaded={handleWorksheetLoaded}\n          onWorksheetErrored={handleWorksheetErrored}\n        />\n      )}\n    </>\n  );\n});\n\nexport default PreviewWorksheet;\n"],"names":["PreviewWorksheet","memo","props","activityReference","nodeType","items","onWorksheetLoaded","error","setError","useState","worksheetRendered","setWorksheetRendered","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","worksheet","useMemo","fetchWorksheet","useCallback","handleWorksheetLoaded","handleWorksheetErrored","err","useEffect","jsx","Error","AppLoader","jsxs","Fragment","PreviewWorksheetView","PreviewWorksheet$1"],"mappings":";;;;;;AAQA,MAAMA,IAA+CC,EAAK,SAA0BC,GAAO;AACzF,QAAM,EAAE,mBAAAC,GAAmB,UAAAC,GAAU,OAAAC,GAAO,mBAAAC,MAAsBJ,GAE5D,CAACK,GAAOC,CAAQ,IAAIC,EAAiB,GACrC,CAACC,GAAmBC,CAAoB,IAAIF,EAAkB,EAAK,GACnE,EAAE,cAAAG,GAAc,KAAAC,GAAK,MAAMC,GAAe,OAAOC,MAAeC,KAEhEC,IAAYC,EAA8B,MAC1CJ,KACK;AAAA,IACL,GAAGA;AAAA,EAAA,GAKN,CAACA,CAAa,CAAC,GAEZK,IAAiBC,EAAY,MAAM;AACvC,IAAAZ,EAAS,MAAS,GAClBK,EAAIV,GAAmB;AAAA,MACrB,QAAQ;AAAA,MACR,WAAWC;AAAA,MACX,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACF,GAAmBU,GAAKT,GAAUC,CAAK,CAAC,GAEtCgB,IAAwBD,EAAY,MAAM;AAC9C,IAAAT,EAAqB,EAAI,GAEzBL,KAAA,QAAAA,EAAoB;AAAA,EAAI,GACvB,CAACA,CAAiB,CAAC,GAEhBgB,IAAyBF,EAAY,CAACG,MAA4C;AACtF,IAAAf,EAASe,EAAI,OAAO;AAAA,EACtB,GAAG,CAAE,CAAA;AAML,SAJAC,EAAU,MAAM;AACC,IAAAL;EAAA,GACd,CAACA,CAAc,CAAC,GAEfZ,KAASQ,IACH,gBAAAU,EAAAC,GAAA,EAAM,QAAO,SAAQ,YAAYP,EAAgB,CAAA,IAGvDP,IACK,gBAAAa,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAK9B,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,CAACnB,KAAqB,gBAAAe,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA;AAAA,IAChDV,KACC,gBAAAQ;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAG5B;AAAA,QACJ,WAAAe;AAAA,QACA,mBAAmBI;AAAA,QACnB,oBAAoBC;AAAA,MAAA;AAAA,IACtB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC,GAEDS,IAAe/B;"}
+{"version":3,"file":"worksheet-preview.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useState, type FC } from 'react';\n\nimport Error from '../../ui/error/error';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport { usePreviewWorksheetGet } from './api/get-preview-worksheet';\nimport type { IPreviewWorksheetProps } from './worksheet-preview-types';\nimport PreviewWorksheetView from './worksheet-preview-view';\n\nconst PreviewWorksheet: FC<IPreviewWorksheetProps> = memo(function PreviewWorksheet(props) {\n  const { activityReference, nodeType, items, onWorksheetLoaded } = props;\n\n  const [error, setError] = useState<string>();\n  const [worksheetRendered, setWorksheetRendered] = useState<boolean>(false);\n  const { isProcessing, get, data: worksheetData, error: fetchError } = usePreviewWorksheetGet();\n\n  const worksheet = useMemo<typeof worksheetData>(() => {\n    if (worksheetData) {\n      return {\n        ...worksheetData,\n      };\n    }\n\n    return worksheetData;\n  }, [worksheetData]);\n\n  const fetchWorksheet = useCallback(() => {\n    setError(undefined);\n    get(activityReference, {\n      action: 'review',\n      node_type: nodeType,\n      items,\n    });\n  }, [activityReference, get, nodeType, items]);\n\n  const handleWorksheetLoaded = useCallback(() => {\n    setWorksheetRendered(true);\n\n    onWorksheetLoaded?.(true);\n  }, [onWorksheetLoaded]);\n\n  const handleWorksheetErrored = useCallback((err: { code?: number; message: string }) => {\n    setError(err.message);\n  }, []);\n\n  useEffect(() => {\n    fetchWorksheet();\n  }, [fetchWorksheet]);\n\n  if (error || fetchError) {\n    return <Error height=\"100vh\" onTryAgain={fetchWorksheet} />;\n  }\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <>\n      {worksheet && (\n        <PreviewWorksheetView\n          {...props}\n          worksheet={worksheet}\n          onWorksheetLoaded={handleWorksheetLoaded}\n          onWorksheetErrored={handleWorksheetErrored}\n        />\n      )}\n      {!worksheetRendered && <AppLoader height=\"100vh\" />}\n    </>\n  );\n});\n\nexport default PreviewWorksheet;\n"],"names":["PreviewWorksheet","memo","props","activityReference","nodeType","items","onWorksheetLoaded","error","setError","useState","worksheetRendered","setWorksheetRendered","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","worksheet","useMemo","fetchWorksheet","useCallback","handleWorksheetLoaded","handleWorksheetErrored","err","useEffect","jsx","Error","AppLoader","jsxs","Fragment","PreviewWorksheetView","PreviewWorksheet$1"],"mappings":";;;;;;AAQA,MAAMA,IAA+CC,EAAK,SAA0BC,GAAO;AACzF,QAAM,EAAE,mBAAAC,GAAmB,UAAAC,GAAU,OAAAC,GAAO,mBAAAC,MAAsBJ,GAE5D,CAACK,GAAOC,CAAQ,IAAIC,EAAiB,GACrC,CAACC,GAAmBC,CAAoB,IAAIF,EAAkB,EAAK,GACnE,EAAE,cAAAG,GAAc,KAAAC,GAAK,MAAMC,GAAe,OAAOC,MAAeC,KAEhEC,IAAYC,EAA8B,MAC1CJ,KACK;AAAA,IACL,GAAGA;AAAA,EAAA,GAKN,CAACA,CAAa,CAAC,GAEZK,IAAiBC,EAAY,MAAM;AACvC,IAAAZ,EAAS,MAAS,GAClBK,EAAIV,GAAmB;AAAA,MACrB,QAAQ;AAAA,MACR,WAAWC;AAAA,MACX,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACF,GAAmBU,GAAKT,GAAUC,CAAK,CAAC,GAEtCgB,IAAwBD,EAAY,MAAM;AAC9C,IAAAT,EAAqB,EAAI,GAEzBL,KAAA,QAAAA,EAAoB;AAAA,EAAI,GACvB,CAACA,CAAiB,CAAC,GAEhBgB,IAAyBF,EAAY,CAACG,MAA4C;AACtF,IAAAf,EAASe,EAAI,OAAO;AAAA,EACtB,GAAG,CAAE,CAAA;AAML,SAJAC,EAAU,MAAM;AACC,IAAAL;EAAA,GACd,CAACA,CAAc,CAAC,GAEfZ,KAASQ,IACH,gBAAAU,EAAAC,GAAA,EAAM,QAAO,SAAQ,YAAYP,EAAgB,CAAA,IAGvDP,IACK,gBAAAa,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAK9B,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IACCZ,KAAA,gBAAAQ;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAG5B;AAAA,QACJ,WAAAe;AAAA,QACA,mBAAmBI;AAAA,QACnB,oBAAoBC;AAAA,MAAA;AAAA,IACtB;AAAA,IAED,CAACZ,KAAsB,gBAAAe,EAAAE,GAAA,EAAU,QAAO,QAAQ,CAAA;AAAA,EACnD,EAAA,CAAA;AAEJ,CAAC,GAEDI,IAAe/B;"}