@cuemath/leap 3.1.44-as3 → 3.1.44-beta-0.1

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

@@ -1,93 +1,112 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { memo as x, useMemo as p, useRef as y, useCallback as S } from "react";
-import T from "../../ui/layout/flex-view.js";
-import H from "../../ui/text/text.js";
-import R from "../worksheet/worksheet-container.js";
-import q from "./hooks/use-worksheet-layout.js";
-import { WorksheetPageWrapper as v, HeaderWrapper as L, StyledBackIcon as N, HeaderTitleWrapper as B } from "./worksheet-preview-styled.js";
-const M = [
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { memo as v, useMemo as d, useRef as N, useCallback as A } from "react";
+import P from "../../ui/layout/flex-view.js";
+import B from "../../ui/text/text.js";
+import M from "../worksheet/worksheet-container.js";
+import { getWorksheetHeaderLayout as z } from "../worksheet/worksheet-helpers.js";
+import j from "./hooks/use-worksheet-layout.js";
+import { WorksheetPageWrapper as D, HeaderWrapper as K, Header as O, StyledBackIcon as U, HeaderTitleWrapper as V } from "./worksheet-preview-styled.js";
+const F = [
   "SAT_ENGLISH_ASSESSMENT",
   "SAT_MATH_ASSESSMENT"
-], V = x((k) => {
+], te = v((E) => {
   const {
-    studentId: a,
-    userType: c,
-    activityReference: o,
+    studentId: u,
+    userType: m,
+    activityReference: n,
     worksheet: f,
-    action: d,
-    nodeType: n,
-    worksheetName: l,
-    scribblingEnabled: E,
-    showNudgeBanner: u,
-    markedAsCompleted: g,
-    onWorksheetLoaded: A,
+    action: h,
+    nodeType: r,
+    worksheetName: p,
+    scribblingEnabled: l,
+    showNudgeBanner: k,
+    markedAsCompleted: W,
+    imageHue: S,
+    onWorksheetLoaded: b,
     onWorksheetErrored: _,
-    openQuestionFeedbackModal: W,
-    onBackIconClick: r
-  } = k, {
-    signed_request: w,
-    questions_signed_request: $,
-    player_config: s
-  } = f, e = p(() => o === "test", [o]), i = p(() => M.includes(n), [n]), b = y(() => null), C = q({
-    userType: c,
-    nodeType: n,
-    isSATAssessment: i,
-    showNudgeBanner: u,
-    topOffset: 56
-  }), m = S(() => !0, []), I = S(() => {
-    r == null || r();
-  }, [r]);
-  return /* @__PURE__ */ h(v, { children: [
-    /* @__PURE__ */ t(L, { children: /* @__PURE__ */ h(
-      T,
+    openQuestionFeedbackModal: $,
+    onBackIconClick: s,
+    onUnassign: w
+  } = E, {
+    signed_request: C,
+    questions_signed_request: H,
+    player_config: e
+  } = f, i = d(() => r === "PUZZLE_CARD", [r]), o = d(() => n === "test", [n]), a = d(() => F.includes(r), [r]), R = N(() => null), c = i ? l : !o, x = j({
+    userType: m,
+    nodeType: r,
+    isSATAssessment: a,
+    showNudgeBanner: k,
+    topOffset: 56,
+    imageHue: S
+  }), I = d(
+    () => c || !a && (e == null ? void 0 : e.canAttempt) && l,
+    [c, a, e == null ? void 0 : e.canAttempt, l]
+  ), T = A(() => !0, []), y = A(() => {
+    s == null || s();
+  }, [s]), { bgColor: L, borderColor: q } = z({
+    isPuzzleWorksheet: i && c,
+    isTestWorksheet: o,
+    imageHue: S
+  });
+  return /* @__PURE__ */ g(D, { children: [
+    /* @__PURE__ */ t(K, { children: /* @__PURE__ */ g(
+      O,
       {
         $flexDirection: "row",
         $alignItems: "center",
-        $justifyContent: e ? "flex-start" : "center",
-        $background: e ? "WHITE_3" : "BLACK",
+        $justifyContent: o ? "flex-start" : "center",
+        $background: L,
         $height: 56,
         $gutterX: 1,
         $flexGapX: 1,
+        $borderColor: q,
         children: [
-          r && /* @__PURE__ */ t(
-            N,
+          s && /* @__PURE__ */ t(
+            U,
             {
-              $color: e ? "BLACK_T_87" : "WHITE",
-              onClick: I
+              $color: o ? "BLACK_T_87" : "WHITE",
+              onClick: y
             }
           ),
-          /* @__PURE__ */ t(B, { $alignItems: e ? "flex-start" : "center", children: /* @__PURE__ */ t(H, { $renderAs: "body1", $color: e ? "BLACK_T_87" : "WHITE", children: l || o }) })
+          /* @__PURE__ */ t(
+            V,
+            {
+              $alignItems: o && !i ? "flex-start" : "center",
+              children: /* @__PURE__ */ t(B, { $renderAs: "body1", $color: o ? "BLACK_T_87" : "WHITE", children: p || n })
+            }
+          )
         ]
       }
     ) }),
-    /* @__PURE__ */ t(T, { $alignItems: "center", children: /* @__PURE__ */ t(
-      R,
+    /* @__PURE__ */ t(P, { $alignItems: "center", children: /* @__PURE__ */ t(
+      M,
       {
-        userType: c ?? (d === "review" ? "TEACHER" : "STUDENT"),
-        worksheetCompleted: d === "review",
-        worksheetName: l || o,
-        itemsSignedRequest: w,
-        questionsSignedRequest: $,
-        behavior: s,
-        studentId: a,
-        background: i ? "none" : "paper",
-        layout: C,
-        canShowActionBar: !e,
-        loggerRef: b,
-        showNudgeBanner: u,
-        markedAsCompleted: g,
-        onLoaded: A,
+        userType: m ?? (h === "review" ? "TEACHER" : "STUDENT"),
+        worksheetCompleted: h === "review",
+        worksheetName: p || n,
+        itemsSignedRequest: C,
+        questionsSignedRequest: H,
+        behavior: e,
+        studentId: u,
+        background: a || i ? "none" : "paper",
+        layout: x,
+        canShowActionBar: c,
+        loggerRef: R,
+        showNudgeBanner: k,
+        markedAsCompleted: W,
+        onLoaded: b,
         onErrored: _,
-        userId: a,
-        onPublishStrokes: m,
-        onReceiveStrokes: m,
-        isCanvasEnabled: !i && (s == null ? void 0 : s.canAttempt) && E,
-        openQuestionFeedbackModal: W
+        userId: u,
+        onPublishStrokes: T,
+        onReceiveStrokes: T,
+        isCanvasEnabled: I,
+        openQuestionFeedbackModal: $,
+        onUnassign: w
       }
     ) })
   ] });
 });
 export {
-  V as default
+  te as default
 };
 //# sourceMappingURL=worksheet-preview-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import 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 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    onWorksheetLoaded,\n    onWorksheetErrored,\n    openQuestionFeedbackModal,\n    onBackIconClick,\n  } = props;\n  const {\n    signed_request: signedRequest,\n    questions_signed_request: questionsSignedRequest,\n    player_config: playerConfig,\n  } = worksheet;\n\n  const isTestWorksheet = useMemo(() => activityReference === 'test', [activityReference]);\n  const isSATAssessment = useMemo(() => SAT_WORKSHEET_TYPES.includes(nodeType), [nodeType]);\n  const loggerRef = useRef(() => null);\n  const layout = useWorksheetLayout({\n    userType,\n    nodeType,\n    isSATAssessment,\n    showNudgeBanner,\n    topOffset: 56,\n  });\n\n  const handleStrokes = useCallback(() => true, []);\n  const handleOnBackIconClick = useCallback(() => {\n    onBackIconClick?.();\n  }, [onBackIconClick]);\n\n  return (\n    <Styled.WorksheetPageWrapper>\n      <Styled.HeaderWrapper>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n          $background={isTestWorksheet ? 'WHITE_3' : 'BLACK'}\n          $height={56}\n          $gutterX={1}\n          $flexGapX={1}\n        >\n          {onBackIconClick && (\n            <Styled.StyledBackIcon\n              $color={isTestWorksheet ? 'BLACK_T_87' : 'WHITE'}\n              onClick={handleOnBackIconClick}\n            />\n          )}\n\n          <Styled.HeaderTitleWrapper $alignItems={isTestWorksheet ? 'flex-start' : 'center'}>\n            <Text $renderAs=\"body1\" $color={isTestWorksheet ? 'BLACK_T_87' : 'WHITE'}>\n              {worksheetName || activityReference}\n            </Text>\n          </Styled.HeaderTitleWrapper>\n        </FlexView>\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 ? 'none' : 'paper'}\n          layout={layout}\n          canShowActionBar={!isTestWorksheet}\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={!isSATAssessment && playerConfig?.canAttempt && scribblingEnabled}\n          openQuestionFeedbackModal={openQuestionFeedbackModal}\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","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","signedRequest","questionsSignedRequest","playerConfig","isTestWorksheet","useMemo","isSATAssessment","loggerRef","useRef","layout","useWorksheetLayout","handleStrokes","useCallback","handleOnBackIconClick","jsxs","Styled.WorksheetPageWrapper","jsx","Styled.HeaderWrapper","FlexView","Styled.StyledBackIcon","Styled.HeaderTitleWrapper","Text","WorksheetContainer"],"mappings":";;;;;;;AAYA,MAAMA,IAA4D;AAAA,EAChE;AAAA,EACA;AACF,GAEMC,IAAuDC,EAAK,CAASC,MAAA;AACnE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,iBAAAC;AAAA,EACE,IAAAd,GACE;AAAA,IACJ,gBAAgBe;AAAA,IAChB,0BAA0BC;AAAA,IAC1B,eAAeC;AAAA,EACb,IAAAb,GAEEc,IAAkBC,EAAQ,MAAMhB,MAAsB,QAAQ,CAACA,CAAiB,CAAC,GACjFiB,IAAkBD,EAAQ,MAAMtB,EAAoB,SAASS,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAClFe,IAAYC,EAAO,MAAM,IAAI,GAC7BC,IAASC,EAAmB;AAAA,IAChC,UAAAtB;AAAA,IACA,UAAAI;AAAA,IACA,iBAAAc;AAAA,IACA,iBAAAX;AAAA,IACA,WAAW;AAAA,EAAA,CACZ,GAEKgB,IAAgBC,EAAY,MAAM,IAAM,CAAE,CAAA,GAC1CC,IAAwBD,EAAY,MAAM;AAC5B,IAAAZ,KAAA,QAAAA;AAAA,EAAA,GACjB,CAACA,CAAe,CAAC;AAGlB,SAAA,gBAAAc,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,UAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAiBd,IAAkB,eAAe;AAAA,QAClD,aAAaA,IAAkB,YAAY;AAAA,QAC3C,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,QAEV,UAAA;AAAA,UACCJ,KAAA,gBAAAgB;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,QAAQf,IAAkB,eAAe;AAAA,cACzC,SAASS;AAAA,YAAA;AAAA,UACX;AAAA,4BAGDO,GAAA,EAA0B,aAAahB,IAAkB,eAAe,UACvE,UAAA,gBAAAY,EAACK,GAAK,EAAA,WAAU,SAAQ,QAAQjB,IAAkB,eAAe,SAC9D,UAAAX,KAAiBJ,EACpB,CAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAA2B,EAACE,GAAS,EAAA,aAAY,UACpB,UAAA,gBAAAF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAUlC,MAAaG,MAAW,WAAW,YAAY;AAAA,QACzD,oBAAoBA,MAAW;AAAA,QAC/B,eAAeE,KAAiBJ;AAAA,QAChC,oBAAoBY;AAAA,QACpB,wBAAAC;AAAA,QACA,UAAUC;AAAA,QACV,WAAAhB;AAAA,QACA,YAAYmB,IAAkB,SAAS;AAAA,QACvC,QAAAG;AAAA,QACA,kBAAkB,CAACL;AAAA,QACnB,WAAAG;AAAA,QACA,iBAAAZ;AAAA,QACA,mBAAAC;AAAA,QACA,UAAUC;AAAA,QACV,WAAWC;AAAA,QACX,QAAQX;AAAA,QACR,kBAAkBwB;AAAA,QAClB,kBAAkBA;AAAA,QAClB,iBAAiB,CAACL,MAAmBH,KAAA,gBAAAA,EAAc,eAAcT;AAAA,QACjE,2BAAAK;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"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 = useMemo(\n    () => isActionBarVisible || (!isSATAssessment && playerConfig?.canAttempt && scribblingEnabled),\n    [isActionBarVisible, isSATAssessment, playerConfig?.canAttempt, scribblingEnabled],\n  );\n\n  const handleStrokes = useCallback(() => true, []);\n  const handleOnBackIconClick = useCallback(() => {\n    onBackIconClick?.();\n  }, [onBackIconClick]);\n\n  const { bgColor, borderColor } = getWorksheetHeaderLayout({\n    isPuzzleWorksheet: isPuzzleWorksheet && isActionBarVisible,\n    isTestWorksheet,\n    imageHue,\n  });\n\n  return (\n    <Styled.WorksheetPageWrapper>\n      <Styled.HeaderWrapper>\n        <Styled.Header\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n          $background={bgColor}\n          $height={56}\n          $gutterX={1}\n          $flexGapX={1}\n          $borderColor={borderColor}\n        >\n          {onBackIconClick && (\n            <Styled.StyledBackIcon\n              $color={isTestWorksheet ? 'BLACK_T_87' : 'WHITE'}\n              onClick={handleOnBackIconClick}\n            />\n          )}\n\n          <Styled.HeaderTitleWrapper\n            $alignItems={isTestWorksheet && !isPuzzleWorksheet ? 'flex-start' : 'center'}\n          >\n            <Text $renderAs=\"body1\" $color={isTestWorksheet ? 'BLACK_T_87' : 'WHITE'}>\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","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,57 +1,76 @@
-import { jsx as n, jsxs as y, Fragment as I } from "react/jsx-runtime";
-import { memo as P, useMemo as l, useState as E, useCallback as a, useEffect as _ } from "react";
-import b from "../../ui/error/error.js";
-import g from "../../ui/loader/app-loader/app-loader.js";
-import { usePreviewWorksheetGet as C } from "./api/get-preview-worksheet.js";
-import D from "./worksheet-preview-view.js";
-const N = P((c) => {
-  const { activityReference: h, nodeType: r, action: t, isLessonV3Enabled: o, items: d, onWorksheetLoaded: s } = c, f = l(() => {
-    switch (r) {
+import { jsx as n, jsxs as I, Fragment as P } from "react/jsx-runtime";
+import { memo as _, useMemo as c, useState as R, useCallback as h, useEffect as C } from "react";
+import D from "../../ui/error/error.js";
+import A from "../../ui/loader/app-loader/app-loader.js";
+import { usePreviewWorksheetGet as N } from "./api/get-preview-worksheet.js";
+import V from "./worksheet-preview-view.js";
+const x = _((d) => {
+  const {
+    activityReference: u,
+    nodeType: e,
+    action: t,
+    isLessonV3Enabled: o,
+    items: l,
+    scribblingEnabled: f,
+    onWorksheetLoaded: s
+  } = d, m = c(() => {
+    switch (e) {
       case "TRIAL_BASIC":
       case "TRIAL_INTERMEDIATE":
       case "TRIAL_ADVANCED":
         return !0;
     }
-  }, [r]), [R, m] = E(), [p, v] = E(!1), { isProcessing: w, get: u, data: e, error: A } = C(), k = l(() => e && {
-    ...e,
+  }, [e]), i = c(() => e === "PUZZLE_CARD", [e]), [p, E] = R(), [v, W] = R(!1), { isProcessing: w, get: k, data: r, error: L } = N(), g = c(() => r && {
+    ...r,
     player_config: {
-      ...e.player_config,
+      ...r.player_config,
       retryButtonLabel: "Retry",
       checkButtonLabel: "Check",
       ...t === "review" && {
-        navigationMode: f ? "CURRENT" : o ? "LINEAR" : "OPEN",
+        navigationMode: m || i ? "CURRENT" : o ? "LINEAR" : "OPEN",
         initialQuestion: "FIRST"
       },
       ...o && {
         teacherValidationEnabled: o
+      },
+      ...i && f && {
+        teacherValidationEnabled: !0,
+        canUnAssign: !0
       }
     }
-  }, [t, f, o, e]), i = a(() => {
-    m(void 0), u(h, {
+  }, [
+    t,
+    m,
+    o,
+    i,
+    f,
+    r
+  ]), a = h(() => {
+    E(void 0), k(u, {
       action: t,
-      node_type: r,
-      items: d
+      node_type: e,
+      items: l
     });
-  }, [t, h, u, r, d]), W = a(() => {
-    v(!0), s == null || s(!0);
-  }, [s]), L = a((T) => {
-    m(T.message);
+  }, [t, u, k, e, l]), b = h(() => {
+    W(!0), s == null || s(!0);
+  }, [s]), T = h((y) => {
+    E(y.message);
   }, []);
-  return _(() => {
-    i();
-  }, [i]), R || A ? /* @__PURE__ */ n(b, { height: "100vh", onTryAgain: i }) : w ? /* @__PURE__ */ n(g, { height: "100vh" }) : /* @__PURE__ */ y(I, { children: [
-    !p && /* @__PURE__ */ n(g, { height: "100vh" }),
-    k && /* @__PURE__ */ n(
-      D,
+  return C(() => {
+    a();
+  }, [a]), p || L ? /* @__PURE__ */ n(D, { height: "100vh", onTryAgain: a }) : w ? /* @__PURE__ */ n(A, { height: "100vh" }) : /* @__PURE__ */ I(P, { children: [
+    !v && /* @__PURE__ */ n(A, { height: "100vh" }),
+    g && /* @__PURE__ */ n(
+      V,
       {
-        ...c,
-        worksheet: k,
-        onWorksheetLoaded: W,
-        onWorksheetErrored: L
+        ...d,
+        worksheet: g,
+        onWorksheetLoaded: b,
+        onWorksheetErrored: T
       }
     )
   ] });
-}), F = N;
+}), F = x;
 export {
   F as default
 };

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, isLessonV3Enabled, items, onWorksheetLoaded } =\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 [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: isDiagnosticWorksheet\n              ? 'CURRENT'\n              : isLessonV3Enabled\n                ? 'LINEAR'\n                : 'OPEN',\n            initialQuestion: 'FIRST',\n          }),\n          ...(isLessonV3Enabled && {\n            teacherValidationEnabled: isLessonV3Enabled,\n          }),\n        },\n      };\n    }\n\n    return worksheetData;\n  }, [action, isDiagnosticWorksheet, isLessonV3Enabled, 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","isLessonV3Enabled","items","onWorksheetLoaded","isDiagnosticWorksheet","useMemo","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":";;;;;;AAUA,MAAMA,IAA+CC,EAAK,CAASC,MAAA;AACjE,QAAM,EAAE,mBAAAC,GAAmB,UAAAC,GAAU,QAAAC,GAAQ,mBAAAC,GAAmB,OAAAC,GAAO,mBAAAC,EACrE,IAAAN,GACIO,IAAwBC,EAAQ,MAAM;AAC1C,YAAQN,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,IACX;AAAA,EAAA,GACC,CAACA,CAAQ,CAAC,GACP,CAACO,GAAOC,CAAQ,IAAIC,EAAiB,GACrC,CAACC,GAAmBC,CAAoB,IAAIF,EAAkB,EAAK,GACnE,EAAE,cAAAG,GAAc,KAAAC,GAAK,MAAMC,GAAe,OAAOC,MAAeC,KAEhEC,IAAYX,EAA8B,MAC1CQ,KACK;AAAA,IACL,GAAGA;AAAA,IACH,eAAe;AAAA,MACb,GAAGA,EAAc;AAAA,MACjB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,GAAIb,MAAW,YAAY;AAAA,QACzB,gBAAgBI,IACZ,YACAH,IACE,WACA;AAAA,QACN,iBAAiB;AAAA,MACnB;AAAA,MACA,GAAIA,KAAqB;AAAA,QACvB,0BAA0BA;AAAA,MAC5B;AAAA,IACF;AAAA,EAAA,GAKH,CAACD,GAAQI,GAAuBH,GAAmBY,CAAa,CAAC,GAE9DI,IAAiBC,EAAY,MAAM;AACvC,IAAAX,EAAS,MAAS,GAClBK,EAAId,GAAmB;AAAA,MACrB,QAAAE;AAAA,MACA,WAAWD;AAAA,MACX,OAAAG;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACF,GAAQF,GAAmBc,GAAKb,GAAUG,CAAK,CAAC,GAE9CiB,IAAwBD,EAAY,MAAM;AAC9C,IAAAR,EAAqB,EAAI,GAEzBP,KAAA,QAAAA,EAAoB;AAAA,EAAI,GACvB,CAACA,CAAiB,CAAC,GAEhBiB,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,GAAG/B;AAAA,QACJ,WAAAmB;AAAA,QACA,mBAAmBG;AAAA,QACnB,oBAAoBC;AAAA,MAAA;AAAA,IACtB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC,GAEDS,IAAelC;"}
+{"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 {\n    activityReference,\n    nodeType,\n    action,\n    isLessonV3Enabled,\n    items,\n    scribblingEnabled,\n    onWorksheetLoaded,\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 = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\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          ...(isPuzzleWorksheet &&\n            scribblingEnabled && {\n              teacherValidationEnabled: true,\n              canUnAssign: true,\n            }),\n        },\n      };\n    }\n\n    return worksheetData;\n  }, [\n    action,\n    isDiagnosticWorksheet,\n    isLessonV3Enabled,\n    isPuzzleWorksheet,\n    scribblingEnabled,\n    worksheetData,\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","isDiagnosticWorksheet","useMemo","isPuzzleWorksheet","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":";;;;;;AAUA,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,EACE,IAAAP,GACEQ,IAAwBC,EAAQ,MAAM;AAC1C,YAAQP,GAAU;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,IACX;AAAA,EAAA,GACC,CAACA,CAAQ,CAAC,GACPQ,IAAoBD,EAAQ,MAAMP,MAAa,eAAe,CAACA,CAAQ,CAAC,GAExE,CAACS,GAAOC,CAAQ,IAAIC,EAAiB,GACrC,CAACC,GAAmBC,CAAoB,IAAIF,EAAkB,EAAK,GACnE,EAAE,cAAAG,GAAc,KAAAC,GAAK,MAAMC,GAAe,OAAOC,MAAeC,KAEhEC,IAAYZ,EAA8B,MAC1CS,KACK;AAAA,IACL,GAAGA;AAAA,IACH,eAAe;AAAA,MACb,GAAGA,EAAc;AAAA,MACjB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,GAAIf,MAAW,YAAY;AAAA,QACzB,gBACEK,KAAyBE,IACrB,YACAN,IACE,WACA;AAAA,QACR,iBAAiB;AAAA,MACnB;AAAA,MACA,GAAIA,KAAqB;AAAA,QACvB,0BAA0BA;AAAA,MAC5B;AAAA,MACA,GAAIM,KACFJ,KAAqB;AAAA,QACnB,0BAA0B;AAAA,QAC1B,aAAa;AAAA,MACf;AAAA,IACJ;AAAA,EAAA,GAKH;AAAA,IACDH;AAAA,IACAK;AAAA,IACAJ;AAAA,IACAM;AAAA,IACAJ;AAAA,IACAY;AAAA,EAAA,CACD,GAEKI,IAAiBC,EAAY,MAAM;AACvC,IAAAX,EAAS,MAAS,GAClBK,EAAIhB,GAAmB;AAAA,MACrB,QAAAE;AAAA,MACA,WAAWD;AAAA,MACX,OAAAG;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACF,GAAQF,GAAmBgB,GAAKf,GAAUG,CAAK,CAAC,GAE9CmB,IAAwBD,EAAY,MAAM;AAC9C,IAAAR,EAAqB,EAAI,GAEzBR,KAAA,QAAAA,EAAoB;AAAA,EAAI,GACvB,CAACA,CAAiB,CAAC,GAEhBkB,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,GAAGjC;AAAA,QACJ,WAAAqB;AAAA,QACA,mBAAmBG;AAAA,QACnB,oBAAoBC;AAAA,MAAA;AAAA,IACtB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC,GAEDS,IAAepC;"}

package/dist/index.d.ts

@@ -2729,10 +2729,12 @@ declare interface IPreviewWorksheetProps {
     userType: TUserTypes;
     showNudgeBanner?: boolean;
     markedAsCompleted?: boolean;
+    imageHue?: THueNames;
     openQuestionFeedbackModal?: (itemRef: string) => void;
     onBackIconClick?: () => void;
     items?: string[];
     onWorksheetLoaded?: (loaded: boolean) => void;
+    onUnassign?: () => void;
 }
 
 export declare interface IProject<T> {
@@ -3757,6 +3759,7 @@ declare interface IUseWorksheetLayout {
         isSATAssessment: boolean;
         showNudgeBanner?: boolean;
         topOffset: number;
+        imageHue?: THueNames;
     }): IWorksheetProps['layout'];
 }
 
@@ -3932,6 +3935,14 @@ 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, cta specific to puzzles will be shown
+     */
+    showPuzzleCta?: boolean;
 }
 
 declare interface IWorksheetCallbackProps {
@@ -3955,6 +3966,7 @@ declare interface IWorksheetCallbackProps {
     onExitTicketStart?: () => void;
     onExitTicketSubmit?: () => void;
     onSubmit?: (responses: Record<string, IWorksheetResponse>) => void;
+    onUnassign?: () => void;
     loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;
 }
 
@@ -3986,6 +3998,9 @@ declare interface IWorksheetLayout {
     minSummaryHeight: string | number;
     renderSideBar: boolean;
     showUserPointer?: boolean;
+    renderQuestionHeader?: boolean;
+    renderSheetHeader?: boolean;
+    imageHue?: THueNames;
 }
 
 export declare interface IWorksheetModel {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.44-as3",
+  "version": "3.1.44-beta-0.1",
   "type": "module",
   "files": [
     "dist"