@cuemath/leap 3.0.22-aa15 → 3.0.22-aa17

package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type {\n  IActionData,\n  IViewport,\n  TCueCanvasChangeDataObject,\n  TCueCanvasGridName,\n  TRenderAs,\n} from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    responseId: string;\n    data: TCueCanvasChangeDataObject;\n    userId: string;\n    height: number;\n    gridName?: TCueCanvasGridName;\n    dimension?: IViewport;\n  };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n  userId: payload.userId,\n  data: payload.data,\n  height: payload.height,\n  responseId: payload.responseId,\n  gridName: payload.gridName,\n  dimension: payload.dimension,\n});\n\nconst useCanvasSyncBroker = (\n  channelId: string,\n  logEvent: (type: string, payload?: Record<string, unknown>) => void,\n  initialCanvasData?: Array<IChannelMessage>,\n  type: TRenderAs = 'canvas',\n) => {\n  const [initialStrokesData, setInitialStrokesData] = useState<Record<string, IActionData[]>>(\n    () => {\n      const map: Record<string, IActionData[]> = {};\n\n      if (!initialCanvasData) return map;\n\n      for (const { message } of initialCanvasData) {\n        const payload = (message.payload as IMessage)?.eventPayload;\n        const qrId = payload?.responseId;\n\n        if (!payload?.responseId) continue;\n\n        const strokeData = extractStrokeData(payload);\n\n        if (qrId && map[qrId]) {\n          map[qrId]?.push(strokeData);\n        } else {\n          map[qrId] = [strokeData];\n        }\n      }\n\n      return map;\n    },\n  );\n  const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: type === 'canvas' ? 0 : 24,\n      logger: logEvent,\n    }),\n    [channelId, logEvent, type],\n  );\n\n  const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n  }, []);\n\n  const onMessageReceive = useCallback(\n    (messages: Array<IChannelMessage>, initialData?: boolean) => {\n      const strokesPerWidgetMap: Record<string, Array<IActionData>> = {};\n\n      messages.forEach(message => {\n        const { payload } = message.message;\n        const { eventPayload } = payload as IMessage;\n        const qrId = eventPayload?.responseId as string;\n        const strokes = eventPayload?.data;\n        const userId = eventPayload?.userId;\n        const canvasHeight = eventPayload?.height;\n        const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n        if (!initialData && widgetOnReceiveCallback) {\n          widgetOnReceiveCallback({\n            data: strokes,\n            height: canvasHeight,\n            userId,\n            responseId: qrId,\n            gridName: eventPayload?.gridName,\n            dimension: eventPayload?.dimension,\n          });\n        } else {\n          const strokeData = extractStrokeData(eventPayload);\n\n          if (qrId && strokesPerWidgetMap[qrId]) {\n            strokesPerWidgetMap[qrId]?.push(strokeData);\n          } else {\n            strokesPerWidgetMap[qrId] = [strokeData];\n          }\n        }\n      });\n\n      if (Object.keys(strokesPerWidgetMap).length > 0) {\n        setInitialStrokesData(prevData => {\n          const currentData = { ...prevData };\n\n          Object.keys(strokesPerWidgetMap).forEach(key => {\n            if (key && currentData[key]) {\n              currentData[key]?.push(...(strokesPerWidgetMap[key] ?? []));\n            } else {\n              currentData[key] = strokesPerWidgetMap[key] ?? [];\n            }\n          });\n\n          return currentData;\n        });\n      }\n    },\n    [],\n  );\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions,\n    consumerFn: onMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.destroyChannel();\n    }\n  }, [channel]);\n\n  return {\n    publishStrokes: publish,\n    channelStatus,\n    closeChannel,\n    initialStrokesData,\n    registerCallback,\n  };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","useCanvasSyncBroker","channelId","logEvent","initialCanvasData","type","initialStrokesData","setInitialStrokesData","useState","map","message","_a","qrId","strokeData","_b","callbacksMapRef","useRef","channelOptions","useMemo","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","prevData","currentData","key","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":"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"}
+{"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type { IActionData, TCueCanvasChangeDataObject } from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    responseId: string;\n    data: TCueCanvasChangeDataObject;\n    userId: string;\n    height: number;\n  };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n  userId: payload.userId,\n  data: payload.data,\n  height: payload.height,\n  responseId: payload.responseId,\n});\n\nconst useCanvasSyncBroker = (\n  channelId: string,\n  logEvent: (type: string, payload?: Record<string, unknown>) => void,\n  initialCanvasData?: Array<IChannelMessage>,\n) => {\n  const [initialStrokesData, setInitialStrokesData] = useState<Record<string, IActionData[]>>(\n    () => {\n      const map: Record<string, IActionData[]> = {};\n\n      if (!initialCanvasData) return map;\n\n      for (const { message } of initialCanvasData) {\n        const payload = (message.payload as IMessage)?.eventPayload;\n        const qrId = payload?.responseId;\n\n        if (!payload?.responseId) continue;\n\n        const strokeData = extractStrokeData(payload);\n\n        if (qrId && map[qrId]) {\n          map[qrId]?.push(strokeData);\n        } else {\n          map[qrId] = [strokeData];\n        }\n      }\n\n      return map;\n    },\n  );\n  const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: 0,\n      logger: logEvent,\n    }),\n    [channelId, logEvent],\n  );\n\n  const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n  }, []);\n\n  const onMessageReceive = useCallback(\n    (messages: Array<IChannelMessage>, initialData?: boolean) => {\n      const strokesPerWidgetMap: Record<string, Array<IActionData>> = {};\n\n      messages.forEach(message => {\n        const { payload } = message.message;\n        const { eventPayload } = payload as IMessage;\n        const qrId = eventPayload?.responseId as string;\n        const strokes = eventPayload?.data;\n        const userId = eventPayload?.userId;\n        const canvasHeight = eventPayload?.height;\n        const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n        if (!initialData && widgetOnReceiveCallback) {\n          widgetOnReceiveCallback({\n            data: strokes,\n            height: canvasHeight,\n            userId,\n            responseId: qrId,\n          });\n        } else {\n          const strokeData = extractStrokeData(eventPayload);\n\n          if (qrId && strokesPerWidgetMap[qrId]) {\n            strokesPerWidgetMap[qrId]?.push(strokeData);\n          } else {\n            strokesPerWidgetMap[qrId] = [strokeData];\n          }\n        }\n      });\n\n      if (Object.keys(strokesPerWidgetMap).length > 0) {\n        setInitialStrokesData(prevData => {\n          const currentData = { ...prevData };\n\n          Object.keys(strokesPerWidgetMap).forEach(key => {\n            if (key && currentData[key]) {\n              currentData[key]?.push(...(strokesPerWidgetMap[key] ?? []));\n            } else {\n              currentData[key] = strokesPerWidgetMap[key] ?? [];\n            }\n          });\n\n          return currentData;\n        });\n      }\n    },\n    [],\n  );\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions,\n    consumerFn: onMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.destroyChannel();\n    }\n  }, [channel]);\n\n  return {\n    publishStrokes: publish,\n    channelStatus,\n    closeChannel,\n    initialStrokesData,\n    registerCallback,\n  };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","useCanvasSyncBroker","channelId","logEvent","initialCanvasData","initialStrokesData","setInitialStrokesData","useState","map","message","_a","qrId","strokeData","_b","callbacksMapRef","useRef","channelOptions","useMemo","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","prevData","currentData","key","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":"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"}

