@cuemath/leap 3.2.12 → 3.2.14-as1

package/dist/features/worksheet/worksheet/stories/worksheet-student.js

@@ -0,0 +1,174 @@
+import { jsx as d, jsxs as N } from "react/jsx-runtime";
+import { useRef as O, useMemo as q, useState as V, useCallback as _, useEffect as G } from "react";
+import W from "styled-components";
+import E from "../../../ui/layout/flex-view.js";
+import w from "../../../ui/text/text.js";
+import C from "../../constants/events.js";
+import j from "../../worksheet-preview/hooks/use-worksheet-layout.js";
+import { getActivityMockAttemptId as D } from "../mocks/activity.js";
+import z from "../mocks/behaviors/index.js";
+import { getMockItemsSignedRequest as Q } from "../mocks/signed-requests.js";
+import F from "../worksheet-container.js";
+import { isSATAssessmentNode as X } from "../worksheet-helpers.js";
+import J from "./use-canvas-sync-broker-story.js";
+const Z = W(E)`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+`, Y = W(E)`
+  padding-top: ${({ $topOffset: r }) => r}px;
+  border-left: ${({ $showBorder: r }) => r ? "1px solid red" : "none"};
+  border-right: ${({ $showBorder: r }) => r ? "1px solid red" : "none"};
+  position: relative;
+  z-index: 0;
+`, ue = (r) => {
+  const {
+    nodeType: s,
+    isLessonV3: l,
+    isReview: S,
+    worksheetCompleted: c,
+    mockEnabled: u,
+    showHeader: k,
+    includeGutter: I,
+    questionsSignedRequest: P,
+    itemsSignedRequest: b
+  } = r, R = u ? D(s, l) : "attemptId", p = O(null), f = X(s), $ = s === "PUZZLE_CARD", x = q(() => {
+    const t = z({ nodeType: s, isReview: c || S, isLessonV3: l });
+    return {
+      ...t,
+      validation: t.maximumAttempts === -1 ? c : t.validation
+    };
+  }, [l, S, s, c]), y = j({
+    userType: "STUDENT",
+    isSATAssessment: f,
+    nodeType: s,
+    topOffset: k ? 60 : 0
+  }), [v, A] = V(), H = O((t, e) => {
+    console.log("Worksheet Teacher Logger:", t, e), t === C.WORKSHEET_V3_ITEMS_FAILED && A(`Failed to load worksheet: ${JSON.stringify(e, null, 2)}`), t === C.WORKSHEET_V3_QUESTION_MISSING_VALIDATION && A(`Question missing validation: ${JSON.stringify(e, null, 2)}`);
+  }), h = _(() => {
+  }, []), L = _(
+    (t) => {
+      var m, o;
+      const e = (m = window.top) == null ? void 0 : m.document.querySelector(
+        'iframe[src*="worksheet-teacher"]'
+      ), n = (o = e == null ? void 0 : e.contentWindow) == null ? void 0 : o.postMessage, { response: i, responseId: a } = t;
+      n && n({
+        eventName: "WORKSHEET_RESPONSE_CHANGED",
+        eventPayload: {
+          attemptId: "worksheet_attempt_id",
+          responseId: a,
+          response: i
+        }
+      });
+    },
+    []
+  ), M = _((t) => {
+    var i, a;
+    const e = (i = window.top) == null ? void 0 : i.document.querySelector(
+      'iframe[src*="worksheet-teacher"]'
+    ), n = (a = e == null ? void 0 : e.contentWindow) == null ? void 0 : a.postMessage;
+    n && n({
+      eventName: "WORKSHEET_BULK_RESPONSES_CHANGED",
+      eventPayload: {
+        attemptId: "worksheet_attempt_id",
+        responses: t
+      }
+    });
+  }, []), { publishStrokes: K, registerCallback: B, initialStrokesData: U } = J(
+    "STUDENT",
+    void 0
+  );
+  return G(() => {
+    window.addEventListener(
+      "message",
+      (t) => {
+        var n, i, a, m;
+        const e = t.data;
+        if (e.eventName === "WORKSHEET_RESPONSE_VALIDATED") {
+          const {
+            eventPayload: { responseId: o, rating: g, skipRemainingQuestions: T }
+          } = e;
+          (n = p.current) == null || n.validateQuestion(o, g, T);
+        } else if (e.eventName === "WORKSHEET_OPTIONAL_ITEMS_ASSIGNED") {
+          const {
+            eventPayload: { itemType: o }
+          } = e;
+          (i = p.current) == null || i.assignOptionalItems(o);
+        } else if (e.eventName === "WORKSHEET_OPTIONAL_ITEMS_SKIPPED") {
+          const {
+            eventPayload: { itemType: o }
+          } = e;
+          (a = p.current) == null || a.skipOptionalItems(o);
+        } else if (e.eventName === "WORKSHEET_MEDIA_STATE_UPDATED_BY_TEACHER") {
+          const {
+            eventPayload: { responseId: o, mediaType: g, mediaState: T }
+          } = e;
+          (m = p.current) == null || m.updateMediaState(o, g, T);
+        }
+      },
+      !1
+    );
+  }, []), v ? /* @__PURE__ */ d(
+    E,
+    {
+      $flexDirection: "column",
+      $alignItems: "center",
+      $justifyContent: "center",
+      $height: "100%",
+      $gutterX: 4,
+      $gapX: 4,
+      children: /* @__PURE__ */ d(w, { $renderAs: "ub1-bold", $color: "RED", children: /* @__PURE__ */ d("pre", { children: /* @__PURE__ */ d("code", { children: v }) }) })
+    }
+  ) : /* @__PURE__ */ N(E, { $gutterX: I ? 1 : 0, children: [
+    k && /* @__PURE__ */ d(
+      Z,
+      {
+        $background: "WHITE",
+        $height: 60,
+        $alignItems: "center",
+        $justifyContent: "center",
+        $borderColor: "BLACK_T_38",
+        children: /* @__PURE__ */ N(w, { $renderAs: "ah4-bold", children: [
+          "STUDENT: ",
+          s
+        ] })
+      }
+    ),
+    /* @__PURE__ */ d(Y, { $topOffset: y.topOffset, $showBorder: !!I, children: /* @__PURE__ */ d(
+      F,
+      {
+        ref: p,
+        userType: "STUDENT",
+        userId: "student_id",
+        studentId: "student_id",
+        worksheetName: $ ? "Discuss your solution in the next class" : "Worksheet Name",
+        attemptId: u ? D(s, l) : R,
+        questionsSignedRequest: P,
+        itemsSignedRequest: u ? Q(R) : b,
+        behavior: x,
+        layout: y,
+        background: f || $ ? "none" : "paper",
+        isCanvasEnabled: !f,
+        loggerRef: H,
+        onLoaded: h,
+        onErrored: h,
+        onResponsesChange: h,
+        onPublishStrokes: K,
+        onReceiveStrokes: B,
+        worksheetCompleted: c,
+        onResponseChange: L,
+        onBulkResponsesChange: M,
+        initialStrokesData: U
+      },
+      `${s}-${l}-${S}-${c}-${u}`
+    ) })
+  ] });
+};
+export {
+  Z as HeaderWrapper,
+  Y as WorksheetWrapper,
+  ue as default
+};
+//# sourceMappingURL=worksheet-student.js.map

