@cuemath/leap 3.2.15-link.1 → 3.2.16-as1

package/dist/features/worksheet/worksheet/stories/worksheet-story-container.js

@@ -0,0 +1,231 @@
+import { jsxs as I, Fragment as l, jsx as e } from "react/jsx-runtime";
+import * as D from "../../../../node_modules/query-string/base.js";
+import { memo as k, useMemo as x, useState as T, useCallback as c, useEffect as L } from "react";
+import { ErrorBoundary as B } from "react-error-boundary";
+import v from "styled-components";
+import W from "../../../../assets/line-icons/icons/info.js";
+import { NODE_TYPES as d } from "../../../../types/models/worksheet.js";
+import Y from "../../../ui/buttons/button/button.js";
+import Z from "../../../ui/buttons/icon-button/icon-button.js";
+import u from "../../../ui/error/error.js";
+import $ from "../../../ui/inputs/checkbox-input/checkbox-input.js";
+import X from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import K from "../../../ui/inputs/text-input/text-input.js";
+import F from "../../../ui/layout/flex-view.js";
+import j from "../../../ui/loader/app-loader/app-loader.js";
+import m from "../../../ui/separator/separator.js";
+import { usePreviewWorksheetGet as J } from "../../worksheet-preview/api/get-preview-worksheet.js";
+import Q from "./worksheet-student.js";
+import z from "./worksheet-teacher.js";
+const Ne = "https://questions-ie.learnosity.com/?v2025.2.LTS", Ce = "https://questions.learnosity.com/?v2025.2.LTS", ee = [
+  "GENERAL",
+  "LEGACY",
+  "DIAGNOSTIC",
+  "REMEDIAL",
+  "RECAP",
+  "LEARNING",
+  "EXTRA_PRACTICE",
+  "PRACTICE",
+  "ASSESSMENT",
+  "CHAPTER_ASSESSMENT",
+  "REVISION",
+  "LEVEL2",
+  "LEVEL3",
+  "TEST",
+  "VIDEO",
+  "SIMULATION",
+  "NOTE",
+  "SUBJECTIVE",
+  "DECK",
+  "PUZZLE",
+  "DYNAMIC",
+  "PUZZLE_EASY",
+  "PUZZLE_MEDIUM",
+  "PUZZLE_HARD",
+  "TEST_SERIES",
+  "TURING_BASIC",
+  "TURING_LINK",
+  "TURING_SHARE",
+  "TURING_PRACTICE",
+  "TURING_ASSESSMENT",
+  "TURING_SUBJECTIVE",
+  "HIDDEN_BASIC",
+  "PYTHON_BASIC",
+  "PYTHON_VISUAL",
+  "PPT_BASIC",
+  "PPT_VIVA",
+  "PPT_CONTENT",
+  "WB_ACTIVITY",
+  "MASTERY",
+  "EXIT_TICKET",
+  "TARGET_PRACTICE",
+  "SAT_MATH_LEARNING",
+  "SAT_MATH_ASSESSMENT",
+  "SAT_ENGLISH_LEARNING",
+  "SAT_ENGLISH_ASSESSMENT",
+  "SAT_MATH_RECAP",
+  "SAT_ENGLISH_RECAP",
+  "TRIAL_BASIC",
+  "TRIAL_INTERMEDIATE",
+  "TRIAL_ADVANCED",
+  "PUZZLE_CARD"
+].map(
+  (o) => ({
+    id: o,
+    label: o
+  })
+), oe = v.div`
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  z-index: 1000;
+`, te = v(F)`
+  position: fixed;
+  top: 60px;
+  left: 10px;
+  overflow-y: auto;
+`, P = (o) => {
+  const S = new URLSearchParams(window.location.search), s = D.stringify(o);
+  return `/iframe.html?args=${S.get("args")}&id=${S.get(
+    "id"
+  )}&viewMode=${S.get("viewMode")}&${s}`;
+}, re = {
+  STUDENT: Q,
+  TEACHER: z
+};
+k(({ userType: o }) => {
+  const S = re[o], s = x(
+    () => new URLSearchParams(decodeURIComponent(window.location.search)),
+    []
+  ), i = s.get("configOpened") !== "false", f = s.get("configDisabled") === "true", [n, U] = T(
+    s.get("activityReference") ?? void 0
+  ), [r, O] = T(s.get("nodeType") ?? d.LEARNING), [E, p] = T(s.get("isLessonV3") === "true"), a = o === "TEACHER" ? "review" : "resume", R = s.get("questionsSR") ?? "", h = s.get("itemsSR") ?? "", { isProcessing: G, get: _, data: t, error: N } = J(), [C, w] = T(), H = c(() => {
+    window.location.href = P({
+      configOpened: !i,
+      userType: o,
+      activityReference: n,
+      action: a,
+      nodeType: r,
+      isLessonV3: E
+    });
+  }, [a, n, i, E, r, o]), M = c((A) => {
+    U(A.target.value);
+  }, []), y = c((A) => {
+    O(A), A !== d.LEARNING && p(!1);
+  }, []), b = c((A, q) => {
+    p(q);
+  }, []), V = c(() => {
+    window.location.href = P({
+      configOpened: !1,
+      userType: o,
+      activityReference: n,
+      action: a,
+      nodeType: r,
+      isLessonV3: E
+    });
+  }, [a, n, E, r, o]), g = c(() => {
+    w(void 0), !i && n && _(n, {
+      action: a,
+      node_type: r
+      // items,
+    });
+  }, [i, n, _, a, r]);
+  return L(() => {
+    g();
+  }, [g]), L(() => {
+    !i && t && window.parent.postMessage(
+      {
+        eventName: "WORKSHEET_CONFIG_UPDATE",
+        eventPayload: {
+          configOpened: !1,
+          activityReference: n,
+          action: a,
+          nodeType: r,
+          isLessonV3: E,
+          questionsSR: t == null ? void 0 : t.questions_signed_request,
+          itemsSR: t == null ? void 0 : t.signed_request
+        }
+      },
+      "*"
+    );
+  }, [a, n, i, E, r, t]), /* @__PURE__ */ I(l, { children: [
+    !i && /* @__PURE__ */ I(l, { children: [
+      C || N ? /* @__PURE__ */ e(u, { height: "100vh" }) : null,
+      G && /* @__PURE__ */ e(j, { height: "100vh" }),
+      !(C || N) && (t || R && h) && /* @__PURE__ */ e(B, { fallback: /* @__PURE__ */ e(u, { height: "100vh" }), children: /* @__PURE__ */ e(
+        S,
+        {
+          questionsSignedRequest: t ? t.questions_signed_request : R,
+          itemsSignedRequest: t ? t.signed_request : h,
+          isReview: o === "TEACHER",
+          nodeType: r,
+          isLessonV3: E,
+          worksheetCompleted: o === "TEACHER",
+          mockEnabled: !1,
+          showHeader: !0,
+          includeGutter: !1
+        }
+      ) })
+    ] }),
+    !f && i && /* @__PURE__ */ I(
+      te,
+      {
+        $background: "WHITE",
+        $borderColor: "BLACK",
+        $gutterX: 1.5,
+        $gapX: 1.5,
+        $widthX: 40,
+        children: [
+          /* @__PURE__ */ e(
+            K,
+            {
+              renderAs: "primary",
+              label: "Activity Reference",
+              value: n ?? "",
+              onChange: M
+            }
+          ),
+          /* @__PURE__ */ e(m, { heightX: 1.5 }),
+          /* @__PURE__ */ e(
+            X,
+            {
+              renderAs: "primary",
+              label: "Node Type",
+              value: r,
+              onChange: y,
+              options: ee
+            }
+          ),
+          r === d.LEARNING && /* @__PURE__ */ I(l, { children: [
+            /* @__PURE__ */ e(m, { heightX: 1.5 }),
+            /* @__PURE__ */ e(
+              $,
+              {
+                label: "Lesson v3 Enabled",
+                value: "isLessonV3",
+                checked: E,
+                onChange: b
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(m, { heightX: 16 }),
+          /* @__PURE__ */ e(Y, { label: "Update", renderAs: "primary", shape: "square", onClick: V })
+        ]
+      }
+    ),
+    !f && /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
+      Z,
+      {
+        renderAs: "primary",
+        analyticsLabel: "Info",
+        Icon: W,
+        onClick: H
+      }
+    ) })
+  ] });
+});
+export {
+  Ne as LEARNOSITY_QUESTIONS_API,
+  Ce as LEARNOSITY_QUESTIONS_API_FALLBACK
+};
+//# sourceMappingURL=worksheet-story-container.js.map

package/dist/features/worksheet/worksheet/stories/worksheet-story-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-story-container.js","sources":["../../../../../src/features/worksheet/worksheet/stories/worksheet-story-container.tsx"],"sourcesContent":["import type { Decorator } from '@storybook/react';\nimport type { ChangeEvent, FC } from 'react';\n\nimport queryString from 'query-string';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport styled from 'styled-components';\n\nimport InfoIcon from '../../../../assets/line-icons/icons/info';\nimport { NODE_TYPES } from '../../../../types/models/worksheet';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport Error from '../../../ui/error/error';\nimport CheckboxInput from '../../../ui/inputs/checkbox-input/checkbox-input';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport LearnosityPreloader from '../../learnosity-preloader/learnosity-preloader';\nimport { usePreviewWorksheetGet } from '../../worksheet-preview/api/get-preview-worksheet';\nimport WorksheetStudentStory from './worksheet-student';\nimport WorksheetTeacherStory from './worksheet-teacher';\n\n// const activityRef = 'G6-Introduction-to-Algebra-G-A01.US';\n\nexport const LEARNOSITY_QUESTIONS_API = 'https://questions-ie.learnosity.com/?v2025.2.LTS';\nexport const LEARNOSITY_QUESTIONS_API_FALLBACK = 'https://questions.learnosity.com/?v2025.2.LTS';\n\nconst NODE_TYPE_OPTIONS = [\n  'GENERAL',\n  'LEGACY',\n  'DIAGNOSTIC',\n  'REMEDIAL',\n  'RECAP',\n  'LEARNING',\n  'EXTRA_PRACTICE',\n  'PRACTICE',\n  'ASSESSMENT',\n  'CHAPTER_ASSESSMENT',\n  'REVISION',\n  'LEVEL2',\n  'LEVEL3',\n  'TEST',\n  'VIDEO',\n  'SIMULATION',\n  'NOTE',\n  'SUBJECTIVE',\n  'DECK',\n  'PUZZLE',\n  'DYNAMIC',\n  'PUZZLE_EASY',\n  'PUZZLE_MEDIUM',\n  'PUZZLE_HARD',\n  'TEST_SERIES',\n  'TURING_BASIC',\n  'TURING_LINK',\n  'TURING_SHARE',\n  'TURING_PRACTICE',\n  'TURING_ASSESSMENT',\n  'TURING_SUBJECTIVE',\n  'HIDDEN_BASIC',\n  'PYTHON_BASIC',\n  'PYTHON_VISUAL',\n  'PPT_BASIC',\n  'PPT_VIVA',\n  'PPT_CONTENT',\n  'WB_ACTIVITY',\n  'MASTERY',\n  'EXIT_TICKET',\n  'TARGET_PRACTICE',\n  'SAT_MATH_LEARNING',\n  'SAT_MATH_ASSESSMENT',\n  'SAT_ENGLISH_LEARNING',\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_RECAP',\n  'SAT_ENGLISH_RECAP',\n  'TRIAL_BASIC',\n  'TRIAL_INTERMEDIATE',\n  'TRIAL_ADVANCED',\n  'PUZZLE_CARD',\n].map(\n  nodeType =>\n    ({\n      id: nodeType,\n      label: nodeType,\n    }) as const,\n) as Array<{\n  id: NODE_TYPES;\n  label: string;\n}>;\n\nconst InfoIconWrapper = styled.div`\n  position: fixed;\n  top: 10px;\n  left: 10px;\n  z-index: 1000;\n`;\nconst ConfigOptionsWrapper = styled(FlexView)`\n  position: fixed;\n  top: 60px;\n  left: 10px;\n  overflow-y: auto;\n`;\n\nconst getIframeUrl = (args: Record<string, unknown>) => {\n  const searchParams = new URLSearchParams(window.location.search);\n  const queryStr = queryString.stringify(args);\n\n  const url = `/iframe.html?args=${searchParams.get('args')}&id=${searchParams.get(\n    'id',\n  )}&viewMode=${searchParams.get('viewMode')}&${queryStr}`;\n\n  return url;\n};\n\nconst logger = (eventName: string, data?: Record<string, unknown>) => {\n  // eslint-disable-next-line no-console\n  console.log('Worksheet Logger:', eventName, data);\n};\n\nexport const LearnosityPreloaderDecorator: Decorator = Story => (\n  <LearnosityPreloader\n    apiURL={LEARNOSITY_QUESTIONS_API}\n    fallbackAPIURL={LEARNOSITY_QUESTIONS_API_FALLBACK}\n    logger={logger}\n  >\n    <Story />\n  </LearnosityPreloader>\n);\n\nexport interface IWorksheetStoryContainerProps {\n  userType: 'STUDENT' | 'TEACHER';\n}\n\nconst WorksheetComponent = {\n  STUDENT: WorksheetStudentStory,\n  TEACHER: WorksheetTeacherStory,\n};\n\nconst WorksheetStoryContainer: FC<IWorksheetStoryContainerProps> = memo(({ userType }) => {\n  const Worksheet = WorksheetComponent[userType];\n\n  const searchParams = useMemo(\n    () => new URLSearchParams(decodeURIComponent(window.location.search)),\n    [],\n  );\n  const configOpened = searchParams.get('configOpened') === 'false' ? false : true;\n  const configDisabled = searchParams.get('configDisabled') === 'true' ? true : false;\n  const [activityReference, setActivityReference] = useState<string | undefined>(\n    searchParams.get('activityReference') ?? undefined,\n  );\n  const [nodeType, setNodeType] = useState(searchParams.get('nodeType') ?? NODE_TYPES.LEARNING);\n  const [isLessonV3, setIsLessonV3] = useState(searchParams.get('isLessonV3') === 'true');\n  const action = userType === 'TEACHER' ? 'review' : 'resume';\n  const questionsSR = searchParams.get('questionsSR') ?? '';\n  const itemsSR = searchParams.get('itemsSR') ?? '';\n\n  const { isProcessing, get, data: worksheetData, error: fetchError } = usePreviewWorksheetGet();\n  const [error, setError] = useState<string>();\n\n  const handleInfoClick = useCallback(() => {\n    window.location.href = getIframeUrl({\n      configOpened: !configOpened,\n      userType,\n      activityReference,\n      action,\n      nodeType,\n      isLessonV3,\n    });\n  }, [action, activityReference, configOpened, isLessonV3, nodeType, userType]);\n\n  const handleActivityReferenceChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    setActivityReference(event.target.value);\n  }, []);\n\n  const handleNodeTypeChange = useCallback((nt: string) => {\n    setNodeType(nt);\n\n    if (nt !== NODE_TYPES.LEARNING) {\n      setIsLessonV3(false);\n    }\n  }, []);\n\n  const handleLessonV3Toggle = useCallback((_: unknown, checked: boolean) => {\n    setIsLessonV3(checked);\n  }, []);\n\n  const handleUpdateClick = useCallback(() => {\n    window.location.href = getIframeUrl({\n      configOpened: false,\n      userType,\n      activityReference,\n      action,\n      nodeType,\n      isLessonV3,\n    });\n  }, [action, activityReference, isLessonV3, nodeType, userType]);\n\n  const fetchWorksheet = useCallback(() => {\n    setError(undefined);\n\n    if (!configOpened && activityReference) {\n      get(activityReference, {\n        action,\n        node_type: nodeType,\n        // items,\n      });\n    }\n  }, [configOpened, activityReference, get, action, nodeType]);\n\n  useEffect(() => {\n    fetchWorksheet();\n  }, [fetchWorksheet]);\n\n  useEffect(() => {\n    if (!configOpened && worksheetData) {\n      window.parent.postMessage(\n        {\n          eventName: 'WORKSHEET_CONFIG_UPDATE',\n          eventPayload: {\n            configOpened: false,\n            activityReference,\n            action,\n            nodeType,\n            isLessonV3,\n            questionsSR: worksheetData?.questions_signed_request,\n            itemsSR: worksheetData?.signed_request,\n          },\n        },\n        '*',\n      );\n    }\n  }, [action, activityReference, configOpened, isLessonV3, nodeType, worksheetData]);\n\n  return (\n    <>\n      {!configOpened && (\n        <>\n          {error || fetchError ? <Error height=\"100vh\" /> : null}\n          {isProcessing && <AppLoader height=\"100vh\" />}\n          {!(error || fetchError) && (worksheetData || (questionsSR && itemsSR)) && (\n            <ErrorBoundary fallback={<Error height=\"100vh\" />}>\n              <Worksheet\n                questionsSignedRequest={\n                  worksheetData ? worksheetData.questions_signed_request : questionsSR\n                }\n                itemsSignedRequest={worksheetData ? worksheetData.signed_request : itemsSR}\n                isReview={userType === 'TEACHER'}\n                nodeType={nodeType as NODE_TYPES}\n                isLessonV3={isLessonV3}\n                worksheetCompleted={userType === 'TEACHER'}\n                mockEnabled={false}\n                showHeader\n                includeGutter={false}\n              />\n            </ErrorBoundary>\n          )}\n        </>\n      )}\n      {!configDisabled && configOpened && (\n        <ConfigOptionsWrapper\n          $background=\"WHITE\"\n          $borderColor=\"BLACK\"\n          $gutterX={1.5}\n          $gapX={1.5}\n          $widthX={40}\n        >\n          <TextInput\n            renderAs=\"primary\"\n            label=\"Activity Reference\"\n            value={activityReference ?? ''}\n            onChange={handleActivityReferenceChange}\n          />\n          <Separator heightX={1.5} />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Node Type\"\n            value={nodeType}\n            onChange={handleNodeTypeChange}\n            options={NODE_TYPE_OPTIONS}\n          />\n          {nodeType === NODE_TYPES.LEARNING && (\n            <>\n              <Separator heightX={1.5} />\n              <CheckboxInput\n                label=\"Lesson v3 Enabled\"\n                value=\"isLessonV3\"\n                checked={isLessonV3}\n                onChange={handleLessonV3Toggle}\n              />\n            </>\n          )}\n          <Separator heightX={16} />\n          <Button label=\"Update\" renderAs=\"primary\" shape=\"square\" onClick={handleUpdateClick} />\n        </ConfigOptionsWrapper>\n      )}\n      {!configDisabled && (\n        <InfoIconWrapper>\n          <IconButton\n            renderAs=\"primary\"\n            analyticsLabel=\"Info\"\n            Icon={InfoIcon}\n            onClick={handleInfoClick}\n          />\n        </InfoIconWrapper>\n      )}\n    </>\n  );\n});\n\nexport default WorksheetStoryContainer;\n"],"names":["LEARNOSITY_QUESTIONS_API","LEARNOSITY_QUESTIONS_API_FALLBACK","NODE_TYPE_OPTIONS","nodeType","InfoIconWrapper","styled","ConfigOptionsWrapper","FlexView","getIframeUrl","args","searchParams","queryStr","queryString","WorksheetComponent","WorksheetStudentStory","WorksheetTeacherStory","memo","userType","Worksheet","useMemo","configOpened","configDisabled","activityReference","setActivityReference","useState","setNodeType","NODE_TYPES","isLessonV3","setIsLessonV3","action","questionsSR","itemsSR","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","error","setError","handleInfoClick","useCallback","handleActivityReferenceChange","event","handleNodeTypeChange","nt","handleLessonV3Toggle","_","checked","handleUpdateClick","fetchWorksheet","useEffect","jsxs","Fragment","jsx","Error","AppLoader","ErrorBoundary","TextInput","Separator","SearchableSelectInput","CheckboxInput","Button","IconButton","InfoIcon"],"mappings":"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"}

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":";;;;;;;;;;;;;AAmBa,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAO/BC,IAAmBF,EAAOC,CAAQ;AAAA,iBAC9B,CAAC,EAAE,YAAAE,EAAW,MAAMA,CAAU;AAAA,iBAC9B,CAAC,EAAE,aAAAC,EAAA,MAAmBA,IAAc,kBAAkB,MAAO;AAAA,kBAC5D,CAAC,EAAE,aAAAA,EAAA,MAAmBA,IAAc,kBAAkB,MAAO;AAAA;AAAA;AAAA,GAiBzEC,KAAyD,CAASC,MAAA;AAChE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAT,GACEU,IAAYL,IAAcM,EAAyBV,GAAUC,CAAU,IAAI,aAC3EU,IAAMC,EAAsB,IAAI,GAChCC,IAAkBC,EAAoBd,CAAQ,GAC9Ce,IAAoBf,MAAa,eAEjCgB,IAAWC,EAAQ,MAAM;AACvB,UAAAC,IAASC,EAAY,EAAE,UAAAnB,GAAU,UAAUG,KAAsBD,GAAU,YAAAD,GAAY;AAEtF,WAAA;AAAA,MACL,GAAGiB;AAAA,MACH,YAAYA,EAAO,oBAAoB,KAAKf,IAAqBe,EAAO;AAAA,IAAA;AAAA,KAEzE,CAACjB,GAAYC,GAAUF,GAAUG,CAAkB,CAAC,GAEjDiB,IAASC,EAAmB;AAAA,IAChC,UAAU;AAAA,IACV,iBAAAR;AAAA,IACA,UAAAb;AAAA,IACA,WAAWK,IAAa,KAAK;AAAA,EAAA,CAC9B,GACK,CAACiB,GAAOC,CAAQ,IAAIC,EAAiB,GACrCC,IAAYb,EAAO,CAACc,GAAmBC,MAAmC;AAEtE,YAAA,IAAI,6BAA6BD,GAAWC,CAAI,GAEpDD,MAAcE,EAAO,6BACvBL,EAAS,6BAA6B,KAAK,UAAUI,GAAM,MAAM,CAAC,CAAC,EAAE,GAGnED,MAAcE,EAAO,4CACvBL,EAAS,gCAAgC,KAAK,UAAUI,GAAM,MAAM,CAAC,CAAC,EAAE;AAAA,EAC1E,CACD,GACKE,IAAeC,EAAY,MAAM;AAAA,EAAC,GAAG,CAAE,CAAA,GAEvCC,IAAuBD;AAAA,IAC3B,CAAWE,MAAA;;AACH,YAAAC,KAAgBC,IAAA,OAAO,QAAP,gBAAAA,EAAY,SAAS;AAAA,QACzC;AAAA,SAGIC,KAAcC,IAAAH,KAAA,gBAAAA,EAAe,kBAAf,gBAAAG,EAA8B,aAC5C,EAAE,UAAAC,GAAU,YAAAC,EAAe,IAAAN;AAEjC,MAAIG,KACUA,EAAA;AAAA,QACV,WAAW;AAAA,QACX,cAAc;AAAA,UACZ,WAAW;AAAA,UACX,YAAAG;AAAA,UACA,UAAAD;AAAA,QACF;AAAA,MAAA,CACD;AAAA,IAEL;AAAA,IACA,CAAC;AAAA,EAAA,GAGGE,IAA2BT,EAE/B,CAAaU,MAAA;;AACP,UAAAP,KAAgBC,IAAA,OAAO,QAAP,gBAAAA,EAAY,SAAS;AAAA,MACzC;AAAA,OAEIC,KAAcC,IAAAH,KAAA,gBAAAA,EAAe,kBAAf,gBAAAG,EAA8B;AAElD,IAAID,KACUA,EAAA;AAAA,MACV,WAAW;AAAA,MACX,cAAc;AAAA,QACZ,WAAW;AAAA,QACX,WAAAK;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EAEL,GAAG,CAAE,CAAA,GAEC,EAAE,gBAAAC,GAAgB,kBAAAC,GAAkB,oBAAAC,EAAuB,IAAAC;AAAA,IAC/D;AAAA,IACA;AAAA,EAAA;AAuCF,SApCAC,EAAU,MAAM;AACP,WAAA;AAAA,MACL;AAAA,MACA,CAASC,MAAA;;AACP,cAAMC,IAAUD,EAAM;AAElB,YAAAC,EAAQ,cAAc,gCAAgC;AAClD,gBAAA;AAAA,YACJ,cAAc,EAAE,YAAAT,GAAY,QAAAU,GAAQ,wBAAAC,EAAuB;AAAA,UACzD,IAAAF;AAEJ,WAAAb,IAAAvB,EAAI,YAAJ,QAAAuB,EAAa,iBAAiBI,GAAYU,GAAQC;AAAA,QAAsB,WAC/DF,EAAQ,cAAc,qCAAqC;AAC9D,gBAAA;AAAA,YACJ,cAAc,EAAE,UAAAG,EAAS;AAAA,UACvB,IAAAH;AAEA,WAAAX,IAAAzB,EAAA,YAAA,QAAAyB,EAAS,oBAAoBc;AAAA,QAAQ,WAChCH,EAAQ,cAAc,oCAAoC;AAC7D,gBAAA;AAAA,YACJ,cAAc,EAAE,UAAAG,EAAS;AAAA,UACvB,IAAAH;AAEA,WAAAI,IAAAxC,EAAA,YAAA,QAAAwC,EAAS,kBAAkBD;AAAA,QAAQ,WAC9BH,EAAQ,cAAc,4CAA4C;AACrE,gBAAA;AAAA,YACJ,cAAc,EAAE,YAAAT,GAAY,WAAAc,GAAW,YAAAC,EAAW;AAAA,UAChD,IAAAN;AAEJ,WAAAO,IAAA3C,EAAI,YAAJ,QAAA2C,EAAa,iBAAiBhB,GAAYc,GAAWC;AAAA,QACvD;AAAA,MACF;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ,GAAG,CAAE,CAAA,GAED/B,IAEA,gBAAAiC;AAAA,IAAC7D;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,MAEP,UAAC,gBAAA6D,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,OAChC,UAAC,gBAAAD,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAA,QAAA,EAAM,UAAMjC,EAAA,CAAA,EACf,CAAA,GACF;AAAA,IAAA;AAAA,EAAA,IAMH,gBAAAmC,EAAA/D,GAAA,EAAS,UAAUY,IAAgB,IAAI,GACrC,UAAA;AAAA,IACCD,KAAA,gBAAAkD;AAAA,MAAC/D;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAAS;AAAA,QACT,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,cAAa;AAAA,QAEb,UAAA,gBAAAiE,EAACD,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,UAAA;AAAA,UAAUxD;AAAA,QAAA,GAAS;AAAA,MAAA;AAAA,IAChD;AAAA,IAEF,gBAAAuD,EAAC5D,KAAiB,YAAYyB,EAAO,WAAW,aAAa,CAAC,CAACd,GAC7D,UAAA,gBAAAiD;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,KAAA/C;AAAA,QACA,UAAS;AAAA,QACT,QAAO;AAAA,QACP,WAAU;AAAA,QACV,eACEI,IAAoB,4CAA4C;AAAA,QAElE,WAAWX,IAAcM,EAAyBV,GAAUC,CAAU,IAAIQ;AAAA,QAC1E,wBAAAF;AAAA,QACA,oBACEH,IAAcuD,EAA0BlD,CAAS,IAAID;AAAA,QAEvD,UAAAQ;AAAA,QACA,QAAAI;AAAA,QACA,YAAYP,KAAmBE,IAAoB,SAAS;AAAA,QAC5D,iBAAiB,CAACF;AAAA,QAClB,WAAAY;AAAA,QACA,UAAUI;AAAA,QACV,WAAWA;AAAA,QACX,mBAAmBA;AAAA,QACnB,kBAAkBY;AAAA,QAClB,kBAAkBC;AAAA,QAClB,oBAAAvC;AAAA,QACA,kBAAkB4B;AAAA,QAClB,uBAAuBQ;AAAA,QACvB,oBAAAI;AAAA,MAAA;AAAA,MA1BK,GAAG3C,CAAQ,IAAIC,CAAU,IAAIC,CAAQ,IAAIC,CAAkB,IAAIC,CAAW;AAAA,IAAA,GA4BnF;AAAA,EACF,EAAA,CAAA;AAEJ;"}