package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js

@@ -1,32 +1,28 @@
-import { useContext as a, useMemo as m } from "react";
-import v from "../cue-canvas-context.js";
-const A = () => {
+import { useContext as c, useMemo as l } from "react";
+import a from "../cue-canvas-context.js";
+const m = () => {
   const {
-    activeInstance: o,
-    setActiveTool: t,
+    activeInstance: t,
+    setActiveTool: o,
     activeTool: e,
-    setActiveInstance: r,
+    setActiveInstance: i,
     activeColor: s,
-    setActiveColor: i,
-    homeworkId: n,
-    setHomeworkId: c
-  } = a(v), l = m(
+    setActiveColor: n
+  } = c(a), r = l(
     () => e ? ["pen", "ruler", "highlighter", "marker"].includes(e) : !1,
     [e]
   );
   return {
-    activeInstance: o,
-    setActiveTool: t,
+    activeInstance: t,
+    setActiveTool: o,
     activeTool: e,
-    setActiveInstance: r,
+    setActiveInstance: i,
     activeColor: s,
-    setActiveColor: i,
-    isWritingToolActive: l,
-    homeworkId: n,
-    setHomeworkId: c
+    setActiveColor: n,
+    isWritingToolActive: r
   };
 };
 export {
-  A as useCueCanvasActions
+  m as useCueCanvasActions
 };
 //# sourceMappingURL=use-cue-canvas-actions.js.map

package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-cue-canvas-actions.js","sources":["../../../../src/features/cue-canvas/hooks/use-cue-canvas-actions.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport PolyContext from '../cue-canvas-context';\n\nexport const useCueCanvasActions = () => {\n  const {\n    activeInstance,\n    setActiveTool,\n    activeTool,\n    setActiveInstance,\n    activeColor,\n    setActiveColor,\n    homeworkId,\n    setHomeworkId,\n  } = useContext(PolyContext);\n\n  const isWritingToolActive = useMemo(\n    () => (activeTool ? ['pen', 'ruler', 'highlighter', 'marker'].includes(activeTool) : false),\n    [activeTool],\n  );\n\n  return {\n    activeInstance,\n    setActiveTool,\n    activeTool,\n    setActiveInstance,\n    activeColor,\n    setActiveColor,\n    isWritingToolActive,\n    homeworkId,\n    setHomeworkId,\n  };\n};\n"],"names":["useCueCanvasActions","activeInstance","setActiveTool","activeTool","setActiveInstance","activeColor","setActiveColor","homeworkId","setHomeworkId","useContext","PolyContext","isWritingToolActive","useMemo"],"mappings":";;AAIO,MAAMA,IAAsB,MAAM;AACjC,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC,EAAWC,CAAW,GAEpBC,IAAsBC;AAAA,IAC1B,MAAOT,IAAa,CAAC,OAAO,SAAS,eAAe,QAAQ,EAAE,SAASA,CAAU,IAAI;AAAA,IACrF,CAACA,CAAU;AAAA,EAAA;AAGN,SAAA;AAAA,IACL,gBAAAF;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAK;AAAA,IACA,YAAAJ;AAAA,IACA,eAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-cue-canvas-actions.js","sources":["../../../../src/features/cue-canvas/hooks/use-cue-canvas-actions.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport PolyContext from '../cue-canvas-context';\n\nexport const useCueCanvasActions = () => {\n  const {\n    activeInstance,\n    setActiveTool,\n    activeTool,\n    setActiveInstance,\n    activeColor,\n    setActiveColor,\n  } = useContext(PolyContext);\n\n  const isWritingToolActive = useMemo(\n    () => (activeTool ? ['pen', 'ruler', 'highlighter', 'marker'].includes(activeTool) : false),\n    [activeTool],\n  );\n\n  return {\n    activeInstance,\n    setActiveTool,\n    activeTool,\n    setActiveInstance,\n    activeColor,\n    setActiveColor,\n    isWritingToolActive,\n  };\n};\n"],"names":["useCueCanvasActions","activeInstance","setActiveTool","activeTool","setActiveInstance","activeColor","setActiveColor","useContext","PolyContext","isWritingToolActive","useMemo"],"mappings":";;AAIO,MAAMA,IAAsB,MAAM;AACjC,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAWC,CAAW,GAEpBC,IAAsBC;AAAA,IAC1B,MAAOP,IAAa,CAAC,OAAO,SAAS,eAAe,QAAQ,EAAE,SAASA,CAAU,IAAI;AAAA,IACrF,CAACA,CAAU;AAAA,EAAA;AAGN,SAAA;AAAA,IACL,gBAAAF;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAG;AAAA,EAAA;AAEJ;"}

package/dist/features/ui/error/error.js

@@ -1,17 +1,17 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import { ILLUSTRATIONS as c } from "../../../assets/illustrations/illustrations.js";
-import d from "../buttons/button/button.js";
-import h from "../image/image.js";
-import i from "../layout/flex-view.js";
-import n from "../text/text.js";
-const $ = ({ height: a, onTryAgain: t, theme: l = "light" }) => {
-  const s = m(() => {
+import { jsxs as o, jsx as r, Fragment as h } from "react/jsx-runtime";
+import { useCallback as g } from "react";
+import { ILLUSTRATIONS as $ } from "../../../assets/illustrations/illustrations.js";
+import p from "../buttons/button/button.js";
+import f from "../image/image.js";
+import n from "../layout/flex-view.js";
+import i from "../text/text.js";
+const w = (a) => {
+  const { height: l, onTryAgain: t, theme: s = "light", title: m, description: c } = a, d = g(() => {
     t ? t() : window.location.reload();
-  }, [t]), e = l === "dark" ? "WHITE_T_87" : "BLACK_T_87";
-  return /* @__PURE__ */ o(i, { $alignItems: "center", $justifyContent: "center", $height: a, children: [
+  }, [t]), e = s === "dark" ? "WHITE_T_87" : "BLACK_T_87";
+  return /* @__PURE__ */ o(n, { $alignItems: "center", $justifyContent: "center", $height: l, children: [
     /* @__PURE__ */ r(
-      i,
+      n,
       {
         $widthX: 22.5,
         $heightX: 11.5,
@@ -20,28 +20,28 @@ const $ = ({ height: a, onTryAgain: t, theme: l = "light" }) => {
         $background: "GREY_1",
         $justifyContent: "center",
         $alignItems: "center",
-        children: /* @__PURE__ */ r(h, { width: 122, height: 100, src: c.ROCKET_BROKEN, withLoader: !1 })
+        children: /* @__PURE__ */ r(f, { width: 122, height: 100, src: $.ROCKET_BROKEN, withLoader: !1 })
       }
     ),
-    /* @__PURE__ */ r(n, { $renderAs: "h4", $marginBottomX: 0.5, $color: e, $align: "center", children: "Oops! Looks like something went wrong" }),
-    /* @__PURE__ */ o(n, { $renderAs: "body2", $align: "center", $marginBottomX: 1.5, $color: e, children: [
+    /* @__PURE__ */ r(i, { $renderAs: "h4", $marginBottomX: 0.5, $color: e, $align: "center", children: m ?? "Oops! Looks like something went wrong" }),
+    /* @__PURE__ */ r(i, { $renderAs: "body2", $align: "center", $marginBottomX: 1.5, $color: e, children: c ?? /* @__PURE__ */ o(h, { children: [
       "Please try again. Alternatively if that does not work,",
       /* @__PURE__ */ r("br", {}),
       " please contact support."
-    ] }),
+    ] }) }),
     /* @__PURE__ */ r(
-      d,
+      p,
       {
         label: "Try again",
-        onClick: s,
+        onClick: d,
         renderAs: "primary",
         size: "small",
         widthX: 14
       }
     )
   ] });
-}, T = $;
+}, b = w;
 export {
-  T as default
+  b as default
 };
 //# sourceMappingURL=error.js.map

package/dist/features/ui/error/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../../../../src/features/ui/error/error.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../buttons/button/button';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\ninterface IErrorProps {\n  onTryAgain?: () => void;\n  height?: string | number;\n  theme?: 'light' | 'dark';\n}\n\nconst Error: React.FC<IErrorProps> = ({ height, onTryAgain, theme = 'light' }) => {\n  const handleTryAgain = useCallback(() => {\n    if (onTryAgain) {\n      onTryAgain();\n    } else {\n      window.location.reload();\n    }\n  }, [onTryAgain]);\n\n  const textColor = theme === 'dark' ? 'WHITE_T_87' : 'BLACK_T_87';\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height={height}>\n      <FlexView\n        $widthX={22.5}\n        $heightX={11.5}\n        $borderRadiusX={1}\n        $marginBottomX={1.5}\n        $background=\"GREY_1\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Image width={122} height={100} src={ILLUSTRATIONS.ROCKET_BROKEN} withLoader={false} />\n      </FlexView>\n      <Text $renderAs=\"h4\" $marginBottomX={0.5} $color={textColor} $align=\"center\">\n        Oops! Looks like something went wrong\n      </Text>\n      <Text $renderAs=\"body2\" $align=\"center\" $marginBottomX={1.5} $color={textColor}>\n        Please try again. Alternatively if that does not work,\n        <br /> please contact support.\n      </Text>\n      <Button\n        label=\"Try again\"\n        onClick={handleTryAgain}\n        renderAs=\"primary\"\n        size=\"small\"\n        widthX={14}\n      />\n    </FlexView>\n  );\n};\n\nexport default Error;\n"],"names":["Error","height","onTryAgain","theme","handleTryAgain","useCallback","textColor","FlexView","jsx","Image","ILLUSTRATIONS","Text","jsxs","Button","Error$1"],"mappings":";;;;;;;AAcA,MAAMA,IAA+B,CAAC,EAAE,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,IAAQ,cAAc;AAC1E,QAAAC,IAAiBC,EAAY,MAAM;AACvC,IAAIH,IACSA,MAEX,OAAO,SAAS;EAClB,GACC,CAACA,CAAU,CAAC,GAETI,IAAYH,MAAU,SAAS,eAAe;AAEpD,2BACGI,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,SAASN,GAC/D,UAAA;AAAA,IAAA,gBAAAO;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA,gBAAAC,EAACC,GAAM,EAAA,OAAO,KAAK,QAAQ,KAAK,KAAKC,EAAc,eAAe,YAAY,GAAO,CAAA;AAAA,MAAA;AAAA,IACvF;AAAA,IACA,gBAAAF,EAACG,GAAK,EAAA,WAAU,MAAK,gBAAgB,KAAK,QAAQL,GAAW,QAAO,UAAS,UAE7E,wCAAA,CAAA;AAAA,IACA,gBAAAM,EAACD,KAAK,WAAU,SAAQ,QAAO,UAAS,gBAAgB,KAAK,QAAQL,GAAW,UAAA;AAAA,MAAA;AAAA,wBAE7E,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,GACR;AAAA,IACA,gBAAAE;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAST;AAAA,QACT,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAU,IAAed;"}
+{"version":3,"file":"error.js","sources":["../../../../src/features/ui/error/error.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../buttons/button/button';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\ninterface IErrorProps {\n  onTryAgain?: () => void;\n  height?: string | number;\n  theme?: 'light' | 'dark';\n  title?: string;\n  description?: string;\n}\n\nconst Error: React.FC<IErrorProps> = props => {\n  const { height, onTryAgain, theme = 'light', title, description } = props;\n  const handleTryAgain = useCallback(() => {\n    if (onTryAgain) {\n      onTryAgain();\n    } else {\n      window.location.reload();\n    }\n  }, [onTryAgain]);\n\n  const textColor = theme === 'dark' ? 'WHITE_T_87' : 'BLACK_T_87';\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height={height}>\n      <FlexView\n        $widthX={22.5}\n        $heightX={11.5}\n        $borderRadiusX={1}\n        $marginBottomX={1.5}\n        $background=\"GREY_1\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Image width={122} height={100} src={ILLUSTRATIONS.ROCKET_BROKEN} withLoader={false} />\n      </FlexView>\n      <Text $renderAs=\"h4\" $marginBottomX={0.5} $color={textColor} $align=\"center\">\n        {title ?? 'Oops! Looks like something went wrong'}\n      </Text>\n      <Text $renderAs=\"body2\" $align=\"center\" $marginBottomX={1.5} $color={textColor}>\n        {description ?? (\n          <>\n            Please try again. Alternatively if that does not work,\n            <br /> please contact support.\n          </>\n        )}\n      </Text>\n      <Button\n        label=\"Try again\"\n        onClick={handleTryAgain}\n        renderAs=\"primary\"\n        size=\"small\"\n        widthX={14}\n      />\n    </FlexView>\n  );\n};\n\nexport default Error;\n"],"names":["Error","props","height","onTryAgain","theme","title","description","handleTryAgain","useCallback","textColor","FlexView","jsx","Image","ILLUSTRATIONS","Text","jsxs","Fragment","Button","Error$1"],"mappings":";;;;;;;AAgBA,MAAMA,IAA+B,CAASC,MAAA;AAC5C,QAAM,EAAE,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,IAAQ,SAAS,OAAAC,GAAO,aAAAC,EAAgB,IAAAL,GAC9DM,IAAiBC,EAAY,MAAM;AACvC,IAAIL,IACSA,MAEX,OAAO,SAAS;EAClB,GACC,CAACA,CAAU,CAAC,GAETM,IAAYL,MAAU,SAAS,eAAe;AAEpD,2BACGM,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,SAASR,GAC/D,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA,gBAAAC,EAACC,GAAM,EAAA,OAAO,KAAK,QAAQ,KAAK,KAAKC,EAAc,eAAe,YAAY,GAAO,CAAA;AAAA,MAAA;AAAA,IACvF;AAAA,IACA,gBAAAF,EAACG,GAAK,EAAA,WAAU,MAAK,gBAAgB,KAAK,QAAQL,GAAW,QAAO,UACjE,UAAAJ,KAAS,wCACZ,CAAA;AAAA,IACA,gBAAAM,EAACG,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,gBAAgB,KAAK,QAAQL,GAClE,UAAAH,KACG,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA;AAAA,wBAEC,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,EAAA,CACR,EAEJ,CAAA;AAAA,IACA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASV;AAAA,QACT,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAW,IAAelB;"}

package/dist/features/ui/stepper/stepper.js

@@ -1,14 +1,14 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import l from "../../../assets/line-icons/icons/check.js";
-import m from "../text/text.js";
+import m from "../../../assets/line-icons/icons/check.js";
+import h from "../text/text.js";
 import { getTheme as p } from "../theme/get-theme.js";
 import { MainWrapper as a, HorizontalLine as d, Wrapper as g, NumberWrapper as f, StyledText as s } from "./stepper-styled.js";
 const { layout: u } = p(), { gutter: i } = u;
-function W({ stepsInfo: n = [], currentStep: e = 2 }) {
+function j({ stepsInfo: n = [], currentStep: e = 2 }) {
   const c = n.length && e >= 1 ? (e - 1) / n.length * 100 : 0;
   return /* @__PURE__ */ o(a, { $flexDirection: "row", $width: "fit-content", $gutterX: 0.625, $gapX: 0.625, children: [
     /* @__PURE__ */ t(d, { $percentageCompleted: c, $height: 1 }),
-    n.map(({ id: $, label: h }, r) => /* @__PURE__ */ o(
+    n.map(({ id: $, label: l }, r) => /* @__PURE__ */ o(
       g,
       {
         $flexDirection: "row",
@@ -25,10 +25,10 @@ function W({ stepsInfo: n = [], currentStep: e = 2 }) {
               $justifyContent: "center",
               $heightX: 1.25,
               $widthX: 1.25,
-              children: r + 1 < e ? /* @__PURE__ */ t(l, { height: i, width: i }) : /* @__PURE__ */ t(m, { $renderAs: "body3", $color: "WHITE", children: $ })
+              children: r + 1 < e ? /* @__PURE__ */ t(m, { height: i, width: i }) : /* @__PURE__ */ t(h, { $renderAs: "body3", $color: "WHITE", children: $ })
             }
           ),
-          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: h })
+          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: l })
         ]
       },
       r
@@ -36,6 +36,6 @@ function W({ stepsInfo: n = [], currentStep: e = 2 }) {
   ] });
 }
 export {
-  W as default
+  j as default
 };
 //# sourceMappingURL=stepper.js.map

package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js

@@ -1,36 +1,33 @@
-import { useRef as h, useEffect as f, useCallback as k } from "react";
-import { useAwsSignedKey as I } from "../api/subjective-review.js";
-import S from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const C = (y) => {
-  const { studentId: t, query: o, enabled: r = !0 } = y, { data: s, get: d } = I(), c = h(s);
-  return f(() => {
-    c.current = s;
-  }, [s]), f(() => {
-    r && t && d(t, o);
-  }, [o, d, t, r]), k(
-    async ({ images: g, onSuccess: n, onError: p, fileKey: w, fileName: K }) => {
-      const a = c.current;
+import { useEffect as g, useCallback as w } from "react";
+import { useAwsSignedKey as S } from "../api/subjective-review.js";
+import h from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const A = (c) => {
+  const { studentId: t, query: o } = c, { data: a, get: s } = S();
+  return g(() => {
+    s(t, o);
+  }, [o, s, t]), w(
+    async ({ images: d, onSuccess: i, onError: l, fileKey: u, fileName: m }) => {
       if (!a) return;
-      const i = `https://${a.bucketName}.s3.amazonaws.com/`;
+      const r = `https://${a.bucketName}.s3.amazonaws.com/`;
       try {
-        const l = g.map(async (b) => {
-          const e = new FormData(), m = `${w}${K ?? S()}`;
-          if (e.append("key", m), e.append("AWSAccessKeyId", a.awsKey), e.append("acl", "public-read"), e.append("success_action_redirect", ""), e.append("policy", a.policy), e.append("signature", a.signature), e.append("Content-Type", "image/jpeg"), e.append("file", b.file), !(await fetch(i, {
+        const n = d.map(async (f) => {
+          const e = new FormData(), p = `${u}${m ?? h()}`;
+          if (e.append("key", p), e.append("AWSAccessKeyId", a.awsKey), e.append("acl", "public-read"), e.append("success_action_redirect", ""), e.append("policy", a.policy), e.append("signature", a.signature), e.append("Content-Type", "image/jpeg"), e.append("file", f.file), !(await fetch(r, {
             method: "POST",
             body: e
           })).ok)
             throw new Error("Upload failed");
-          return `${i}${m}`;
-        }), u = await Promise.all(l);
-        return n == null || n(u), u;
+          return `${r}${p}`;
+        }), y = await Promise.all(n);
+        i(y);
       } catch {
-        p == null || p();
+        l();
       }
     },
-    []
+    [a]
   );
 };
 export {
-  C as default
+  A as default
 };
 //# sourceMappingURL=use-s3-helper.js.map

package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-s3-helper.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-s3-helper.ts"],"sourcesContent":["import type { IFile } from '../worksheet-question/subjective-review';\n\nimport { useCallback, useEffect, useRef } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useAwsSignedKey } from '../api/subjective-review';\n\ninterface IUseS3helperProps {\n  studentId: string;\n  query: {\n    type: string;\n  };\n  enabled?: boolean;\n}\n\ninterface IUploadImageProps {\n  images: IFile[];\n  onSuccess?: (urls: string[]) => void;\n  onError?: () => void;\n  fileKey: string;\n  fileName?: string;\n}\n\nconst useS3ImageUploadHelper = (props: IUseS3helperProps) => {\n  const { studentId, query, enabled = true } = props;\n  const { data, get: getAwsSignedKey } = useAwsSignedKey();\n  const awsSignedKeyRef = useRef(data);\n\n  useEffect(() => {\n    awsSignedKeyRef.current = data;\n  }, [data]);\n\n  useEffect(() => {\n    if (enabled && studentId) {\n      getAwsSignedKey(studentId, query);\n    }\n  }, [query, getAwsSignedKey, studentId, enabled]);\n\n  const uploadImagesToS3 = useCallback(\n    async ({ images, onSuccess, onError, fileKey, fileName }: IUploadImageProps) => {\n      const awsSignedKey = awsSignedKeyRef.current;\n\n      if (!awsSignedKey) return;\n\n      const url = `https://${awsSignedKey.bucketName}.s3.amazonaws.com/`;\n\n      try {\n        const uploadPromises = images.map(async (item: { file: string | Blob }) => {\n          const formData = new FormData();\n          const key = `${fileKey}${fileName ?? uuidv4()}`;\n\n          formData.append('key', key);\n          formData.append('AWSAccessKeyId', awsSignedKey.awsKey);\n          formData.append('acl', 'public-read');\n          formData.append('success_action_redirect', '');\n          formData.append('policy', awsSignedKey.policy);\n          formData.append('signature', awsSignedKey.signature);\n          formData.append('Content-Type', 'image/jpeg');\n          formData.append('file', item.file);\n\n          const res = await fetch(url, {\n            method: 'POST',\n            body: formData,\n          });\n\n          if (!res.ok) {\n            throw new Error('Upload failed');\n          }\n\n          return `${url}${key}`;\n        });\n\n        const uploadedUrls = await Promise.all(uploadPromises);\n\n        onSuccess?.(uploadedUrls);\n\n        return uploadedUrls;\n      } catch (error) {\n        onError?.();\n      }\n    },\n    [],\n  );\n\n  return uploadImagesToS3;\n};\n\nexport default useS3ImageUploadHelper;\n"],"names":["useS3ImageUploadHelper","props","studentId","query","enabled","data","getAwsSignedKey","useAwsSignedKey","awsSignedKeyRef","useRef","useEffect","useCallback","images","onSuccess","onError","fileKey","fileName","awsSignedKey","url","uploadPromises","item","formData","key","uuidv4","uploadedUrls"],"mappings":";;;AAuBM,MAAAA,IAAyB,CAACC,MAA6B;AAC3D,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,OAASH,GACvC,EAAE,MAAAI,GAAM,KAAKC,MAAoBC,EAAgB,GACjDC,IAAkBC,EAAOJ,CAAI;AAEnC,SAAAK,EAAU,MAAM;AACd,IAAAF,EAAgB,UAAUH;AAAA,EAAA,GACzB,CAACA,CAAI,CAAC,GAETK,EAAU,MAAM;AACd,IAAIN,KAAWF,KACbI,EAAgBJ,GAAWC,CAAK;AAAA,KAEjC,CAACA,GAAOG,GAAiBJ,GAAWE,CAAO,CAAC,GAEtBO;AAAA,IACvB,OAAO,EAAE,QAAAC,GAAQ,WAAAC,GAAW,SAAAC,GAAS,SAAAC,GAAS,UAAAC,QAAkC;AAC9E,YAAMC,IAAeT,EAAgB;AAErC,UAAI,CAACS,EAAc;AAEb,YAAAC,IAAM,WAAWD,EAAa,UAAU;AAE1C,UAAA;AACF,cAAME,IAAiBP,EAAO,IAAI,OAAOQ,MAAkC;AACnE,gBAAAC,IAAW,IAAI,YACfC,IAAM,GAAGP,CAAO,GAAGC,KAAYO,EAAQ,CAAA;AAgBzC,cAdKF,EAAA,OAAO,OAAOC,CAAG,GACjBD,EAAA,OAAO,kBAAkBJ,EAAa,MAAM,GAC5CI,EAAA,OAAO,OAAO,aAAa,GAC3BA,EAAA,OAAO,2BAA2B,EAAE,GACpCA,EAAA,OAAO,UAAUJ,EAAa,MAAM,GACpCI,EAAA,OAAO,aAAaJ,EAAa,SAAS,GAC1CI,EAAA,OAAO,gBAAgB,YAAY,GACnCA,EAAA,OAAO,QAAQD,EAAK,IAAI,GAO7B,EALQ,MAAM,MAAMF,GAAK;AAAA,YAC3B,QAAQ;AAAA,YACR,MAAMG;AAAA,UAAA,CACP,GAEQ;AACD,kBAAA,IAAI,MAAM,eAAe;AAG1B,iBAAA,GAAGH,CAAG,GAAGI,CAAG;AAAA,QAAA,CACpB,GAEKE,IAAe,MAAM,QAAQ,IAAIL,CAAc;AAErD,eAAAN,KAAA,QAAAA,EAAYW,IAELA;AAAA,cACO;AACJ,QAAAV,KAAA,QAAAA;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EAAA;AAIL;"}
+{"version":3,"file":"use-s3-helper.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-s3-helper.ts"],"sourcesContent":["import type { IFile } from '../worksheet-question/subjective-review';\n\nimport { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useAwsSignedKey } from '../api/subjective-review';\n\ninterface IUseS3helper {\n  (params: {\n    studentId: string;\n    query: {\n      type: string;\n    };\n  }): (props: IUploadImageProps) => void;\n}\n\ninterface IUploadImageProps {\n  images: IFile[];\n  onSuccess: (urls: string[]) => void;\n  onError: () => void;\n  fileKey: string;\n  fileName?: string;\n}\n\nconst useS3ImageUploadHelper: IUseS3helper = props => {\n  const { studentId, query } = props;\n  const { data: awsSignedKey, get: getAwsSignedKey } = useAwsSignedKey();\n\n  useEffect(() => {\n    getAwsSignedKey(studentId, query);\n  }, [query, getAwsSignedKey, studentId]);\n\n  const uploadImagesToS3 = useCallback(\n    async ({ images, onSuccess, onError, fileKey, fileName }: IUploadImageProps) => {\n      if (!awsSignedKey) return;\n\n      const url = `https://${awsSignedKey.bucketName}.s3.amazonaws.com/`;\n\n      try {\n        const uploadPromises = images.map(async (item: { file: string | Blob }) => {\n          const formData = new FormData();\n          const key = `${fileKey}${fileName ?? uuidv4()}`;\n\n          formData.append('key', key);\n          formData.append('AWSAccessKeyId', awsSignedKey.awsKey);\n          formData.append('acl', 'public-read');\n          formData.append('success_action_redirect', '');\n          formData.append('policy', awsSignedKey.policy);\n          formData.append('signature', awsSignedKey.signature);\n          formData.append('Content-Type', 'image/jpeg');\n          formData.append('file', item.file);\n\n          const res = await fetch(url, {\n            method: 'POST',\n            body: formData,\n          });\n\n          if (!res.ok) {\n            throw new Error('Upload failed');\n          }\n\n          return `${url}${key}`;\n        });\n\n        const uploadedUrls = await Promise.all(uploadPromises);\n\n        onSuccess(uploadedUrls);\n      } catch (error) {\n        onError();\n      }\n    },\n    [awsSignedKey],\n  );\n\n  return uploadImagesToS3;\n};\n\nexport default useS3ImageUploadHelper;\n"],"names":["useS3ImageUploadHelper","props","studentId","query","awsSignedKey","getAwsSignedKey","useAwsSignedKey","useEffect","useCallback","images","onSuccess","onError","fileKey","fileName","url","uploadPromises","item","formData","key","uuidv4","uploadedUrls"],"mappings":";;;AAwBA,MAAMA,IAAuC,CAASC,MAAA;AAC9C,QAAA,EAAE,WAAAC,GAAW,OAAAC,EAAU,IAAAF,GACvB,EAAE,MAAMG,GAAc,KAAKC,EAAA,IAAoBC;AAErD,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAgBH,GAAWC,CAAK;AAAA,EAC/B,GAAA,CAACA,GAAOE,GAAiBH,CAAS,CAAC,GAEbM;AAAA,IACvB,OAAO,EAAE,QAAAC,GAAQ,WAAAC,GAAW,SAAAC,GAAS,SAAAC,GAAS,UAAAC,QAAkC;AAC9E,UAAI,CAACT,EAAc;AAEb,YAAAU,IAAM,WAAWV,EAAa,UAAU;AAE1C,UAAA;AACF,cAAMW,IAAiBN,EAAO,IAAI,OAAOO,MAAkC;AACnE,gBAAAC,IAAW,IAAI,YACfC,IAAM,GAAGN,CAAO,GAAGC,KAAYM,EAAQ,CAAA;AAgBzC,cAdKF,EAAA,OAAO,OAAOC,CAAG,GACjBD,EAAA,OAAO,kBAAkBb,EAAa,MAAM,GAC5Ca,EAAA,OAAO,OAAO,aAAa,GAC3BA,EAAA,OAAO,2BAA2B,EAAE,GACpCA,EAAA,OAAO,UAAUb,EAAa,MAAM,GACpCa,EAAA,OAAO,aAAab,EAAa,SAAS,GAC1Ca,EAAA,OAAO,gBAAgB,YAAY,GACnCA,EAAA,OAAO,QAAQD,EAAK,IAAI,GAO7B,EALQ,MAAM,MAAMF,GAAK;AAAA,YAC3B,QAAQ;AAAA,YACR,MAAMG;AAAA,UAAA,CACP,GAEQ;AACD,kBAAA,IAAI,MAAM,eAAe;AAG1B,iBAAA,GAAGH,CAAG,GAAGI,CAAG;AAAA,QAAA,CACpB,GAEKE,IAAe,MAAM,QAAQ,IAAIL,CAAc;AAErD,QAAAL,EAAUU,CAAY;AAAA,cACR;AACN,QAAAT;MACV;AAAA,IACF;AAAA,IACA,CAACP,CAAY;AAAA,EAAA;AAIjB;"}

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

@@ -1,8 +1,8 @@
 import b from "../../../assets/line-icons/icons/bulb2.js";
-import O from "../../../assets/line-icons/icons/edit-star.js";
-import R from "../../../assets/line-icons/icons/edit2.js";
-import k from "../../../assets/line-icons/icons/question-letter.js";
-import C from "../../../assets/line-icons/icons/star2.js";
+import R from "../../../assets/line-icons/icons/edit-star.js";
+import k from "../../../assets/line-icons/icons/edit2.js";
+import C from "../../../assets/line-icons/icons/question-letter.js";
+import O from "../../../assets/line-icons/icons/star2.js";
 import w from "../constants/events.js";
 import { OPTIONAL_ITEM_TYPES as A, ACTION_BAR_HEIGHT as N, QUESTION_WIDTH as y, SPLIT_QUESTION_WIDTH as Q } from "./constants.js";
 import { QUESTION_TAGS as E } from "./worksheet-types.js";
@@ -36,17 +36,17 @@ const x = (e) => {
   const r = e.toLowerCase();
   return r === "intro" || r === "concept-intro";
 }, I = (e) => e.reduce((r, t) => {
-  const [n, s] = t.split(":"), a = n == null ? void 0 : n.trim(), c = s == null ? void 0 : s.trim();
-  return !a || !c ? r : {
+  const [n, s] = t.split(":"), o = n == null ? void 0 : n.trim(), c = s == null ? void 0 : s.trim();
+  return !o || !c ? r : {
     ...r,
-    [a.toLowerCase()]: c
+    [o.toLowerCase()]: c
   };
 }, {}), Y = (e, { sectioned: r = !1, adaptive: t = !1 }) => {
   if (r)
-    return e.reduce((s, a, c) => {
+    return e.reduce((s, o, c) => {
       var T;
       let d = !1;
-      const { content: u, questions: i, itemType: o } = a, l = x(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, p = u.match(/question-[^"]*/g), _ = p == null ? void 0 : p.map((f, h) => {
+      const { content: u, questions: i, itemType: a } = o, l = x(a), 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, p = u.match(/question-[^"]*/g), _ = p == null ? void 0 : p.map((f, h) => {
         const v = i.find(
           ({ response_id: S }) => S === f.replace("question-", "")
         );
@@ -56,20 +56,20 @@ const x = (e) => {
           ...v,
           // 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,
+          item_reference: o.reference,
           item_number: c,
           item_display_number: g,
           section_name: l,
-          item_type: r ? o : void 0,
-          is_optional: o ? A.includes(o) : !1,
-          item_tags: a.tags ?? [],
-          item_tags_map: I(a.tags ?? []),
+          item_type: r ? a : void 0,
+          is_optional: a ? A.includes(a) : !1,
+          item_tags: o.tags ?? [],
+          item_tags_map: I(o.tags ?? []),
           question_number: h - (d ? 1 : 0),
           total_questions: p.length
         };
       });
       if (d = !1, _ != null && _[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;
+        const f = (T = e[c - 1]) == null ? void 0 : T.itemType, h = a != null && a.startsWith("advanced-") ? "advanced" : a, v = f != null && f.startsWith("advanced-") ? "advanced" : f;
         if ((h === "practice-basic" || h === "practice-regular" || h === "exit-ticket" || h === "advanced") && h !== v)
           return [
             ...s,
@@ -82,16 +82,16 @@ const x = (e) => {
                 solution: void 0
               },
               instructor_stimulus: "SystemIntro",
-              response_id: `${o}-system-intro`,
-              is_optional: o == null ? void 0 : o.startsWith("advanced-")
+              response_id: `${a}-system-intro`,
+              is_optional: a == null ? void 0 : a.startsWith("advanced-")
             },
             ..._ ?? []
           ];
       }
       return [...s, ..._ ?? []];
     }, []);
-  const n = e.reduce((s, a, c) => {
-    const { content: d, questions: u } = a, i = d.match(/question-[^"]*/g), o = i == null ? void 0 : i.map(
+  const n = e.reduce((s, o, c) => {
+    const { content: d, questions: u } = o, i = d.match(/question-[^"]*/g), a = i == null ? void 0 : i.map(
       (l, m) => {
         const g = u.find(
           ({ response_id: p }) => p === l.replace("question-", "")
@@ -101,29 +101,29 @@ const x = (e) => {
         return {
           ...g,
           feedback_attempts: void 0,
-          item_reference: a.reference,
+          item_reference: o.reference,
           item_number: c,
           item_display_number: c + 1,
-          item_tags: a.tags ?? [],
-          item_tags_map: I(a.tags ?? []),
+          item_tags: o.tags ?? [],
+          item_tags_map: I(o.tags ?? []),
           question_number: m,
           total_questions: i.length
         };
       }
     );
-    return [...s, ...o ?? []];
+    return [...s, ...a ?? []];
   }, []);
   if (t) {
-    const s = [], a = {};
+    const s = [], o = {};
     return n.sort((c, d) => {
       var m, g;
       const u = c.item_tags_map[E.TRIAL_TOPIC], i = d.item_tags_map[E.TRIAL_TOPIC];
-      if (u && a[u] === void 0 && (a[u] = s.length, s.push(u)), i && a[i] === void 0 && (a[i] = s.length, s.push(i)), !u || !i)
+      if (u && o[u] === void 0 && (o[u] = s.length, s.push(u)), i && o[i] === void 0 && (o[i] = s.length, s.push(i)), !u || !i)
         return 0;
-      const o = `${a[u]}-${((m = c.item_tags_map[E.QUESTION_CODE]) == null ? void 0 : m.length) ?? 0}`, l = `${a[i]}-${((g = d.item_tags_map[E.QUESTION_CODE]) == null ? void 0 : g.length) ?? 0}`;
-      return o > l ? 1 : -1;
+      const a = `${o[u]}-${((m = c.item_tags_map[E.QUESTION_CODE]) == null ? void 0 : m.length) ?? 0}`, l = `${o[i]}-${((g = d.item_tags_map[E.QUESTION_CODE]) == null ? void 0 : g.length) ?? 0}`;
+      return a > l ? 1 : -1;
     }).map((c) => {
-      const d = a[c.item_tags_map[E.TRIAL_TOPIC] ?? ""] ?? 0, u = c.item_tags_map[E.QUESTION_CODE] ?? "";
+      const d = o[c.item_tags_map[E.TRIAL_TOPIC] ?? ""] ?? 0, u = c.item_tags_map[E.QUESTION_CODE] ?? "";
       return {
         ...c,
         item_display_number: d * 3 + u.length
@@ -139,11 +139,11 @@ const x = (e) => {
   lastUnlockedQuestionIndex: s
 }) => {
   var d, u;
-  const a = e.slice(0, s + 1), c = e[s];
-  if (t && a.find((i) => i.response_id === t))
+  const o = e.slice(0, s + 1), c = e[s];
+  if (t && o.find((i) => i.response_id === t))
     return t;
   if (typeof n == "number" && n <= c.item_number) {
-    const i = e.find((o) => o.item_number === n);
+    const i = e.find((a) => a.item_number === n);
     if (i != null && i.response_id)
       return i.response_id;
   }
@@ -160,35 +160,35 @@ const x = (e) => {
   behavior: t,
   userType: n
 }) => {
-  const { maximumAttempts: s, teacherValidationEnabled: a, validation: c, navigationMode: d } = t, u = [...e].reverse().findIndex((i) => {
+  const { maximumAttempts: s, teacherValidationEnabled: o, validation: c, navigationMode: d } = t, u = [...e].reverse().findIndex((i) => {
     var _;
-    const o = r[i.response_id], { attemptsHistory: l, validatedByTeacher: m, assignStatus: g } = o ?? {};
-    if (a)
+    const a = r[i.response_id], { attemptsHistory: l, validatedByTeacher: m, assignStatus: g } = a ?? {};
+    if (o)
       return !!(m || g === "skipped");
     const p = (_ = l == null ? void 0 : l.slice(-1)[0]) == null ? void 0 : _.score;
-    return p ? (p.score ?? 0) === p.max_score ? !0 : ((l == null ? void 0 : l.length) ?? 0) >= s : !!(!c && d === "LINEAR" && (o != null && o.response || o != null && o.skipped));
+    return p ? (p.score ?? 0) === p.max_score ? !0 : ((l == null ? void 0 : l.length) ?? 0) >= s : !!(!c && d === "LINEAR" && (a != null && a.response || a != null && a.skipped));
   });
   if (u === -1)
     return 0;
   if (u === 0) {
-    if (a) {
-      const i = [...e].reverse().findIndex((o) => {
+    if (o) {
+      const i = [...e].reverse().findIndex((a) => {
         var l;
-        return ((l = r[o.response_id]) == null ? void 0 : l.assignStatus) !== "skipped";
+        return ((l = r[a.response_id]) == null ? void 0 : l.assignStatus) !== "skipped";
       });
       return e.length - i - 1;
     }
     return e.length - 1;
   }
-  if (a && n === "STUDENT") {
-    const i = e.length - u, o = e[i], { assignStatus: l } = r[o.response_id] ?? {};
-    return o.is_optional && !l ? i - 1 : i;
+  if (o && n === "STUDENT") {
+    const i = e.length - u, a = e[i], { assignStatus: l } = r[a.response_id] ?? {};
+    return a.is_optional && !l ? i - 1 : i;
   }
   return e.length - u;
 };
 function M(e, r) {
   var n, s;
-  const t = Array.isArray(e) ? e.find((a) => a.response_id === r) : e;
+  const t = Array.isArray(e) ? e.find((o) => o.response_id === r) : e;
   if (!t)
     throw new Error(`Question with id ${r} not found`);
   return {
@@ -206,22 +206,22 @@ function M(e, r) {
     }
   };
 }
-const K = (e) => e.reduce(
+const z = (e) => e.reduce(
   (r, t) => ({
     ...r,
     [t.response_id]: M(e, t.response_id)
   }),
   {}
-), X = (e, r) => {
+), K = (e, r) => {
   const { actionBar: t } = r;
   return {
     questionsContainerWidth: !e.some(
-      (a) => a.questions.some((c) => c.stimulus_review)
+      (o) => o.questions.some((c) => c.stimulus_review)
     ) ? y : Q,
     maxQuestionWidth: y,
     actionbarHeight: t === "bottom" ? N : 0
   };
-}, z = ({
+}, X = ({
   questions: e,
   lastUnlockedQuestionIndex: r,
   userType: t
@@ -343,22 +343,22 @@ const K = (e) => e.reduce(
     default:
       return "";
   }
-}, oe = (e) => {
+}, ae = (e) => {
   switch (e) {
     case "learning":
       return b;
     case "practice-basic":
-      return R;
+      return k;
     case "practice-regular":
-      return O;
+      return R;
     case "exit-ticket":
-      return k;
-    case "advanced":
       return C;
+    case "advanced":
+      return O;
     default:
       return b;
   }
-}, ae = (e, r) => {
+}, oe = (e) => Array.isArray(e.value) ? e.value.some((t) => typeof t == "string" && t.length > 100) : !1, ie = (e, r) => {
   const t = e === "TEACHER";
   return r ? {
     bannerBackgroundColor: "GREEN_4",
@@ -369,20 +369,21 @@ const K = (e) => e.reduce(
   };
 };
 export {
+  oe as checkIsClozeFormulaResponseInvalid,
   J as getInitialQuestionId,
-  K as getInitialResponses,
+  z as getInitialResponses,
   V as getLastUnlockedQuestionIndex,
   re as getNavigationSectionBackgroundColor,
-  oe as getNavigationSectionIcon,
+  ae as getNavigationSectionIcon,
   ne as getNavigationSectionName,
   q as getPaperColorByQuestion,
   ee as getQuestionBackgroundImage,
   te as getQuestionBorderColor,
   M as getQuestionMetadata,
   Y as getQuestionsFromItems,
-  z as getRenderableQuestions,
-  X as getWorksheetDimensions,
-  ae as getWorksheetNudgeBannerInfo,
+  X as getRenderableQuestions,
+  K as getWorksheetDimensions,
+  ie as getWorksheetNudgeBannerInfo,
   L as isConceptIntroWidget,
   U as isOkayTypeQuestion,
   j as scrollToQuestion,