@cuemath/leap 3.2.30-aa1 → 3.2.30-aa11

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useRef } from 'react';\n\nimport { useGetEligibleJourneysViaRoute } from '../../journey/hooks/use-get-eligible-journeys-via-route';\nimport { JOURNEY_ID_TEACHER } from '../../journey/journey-id/journey-id-teacher';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getWorksheetBehaviour } from '../worksheet/worksheet-behavior-helper';\nimport WorksheetContainer from '../worksheet/worksheet-container';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(props => {\n  const {\n    studentId,\n    userType,\n    activityReference,\n    worksheet,\n    action,\n    nodeType,\n    worksheetName,\n    showNudgeBanner,\n    markedAsCompleted,\n    imageHue,\n    onWorksheetLoaded,\n    onWorksheetErrored,\n    openQuestionFeedbackModal,\n    onBackIconClick,\n    onUnassign,\n  } = props;\n  const { signed_request: signedRequest, questions_signed_request: questionsSignedRequest } =\n    worksheet;\n\n  const isPuzzleWorksheet = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\n  const isTestWorksheet = useMemo(() => activityReference === 'test', [activityReference]);\n  const isSATAssessment = useMemo(() => SAT_WORKSHEET_TYPES.includes(nodeType), [nodeType]);\n  const loggerRef = useRef(() => null);\n  const isActionBarVisible = isPuzzleWorksheet ? false : !isTestWorksheet;\n  const eligibleJourneyIds = useGetEligibleJourneysViaRoute([\n    JOURNEY_ID_TEACHER.PUZZLE_UNASSIGN_JOURNEY,\n  ]);\n\n  const layout = useWorksheetLayout({\n    userType,\n    nodeType,\n    isSATAssessment,\n    showNudgeBanner,\n    topOffset: 56,\n    imageHue,\n  });\n\n  const behavior = useMemo(() => {\n    return getWorksheetBehaviour({\n      nodeType,\n      canAttempt: action === 'resume',\n      isLessonV3Enabled: props.isLessonV3Enabled,\n      userType: userType,\n      canStartJourney: eligibleJourneyIds.includes(JOURNEY_ID_TEACHER.PUZZLE_UNASSIGN_JOURNEY),\n    });\n  }, [action, eligibleJourneyIds, nodeType, props.isLessonV3Enabled, userType]);\n\n  const handleOnBackIconClick = useCallback(() => {\n    onBackIconClick?.();\n  }, [onBackIconClick]);\n\n  const { bgColor, borderColor, textColor } = getWorksheetHeaderLayout({\n    isPuzzleWorksheet: isPuzzleWorksheet && isActionBarVisible,\n    isTestWorksheet,\n    imageHue,\n  });\n\n  return (\n    <Styled.WorksheetPageWrapper>\n      <Styled.HeaderWrapper>\n        <Styled.Header\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n          $background={bgColor}\n          $height={56}\n          $gutterX={1}\n          $flexGapX={1}\n          $borderColor={borderColor}\n        >\n          {onBackIconClick && (\n            <Styled.StyledBackIcon $color={textColor ?? 'WHITE'} onClick={handleOnBackIconClick} />\n          )}\n\n          <Styled.HeaderTitleWrapper\n            $alignItems={isTestWorksheet && !isPuzzleWorksheet ? 'flex-start' : 'center'}\n          >\n            <Text $renderAs=\"body1\" $color={textColor}>\n              {worksheetName || activityReference}\n            </Text>\n          </Styled.HeaderTitleWrapper>\n        </Styled.Header>\n      </Styled.HeaderWrapper>\n\n      <FlexView $alignItems=\"center\">\n        <WorksheetContainer\n          userType={userType ?? (action === 'review' ? 'TEACHER' : 'STUDENT')}\n          worksheetCompleted={action === 'review'}\n          worksheetName={worksheetName || activityReference}\n          itemsSignedRequest={signedRequest}\n          questionsSignedRequest={questionsSignedRequest}\n          behavior={behavior}\n          studentId={studentId}\n          layout={layout}\n          canShowActionBar={isActionBarVisible}\n          loggerRef={loggerRef}\n          showNudgeBanner={showNudgeBanner}\n          markedAsCompleted={markedAsCompleted}\n          onLoaded={onWorksheetLoaded}\n          onErrored={onWorksheetErrored}\n          userId={studentId}\n          openQuestionFeedbackModal={openQuestionFeedbackModal}\n          onUnassign={onUnassign}\n        />\n      </FlexView>\n    </Styled.WorksheetPageWrapper>\n  );\n});\n\nexport default PreviewWorksheetView;\n"],"names":["SAT_WORKSHEET_TYPES","PreviewWorksheetView","memo","props","studentId","userType","activityReference","worksheet","action","nodeType","worksheetName","showNudgeBanner","markedAsCompleted","imageHue","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","onUnassign","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","isActionBarVisible","eligibleJourneyIds","useGetEligibleJourneysViaRoute","JOURNEY_ID_TEACHER","layout","useWorksheetLayout","behavior","getWorksheetBehaviour","handleOnBackIconClick","useCallback","bgColor","borderColor","textColor","getWorksheetHeaderLayout","jsxs","Styled.WorksheetPageWrapper","jsx","Styled.HeaderWrapper","Styled.Header","Styled.StyledBackIcon","Styled.HeaderTitleWrapper","Text","FlexView","WorksheetContainer"],"mappings":"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"}
+{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useRef } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport WorksheetContainer from '../worksheet/worksheet-container';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(props => {\n  const {\n    studentId,\n    userType,\n    activityReference,\n    worksheet,\n    nodeType,\n    worksheetName,\n    showNudgeBanner,\n    markedAsCompleted,\n    imageHue,\n    onWorksheetLoaded,\n    onWorksheetErrored,\n    openQuestionFeedbackModal,\n    onBackIconClick,\n    isLessonV3Enabled,\n    canShowActionBar,\n    mode,\n    actionBarRightElement,\n  } = props;\n  const { signed_request: signedRequest, questions_signed_request: questionsSignedRequest } =\n    worksheet;\n\n  const isPuzzleWorksheet = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\n  const isTestWorksheet = useMemo(() => activityReference === 'test', [activityReference]);\n  const isSATAssessment = useMemo(() => SAT_WORKSHEET_TYPES.includes(nodeType), [nodeType]);\n  const loggerRef = useRef(() => null);\n  const isActionBarVisible = isTestWorksheet ? false : canShowActionBar;\n\n  const layout = useWorksheetLayout({\n    userType,\n    nodeType,\n    isSATAssessment,\n    showNudgeBanner,\n    topOffset: 56,\n    imageHue,\n  });\n\n  const handleOnBackIconClick = useCallback(() => {\n    onBackIconClick?.();\n  }, [onBackIconClick]);\n\n  const { bgColor, borderColor, textColor } = getWorksheetHeaderLayout({\n    isPuzzleWorksheet: isPuzzleWorksheet && isActionBarVisible,\n    isTestWorksheet,\n    imageHue,\n  });\n\n  return (\n    <Styled.WorksheetPageWrapper>\n      <Styled.HeaderWrapper>\n        <Styled.Header\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n          $background={bgColor}\n          $height={56}\n          $gutterX={1}\n          $flexGapX={1}\n          $borderColor={borderColor}\n        >\n          {onBackIconClick && (\n            <Styled.StyledBackIcon $color={textColor ?? 'WHITE'} onClick={handleOnBackIconClick} />\n          )}\n\n          <Styled.HeaderTitleWrapper\n            $alignItems={isTestWorksheet && !isPuzzleWorksheet ? 'flex-start' : 'center'}\n          >\n            <Text $renderAs=\"body1\" $color={textColor}>\n              {worksheetName || activityReference}\n            </Text>\n          </Styled.HeaderTitleWrapper>\n        </Styled.Header>\n      </Styled.HeaderWrapper>\n\n      <FlexView $alignItems=\"center\">\n        <WorksheetContainer\n          userType={userType ?? (mode === 'review' ? 'TEACHER' : 'STUDENT')}\n          worksheetCompleted={mode === 'review'}\n          worksheetName={worksheetName || activityReference}\n          itemsSignedRequest={signedRequest}\n          questionsSignedRequest={questionsSignedRequest}\n          studentId={studentId}\n          layout={layout}\n          canShowActionBar={isActionBarVisible}\n          loggerRef={loggerRef}\n          showNudgeBanner={showNudgeBanner}\n          markedAsCompleted={markedAsCompleted}\n          onLoaded={onWorksheetLoaded}\n          onErrored={onWorksheetErrored}\n          userId={studentId}\n          openQuestionFeedbackModal={openQuestionFeedbackModal}\n          nodeType={nodeType}\n          mode={mode}\n          isLessonV3Enabled={isLessonV3Enabled}\n          actionBarRightElement={actionBarRightElement}\n        />\n      </FlexView>\n    </Styled.WorksheetPageWrapper>\n  );\n});\n\nexport default PreviewWorksheetView;\n"],"names":["SAT_WORKSHEET_TYPES","PreviewWorksheetView","memo","props","studentId","userType","activityReference","worksheet","nodeType","worksheetName","showNudgeBanner","markedAsCompleted","imageHue","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","isLessonV3Enabled","canShowActionBar","mode","actionBarRightElement","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","isActionBarVisible","layout","useWorksheetLayout","handleOnBackIconClick","useCallback","bgColor","borderColor","textColor","getWorksheetHeaderLayout","jsxs","Styled.WorksheetPageWrapper","jsx","Styled.HeaderWrapper","Styled.Header","Styled.StyledBackIcon","Styled.HeaderTitleWrapper","Text","FlexView","WorksheetContainer"],"mappings":";;;;;;;;AAaA,MAAMA,IAA4D;AAAA,EAChE;AAAA,EACA;AACF,GAEMC,KAAuDC,EAAK,CAASC,MAAA;AACnE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,uBAAAC;AAAA,EACE,IAAAjB,GACE,EAAE,gBAAgBkB,GAAe,0BAA0BC,MAC/Df,GAEIgB,IAAoBC,EAAQ,MAAMhB,MAAa,eAAe,CAACA,CAAQ,CAAC,GACxEiB,IAAkBD,EAAQ,MAAMlB,MAAsB,QAAQ,CAACA,CAAiB,CAAC,GACjFoB,IAAkBF,EAAQ,MAAMxB,EAAoB,SAASQ,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAClFmB,IAAYC,EAAO,MAAM,IAAI,GAC7BC,IAAqBJ,IAAkB,KAAQP,GAE/CY,IAASC,EAAmB;AAAA,IAChC,UAAA1B;AAAA,IACA,UAAAG;AAAA,IACA,iBAAAkB;AAAA,IACA,iBAAAhB;AAAA,IACA,WAAW;AAAA,IACX,UAAAE;AAAA,EAAA,CACD,GAEKoB,IAAwBC,EAAY,MAAM;AAC5B,IAAAjB,KAAA,QAAAA;AAAA,EAAA,GACjB,CAACA,CAAe,CAAC,GAEd,EAAE,SAAAkB,GAAS,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAyB;AAAA,IACnE,mBAAmBd,KAAqBM;AAAA,IACxC,iBAAAJ;AAAA,IACA,UAAAb;AAAA,EAAA,CACD;AAGC,SAAA,gBAAA0B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,UAAA,gBAAAH;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAiBjB,IAAkB,eAAe;AAAA,QAClD,aAAaS;AAAA,QACb,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,QACX,cAAcC;AAAA,QAEb,UAAA;AAAA,UACCnB,KAAA,gBAAAwB,EAACG,GAAA,EAAsB,QAAQP,KAAa,SAAS,SAASJ,GAAuB;AAAA,UAGvF,gBAAAQ;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,aAAanB,KAAmB,CAACF,IAAoB,eAAe;AAAA,cAEpE,4BAACsB,GAAK,EAAA,WAAU,SAAQ,QAAQT,GAC7B,eAAiB9B,EACpB,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAkC,EAACM,GAAS,EAAA,aAAY,UACpB,UAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,UAAU1C,MAAac,MAAS,WAAW,YAAY;AAAA,QACvD,oBAAoBA,MAAS;AAAA,QAC7B,eAAeV,KAAiBH;AAAA,QAChC,oBAAoBe;AAAA,QACpB,wBAAAC;AAAA,QACA,WAAAlB;AAAA,QACA,QAAA0B;AAAA,QACA,kBAAkBD;AAAA,QAClB,WAAAF;AAAA,QACA,iBAAAjB;AAAA,QACA,mBAAAC;AAAA,QACA,UAAUE;AAAA,QACV,WAAWC;AAAA,QACX,QAAQV;AAAA,QACR,2BAAAW;AAAA,QACA,UAAAP;AAAA,QACA,MAAAW;AAAA,QACA,mBAAAF;AAAA,QACA,uBAAAG;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,39 +1,39 @@
-import { jsx as t, jsxs as y, Fragment as x } from "react/jsx-runtime";
-import { memo as R, useState as k, useMemo as j, useCallback as s, useEffect as A } from "react";
-import L from "../../ui/error/error.js";
-import u from "../../ui/loader/app-loader/app-loader.js";
-import { usePreviewWorksheetGet as T } from "./api/get-preview-worksheet.js";
-import b from "./worksheet-preview-view.js";
-const C = R((n) => {
-  const { activityReference: h, nodeType: i, action: a, items: c, onWorksheetLoaded: e } = n, [p, m] = k(), [v, W] = k(!1), { isProcessing: g, get: d, data: r, error: w } = T(), f = j(() => r && {
+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 T from "./worksheet-preview-view.js";
+const b = x((n) => {
+  const { activityReference: i, nodeType: h, items: a, onWorksheetLoaded: e } = n, [u, c] = f(), [v, p] = f(!1), { isProcessing: w, get: m, data: r, error: W } = L(), d = R(() => r && {
     ...r
   }, [r]), o = s(() => {
-    m(void 0), d(h, {
-      action: a,
-      node_type: i,
-      items: c
+    c(void 0), m(i, {
+      action: "review",
+      node_type: h,
+      items: a
     });
-  }, [a, h, d, i, c]), l = s(() => {
-    W(!0), e == null || e(!0);
-  }, [e]), E = s((P) => {
-    m(P.message);
+  }, [i, m, h, a]), g = s(() => {
+    p(!0), e == null || e(!0);
+  }, [e]), l = s((E) => {
+    c(E.message);
   }, []);
-  return A(() => {
+  return j(() => {
     o();
-  }, [o]), p || w ? /* @__PURE__ */ t(L, { height: "100vh", onTryAgain: o }) : g ? /* @__PURE__ */ t(u, { height: "100vh" }) : /* @__PURE__ */ y(x, { children: [
-    !v && /* @__PURE__ */ t(u, { height: "100vh" }),
-    f && /* @__PURE__ */ t(
-      b,
+  }, [o]), u || W ? /* @__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,
       {
         ...n,
-        worksheet: f,
-        onWorksheetLoaded: l,
-        onWorksheetErrored: E
+        worksheet: d,
+        onWorksheetLoaded: g,
+        onWorksheetErrored: l
       }
     )
   ] });
-}), _ = C;
+}), V = b;
 export {
-  _ as default
+  V 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 type { IPreviewWorksheetProps } from './worksheet-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } 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 PreviewWorksheetView from './worksheet-preview-view';\n\nconst PreviewWorksheet: FC<IPreviewWorksheetProps> = memo(props => {\n  const { activityReference, nodeType, action, 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,\n      node_type: nodeType,\n      items,\n    });\n  }, [action, 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","action","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":";;;;;;AAUA,MAAMA,IAA+CC,EAAK,CAASC,MAAA;AACjE,QAAM,EAAE,mBAAAC,GAAmB,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,mBAAAC,EAAsB,IAAAL,GAEpE,CAACM,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,EAAIX,GAAmB;AAAA,MACrB,QAAAE;AAAA,MACA,WAAWD;AAAA,MACX,OAAAE;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACD,GAAQF,GAAmBW,GAAKV,GAAUE,CAAK,CAAC,GAE9CgB,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,GAAG7B;AAAA,QACJ,WAAAgB;AAAA,QACA,mBAAmBI;AAAA,QACnB,oBAAoBC;AAAA,MAAA;AAAA,IACtB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC,GAEDS,IAAehC;"}
+{"version":3,"file":"worksheet-preview.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview.tsx"],"sourcesContent":["import type { IPreviewWorksheetProps } from './worksheet-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } 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 PreviewWorksheetView from './worksheet-preview-view';\n\nconst PreviewWorksheet: FC<IPreviewWorksheetProps> = memo(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":";;;;;;AAUA,MAAMA,IAA+CC,EAAK,CAASC,MAAA;AACjE,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;"}

package/dist/index.d.ts

@@ -618,18 +618,6 @@ declare function getTextTypes(multiplier?: number): Record<TTextVariants, ITextC
 
 export declare const getTheme: () => DefaultTheme;
 
-export declare const getWorksheetBehaviour: ({ nodeType, inClass, isLessonV3Enabled, isDesmosEnabled, canStartJourney, canAttempt, userType, attemptState, isStudentPresent, }: {
-    nodeType: TNodeTypes;
-    inClass?: boolean;
-    isLessonV3Enabled: boolean;
-    isDesmosEnabled?: boolean;
-    canStartJourney?: boolean;
-    canAttempt: boolean;
-    userType: TUserTypes;
-    attemptState?: IReviewWorksheetModel["attempt"]["state"];
-    isStudentPresent?: boolean;
-}) => IWorksheetBehavior;
-
 declare function getZIndexConfig(): TZIndexMap;
 
 export declare const GIF: {
@@ -924,6 +912,7 @@ declare interface IBaseWorksheetProps {
     canResolveDoubt?: boolean;
     onSkip?: (itemIndex: number, widgetIndex: number) => void;
     canShowActionBar?: boolean;
+    actionBarRightElement?: ReactElement;
 }
 
 declare interface IBlockSectionsCallbacks extends INodeCardCallbacks {
@@ -1398,7 +1387,6 @@ declare interface ICueCanvasCallbackProps {
 
 declare interface ICueCanvasProps {
     initialStrokesData?: Record<string, IActionData[]>;
-    canToggleScribbling?: boolean;
 }
 
 declare interface ICurriculumStandards {
@@ -1483,7 +1471,7 @@ declare interface IDynamicWorksheetPreview {
     userNodeId: string;
     studentName: string;
     onBackIconClick: () => void;
-    onUnassign?: (sheetData: INodeDataProps) => void;
+    actionBarRightElement?: ReactElement;
 }
 
 declare interface IEditMilestoneModalProps extends IMilestoneEditProps {
@@ -2962,7 +2950,6 @@ declare interface IPreferencesCurriculumMap {
 export declare interface IPreviewWorksheetModel {
     signed_request: string;
     questions_signed_request: string;
-    player_config: IWorksheetBehavior;
     worksheet_name: string;
 }
 
@@ -2971,7 +2958,7 @@ declare interface IPreviewWorksheetProps {
     worksheetName?: string;
     nodeType: IResumeWorksheetModel['node_type'];
     isLessonV3Enabled: boolean;
-    action: string;
+    mode: 'resume' | 'review' | 'preview';
     studentId: string;
     userType: TUserTypes;
     showNudgeBanner?: boolean;
@@ -2981,8 +2968,9 @@ declare interface IPreviewWorksheetProps {
     onBackIconClick?: () => void;
     items?: string[];
     onWorksheetLoaded?: (loaded: boolean) => void;
-    onUnassign?: () => void;
     canStartUnassignJourney?: boolean;
+    actionBarRightElement?: ReactElement;
+    canShowActionBar?: boolean;
 }
 
 export declare interface IProject<T> {
@@ -4261,23 +4249,8 @@ export declare interface IWorksheetBehavior {
      * If true show demos calculator https://www.desmos.com/calculator
      */
     canShowDesmosCalc: boolean;
-    /**
-     * If true, the user can unassign the sheet.
-     */
-    canUnAssign?: boolean;
-    /**
-     * If true, journey will be started.
-     */
-    canStartJourney?: boolean;
-    /**
-     * the state of attempt of worksheet
-     */
-    state?: TLPARSheetAttemptState;
     canvasEnabled?: boolean;
-    /**
-     * If true student is present
-     */
-    isStudentPresent?: boolean;
+    canToggleScribbling?: boolean;
 }
 
 declare interface IWorksheetCallbackProps {
@@ -4301,12 +4274,10 @@ declare interface IWorksheetCallbackProps {
     onExitTicketStart?: () => void;
     onExitTicketSubmit?: () => void;
     onSubmit?: (responses: Record<string, IWorksheetResponse>) => void;
-    onUnassign?: () => void;
-    onReview?: () => void;
     loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;
 }
 
-declare interface IWorksheetContainerProps extends IBaseWorksheetProps, IWorksheetCallbackProps, ICueCanvasProps, ICueCanvasCallbackProps, IPointerSyncCallbackProps {
+declare interface IWorksheetContainerProps extends Omit<IBaseWorksheetProps, 'behavior'>, IWorksheetCallbackProps, ICueCanvasProps, ICueCanvasCallbackProps, IPointerSyncCallbackProps {
     studentId: string;
     attemptId?: string;
     itemsSignedRequest: string;
@@ -4321,6 +4292,12 @@ declare interface IWorksheetContainerProps extends IBaseWorksheetProps, IWorkshe
     summaryDescription?: ReactElement | null;
     canSubmitWorksheet?: boolean;
     subjectiveProps?: ISubjectiveSheetProps;
+    inClass?: boolean;
+    isLessonV3Enabled?: boolean;
+    isDesmosEnabled?: boolean;
+    canStartJourney?: boolean;
+    nodeType: TNodeTypes;
+    mode: 'resume' | 'review' | 'preview';
 }
 
 declare interface IWorksheetLayout {
@@ -4337,6 +4314,7 @@ declare interface IWorksheetLayout {
     renderQuestionHeader?: boolean;
     imageHue?: THueNames;
     background?: 'none' | 'paper';
+    questionPadding: number;
 }
 
 export declare interface IWorksheetModel {
@@ -6580,6 +6558,11 @@ export declare const useModalParams: IUseModalParams;
 
 export declare const usePointerSync: ({ userType, targetUserId, }: IusePointerSyncProps) => IusePointerSyncMethods;
 
+export declare const usePuzzleAttemptJourney: () => {
+    puzzleAttemptCtaRef: RefObject<HTMLDivElement>;
+    startJourney: () => void;
+};
+
 export declare const usePuzzleDashboardJourney: () => {
     puzzleProfileRef: RefObject<HTMLDivElement>;
     startJourney: (avatar: IAvatarLayer[]) => void;
@@ -6595,6 +6578,16 @@ export declare const usePuzzleProgressJourney: () => {
     startJourney: () => void;
 };
 
+export declare const usePuzzleReviewJourney: () => {
+    puzzleReviewCtaRef: RefObject<HTMLDivElement>;
+    startJourney: () => void;
+};
+
+export declare const usePuzzleUnassignJourney: () => {
+    puzzleUnassignRef: RefObject<HTMLDivElement>;
+    startJourney: () => void;
+};
+
 export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const UserIcon: React.FC<React.SVGProps<SVGSVGElement>>;