@cuemath/leap 3.5.58 → 3.5.59-link1

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

@@ -0,0 +1,263 @@
+import { jsxs as m, Fragment as V, jsx as e } from "react/jsx-runtime";
+import * as W from "../../../../node_modules/query-string/base.js";
+import { memo as Y, useMemo as Z, useState as I, useCallback as A, useEffect as N } from "react";
+import { ErrorBoundary as X } from "react-error-boundary";
+import v from "styled-components";
+import $ from "../../../../assets/line-icons/icons/info.js";
+import { EWorksheetActivity as K, NODE_TYPES as F } from "../../../../types/models/worksheet.js";
+import { JourneyProvider as j } from "../../../journey/use-journey/journey-context-provider.js";
+import J from "../../../ui/buttons/button/button.js";
+import Q from "../../../ui/buttons/icon-button/icon-button.js";
+import u from "../../../ui/error/error.js";
+import z from "../../../ui/inputs/checkbox-input/checkbox-input.js";
+import L from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import ee from "../../../ui/inputs/text-input/text-input.js";
+import te from "../../../ui/layout/flex-view.js";
+import oe from "../../../ui/loader/app-loader/app-loader.js";
+import S from "../../../ui/separator/separator.js";
+import { usePreviewWorksheetGet as re } from "../../worksheet-preview/api/get-preview-worksheet.js";
+import ne from "./worksheet-student.js";
+import ie from "./worksheet-teacher.js";
+const Oe = "https://questions-ie.learnosity.com/?v2024.3.LTS", Ue = "https://questions.learnosity.com/?v2024.3.LTS", se = [
+  "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",
+  "TRIAL_BASIC",
+  "TRIAL_INTERMEDIATE",
+  "TRIAL_ADVANCED",
+  "PUZZLE_CARD"
+].map(
+  (s) => ({
+    id: s,
+    label: s
+  })
+), ae = [
+  { id: "", label: "Select Activity Type" },
+  ...Object.values(K).map(
+    (s) => ({
+      id: s,
+      label: s
+    })
+  )
+], ce = v.div`
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  z-index: 1000;
+`, Ee = v(te)`
+  position: fixed;
+  top: 60px;
+  left: 10px;
+  overflow-y: auto;
+`, P = (s) => {
+  const o = new URLSearchParams(window.location.search), d = W.stringify(s);
+  return encodeURI(
+    `/iframe.html?args=${o.get("args")}&id=${o.get(
+      "id"
+    )}&viewMode=${o.get("viewMode")}&${d}`
+  );
+}, le = {
+  STUDENT: ne,
+  TEACHER: ie
+};
+Y(
+  function({ userType: o }) {
+    const d = le[o], i = Z(
+      () => new URLSearchParams(decodeURIComponent(window.location.search)),
+      []
+    ), a = i.get("configOpened") !== "false", p = i.get("configDisabled") === "true", [r, y] = I(
+      i.get("activityReference") ?? void 0
+    ), [n, O] = I(i.get("nodeType") ?? F.LEARNING), [c, U] = I(
+      i.get("activityType") ?? null
+    ), [E, b] = I(i.get("inClass") === "true"), l = o === "TEACHER" ? "review" : "resume", f = i.get("questionsSR") ?? "", h = i.get("itemsSR") ?? "", { isProcessing: G, get: C, data: t, error: R } = re(), [_, w] = I(), H = A(() => {
+      window.location.href = P({
+        configOpened: !a,
+        userType: o,
+        activityReference: r,
+        action: l,
+        nodeType: n,
+        activityType: c,
+        inClass: E
+      });
+    }, [l, r, c, a, E, n, o]), M = A((T) => {
+      y(T.target.value);
+    }, []), k = A((T) => {
+      O(T);
+    }, []), q = A((T) => {
+      U(T);
+    }, []), D = A((T, B) => {
+      b(B);
+    }, []), x = A(() => {
+      window.location.href = P({
+        configOpened: !1,
+        userType: o,
+        activityReference: r,
+        action: l,
+        nodeType: n,
+        activityType: c,
+        inClass: E
+      });
+    }, [l, r, c, E, n, o]), g = A(() => {
+      w(void 0), !a && r && C(r, {
+        action: l,
+        node_type: n
+        // items,
+      });
+    }, [a, r, C, l, n]);
+    return N(() => {
+      g();
+    }, [g]), N(() => {
+      !a && t && window.parent.postMessage(
+        {
+          eventName: "WORKSHEET_CONFIG_UPDATE",
+          eventPayload: {
+            configOpened: !1,
+            activityReference: r,
+            action: l,
+            nodeType: n,
+            activityType: c,
+            inClass: E,
+            questionsSR: t == null ? void 0 : t.questions_signed_request,
+            itemsSR: t == null ? void 0 : t.signed_request
+          }
+        },
+        "*"
+      );
+    }, [l, r, c, a, E, n, t]), /* @__PURE__ */ m(j, { appId: "", userId: "", children: [
+      !a && /* @__PURE__ */ m(V, { children: [
+        _ || R ? /* @__PURE__ */ e(u, { height: "100vh" }) : null,
+        G && /* @__PURE__ */ e(oe, { height: "100vh" }),
+        !(_ || R) && (t || f && h) && /* @__PURE__ */ e(X, { fallback: /* @__PURE__ */ e(u, { height: "100vh" }), children: /* @__PURE__ */ e(
+          d,
+          {
+            questionsSignedRequest: t ? t.questions_signed_request : f,
+            itemsSignedRequest: t ? t.signed_request : h,
+            isReview: o === "TEACHER",
+            nodeType: n,
+            activityType: c,
+            worksheetCompleted: o === "TEACHER",
+            mockEnabled: !1,
+            showHeader: !0,
+            includeGutter: !1,
+            inClass: E
+          }
+        ) })
+      ] }),
+      !p && a && /* @__PURE__ */ m(
+        Ee,
+        {
+          $background: "WHITE",
+          $borderColor: "BLACK",
+          $gutterX: 1.5,
+          $gapX: 1.5,
+          $widthX: 40,
+          children: [
+            /* @__PURE__ */ e(
+              ee,
+              {
+                renderAs: "primary",
+                label: "Activity Reference",
+                value: r ?? "",
+                onChange: M
+              }
+            ),
+            /* @__PURE__ */ e(S, { heightX: 1.5 }),
+            /* @__PURE__ */ e(
+              L,
+              {
+                renderAs: "primary",
+                label: "Node Type",
+                value: n,
+                onChange: k,
+                options: se
+              }
+            ),
+            /* @__PURE__ */ e(S, { heightX: 1.5 }),
+            /* @__PURE__ */ e(
+              L,
+              {
+                renderAs: "primary",
+                label: "Activity Type",
+                value: c ?? "",
+                onChange: q,
+                options: ae
+              }
+            ),
+            /* @__PURE__ */ e(S, { heightX: 1.5 }),
+            /* @__PURE__ */ e(
+              z,
+              {
+                renderAs: "black",
+                label: "In Class",
+                value: "inClass",
+                checked: E,
+                onChange: D
+              }
+            ),
+            /* @__PURE__ */ e(S, { heightX: 16 }),
+            /* @__PURE__ */ e(J, { label: "Update", renderAs: "primary", shape: "square", onClick: x })
+          ]
+        }
+      ),
+      !p && /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(
+        Q,
+        {
+          renderAs: "primary",
+          analyticsLabel: "Info",
+          Icon: $,
+          onClick: H
+        }
+      ) })
+    ] });
+  }
+);
+export {
+  Oe as LEARNOSITY_QUESTIONS_API,
+  Ue 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 queryString from 'query-string';\nimport { memo, useCallback, useEffect, useMemo, useState, type ChangeEvent, type FC } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport styled from 'styled-components';\n\nimport InfoIcon from '../../../../assets/line-icons/icons/info';\nimport { EWorksheetActivity, NODE_TYPES } from '../../../../types/models/worksheet';\nimport { JourneyProvider } from '../../../journey/use-journey/journey-context-provider';\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\nexport const LEARNOSITY_QUESTIONS_API = 'https://questions-ie.learnosity.com/?v2024.3.LTS';\nexport const LEARNOSITY_QUESTIONS_API_FALLBACK = 'https://questions.learnosity.com/?v2024.3.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',\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 ACTIVITY_TYPE_OPTIONS = [\n  { id: '', label: 'Select Activity Type' },\n  ...(Object.values(EWorksheetActivity).map(\n    activityType =>\n      ({\n        id: activityType,\n        label: activityType,\n      }) as const,\n  ) as Array<{\n    id: EWorksheetActivity;\n    label: string;\n  }>),\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 = encodeURI(\n    `/iframe.html?args=${searchParams.get('args')}&id=${searchParams.get(\n      'id',\n    )}&viewMode=${searchParams.get('viewMode')}&${queryStr}`,\n  );\n\n  return url;\n};\n\nconst logger = (eventName: string, data?: Record<string, unknown>) => {\n  // eslint-disable-next-line no-console\n  console.log('LearnosityPreloader 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(\n  function WorksheetStoryContainer({ 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 [activityType, setActivityType] = useState<EWorksheetActivity | null>(\n      (searchParams.get('activityType') as EWorksheetActivity) ?? null,\n    );\n    const [inClass, setInClass] = useState(searchParams.get('inClass') === 'true' ? true : false);\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        activityType,\n        inClass,\n      });\n    }, [action, activityReference, activityType, configOpened, inClass, 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\n    const handleActivityTypeChange = useCallback((at: string) => {\n      setActivityType(at as EWorksheetActivity);\n    }, []);\n\n    const handleInClassChange = useCallback((_value: string, selected: boolean) => {\n      setInClass(selected);\n    }, []);\n\n    const handleUpdateClick = useCallback(() => {\n      window.location.href = getIframeUrl({\n        configOpened: false,\n        userType,\n        activityReference,\n        action,\n        nodeType,\n        activityType,\n        inClass,\n      });\n    }, [action, activityReference, activityType, inClass, 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              activityType,\n              inClass,\n              questionsSR: worksheetData?.questions_signed_request,\n              itemsSR: worksheetData?.signed_request,\n            },\n          },\n          '*',\n        );\n      }\n    }, [action, activityReference, activityType, configOpened, inClass, nodeType, worksheetData]);\n\n    return (\n      <JourneyProvider appId=\"\" userId=\"\">\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                  activityType={activityType}\n                  worksheetCompleted={userType === 'TEACHER'}\n                  mockEnabled={false}\n                  showHeader\n                  includeGutter={false}\n                  inClass={inClass}\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            <Separator heightX={1.5} />\n            <SearchableSelectInput\n              renderAs=\"primary\"\n              label=\"Activity Type\"\n              value={activityType ?? ''}\n              onChange={handleActivityTypeChange}\n              options={ACTIVITY_TYPE_OPTIONS}\n            />\n            <Separator heightX={1.5} />\n            <CheckboxInput\n              renderAs=\"black\"\n              label=\"In Class\"\n              value=\"inClass\"\n              checked={inClass}\n              onChange={handleInClassChange}\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      </JourneyProvider>\n    );\n  },\n);\n\nexport default WorksheetStoryContainer;\n"],"names":["LEARNOSITY_QUESTIONS_API","LEARNOSITY_QUESTIONS_API_FALLBACK","NODE_TYPE_OPTIONS","nodeType","ACTIVITY_TYPE_OPTIONS","EWorksheetActivity","activityType","InfoIconWrapper","styled","ConfigOptionsWrapper","FlexView","getIframeUrl","args","searchParams","queryStr","queryString","WorksheetComponent","WorksheetStudentStory","WorksheetTeacherStory","memo","userType","Worksheet","useMemo","configOpened","configDisabled","activityReference","setActivityReference","useState","setNodeType","NODE_TYPES","setActivityType","inClass","setInClass","action","questionsSR","itemsSR","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","error","setError","handleInfoClick","useCallback","handleActivityReferenceChange","event","handleNodeTypeChange","nt","handleActivityTypeChange","at","handleInClassChange","_value","selected","handleUpdateClick","fetchWorksheet","useEffect","jsxs","JourneyProvider","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,177 @@
+import { jsx as d, jsxs as A } from "react/jsx-runtime";
+import { useRef as v, useState as G, useCallback as u, useEffect as j } from "react";
+import C from "styled-components";
+import E from "../../../ui/layout/flex-view.js";
+import W from "../../../ui/text/text.js";
+import w from "../../constants/events.js";
+import z from "../../worksheet-preview/hooks/use-worksheet-layout.js";
+import { getActivityMockAttemptId as D } from "../mocks/activity.js";
+import { getMockItemsSignedRequest as F } from "../mocks/signed-requests.js";
+import X from "../worksheet.js";
+import { isSATAssessmentNode as J } from "../worksheet-helpers.js";
+import Y from "./use-canvas-sync-broker-story.js";
+const Z = C(E)`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+`, ee = C(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,
+    activityType: S,
+    isReview: g,
+    worksheetCompleted: _,
+    mockEnabled: m,
+    showHeader: I,
+    includeGutter: R,
+    questionsSignedRequest: P,
+    itemsSignedRequest: H,
+    inClass: L
+  } = r, k = S === "lesson-v3", y = m ? D(s, k) : "attemptId", l = v(null), b = J(s), x = s === "PUZZLE_CARD", $ = z({
+    userType: "STUDENT",
+    isSATAssessment: b,
+    nodeType: s,
+    topOffset: I ? 60 : 0
+  }), [N, O] = G(), K = v((t, e) => {
+    console.log("Worksheet Student Logger:", t, e), t === w.WORKSHEET_V3_ITEMS_FAILED && O(`Failed to load worksheet: ${JSON.stringify(e, null, 2)}`), t === w.WORKSHEET_V3_QUESTION_MISSING_VALIDATION && O(`Question missing validation: ${JSON.stringify(e, null, 2)}`);
+  }), f = u(() => {
+  }, []), M = u(
+    ({ questionId: t, questionNumber: e }) => {
+      alert(`Help requested for Question ${e}: ${t}`);
+    },
+    []
+  ), U = u((t) => {
+    var c, p;
+    const e = (c = window.top) == null ? void 0 : c.document.querySelector(
+      'iframe[src*="worksheet-teacher"]'
+    ), n = (p = e == null ? void 0 : e.contentWindow) == null ? void 0 : p.postMessage, { response: i, responseId: a } = t;
+    n && n({
+      eventName: "WORKSHEET_RESPONSE_CHANGED",
+      eventPayload: {
+        attemptId: "worksheet_attempt_id",
+        responseId: a,
+        response: i
+      }
+    });
+  }, []), q = u((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: B, registerCallback: V, initialStrokesData: Q } = Y(
+    "STUDENT",
+    void 0
+  );
+  return j(() => {
+    window.addEventListener(
+      "message",
+      (t) => {
+        var n, i, a, c, p;
+        const e = t.data;
+        if (e.eventName === "WORKSHEET_RESPONSE_VALIDATED") {
+          const {
+            eventPayload: { responseId: o, rating: T, skipRemainingQuestions: h }
+          } = e;
+          (n = l.current) == null || n.validateQuestion(o, T, h);
+        } else if (e.eventName === "WORKSHEET_OPTIONAL_ITEMS_ASSIGNED") {
+          const {
+            eventPayload: { itemType: o }
+          } = e;
+          (i = l.current) == null || i.assignOptionalItems(o);
+        } else if (e.eventName === "WORKSHEET_OPTIONAL_ITEMS_SKIPPED") {
+          const {
+            eventPayload: { itemType: o }
+          } = e;
+          (a = l.current) == null || a.skipOptionalItems(o);
+        } else if (e.eventName === "WORKSHEET_MEDIA_STATE_UPDATED_BY_TEACHER") {
+          const {
+            eventPayload: { responseId: o, mediaType: T, mediaState: h }
+          } = e;
+          (c = l.current) == null || c.updateMediaState(o, T, h);
+        } else if (e.eventName === "WORKSHEET_QUESTION_RETRY_ALLOWED") {
+          const {
+            eventPayload: { responseId: o }
+          } = e;
+          (p = l.current) == null || p.allowRetry(o);
+        }
+      },
+      !1
+    );
+  }, []), N ? /* @__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: N }) }) })
+    }
+  ) : /* @__PURE__ */ A(E, { $gutterX: R ? 1 : 0, children: [
+    I && /* @__PURE__ */ d(
+      Z,
+      {
+        $background: "WHITE",
+        $height: 60,
+        $alignItems: "center",
+        $justifyContent: "center",
+        $borderColor: "BLACK_T_38",
+        children: /* @__PURE__ */ A(W, { $renderAs: "ah4-bold", children: [
+          "STUDENT: ",
+          s
+        ] })
+      }
+    ),
+    /* @__PURE__ */ d(ee, { $topOffset: $.topOffset, $showBorder: !!R, children: /* @__PURE__ */ d(
+      X,
+      {
+        ref: l,
+        userType: "STUDENT",
+        userId: "student_id",
+        studentId: "student_id",
+        worksheetName: x ? "Discuss your solution in the next class" : "Worksheet Name",
+        attemptId: m ? D(s, k) : y,
+        questionsSignedRequest: P,
+        itemsSignedRequest: m ? F(y) : H,
+        layout: $,
+        loggerRef: K,
+        onLoaded: f,
+        onErrored: f,
+        onResponsesChange: f,
+        onPublishStrokes: B,
+        onReceiveStrokes: V,
+        worksheetCompleted: _,
+        onResponseChange: U,
+        onBulkResponsesChange: q,
+        initialStrokesData: Q,
+        nodeType: s,
+        mode: g ? "review" : "resume",
+        activityType: S,
+        inClass: L,
+        onHelp: M
+      },
+      `${s}-${S}-${g}-${_}-${m}`
+    ) })
+  ] });
+};
+export {
+  Z as HeaderWrapper,
+  ee 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 { useCallback, useEffect, useRef, useState, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport type { EWorksheetActivity, NODE_TYPES } from '../../../../types/models/worksheet';\nimport type { TInclassMessage } from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker-types';\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 { getMockItemsSignedRequest } from '../mocks/signed-requests';\nimport Worksheet from '../worksheet';\nimport { isSATAssessmentNode } from '../worksheet-helpers';\nimport { type IWorksheetCallbackProps, 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\ninterface IWorksheetStudentStoryProps {\n  nodeType: NODE_TYPES;\n  activityType: EWorksheetActivity | null;\n  isReview: boolean;\n  worksheetCompleted: boolean;\n  mockEnabled: boolean;\n  showHeader: boolean;\n  includeGutter: boolean;\n  questionsSignedRequest: string;\n  itemsSignedRequest: string;\n  inClass: boolean;\n}\n\nconst WorksheetStudentStory: FC<IWorksheetStudentStoryProps> = props => {\n  const {\n    nodeType,\n    activityType,\n    isReview,\n    worksheetCompleted,\n    mockEnabled,\n    showHeader,\n    includeGutter,\n    questionsSignedRequest,\n    itemsSignedRequest,\n    inClass,\n  } = props;\n  const isLessonV3 = activityType === 'lesson-v3';\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 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 Student 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 onHelp = useCallback<NonNullable<IWorksheetCallbackProps['onHelp']>>(\n    ({ questionId, questionNumber }) => {\n      alert(`Help requested for Question ${questionNumber}: ${questionId}`);\n    },\n    [],\n  );\n\n  const handleResponseChange = useCallback<\n    NonNullable<IWorksheetCallbackProps['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  const handleBulkResponseChange = useCallback<\n    NonNullable<IWorksheetCallbackProps['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        } else if (message.eventName === 'WORKSHEET_QUESTION_RETRY_ALLOWED') {\n          const {\n            eventPayload: { responseId },\n          } = message;\n\n          ref.current?.allowRetry(responseId);\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        <Worksheet\n          key={`${nodeType}-${activityType}-${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          layout={layout}\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          nodeType={nodeType}\n          mode={isReview ? 'review' : 'resume'}\n          activityType={activityType}\n          inClass={inClass}\n          onHelp={onHelp}\n        />\n      </WorksheetWrapper>\n    </FlexView>\n  );\n};\n\nexport default WorksheetStudentStory;\n"],"names":["HeaderWrapper","styled","FlexView","WorksheetWrapper","$topOffset","$showBorder","WorksheetStudentStory","props","nodeType","activityType","isReview","worksheetCompleted","mockEnabled","showHeader","includeGutter","questionsSignedRequest","itemsSignedRequest","inClass","isLessonV3","attemptId","getActivityMockAttemptId","ref","useRef","isSATAssessment","isSATAssessmentNode","isPuzzleWorksheet","layout","useWorksheetLayout","error","setError","useState","loggerRef","eventName","data","EVENTS","fakeCallback","useCallback","onHelp","questionId","questionNumber","handleResponseChange","options","teacherIframe","_a","postMessage","_b","response","responseId","handleBulkResponseChange","responses","publishStrokes","registerCallback","initialStrokesData","useCanvasSyncBrokerStory","useEffect","event","message","rating","skipRemainingQuestions","itemType","_c","mediaType","mediaState","_d","_e","jsx","Text","jsxs","Worksheet","getMockItemsSignedRequest"],"mappings":"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"}