package/dist/features/worksheet/worksheet/stories/worksheet-student.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-student.js","sources":["../../../../../src/features/worksheet/worksheet/stories/worksheet-student.tsx"],"sourcesContent":["import type { NODE_TYPES } from '../../../../types/models/worksheet';\nimport type { TInclassMessage } from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport useWorksheetLayout from '../../worksheet-preview/hooks/use-worksheet-layout';\nimport { getActivityMockAttemptId } from '../mocks/activity';\nimport getBehavior from '../mocks/behaviors';\nimport { getMockItemsSignedRequest } from '../mocks/signed-requests';\nimport WorksheetContainer from '../worksheet-container';\nimport { isSATAssessmentNode } from '../worksheet-helpers';\nimport { type IWorksheetProps, type IWorksheetRef } from '../worksheet-types';\nimport useCanvasSyncBrokerStory from './use-canvas-sync-broker-story';\n\nexport const HeaderWrapper = styled(FlexView)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n`;\nexport const WorksheetWrapper = styled(FlexView)<{ $topOffset: number; $showBorder: boolean }>`\n  padding-top: ${({ $topOffset }) => $topOffset}px;\n  border-left: ${({ $showBorder }) => ($showBorder ? '1px solid red' : 'none')};\n  border-right: ${({ $showBorder }) => ($showBorder ? '1px solid red' : 'none')};\n  position: relative;\n  z-index: 0;\n`;\n\nexport interface IWorksheetStudentStoryProps {\n  nodeType: NODE_TYPES;\n  isLessonV3: boolean;\n  isReview: boolean;\n  worksheetCompleted: boolean;\n  mockEnabled: boolean;\n  showHeader: boolean;\n  includeGutter: boolean;\n  questionsSignedRequest: string;\n  itemsSignedRequest: string;\n}\n\nconst WorksheetStudentStory: FC<IWorksheetStudentStoryProps> = props => {\n  const {\n    nodeType,\n    isLessonV3,\n    isReview,\n    worksheetCompleted,\n    mockEnabled,\n    showHeader,\n    includeGutter,\n    questionsSignedRequest,\n    itemsSignedRequest,\n  } = props;\n  const attemptId = mockEnabled ? getActivityMockAttemptId(nodeType, isLessonV3) : 'attemptId';\n  const ref = useRef<IWorksheetRef>(null);\n  const isSATAssessment = isSATAssessmentNode(nodeType);\n  const isPuzzleWorksheet = nodeType === 'PUZZLE_CARD';\n\n  const behavior = useMemo(() => {\n    const config = getBehavior({ nodeType, isReview: worksheetCompleted || isReview, isLessonV3 });\n\n    return {\n      ...config,\n      validation: config.maximumAttempts === -1 ? worksheetCompleted : config.validation,\n    };\n  }, [isLessonV3, isReview, nodeType, worksheetCompleted]);\n\n  const layout = useWorksheetLayout({\n    userType: 'STUDENT',\n    isSATAssessment,\n    nodeType,\n    topOffset: showHeader ? 60 : 0,\n  });\n  const [error, setError] = useState<string>();\n  const loggerRef = useRef((eventName: string, data?: Record<string, unknown>) => {\n    // eslint-disable-next-line no-console\n    console.log('Worksheet Teacher Logger:', eventName, data);\n\n    if (eventName === EVENTS.WORKSHEET_V3_ITEMS_FAILED) {\n      setError(`Failed to load worksheet: ${JSON.stringify(data, null, 2)}`);\n    }\n\n    if (eventName === EVENTS.WORKSHEET_V3_QUESTION_MISSING_VALIDATION) {\n      setError(`Question missing validation: ${JSON.stringify(data, null, 2)}`);\n    }\n  });\n  const fakeCallback = useCallback(() => {}, []);\n\n  const handleResponseChange = useCallback<NonNullable<IWorksheetProps['onResponseChange']>>(\n    options => {\n      const teacherIframe = window.top?.document.querySelector(\n        'iframe[src*=\"worksheet-teacher\"]',\n      ) as HTMLIFrameElement;\n\n      const postMessage = teacherIframe?.contentWindow?.postMessage;\n      const { response, responseId } = options;\n\n      if (postMessage) {\n        postMessage({\n          eventName: 'WORKSHEET_RESPONSE_CHANGED',\n          eventPayload: {\n            attemptId: 'worksheet_attempt_id',\n            responseId,\n            response,\n          },\n        });\n      }\n    },\n    [],\n  );\n\n  const handleBulkResponseChange = useCallback<\n    NonNullable<IWorksheetProps['onBulkResponsesChange']>\n  >(responses => {\n    const teacherIframe = window.top?.document.querySelector(\n      'iframe[src*=\"worksheet-teacher\"]',\n    ) as HTMLIFrameElement;\n    const postMessage = teacherIframe?.contentWindow?.postMessage;\n\n    if (postMessage) {\n      postMessage({\n        eventName: 'WORKSHEET_BULK_RESPONSES_CHANGED',\n        eventPayload: {\n          attemptId: 'worksheet_attempt_id',\n          responses,\n        },\n      });\n    }\n  }, []);\n\n  const { publishStrokes, registerCallback, initialStrokesData } = useCanvasSyncBrokerStory(\n    'STUDENT',\n    undefined,\n  );\n\n  useEffect(() => {\n    window.addEventListener(\n      'message',\n      event => {\n        const message = event.data as TInclassMessage;\n\n        if (message.eventName === 'WORKSHEET_RESPONSE_VALIDATED') {\n          const {\n            eventPayload: { responseId, rating, skipRemainingQuestions },\n          } = message;\n\n          ref.current?.validateQuestion(responseId, rating, skipRemainingQuestions);\n        } else if (message.eventName === 'WORKSHEET_OPTIONAL_ITEMS_ASSIGNED') {\n          const {\n            eventPayload: { itemType },\n          } = message;\n\n          ref.current?.assignOptionalItems(itemType);\n        } else if (message.eventName === 'WORKSHEET_OPTIONAL_ITEMS_SKIPPED') {\n          const {\n            eventPayload: { itemType },\n          } = message;\n\n          ref.current?.skipOptionalItems(itemType);\n        } else if (message.eventName === 'WORKSHEET_MEDIA_STATE_UPDATED_BY_TEACHER') {\n          const {\n            eventPayload: { responseId, mediaType, mediaState },\n          } = message;\n\n          ref.current?.updateMediaState(responseId, mediaType, mediaState);\n        }\n      },\n      false,\n    );\n  }, []);\n\n  if (error) {\n    return (\n      <FlexView\n        $flexDirection=\"column\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $height=\"100%\"\n        $gutterX={4}\n        $gapX={4}\n      >\n        <Text $renderAs=\"ub1-bold\" $color=\"RED\">\n          <pre>\n            <code>{error}</code>\n          </pre>\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $gutterX={includeGutter ? 1 : 0}>\n      {showHeader && (\n        <HeaderWrapper\n          $background=\"WHITE\"\n          $height={60}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_38\"\n        >\n          <Text $renderAs=\"ah4-bold\">STUDENT: {nodeType}</Text>\n        </HeaderWrapper>\n      )}\n      <WorksheetWrapper $topOffset={layout.topOffset} $showBorder={!!includeGutter}>\n        <WorksheetContainer\n          key={`${nodeType}-${isLessonV3}-${isReview}-${worksheetCompleted}-${mockEnabled}`}\n          ref={ref}\n          userType=\"STUDENT\"\n          userId=\"student_id\"\n          studentId=\"student_id\"\n          worksheetName={\n            isPuzzleWorksheet ? 'Discuss your solution in the next class' : 'Worksheet Name'\n          }\n          attemptId={mockEnabled ? getActivityMockAttemptId(nodeType, isLessonV3) : attemptId}\n          questionsSignedRequest={questionsSignedRequest}\n          itemsSignedRequest={\n            mockEnabled ? getMockItemsSignedRequest(attemptId) : itemsSignedRequest\n          }\n          behavior={behavior}\n          layout={layout}\n          background={isSATAssessment || isPuzzleWorksheet ? 'none' : 'paper'}\n          isCanvasEnabled={!isSATAssessment}\n          loggerRef={loggerRef}\n          onLoaded={fakeCallback}\n          onErrored={fakeCallback}\n          onResponsesChange={fakeCallback}\n          onPublishStrokes={publishStrokes}\n          onReceiveStrokes={registerCallback}\n          worksheetCompleted={worksheetCompleted}\n          onResponseChange={handleResponseChange}\n          onBulkResponsesChange={handleBulkResponseChange}\n          initialStrokesData={initialStrokesData}\n        />\n      </WorksheetWrapper>\n    </FlexView>\n  );\n};\n\nexport default WorksheetStudentStory;\n"],"names":["HeaderWrapper","styled","FlexView","WorksheetWrapper","$topOffset","$showBorder","WorksheetStudentStory","props","nodeType","isLessonV3","isReview","worksheetCompleted","mockEnabled","showHeader","includeGutter","questionsSignedRequest","itemsSignedRequest","attemptId","getActivityMockAttemptId","ref","useRef","isSATAssessment","isSATAssessmentNode","isPuzzleWorksheet","behavior","useMemo","config","getBehavior","layout","useWorksheetLayout","error","setError","useState","loggerRef","eventName","data","EVENTS","fakeCallback","useCallback","handleResponseChange","options","teacherIframe","_a","postMessage","_b","response","responseId","handleBulkResponseChange","responses","publishStrokes","registerCallback","initialStrokesData","useCanvasSyncBrokerStory","useEffect","event","message","rating","skipRemainingQuestions","itemType","_c","mediaType","mediaState","_d","jsx","Text","jsxs","WorksheetContainer","getMockItemsSignedRequest"],"mappings":"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"}

package/dist/features/worksheet/worksheet/stories/worksheet-teacher.js

@@ -0,0 +1,255 @@
+import { jsx as r, jsxs as m, Fragment as se } from "react/jsx-runtime";
+import { useState as T, useRef as N, useMemo as D, useCallback as n, useEffect as oe } from "react";
+import S from "../../../ui/buttons/button/button.js";
+import f from "../../../ui/layout/flex-view.js";
+import g from "../../../ui/text/text.js";
+import W from "../../constants/events.js";
+import ne from "../../worksheet-preview/hooks/use-worksheet-layout.js";
+import { getActivityMockAttemptId as L } from "../mocks/activity.js";
+import re from "../mocks/behaviors/index.js";
+import { getMockItemsSignedRequest as ae } from "../mocks/signed-requests.js";
+import ie from "../worksheet-container.js";
+import { isSATAssessmentNode as de } from "../worksheet-helpers.js";
+import le from "./use-canvas-sync-broker-story.js";
+import { HeaderWrapper as ce, WorksheetWrapper as pe } from "./worksheet-student.js";
+const Oe = (P) => {
+  var b;
+  const [t, w] = T(), _ = (b = t == null ? void 0 : t.instructor_stimulus) == null ? void 0 : b.toLowerCase(), {
+    nodeType: o,
+    isLessonV3: c,
+    worksheetCompleted: k,
+    mockEnabled: E,
+    showHeader: C,
+    includeGutter: R,
+    questionsSignedRequest: M,
+    itemsSignedRequest: v
+  } = P, u = E ? L(o, c) : "attemptId", B = N(null), A = de(o), K = D(() => o === "PUZZLE_CARD", [o]), V = D(
+    () => re({ nodeType: o, isReview: !0, isLessonV3: c }),
+    [c, o]
+  ), O = ne({
+    userType: "TEACHER",
+    isSATAssessment: A,
+    nodeType: o,
+    topOffset: C ? 60 : 0
+  }), [$, y] = T(), q = N((e, s) => {
+    console.log("Worksheet Teacher Logger:", e, s), e === W.WORKSHEET_V3_ITEMS_FAILED && y(`Failed to load worksheet: ${JSON.stringify(s, null, 2)}`), e === W.WORKSHEET_V3_QUESTION_MISSING_VALIDATION && y(`Question missing validation: ${JSON.stringify(s, null, 2)}`);
+  }), h = n(() => {
+  }, []), [x, H] = T(), G = n((e) => {
+    H(e);
+  }, []), { publishStrokes: z, registerCallback: F, initialStrokesData: X } = le(
+    "TEACHER",
+    void 0
+  ), a = n((e) => {
+    var p, l;
+    const s = (p = window.top) == null ? void 0 : p.document.querySelector(
+      'iframe[src*="worksheet-student"]'
+    ), i = (l = s == null ? void 0 : s.contentWindow) == null ? void 0 : l.postMessage;
+    i && i(e);
+  }, []), I = n(
+    (e, s) => {
+      a({
+        eventName: "WORKSHEET_RESPONSE_VALIDATED",
+        eventPayload: {
+          attemptId: "userAttemptId",
+          responseId: e,
+          rating: s ?? "E"
+          // change this
+        }
+      });
+    },
+    [a]
+  ), j = n(
+    (e) => {
+      a({
+        eventName: "WORKSHEET_OPTIONAL_ITEMS_ASSIGNED",
+        eventPayload: {
+          attemptId: "userAttemptId",
+          itemType: e
+        }
+      });
+    },
+    [a]
+  ), J = n(
+    (e) => {
+      a({
+        eventName: "WORKSHEET_OPTIONAL_ITEMS_SKIPPED",
+        eventPayload: {
+          attemptId: "userAttemptId",
+          itemType: e
+        }
+      });
+    },
+    [a]
+  ), U = n(
+    (e, s, i) => {
+      a({
+        eventName: "WORKSHEET_MEDIA_STATE_UPDATED_BY_TEACHER",
+        eventPayload: {
+          attemptId: "userAttemptId",
+          responseId: e.response_id,
+          mediaType: s,
+          mediaState: i
+        }
+      });
+    },
+    [a]
+  );
+  oe(() => {
+    window.addEventListener(
+      "message",
+      (e) => {
+        H((s) => {
+          const { eventName: i, eventPayload: p } = e.data;
+          if (i === "WORKSHEET_RESPONSE_CHANGED") {
+            const { responseId: l, response: te } = p;
+            return {
+              ...s,
+              [l]: te
+            };
+          }
+          if (i === "WORKSHEET_BULK_RESPONSES_CHANGED") {
+            const { responses: l } = p;
+            return {
+              ...s,
+              ...l
+            };
+          }
+          return s;
+        });
+      },
+      !1
+    );
+  }, []);
+  const d = n(
+    (e) => {
+      t != null && t.response_id && a({
+        eventName: "WORKSHEET_RESPONSE_VALIDATED",
+        eventPayload: {
+          attemptId: u,
+          responseId: t == null ? void 0 : t.response_id,
+          rating: e !== "H" ? e : void 0,
+          skipRemainingQuestions: e === "H" || e === "E"
+        }
+      });
+    },
+    [t, u, a]
+  ), Z = n(() => d("E"), [d]), Y = n(
+    () => d("S"),
+    [d]
+  ), Q = n(() => d("H"), [d]), ee = n(() => {
+    t != null && t.response_id && I(t.response_id);
+  }, [t == null ? void 0 : t.response_id, I]);
+  return $ ? /* @__PURE__ */ r(
+    f,
+    {
+      $flexDirection: "column",
+      $alignItems: "center",
+      $justifyContent: "center",
+      $height: "100%",
+      $gutterX: 4,
+      $gapX: 4,
+      children: /* @__PURE__ */ r(g, { $renderAs: "ub1-bold", $color: "RED", children: /* @__PURE__ */ r("pre", { children: /* @__PURE__ */ r("code", { children: $ }) }) })
+    }
+  ) : /* @__PURE__ */ m(f, { $gutterX: R ? 1 : 0, children: [
+    C && /* @__PURE__ */ r(
+      ce,
+      {
+        $height: 60,
+        $gutterX: 3.75,
+        $flexDirection: "row",
+        $alignItems: "center",
+        $justifyContent: "space-between",
+        $background: "WHITE",
+        $borderColor: "BLACK_1",
+        children: ["TRIAL_BASIC", "TRIAL_DIAGNOSTIC"].includes(o) ? /* @__PURE__ */ m(se, { children: [
+          /* @__PURE__ */ m(g, { $renderAs: "ah4-black", children: [
+            "TEACHER: ",
+            o
+          ] }),
+          _ !== "learn" ? /* @__PURE__ */ m(f, { $flexDirection: "row", $flexColumnGapX: 1, children: [
+            /* @__PURE__ */ r(
+              S,
+              {
+                renderAs: "primary",
+                label: "Too Easy",
+                shape: "square",
+                size: "small",
+                onClick: Z
+              }
+            ),
+            /* @__PURE__ */ r(
+              S,
+              {
+                renderAs: "primary",
+                label: "Just right",
+                shape: "square",
+                size: "small",
+                onClick: Y
+              }
+            ),
+            _ === "try" && /* @__PURE__ */ r(
+              S,
+              {
+                renderAs: "primary",
+                label: "Too Hard",
+                shape: "square",
+                size: "small",
+                onClick: Q
+              }
+            )
+          ] }) : /* @__PURE__ */ r(
+            S,
+            {
+              renderAs: "primary",
+              label: "Validate",
+              shape: "square",
+              size: "small",
+              onClick: ee
+            }
+          )
+        ] }) : /* @__PURE__ */ m(g, { $renderAs: "ah4-bold", children: [
+          "TEACHER: ",
+          o
+        ] })
+      }
+    ),
+    /* @__PURE__ */ r(pe, { $topOffset: O.topOffset, $showBorder: !!R, children: /* @__PURE__ */ r(
+      ie,
+      {
+        ref: B,
+        userType: "TEACHER",
+        userId: "teacher_id",
+        studentId: "student_id",
+        worksheetName: "Worksheet Name",
+        attemptId: E ? L(o, c) : u,
+        questionsSignedRequest: M,
+        itemsSignedRequest: E ? ae(u) : v,
+        behavior: V,
+        layout: O,
+        background: A || K ? "none" : "paper",
+        isCanvasEnabled: !A,
+        updatedResponses: x,
+        loggerRef: q,
+        onLoaded: h,
+        onErrored: h,
+        onActiveQuestionChange: w,
+        onResponsesChange: h,
+        onPublishStrokes: z,
+        onReceiveStrokes: F,
+        onMediaStateChange: U,
+        worksheetCompleted: k,
+        onResponsesLoaded: G,
+        onTeacherValidation: I,
+        onOptionalItemAssignment: j,
+        onOptionalItemSkip: J,
+        openQuestionFeedbackModal: h,
+        initialStrokesData: X
+      },
+      `${o}-${c}-${k}-${E}`
+    ) })
+  ] });
+};
+export {
+  Oe as default
+};
+//# sourceMappingURL=worksheet-teacher.js.map

package/dist/features/worksheet/worksheet/stories/worksheet-teacher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-teacher.js","sources":["../../../../../src/features/worksheet/worksheet/stories/worksheet-teacher.tsx"],"sourcesContent":["import type { NODE_TYPES } from '../../../../types/models/worksheet';\nimport type { TInclassMessage } from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker-types';\nimport type {\n  IWorksheetProps,\n  IWorksheetQuestion,\n  IWorksheetRef,\n  IWorksheetResponse,\n} from '../worksheet-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport useWorksheetLayout from '../../worksheet-preview/hooks/use-worksheet-layout';\nimport { getActivityMockAttemptId } from '../mocks/activity';\nimport getBehavior from '../mocks/behaviors';\nimport { getMockItemsSignedRequest } from '../mocks/signed-requests';\nimport WorksheetContainer from '../worksheet-container';\nimport { isSATAssessmentNode } from '../worksheet-helpers';\nimport useCanvasSyncBrokerStory from './use-canvas-sync-broker-story';\nimport { HeaderWrapper, WorksheetWrapper } from './worksheet-student';\n\nexport interface IWorksheetTeacherStoryProps {\n  nodeType: NODE_TYPES;\n  isLessonV3: boolean;\n  worksheetCompleted: boolean;\n  mockEnabled: boolean;\n  showHeader: boolean;\n  includeGutter: boolean;\n  questionsSignedRequest: string;\n  itemsSignedRequest: string;\n}\n\nconst WorksheetTeacherStory: FC<IWorksheetTeacherStoryProps> = props => {\n  const [activeQuestion, setActiveQuestion] = useState<IWorksheetQuestion | undefined>();\n  const instructorStimulus = activeQuestion?.instructor_stimulus?.toLowerCase();\n\n  const {\n    nodeType,\n    isLessonV3,\n    worksheetCompleted,\n    mockEnabled,\n    showHeader,\n    includeGutter,\n    questionsSignedRequest,\n    itemsSignedRequest,\n  } = props;\n  const attemptId = mockEnabled ? getActivityMockAttemptId(nodeType, isLessonV3) : 'attemptId';\n  const ref = useRef<IWorksheetRef>(null);\n  const isSATAssessment = isSATAssessmentNode(nodeType);\n  const isPuzzleWorksheet = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\n\n  const behavior = useMemo(\n    () => getBehavior({ nodeType, isReview: true, isLessonV3 }),\n    [isLessonV3, nodeType],\n  );\n  const layout = useWorksheetLayout({\n    userType: 'TEACHER',\n    isSATAssessment,\n    nodeType,\n    topOffset: showHeader ? 60 : 0,\n  });\n  const [error, setError] = useState<string>();\n  const loggerRef = useRef((eventName: string, data?: Record<string, unknown>) => {\n    // eslint-disable-next-line no-console\n    console.log('Worksheet Teacher Logger:', eventName, data);\n\n    if (eventName === EVENTS.WORKSHEET_V3_ITEMS_FAILED) {\n      setError(`Failed to load worksheet: ${JSON.stringify(data, null, 2)}`);\n    }\n\n    if (eventName === EVENTS.WORKSHEET_V3_QUESTION_MISSING_VALIDATION) {\n      setError(`Question missing validation: ${JSON.stringify(data, null, 2)}`);\n    }\n  });\n  const fakeCallback = useCallback(() => {}, []);\n\n  const [responses, setResponses] = useState<Record<string, IWorksheetResponse> | undefined>();\n\n  const handleResponsesChange = useCallback((rsps?: Record<string, IWorksheetResponse>) => {\n    setResponses(rsps);\n  }, []);\n\n  const { publishStrokes, registerCallback, initialStrokesData } = useCanvasSyncBrokerStory(\n    'TEACHER',\n    undefined,\n  );\n\n  const publishMessage = useCallback((message: TInclassMessage) => {\n    const studentIframe = window.top?.document.querySelector(\n      'iframe[src*=\"worksheet-student\"]',\n    ) as HTMLIFrameElement;\n    const postMessage = studentIframe?.contentWindow?.postMessage;\n\n    if (postMessage) {\n      postMessage(message);\n    }\n  }, []);\n\n  const handleTeacherValidation = useCallback<NonNullable<IWorksheetProps['onTeacherValidation']>>(\n    (questionId, rating) => {\n      publishMessage({\n        eventName: 'WORKSHEET_RESPONSE_VALIDATED',\n        eventPayload: {\n          attemptId: 'userAttemptId',\n          responseId: questionId,\n          rating: rating ?? 'E', // change this\n        },\n      });\n    },\n    [publishMessage],\n  );\n\n  const handleOptionalItemAssignment = useCallback<\n    NonNullable<IWorksheetProps['onOptionalItemAssignment']>\n  >(\n    itemType => {\n      publishMessage({\n        eventName: 'WORKSHEET_OPTIONAL_ITEMS_ASSIGNED',\n        eventPayload: {\n          attemptId: 'userAttemptId',\n          itemType,\n        },\n      });\n    },\n    [publishMessage],\n  );\n\n  const handleOptionalItemSkip = useCallback<NonNullable<IWorksheetProps['onOptionalItemSkip']>>(\n    itemType => {\n      publishMessage({\n        eventName: 'WORKSHEET_OPTIONAL_ITEMS_SKIPPED',\n        eventPayload: {\n          attemptId: 'userAttemptId',\n          itemType,\n        },\n      });\n    },\n    [publishMessage],\n  );\n\n  const handleMediaStateChange = useCallback<NonNullable<IWorksheetProps['onMediaStateChange']>>(\n    (question, mediaType, mediaState) => {\n      publishMessage({\n        eventName: 'WORKSHEET_MEDIA_STATE_UPDATED_BY_TEACHER',\n        eventPayload: {\n          attemptId: 'userAttemptId',\n          responseId: question.response_id,\n          mediaType,\n          mediaState,\n        },\n      });\n    },\n    [publishMessage],\n  );\n\n  useEffect(() => {\n    window.addEventListener(\n      'message',\n      event => {\n        setResponses(prevResponses => {\n          const { eventName, eventPayload } = event.data as TInclassMessage;\n\n          if (eventName === 'WORKSHEET_RESPONSE_CHANGED') {\n            const { responseId, response } = eventPayload;\n\n            return {\n              ...prevResponses,\n              [responseId]: response,\n            };\n          }\n\n          if (eventName === 'WORKSHEET_BULK_RESPONSES_CHANGED') {\n            const { responses: bulkResponses } = eventPayload;\n\n            return {\n              ...prevResponses,\n              ...bulkResponses,\n            };\n          }\n\n          return prevResponses;\n        });\n      },\n      false,\n    );\n  }, []);\n\n  const handleRatingChange = useCallback(\n    (rating: 'E' | 'S' | 'H') => {\n      if (activeQuestion?.response_id) {\n        publishMessage({\n          eventName: 'WORKSHEET_RESPONSE_VALIDATED',\n          eventPayload: {\n            attemptId: attemptId,\n            responseId: activeQuestion?.response_id,\n            rating: rating !== 'H' ? rating : undefined,\n            skipRemainingQuestions: rating === 'H' || rating === 'E',\n          },\n        });\n      }\n    },\n    [activeQuestion, attemptId, publishMessage],\n  );\n\n  const handleTooEasyButtonClick = useCallback(() => handleRatingChange('E'), [handleRatingChange]);\n  const handleJustRightButtonClick = useCallback(\n    () => handleRatingChange('S'),\n    [handleRatingChange],\n  );\n  const handleTooHardButtonClick = useCallback(() => handleRatingChange('H'), [handleRatingChange]);\n\n  const handleValidateButtonClick = useCallback(() => {\n    if (activeQuestion?.response_id) {\n      handleTeacherValidation(activeQuestion.response_id);\n    }\n  }, [activeQuestion?.response_id, handleTeacherValidation]);\n\n  if (error) {\n    return (\n      <FlexView\n        $flexDirection=\"column\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $height=\"100%\"\n        $gutterX={4}\n        $gapX={4}\n      >\n        <Text $renderAs=\"ub1-bold\" $color=\"RED\">\n          <pre>\n            <code>{error}</code>\n          </pre>\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $gutterX={includeGutter ? 1 : 0}>\n      {showHeader && (\n        <HeaderWrapper\n          $height={60}\n          $gutterX={3.75}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"space-between\"\n          $background=\"WHITE\"\n          $borderColor=\"BLACK_1\"\n        >\n          {['TRIAL_BASIC', 'TRIAL_DIAGNOSTIC'].includes(nodeType) ? (\n            <>\n              <Text $renderAs=\"ah4-black\">TEACHER: {nodeType}</Text>\n              {instructorStimulus !== 'learn' ? (\n                <FlexView $flexDirection=\"row\" $flexColumnGapX={1}>\n                  <Button\n                    renderAs=\"primary\"\n                    label=\"Too Easy\"\n                    shape=\"square\"\n                    size=\"small\"\n                    onClick={handleTooEasyButtonClick}\n                  />\n                  <Button\n                    renderAs=\"primary\"\n                    label=\"Just right\"\n                    shape=\"square\"\n                    size=\"small\"\n                    onClick={handleJustRightButtonClick}\n                  />\n                  {instructorStimulus === 'try' && (\n                    <Button\n                      renderAs=\"primary\"\n                      label=\"Too Hard\"\n                      shape=\"square\"\n                      size=\"small\"\n                      onClick={handleTooHardButtonClick}\n                    />\n                  )}\n                </FlexView>\n              ) : (\n                <Button\n                  renderAs=\"primary\"\n                  label=\"Validate\"\n                  shape=\"square\"\n                  size=\"small\"\n                  onClick={handleValidateButtonClick}\n                />\n              )}\n            </>\n          ) : (\n            <Text $renderAs=\"ah4-bold\">TEACHER: {nodeType}</Text>\n          )}\n        </HeaderWrapper>\n      )}\n      <WorksheetWrapper $topOffset={layout.topOffset} $showBorder={!!includeGutter}>\n        <WorksheetContainer\n          key={`${nodeType}-${isLessonV3}-${worksheetCompleted}-${mockEnabled}`}\n          ref={ref}\n          userType=\"TEACHER\"\n          userId=\"teacher_id\"\n          studentId=\"student_id\"\n          worksheetName=\"Worksheet Name\"\n          attemptId={mockEnabled ? getActivityMockAttemptId(nodeType, isLessonV3) : attemptId}\n          questionsSignedRequest={questionsSignedRequest}\n          itemsSignedRequest={\n            mockEnabled ? getMockItemsSignedRequest(attemptId) : itemsSignedRequest\n          }\n          behavior={behavior}\n          layout={layout}\n          background={isSATAssessment || isPuzzleWorksheet ? 'none' : 'paper'}\n          isCanvasEnabled={!isSATAssessment}\n          updatedResponses={responses}\n          loggerRef={loggerRef}\n          onLoaded={fakeCallback}\n          onErrored={fakeCallback}\n          onActiveQuestionChange={setActiveQuestion}\n          onResponsesChange={fakeCallback}\n          onPublishStrokes={publishStrokes}\n          onReceiveStrokes={registerCallback}\n          onMediaStateChange={handleMediaStateChange}\n          worksheetCompleted={worksheetCompleted}\n          onResponsesLoaded={handleResponsesChange}\n          onTeacherValidation={handleTeacherValidation}\n          onOptionalItemAssignment={handleOptionalItemAssignment}\n          onOptionalItemSkip={handleOptionalItemSkip}\n          openQuestionFeedbackModal={fakeCallback}\n          initialStrokesData={initialStrokesData}\n        />\n      </WorksheetWrapper>\n    </FlexView>\n  );\n};\n\nexport default WorksheetTeacherStory;\n"],"names":["WorksheetTeacherStory","props","activeQuestion","setActiveQuestion","useState","instructorStimulus","_a","nodeType","isLessonV3","worksheetCompleted","mockEnabled","showHeader","includeGutter","questionsSignedRequest","itemsSignedRequest","attemptId","getActivityMockAttemptId","ref","useRef","isSATAssessment","isSATAssessmentNode","isPuzzleWorksheet","useMemo","behavior","getBehavior","layout","useWorksheetLayout","error","setError","loggerRef","eventName","data","EVENTS","fakeCallback","useCallback","responses","setResponses","handleResponsesChange","rsps","publishStrokes","registerCallback","initialStrokesData","useCanvasSyncBrokerStory","publishMessage","message","studentIframe","postMessage","_b","handleTeacherValidation","questionId","rating","handleOptionalItemAssignment","itemType","handleOptionalItemSkip","handleMediaStateChange","question","mediaType","mediaState","useEffect","event","prevResponses","eventPayload","responseId","response","bulkResponses","handleRatingChange","handleTooEasyButtonClick","handleJustRightButtonClick","handleTooHardButtonClick","handleValidateButtonClick","jsx","FlexView","Text","jsxs","HeaderWrapper","Fragment","Button","WorksheetWrapper","WorksheetContainer","getMockItemsSignedRequest"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-import w from "../../../assets/line-icons/icons/bulb2.js";
-import S from "../../../assets/line-icons/icons/edit-star.js";
+import S from "../../../assets/line-icons/icons/bulb2.js";
+import y from "../../../assets/line-icons/icons/edit-star.js";
 import A from "../../../assets/line-icons/icons/edit2.js";
-import O from "../../../assets/line-icons/icons/question-letter.js";
-import R from "../../../assets/line-icons/icons/star2.js";
+import L from "../../../assets/line-icons/icons/question-letter.js";
+import O from "../../../assets/line-icons/icons/star2.js";
 import b from "../constants/events.js";
-import { OPTIONAL_ITEM_TYPES as L, ACTION_BAR_HEIGHT as k, QUESTION_WIDTH as y, SPLIT_QUESTION_WIDTH as N, CLOZE_FORMULA_RESPONSE_LIMIT as x } from "./constants.js";
+import { OPTIONAL_ITEM_TYPES as R, ACTION_BAR_HEIGHT as k, QUESTION_WIDTH as w, SPLIT_QUESTION_WIDTH as N, CLOZE_FORMULA_RESPONSE_LIMIT as x } from "./constants.js";
 import { QUESTION_TAGS as E } from "./worksheet-types.js";
 const Q = (e) => {
   switch (e) {
@@ -30,7 +30,7 @@ const Q = (e) => {
     default:
       return;
   }
-}, B = (e) => {
+}, M = (e) => {
   if (!e)
     return !1;
   const r = e.toLowerCase();
@@ -44,16 +44,16 @@ const Q = (e) => {
 }, {}), Y = (e, { sectioned: r = !1, adaptive: t = !1 }) => {
   if (r)
     return e.reduce((s, a, c) => {
-      var T;
+      var v;
       let d = !1;
       const { content: u, questions: i, itemType: o } = a, l = Q(o), m = s[s.length - 1], g = l === (m == null ? void 0 : m.section_name) && (m != null && m.item_display_number) ? m.item_display_number + 1 : 1, _ = u.match(/question-[^"]*/g), p = _ == null ? void 0 : _.map((f, h) => {
-        const v = i.find(
+        const T = i.find(
           ({ response_id: I }) => I === f.replace("question-", "")
         );
-        if (!v)
+        if (!T)
           throw new Error(`Question not found for the response id: ${f}`);
-        return d = d || B(v.instructor_stimulus), {
-          ...v,
+        return d = d || M(T.instructor_stimulus), {
+          ...T,
           // Some questions are set to limited number of attempts which can show feedback which is causing the question to be stuck in the errored state
           feedback_attempts: void 0,
           item_reference: a.reference,
@@ -61,7 +61,7 @@ const Q = (e) => {
           item_display_number: g,
           section_name: l,
           item_type: r ? o : void 0,
-          is_optional: o ? L.includes(o) : !1,
+          is_optional: o ? R.includes(o) : !1,
           item_tags: a.tags ?? [],
           item_tags_map: C(a.tags ?? []),
           question_number: h - (d ? 1 : 0),
@@ -69,8 +69,8 @@ const Q = (e) => {
         };
       });
       if (d = !1, p != null && p[0] && c > 0 && e.length > 0) {
-        const f = (T = e[c - 1]) == null ? void 0 : T.itemType, h = o != null && o.startsWith("advanced-") ? "advanced" : o, v = f != null && f.startsWith("advanced-") ? "advanced" : f;
-        if ((h === "practice-basic" || h === "practice-regular" || h === "exit-ticket" || h === "advanced") && h !== v)
+        const f = (v = e[c - 1]) == null ? void 0 : v.itemType, h = o != null && o.startsWith("advanced-") ? "advanced" : o, T = f != null && f.startsWith("advanced-") ? "advanced" : f;
+        if ((h === "practice-basic" || h === "practice-regular" || h === "exit-ticket" || h === "advanced") && h !== T)
           return [
             ...s,
             {
@@ -186,7 +186,7 @@ const Q = (e) => {
   }
   return e.length - u;
 };
-function M(e, r) {
+function B(e, r) {
   var n, s;
   const t = Array.isArray(e) ? e.find((a) => a.response_id === r) : e;
   if (!t)
@@ -209,7 +209,7 @@ function M(e, r) {
 const z = (e) => e.reduce(
   (r, t) => ({
     ...r,
-    [t.response_id]: M(e, t.response_id)
+    [t.response_id]: B(e, t.response_id)
   }),
   {}
 ), X = (e, r) => {
@@ -217,8 +217,8 @@ const z = (e) => e.reduce(
   return {
     questionsContainerWidth: !e.some(
       (a) => a.questions.some((c) => c.stimulus_review)
-    ) ? y : N,
-    maxQuestionWidth: y,
+    ) ? w : N,
+    maxQuestionWidth: w,
     actionbarHeight: t === "bottom" ? k : 0
   };
 }, Z = ({
@@ -346,21 +346,21 @@ const z = (e) => e.reduce(
 }, ae = (e) => {
   switch (e) {
     case "learning":
-      return w;
+      return S;
     case "practice-basic":
       return A;
     case "practice-regular":
-      return S;
+      return y;
     case "exit-ticket":
-      return O;
+      return L;
     case "advanced":
-      return R;
+      return O;
     default:
-      return w;
+      return S;
   }
-}, ie = (e) => Array.isArray(e.value) ? e.value.some(
+}, ie = (e) => e === "SAT_ENGLISH_ASSESSMENT" || e === "SAT_MATH_ASSESSMENT", se = (e) => Array.isArray(e.value) ? e.value.some(
   (t) => typeof t == "string" && t.length > x
-) : !1, se = (e, r) => {
+) : !1, ce = (e, r) => {
   const t = e === "TEACHER";
   return r ? {
     bannerBackgroundColor: "GREEN_4",
@@ -369,7 +369,7 @@ const z = (e) => e.reduce(
     bannerBackgroundColor: "ORANGE_2",
     label: "Complete this with your tutor in class"
   };
-}, ce = ({
+}, ue = ({
   isPuzzleWorksheet: e,
   isTestWorksheet: r,
   imageHue: t = "BLUE"
@@ -387,7 +387,7 @@ const z = (e) => e.reduce(
   textColor: "WHITE"
 };
 export {
-  ie as checkIsClozeFormulaResponseInvalid,
+  se as checkIsClozeFormulaResponseInvalid,
   J as getInitialQuestionId,
   z as getInitialResponses,
   V as getLastUnlockedQuestionIndex,
@@ -397,14 +397,15 @@ export {
   ee as getPaperColorByQuestion,
   te as getQuestionBackgroundImage,
   re as getQuestionBorderColor,
-  M as getQuestionMetadata,
+  B as getQuestionMetadata,
   Y as getQuestionsFromItems,
   Z as getRenderableQuestions,
   X as getWorksheetDimensions,
-  ce as getWorksheetHeaderLayout,
-  se as getWorksheetNudgeBannerInfo,
-  B as isConceptIntroWidget,
+  ue as getWorksheetHeaderLayout,
+  ce as getWorksheetNudgeBannerInfo,
+  M as isConceptIntroWidget,
   W as isOkayTypeQuestion,
+  ie as isSATAssessmentNode,
   j as scrollToQuestion,
   q as setMathJaxConfigInWindow
 };