@cuemath/leap 4.1.1-gg4 → 4.1.1-j2

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, 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=\"ab1-bold\">\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,YACb,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;"}
+{"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 {\n      studentId,\n      userNodeId,\n      studentName,\n      onBackIconClick,\n      actionBarRightElement,\n      userType,\n      worksheetBackIconRef,\n      canStartJourney,\n      startJourney,\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=\"ab1-bold\">\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        worksheetBackIconRef={worksheetBackIconRef}\n        canStartJourney={canStartJourney}\n        startJourney={startJourney}\n      />\n    );\n  },\n);\n\nexport default DynamicWorksheetPreview;\n"],"names":["DynamicWorksheetPreview","memo","props","studentId","userNodeId","studentName","onBackIconClick","actionBarRightElement","userType","worksheetBackIconRef","canStartJourney","startJourney","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;AAChC,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,IACE,IAAAT,GACE,EAAE,6BAAAU,EAAgC,IAAAV,GAElC;AAAA,MACJ,KAAKW;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,GAAGrB,CAAW,qCAEjCe,GACN,CAACM,GAAerB,GAAae,CAAK,CAAC,GAEhCS,IAAwBC,EAAY,MAAM;AAC9C,MAAI3B,KAAaC,KACfS,EAAoBT,CAAU;AAAA,IAE/B,GAAA,CAACS,GAAqBV,GAAWC,CAAU,CAAC;AAM/C,WAJA2B,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,YACb,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,UAAUb,KAAY;AAAA,QACtB,WAAWL,KAAa;AAAA,QACxB,cAAc;AAAA,QACd,eAAAwB;AAAA,QACA,OAAOH;AAAA,QACP,iBAAAlB;AAAA,QACA,UAAUiB,KAAY;AAAA,QACtB,uBAAAhB;AAAA,QACA,MAAK;AAAA,QACL,2BAA2BK;AAAA,QAC3B,WAAWc,IAAgB,MAAM;AAAA,QACjC,sBAAAjB;AAAA,QACA,iBAAAC;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,IAAA,IApBK;AAAA,EAuBX;AACF,GAEA4B,IAAevC;"}

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

@@ -1,39 +1,41 @@
-import { jsx as t, jsxs as P, Fragment as y } from "react/jsx-runtime";
-import { memo as x, useState as f, useMemo as R, useCallback as s, useEffect as j } from "react";
-import A from "../../ui/error/error.js";
-import k from "../../ui/loader/app-loader/app-loader.js";
-import { usePreviewWorksheetGet as L } from "./api/get-preview-worksheet.js";
+import { jsx as o, jsxs as R, Fragment as j } from "react/jsx-runtime";
+import { memo as A, useState as v, useMemo as J, useCallback as i, useEffect as w } from "react";
+import L from "../../ui/error/error.js";
+import W from "../../ui/loader/app-loader/app-loader.js";
+import { usePreviewWorksheetGet as S } from "./api/get-preview-worksheet.js";
 import T from "./worksheet-preview-view.js";
-const b = x(function(n) {
-  const { activityReference: i, nodeType: h, items: c, onWorksheetLoaded: e } = n, [u, a] = f(), [v, w] = f(!1), { isProcessing: W, get: m, data: r, error: p } = L(), d = R(() => r && {
+const b = A(function(h) {
+  const { activityReference: a, nodeType: c, items: f, canStartJourney: m, startJourney: s, onWorksheetLoaded: e } = h, [p, d] = v(), [u, g] = v(!1), { isProcessing: l, get: k, data: r, error: y } = S(), t = J(() => r && {
     ...r
-  }, [r]), o = s(() => {
-    a(void 0), m(i, {
+  }, [r]), n = i(() => {
+    d(void 0), k(a, {
       action: "review",
-      node_type: h,
-      items: c
+      node_type: c,
+      items: f
     });
-  }, [i, m, h, c]), g = s(() => {
-    w(!0), e == null || e(!0);
-  }, [e]), l = s((E) => {
-    a(E.message);
+  }, [a, k, c, f]), E = i(() => {
+    g(!0), e == null || e(!0);
+  }, [e]), P = i((x) => {
+    d(x.message);
   }, []);
-  return j(() => {
-    o();
-  }, [o]), u || p ? /* @__PURE__ */ t(A, { height: "100vh", onTryAgain: o }) : W ? /* @__PURE__ */ t(k, { height: "100vh" }) : /* @__PURE__ */ P(y, { children: [
-    d && /* @__PURE__ */ t(
+  return w(() => {
+    n();
+  }, [n]), w(() => {
+    m && t && s && s();
+  }, [m, s, t, u]), p || y ? /* @__PURE__ */ o(L, { height: "100vh", onTryAgain: n }) : l ? /* @__PURE__ */ o(W, { height: "100vh" }) : /* @__PURE__ */ R(j, { children: [
+    t && /* @__PURE__ */ o(
       T,
       {
-        ...n,
-        worksheet: d,
-        onWorksheetLoaded: g,
-        onWorksheetErrored: l
+        ...h,
+        worksheet: t,
+        onWorksheetLoaded: E,
+        onWorksheetErrored: P
       }
     ),
-    !v && /* @__PURE__ */ t(k, { height: "100vh" })
+    !u && /* @__PURE__ */ o(W, { height: "100vh" })
   ] });
-}), _ = b;
+}), $ = b;
 export {
-  _ as default
+  $ as default
 };
 //# sourceMappingURL=worksheet-preview.js.map

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      {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;"}
+{"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, canStartJourney, startJourney, onWorksheetLoaded } =\n    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  useEffect(() => {\n    if (canStartJourney && worksheet && startJourney) {\n      startJourney();\n    }\n  }, [canStartJourney, startJourney, worksheet, worksheetRendered]);\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","canStartJourney","startJourney","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,iBAAAC,GAAiB,cAAAC,GAAc,mBAAAC,EACzE,IAAAN,GAEI,CAACO,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,EAAIZ,GAAmB;AAAA,MACrB,QAAQ;AAAA,MACR,WAAWC;AAAA,MACX,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACF,GAAmBY,GAAKX,GAAUC,CAAK,CAAC,GAEtCkB,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;AAYL,SAVAC,EAAU,MAAM;AACC,IAAAL;EAAA,GACd,CAACA,CAAc,CAAC,GAEnBK,EAAU,MAAM;AACV,IAAApB,KAAmBa,KAAaZ,KACrBA;KAEd,CAACD,GAAiBC,GAAcY,GAAWP,CAAiB,CAAC,GAE5DH,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,GAAG9B;AAAA,QACJ,WAAAiB;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,IAAejC;"}