@cuemath/leap 3.2.30-aa0 → 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 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    action,\n    nodeType,\n    worksheetName,\n    scribblingEnabled,\n    showNudgeBanner,\n    markedAsCompleted,\n    imageHue,\n    onWorksheetLoaded,\n    onWorksheetErrored,\n    openQuestionFeedbackModal,\n    onBackIconClick,\n    onUnassign,\n  } = props;\n  const {\n    signed_request: signedRequest,\n    questions_signed_request: questionsSignedRequest,\n    player_config: playerConfig,\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 ? scribblingEnabled : !isTestWorksheet;\n\n  const layout = useWorksheetLayout({\n    userType,\n    nodeType,\n    isSATAssessment,\n    showNudgeBanner,\n    topOffset: 56,\n    imageHue,\n  });\n\n  const isCanvasEnabled =\n    (isPuzzleWorksheet && scribblingEnabled) ||\n    (!isSATAssessment && playerConfig?.canAttempt && scribblingEnabled);\n\n  const handleStrokes = useCallback(() => true, []);\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={playerConfig}\n          studentId={studentId}\n          background={isSATAssessment || isPuzzleWorksheet ? 'none' : 'paper'}\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          onPublishStrokes={handleStrokes}\n          onReceiveStrokes={handleStrokes}\n          isCanvasEnabled={isCanvasEnabled}\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","scribblingEnabled","showNudgeBanner","markedAsCompleted","imageHue","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","onUnassign","signedRequest","questionsSignedRequest","playerConfig","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","isActionBarVisible","layout","useWorksheetLayout","isCanvasEnabled","handleStrokes","useCallback","handleOnBackIconClick","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":"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"}

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

@@ -1,88 +1,39 @@
-import { jsx as n, jsxs as U, Fragment as C } from "react/jsx-runtime";
-import { memo as S, useMemo as g, useState as p, useCallback as c, useEffect as D } from "react";
-import { useGetEligibleJourneysViaRoute as J } from "../../journey/hooks/use-get-eligible-journeys-via-route.js";
-import { JOURNEY_ID_TEACHER as T } from "../../journey/journey-id/journey-id-teacher.js";
-import Z from "../../ui/error/error.js";
-import _ from "../../ui/loader/app-loader/app-loader.js";
-import { usePreviewWorksheetGet as V } from "./api/get-preview-worksheet.js";
-import x from "./worksheet-preview-view.js";
-const G = S((h) => {
-  const {
-    activityReference: u,
-    nodeType: e,
-    action: t,
-    isLessonV3Enabled: o,
-    items: E,
-    scribblingEnabled: d,
-    onWorksheetLoaded: s,
-    userType: y
-  } = h, m = g(() => {
-    switch (e) {
-      case "TRIAL_BASIC":
-      case "TRIAL_INTERMEDIATE":
-      case "TRIAL_ADVANCED":
-        return !0;
-    }
-  }, [e]), i = e === "PUZZLE_CARD", l = y === "TEACHER", f = J([
-    T.PUZZLE_UNASSIGN_JOURNEY
-  ]), [I, R] = p(), [L, N] = p(!1), { isProcessing: v, get: k, data: r, error: W } = V(), A = g(() => r && {
-    ...r,
-    player_config: {
-      ...r.player_config,
-      retryButtonLabel: "Retry",
-      checkButtonLabel: "Check",
-      ...t === "review" && {
-        navigationMode: m || i ? "CURRENT" : o ? "LINEAR" : "OPEN",
-        initialQuestion: "FIRST"
-      },
-      ...o && {
-        teacherValidationEnabled: o
-      },
-      ...l && i && {
-        maximumAttempts: -2,
-        solutionHidden: !0,
-        canUnAssign: d,
-        canStartJourney: f.includes(
-          T.PUZZLE_UNASSIGN_JOURNEY
-        )
-      }
-    }
-  }, [
-    r,
-    t,
-    m,
-    i,
-    o,
-    l,
-    d,
-    f
-  ]), a = c(() => {
-    R(void 0), k(u, {
-      action: t,
-      node_type: e,
-      items: E
+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(() => {
+    c(void 0), m(i, {
+      action: "review",
+      node_type: h,
+      items: a
     });
-  }, [t, u, k, e, E]), b = c(() => {
-    N(!0), s == null || s(!0);
-  }, [s]), w = c((P) => {
-    R(P.message);
+  }, [i, m, h, a]), g = s(() => {
+    p(!0), e == null || e(!0);
+  }, [e]), l = s((E) => {
+    c(E.message);
   }, []);
-  return D(() => {
-    a();
-  }, [a]), I || W ? /* @__PURE__ */ n(Z, { height: "100vh", onTryAgain: a }) : v ? /* @__PURE__ */ n(_, { height: "100vh" }) : /* @__PURE__ */ U(C, { children: [
-    !L && /* @__PURE__ */ n(_, { height: "100vh" }),
-    A && /* @__PURE__ */ n(
-      x,
+  return j(() => {
+    o();
+  }, [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,
       {
-        ...h,
-        worksheet: A,
-        onWorksheetLoaded: b,
-        onWorksheetErrored: w
+        ...n,
+        worksheet: d,
+        onWorksheetLoaded: g,
+        onWorksheetErrored: l
       }
     )
   ] });
-}), Q = G;
+}), V = b;
 export {
-  Q 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 { useGetEligibleJourneysViaRoute } from '../../journey/hooks/use-get-eligible-journeys-via-route';\nimport { JOURNEY_ID_TEACHER } from '../../journey/journey-id/journey-id-teacher';\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 {\n    activityReference,\n    nodeType,\n    action,\n    isLessonV3Enabled,\n    items,\n    scribblingEnabled,\n    onWorksheetLoaded,\n    userType,\n  } = props;\n  const isDiagnosticWorksheet = useMemo(() => {\n    switch (nodeType) {\n      case 'TRIAL_BASIC':\n      case 'TRIAL_INTERMEDIATE':\n      case 'TRIAL_ADVANCED':\n        return true;\n    }\n  }, [nodeType]);\n  const isPuzzleWorksheet = nodeType === 'PUZZLE_CARD';\n  const isTeacher = userType === 'TEACHER';\n\n  const eligibleJourneyIds = useGetEligibleJourneysViaRoute([\n    JOURNEY_ID_TEACHER.PUZZLE_UNASSIGN_JOURNEY,\n  ]);\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        player_config: {\n          ...worksheetData.player_config,\n          retryButtonLabel: 'Retry',\n          checkButtonLabel: 'Check',\n          ...(action === 'review' && {\n            navigationMode:\n              isDiagnosticWorksheet || isPuzzleWorksheet\n                ? 'CURRENT'\n                : isLessonV3Enabled\n                  ? 'LINEAR'\n                  : 'OPEN',\n            initialQuestion: 'FIRST',\n          }),\n          ...(isLessonV3Enabled && {\n            teacherValidationEnabled: isLessonV3Enabled,\n          }),\n          ...(isTeacher &&\n            isPuzzleWorksheet && {\n              maximumAttempts: -2,\n              solutionHidden: true,\n              canUnAssign: scribblingEnabled,\n              canStartJourney: eligibleJourneyIds.includes(\n                JOURNEY_ID_TEACHER.PUZZLE_UNASSIGN_JOURNEY,\n              ),\n            }),\n        },\n      };\n    }\n\n    return worksheetData;\n  }, [\n    worksheetData,\n    action,\n    isDiagnosticWorksheet,\n    isPuzzleWorksheet,\n    isLessonV3Enabled,\n    isTeacher,\n    scribblingEnabled,\n    eligibleJourneyIds,\n  ]);\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","isLessonV3Enabled","items","scribblingEnabled","onWorksheetLoaded","userType","isDiagnosticWorksheet","useMemo","isPuzzleWorksheet","isTeacher","eligibleJourneyIds","useGetEligibleJourneysViaRoute","JOURNEY_ID_TEACHER","error","setError","useState","worksheetRendered","setWorksheetRendered","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","worksheet","fetchWorksheet","useCallback","handleWorksheetLoaded","handleWorksheetErrored","err","useEffect","jsx","Error","AppLoader","jsxs","Fragment","PreviewWorksheetView","PreviewWorksheet$1"],"mappings":";;;;;;;;AAYA,MAAMA,IAA+CC,EAAK,CAASC,MAAA;AAC3D,QAAA;AAAA,IACJ,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAR,GACES,IAAwBC,EAAQ,MAAM;AAC1C,YAAQR,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,IACX;AAAA,EAAA,GACC,CAACA,CAAQ,CAAC,GACPS,IAAoBT,MAAa,eACjCU,IAAYJ,MAAa,WAEzBK,IAAqBC,EAA+B;AAAA,IACxDC,EAAmB;AAAA,EAAA,CACpB,GAEK,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,GACrC,CAACC,GAAmBC,CAAoB,IAAIF,EAAkB,EAAK,GACnE,EAAE,cAAAG,GAAc,KAAAC,GAAK,MAAMC,GAAe,OAAOC,MAAeC,KAEhEC,IAAYhB,EAA8B,MAC1Ca,KACK;AAAA,IACL,GAAGA;AAAA,IACH,eAAe;AAAA,MACb,GAAGA,EAAc;AAAA,MACjB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,GAAIpB,MAAW,YAAY;AAAA,QACzB,gBACEM,KAAyBE,IACrB,YACAP,IACE,WACA;AAAA,QACR,iBAAiB;AAAA,MACnB;AAAA,MACA,GAAIA,KAAqB;AAAA,QACvB,0BAA0BA;AAAA,MAC5B;AAAA,MACA,GAAIQ,KACFD,KAAqB;AAAA,QACnB,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,QAChB,aAAaL;AAAA,QACb,iBAAiBO,EAAmB;AAAA,UAClCE,EAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACJ;AAAA,EAAA,GAKH;AAAA,IACDQ;AAAA,IACApB;AAAA,IACAM;AAAA,IACAE;AAAA,IACAP;AAAA,IACAQ;AAAA,IACAN;AAAA,IACAO;AAAA,EAAA,CACD,GAEKc,IAAiBC,EAAY,MAAM;AACvC,IAAAX,EAAS,MAAS,GAClBK,EAAIrB,GAAmB;AAAA,MACrB,QAAAE;AAAA,MACA,WAAWD;AAAA,MACX,OAAAG;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACF,GAAQF,GAAmBqB,GAAKpB,GAAUG,CAAK,CAAC,GAE9CwB,IAAwBD,EAAY,MAAM;AAC9C,IAAAR,EAAqB,EAAI,GAEzBb,KAAA,QAAAA,EAAoB;AAAA,EAAI,GACvB,CAACA,CAAiB,CAAC,GAEhBuB,IAAyBF,EAAY,CAACG,MAA4C;AACtF,IAAAd,EAASc,EAAI,OAAO;AAAA,EACtB,GAAG,CAAE,CAAA;AAML,SAJAC,EAAU,MAAM;AACC,IAAAL;EAAA,GACd,CAACA,CAAc,CAAC,GAEfX,KAASQ,IACH,gBAAAS,EAAAC,GAAA,EAAM,QAAO,SAAQ,YAAYP,EAAgB,CAAA,IAGvDN,IACK,gBAAAY,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAK9B,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,CAAClB,KAAqB,gBAAAc,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA;AAAA,IAChDT,KACC,gBAAAO;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAGtC;AAAA,QACJ,WAAA0B;AAAA,QACA,mBAAmBG;AAAA,QACnB,oBAAoBC;AAAA,MAAA;AAAA,IACtB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC,GAEDS,IAAezC;"}
+{"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,17 +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, }: {
-    nodeType: TNodeTypes;
-    inClass?: boolean;
-    isLessonV3Enabled: boolean;
-    isDesmosEnabled?: boolean;
-    canStartJourney?: boolean;
-    canAttempt: boolean;
-    userType: TUserTypes;
-    attemptState?: IReviewWorksheetModel["attempt"]["state"];
-}) => IWorksheetBehavior;
-
 declare function getZIndexConfig(): TZIndexMap;
 
 export declare const GIF: {
@@ -910,7 +899,6 @@ declare interface IBaseWorksheetProps {
     studentId: string;
     studentName?: string;
     worksheetName: string;
-    background?: 'none' | 'paper';
     layout: IWorksheetLayout;
     behavior: IWorksheetBehavior;
     initialResponseId?: string;
@@ -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,8 +1387,6 @@ declare interface ICueCanvasCallbackProps {
 
 declare interface ICueCanvasProps {
     initialStrokesData?: Record<string, IActionData[]>;
-    isCanvasEnabled: boolean;
-    canToggleScribbling?: boolean;
 }
 
 declare interface ICurriculumStandards {
@@ -1484,7 +1471,7 @@ declare interface IDynamicWorksheetPreview {
     userNodeId: string;
     studentName: string;
     onBackIconClick: () => void;
-    onUnassign?: (sheetData: INodeDataProps) => void;
+    actionBarRightElement?: ReactElement;
 }
 
 declare interface IEditMilestoneModalProps extends IMilestoneEditProps {
@@ -2963,7 +2950,6 @@ declare interface IPreferencesCurriculumMap {
 export declare interface IPreviewWorksheetModel {
     signed_request: string;
     questions_signed_request: string;
-    player_config: IWorksheetBehavior;
     worksheet_name: string;
 }
 
@@ -2972,8 +2958,7 @@ declare interface IPreviewWorksheetProps {
     worksheetName?: string;
     nodeType: IResumeWorksheetModel['node_type'];
     isLessonV3Enabled: boolean;
-    scribblingEnabled: boolean;
-    action: string;
+    mode: 'resume' | 'review' | 'preview';
     studentId: string;
     userType: TUserTypes;
     showNudgeBanner?: boolean;
@@ -2983,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> {
@@ -4170,7 +4156,7 @@ export declare interface IWorksheetBehavior {
      */
     canAttempt: boolean;
     /**
-     * If true, the user can mark the question for review.
+     * If true, the user can mark the question for review. Depreacte this
      */
     canMarkForReview: boolean;
     /**
@@ -4263,18 +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;
+    canToggleScribbling?: boolean;
 }
 
 declare interface IWorksheetCallbackProps {
@@ -4298,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;
@@ -4318,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 {
@@ -4333,6 +4313,8 @@ declare interface IWorksheetLayout {
     showUserPointer?: boolean;
     renderQuestionHeader?: boolean;
     imageHue?: THueNames;
+    background?: 'none' | 'paper';
+    questionPadding: number;
 }
 
 export declare interface IWorksheetModel {
@@ -6576,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;
@@ -6591,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>>;