@cuemath/leap 3.1.7 → 3.1.8-aa1

package/dist/features/ui/buttons/button/button-styled.js

@@ -1,16 +1,16 @@
 import u from "styled-components";
 import x from "../../text/text.js";
-const d = u.button(
-  ({ theme: c, $width: e, $widthX: i, $alignSelf: o, $justifyContent: t, $renderAs: a, $size: n, $shape: $ }) => {
-    const { button: b, colors: r, layout: p } = c, { backgroundColorName: s, borderColorName: l } = b.variants[a], { height: v, paddingHorizontal: g, borderWidth: h } = b.sizes[n];
+const s = u.button(
+  ({ theme: c, $width: t, $widthX: i, $alignSelf: o, $justifyContent: e, $renderAs: a, $size: n, $shape: $ }) => {
+    const { button: b, colors: r, layout: p } = c, { backgroundColorName: d, borderColorName: l } = b.variants[a], { height: v, paddingHorizontal: g, borderWidth: h } = b.sizes[n];
     return `
       position: relative;
       display: flex;
-      justify-content: ${t};
+      justify-content: ${e};
       align-items: center;
       ${o ? `align-self: ${o};` : ""}
       
-      width: ${e ? `${e}px` : "auto"};
+      width: ${t ? `${t}` : "auto"}${typeof t == "number" ? "px" : ""};
       ${i ? `width: ${i * p.gutter}px;` : ""}
       height: ${v}px;
       padding: 0 ${g}px;
@@ -19,56 +19,56 @@ const d = u.button(
       border-radius: ${$ === "curved" ? v / 2 : 0}px;
       outline: none;
 
-      background-color: ${r[s.inactive]};
+      background-color: ${r[d.inactive]};
       border-color: ${r[l.inactive]};
       
       transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
       cursor: pointer;
 
       &:hover {
-        background-color: ${r[s.active]};
+        background-color: ${r[d.active]};
         border-color: ${r[l.active]};
       }
 
       &:active  {
-        background: ${r[s.inactive]};
+        background: ${r[d.inactive]};
         border-color: ${r[l.inactive]};
       }
 
       &[data-busy="true"] {
         cursor: wait;
-        background-color: ${r[s.active]};
+        background-color: ${r[d.active]};
         border-color: ${r[l.active]};
       }
 
       &:disabled {
-        background-color: ${r[s.disabled]};
+        background-color: ${r[d.disabled]};
         border-color: ${r[l.disabled]};
         cursor: not-allowed;
       }
   `;
   }
-), k = u(x)(({ theme: c, $buttonRenderAs: e }) => {
-  const { button: i, colors: o } = c, { colorName: t } = i.variants[e];
+), f = u(x)(({ theme: c, $buttonRenderAs: t }) => {
+  const { button: i, colors: o } = c, { colorName: e } = i.variants[t];
   return `
-      color: ${o[t.inactive]};
+      color: ${o[e.inactive]};
       transition: color 0.2s ease-in-out;
 
-      ${d}:hover & {
-        color: ${o[t.active]};
+      ${s}:hover & {
+        color: ${o[e.active]};
       }
       
-      ${d}:active & {
-        color: ${o[t.inactive]};
+      ${s}:active & {
+        color: ${o[e.inactive]};
       }
 
-      ${d}:disabled & {
-        color: ${o[t.disabled]};
+      ${s}:disabled & {
+        color: ${o[e.disabled]};
         opacity: 0.5;
       }
     `;
-}), f = u.div(({ theme: c, $buttonRenderAs: e, $size: i, $iconPosition: o }) => {
-  const { button: t, colors: a } = c, { colorName: n } = t.variants[e], { iconSize: $, iconPadding: b } = t.sizes[i];
+}), k = u.div(({ theme: c, $buttonRenderAs: t, $size: i, $iconPosition: o }) => {
+  const { button: e, colors: a } = c, { colorName: n } = e.variants[t], { iconSize: $, iconPadding: b } = e.sizes[i];
   return `
       ${o === "left" ? "padding-right" : "padding-left"}: ${b}px;
       order: ${o === "left" ? -1 : 1};
@@ -80,31 +80,31 @@ const d = u.button(
         color: ${a[n.inactive]};
         transition: color 0.2s ease-in-out;
 
-        ${d}:hover & {
+        ${s}:hover & {
           color: ${a[n.active]};
         }
 
-        ${d}:active & {
+        ${s}:active & {
           color: ${a[n.inactive]};
         }
 
-        ${d}:disabled & {
+        ${s}:disabled & {
           color: ${a[n.disabled]};
           opacity: 0.5;
         }
       }
     `;
-}), z = u.img(({ theme: c, $size: e }) => {
-  const { button: i } = c, { loaderSize: o } = i.sizes[e];
+}), z = u.img(({ theme: c, $size: t }) => {
+  const { button: i } = c, { loaderSize: o } = i.sizes[t];
   return `
     width: ${o}px;
     height: ${o}px;
   `;
 });
 export {
-  d as Button,
-  f as Icon,
-  k as Label,
+  s as Button,
+  k as Icon,
+  f as Label,
   z as Loader
 };
 //# sourceMappingURL=button-styled.js.map

package/dist/features/ui/buttons/button/button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-styled.js","sources":["../../../../../src/features/ui/buttons/button/button-styled.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IStyledButtonProps {\n  $width: IButtonProps['width'];\n  $widthX: IButtonProps['widthX'];\n  $alignSelf: IButtonProps['alignSelf'];\n  $renderAs: IButtonProps['renderAs'];\n  $size: Required<IButtonProps>['size'];\n  $shape: Required<IButtonProps>['shape'];\n  $justifyContent: IButtonProps['justifyContent'];\n}\n\nconst Button = styled.button<IStyledButtonProps>(\n  ({ theme, $width, $widthX, $alignSelf, $justifyContent, $renderAs, $size, $shape }) => {\n    const { button, colors, layout } = theme;\n    const { backgroundColorName, borderColorName } = button.variants[$renderAs];\n    const { height, paddingHorizontal, borderWidth } = button.sizes[$size];\n\n    return `\n      position: relative;\n      display: flex;\n      justify-content: ${$justifyContent};\n      align-items: center;\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      \n      width: ${$width ? `${$width}px` : 'auto'};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${height}px;\n      padding: 0 ${paddingHorizontal}px;\n      border-width: ${borderWidth}px;\n      border-style: solid;\n      border-radius: ${$shape === 'curved' ? height / 2 : 0}px;\n      outline: none;\n\n      background-color: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n      \n      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:active  {\n        background: ${colors[backgroundColorName.inactive]};\n        border-color: ${colors[borderColorName.inactive]};\n      }\n\n      &[data-busy=\"true\"] {\n        cursor: wait;\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:disabled {\n        background-color: ${colors[backgroundColorName.disabled]};\n        border-color: ${colors[borderColorName.disabled]};\n        cursor: not-allowed;\n      }\n  `;\n  },\n);\n\ninterface IStyledTextProps {\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Label = styled(Text)<IStyledTextProps>(({ theme, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n      color: ${colors[colorName.inactive]};\n      transition: color 0.2s ease-in-out;\n\n      ${Button}:hover & {\n        color: ${colors[colorName.active]};\n      }\n      \n      ${Button}:active & {\n        color: ${colors[colorName.inactive]};\n      }\n\n      ${Button}:disabled & {\n        color: ${colors[colorName.disabled]};\n        opacity: 0.5;\n      }\n    `;\n});\n\ninterface IStyledIconProps {\n  $size: NonNullable<IButtonProps['size']>;\n  $iconPosition: NonNullable<IButtonProps['iconPosition']>;\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Icon = styled.div<IStyledIconProps>(({ theme, $buttonRenderAs, $size, $iconPosition }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n  const { iconSize, iconPadding } = button.sizes[$size];\n\n  return `\n      ${$iconPosition === 'left' ? 'padding-right' : 'padding-left'}: ${iconPadding}px;\n      order: ${$iconPosition === 'left' ? -1 : 1};\n      \n      & svg {\n        display: block;\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-in-out;\n\n        ${Button}:hover & {\n          color: ${colors[colorName.active]};\n        }\n\n        ${Button}:active & {\n          color: ${colors[colorName.inactive]};\n        }\n\n        ${Button}:disabled & {\n          color: ${colors[colorName.disabled]};\n          opacity: 0.5;\n        }\n      }\n    `;\n});\n\ninterface IStyledLoaderProps {\n  $size: Required<IButtonProps>['size'];\n}\n\nconst Loader = styled.img<IStyledLoaderProps>(({ theme, $size }) => {\n  const { button } = theme;\n  const { loaderSize } = button.sizes[$size];\n\n  return `\n    width: ${loaderSize}px;\n    height: ${loaderSize}px;\n  `;\n});\n\nexport { Button, Label, Icon, Loader };\n"],"names":["Button","styled","theme","$width","$widthX","$alignSelf","$justifyContent","$renderAs","$size","$shape","button","colors","layout","backgroundColorName","borderColorName","height","paddingHorizontal","borderWidth","Label","Text","$buttonRenderAs","colorName","Icon","$iconPosition","iconSize","iconPadding","Loader","loaderSize"],"mappings":"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"}
+{"version":3,"file":"button-styled.js","sources":["../../../../../src/features/ui/buttons/button/button-styled.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IStyledButtonProps {\n  $width: IButtonProps['width'];\n  $widthX: IButtonProps['widthX'];\n  $alignSelf: IButtonProps['alignSelf'];\n  $renderAs: IButtonProps['renderAs'];\n  $size: Required<IButtonProps>['size'];\n  $shape: Required<IButtonProps>['shape'];\n  $justifyContent: IButtonProps['justifyContent'];\n}\n\nconst Button = styled.button<IStyledButtonProps>(\n  ({ theme, $width, $widthX, $alignSelf, $justifyContent, $renderAs, $size, $shape }) => {\n    const { button, colors, layout } = theme;\n    const { backgroundColorName, borderColorName } = button.variants[$renderAs];\n    const { height, paddingHorizontal, borderWidth } = button.sizes[$size];\n\n    return `\n      position: relative;\n      display: flex;\n      justify-content: ${$justifyContent};\n      align-items: center;\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      \n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${height}px;\n      padding: 0 ${paddingHorizontal}px;\n      border-width: ${borderWidth}px;\n      border-style: solid;\n      border-radius: ${$shape === 'curved' ? height / 2 : 0}px;\n      outline: none;\n\n      background-color: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n      \n      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:active  {\n        background: ${colors[backgroundColorName.inactive]};\n        border-color: ${colors[borderColorName.inactive]};\n      }\n\n      &[data-busy=\"true\"] {\n        cursor: wait;\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:disabled {\n        background-color: ${colors[backgroundColorName.disabled]};\n        border-color: ${colors[borderColorName.disabled]};\n        cursor: not-allowed;\n      }\n  `;\n  },\n);\n\ninterface IStyledTextProps {\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Label = styled(Text)<IStyledTextProps>(({ theme, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n      color: ${colors[colorName.inactive]};\n      transition: color 0.2s ease-in-out;\n\n      ${Button}:hover & {\n        color: ${colors[colorName.active]};\n      }\n      \n      ${Button}:active & {\n        color: ${colors[colorName.inactive]};\n      }\n\n      ${Button}:disabled & {\n        color: ${colors[colorName.disabled]};\n        opacity: 0.5;\n      }\n    `;\n});\n\ninterface IStyledIconProps {\n  $size: NonNullable<IButtonProps['size']>;\n  $iconPosition: NonNullable<IButtonProps['iconPosition']>;\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Icon = styled.div<IStyledIconProps>(({ theme, $buttonRenderAs, $size, $iconPosition }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n  const { iconSize, iconPadding } = button.sizes[$size];\n\n  return `\n      ${$iconPosition === 'left' ? 'padding-right' : 'padding-left'}: ${iconPadding}px;\n      order: ${$iconPosition === 'left' ? -1 : 1};\n      \n      & svg {\n        display: block;\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-in-out;\n\n        ${Button}:hover & {\n          color: ${colors[colorName.active]};\n        }\n\n        ${Button}:active & {\n          color: ${colors[colorName.inactive]};\n        }\n\n        ${Button}:disabled & {\n          color: ${colors[colorName.disabled]};\n          opacity: 0.5;\n        }\n      }\n    `;\n});\n\ninterface IStyledLoaderProps {\n  $size: Required<IButtonProps>['size'];\n}\n\nconst Loader = styled.img<IStyledLoaderProps>(({ theme, $size }) => {\n  const { button } = theme;\n  const { loaderSize } = button.sizes[$size];\n\n  return `\n    width: ${loaderSize}px;\n    height: ${loaderSize}px;\n  `;\n});\n\nexport { Button, Label, Icon, Loader };\n"],"names":["Button","styled","theme","$width","$widthX","$alignSelf","$justifyContent","$renderAs","$size","$shape","button","colors","layout","backgroundColorName","borderColorName","height","paddingHorizontal","borderWidth","Label","Text","$buttonRenderAs","colorName","Icon","$iconPosition","iconSize","iconPadding","Loader","loaderSize"],"mappings":"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"}

package/dist/features/utils/media.js

@@ -0,0 +1,16 @@
+const e = {
+  mobile: 480,
+  tablet: 760,
+  desktop: 920,
+  large: 1200,
+  xl: 1424
+}, l = (r) => r < e.mobile || r >= e.mobile && r < e.tablet ? "mobile" : r >= e.tablet && r < e.desktop ? "tablet" : r >= e.desktop && r < e.large ? "desktop" : r >= e.large && r < e.xl ? "large" : (r >= e.xl, "xl"), t = {
+  minDesktop: `@media (min-width: ${e.desktop}px)`,
+  minLarge: `@media (min-width: ${e.large}px)`
+};
+export {
+  e as BREAKPOINTS,
+  l as getDeviceType,
+  t as media
+};
+//# sourceMappingURL=media.js.map

package/dist/features/utils/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sources":["../../../src/features/utils/media.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  mobile: 480,\n  tablet: 760,\n  desktop: 920,\n  large: 1200,\n  xl: 1424,\n};\nexport type TDeviceType = 'mobile' | 'tablet' | 'desktop' | 'large' | 'xl';\n\nexport const getDeviceType = (width: number): TDeviceType => {\n  if (width < BREAKPOINTS.mobile) return 'mobile';\n\n  if (width >= BREAKPOINTS.mobile && width < BREAKPOINTS.tablet) return 'mobile';\n\n  if (width >= BREAKPOINTS.tablet && width < BREAKPOINTS.desktop) return 'tablet';\n\n  if (width >= BREAKPOINTS.desktop && width < BREAKPOINTS.large) return 'desktop';\n\n  if (width >= BREAKPOINTS.large && width < BREAKPOINTS.xl) return 'large';\n\n  if (width >= BREAKPOINTS.xl) return 'xl';\n\n  return 'xl';\n};\n\nexport const media = {\n  minDesktop: `@media (min-width: ${BREAKPOINTS.desktop}px)`,\n  minLarge: `@media (min-width: ${BREAKPOINTS.large}px)`,\n};\n"],"names":["BREAKPOINTS","getDeviceType","width","media"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAI;AACN,GAGaC,IAAgB,CAACC,MACxBA,IAAQF,EAAY,UAEpBE,KAASF,EAAY,UAAUE,IAAQF,EAAY,SAAe,WAElEE,KAASF,EAAY,UAAUE,IAAQF,EAAY,UAAgB,WAEnEE,KAASF,EAAY,WAAWE,IAAQF,EAAY,QAAc,YAElEE,KAASF,EAAY,SAASE,IAAQF,EAAY,KAAW,WAE7DE,KAASF,EAAY,IAAW,OAKzBG,IAAQ;AAAA,EACnB,YAAY,sBAAsBH,EAAY,OAAO;AAAA,EACrD,UAAU,sBAAsBA,EAAY,KAAK;AACnD;"}

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

@@ -1,25 +1,25 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { memo as W, forwardRef as S, useCallback as q, useEffect as m } from "react";
-import v from "../../cue-canvas/cue-canvas-provider.js";
-import L from "../constants/events.js";
-import A from "./hooks/use-learnosity.js";
-import I from "./hooks/use-worksheet-data-helper.js";
-import T from "./worksheet.js";
-const w = (u, l) => {
+import L from "../../cue-canvas/cue-canvas-provider.js";
+import v from "../constants/events.js";
+import I from "./hooks/use-learnosity.js";
+import T from "./hooks/use-worksheet-data-helper.js";
+import w from "./worksheet.js";
+const x = (f, u) => {
   const {
-    attemptId: R,
-    itemsSignedRequest: g,
-    questionsSignedRequest: c,
+    attemptId: l,
+    itemsSignedRequest: R,
+    questionsSignedRequest: p,
     onLoaded: r,
     onErrored: t,
     onResponsesLoaded: a,
-    loggerRef: s,
-    userType: d,
+    loggerRef: o,
+    userType: g,
     ...E
-  } = u, { loadingState: o, learnosityActivityRef: h, data: e, error: p } = I({
-    attemptId: R,
-    signedRequest: g,
-    loggerRef: s
+  } = f, { loadingState: s, learnosityActivityRef: h, data: e, error: c } = T({
+    attemptId: l,
+    signedRequest: R,
+    loggerRef: o
   }), y = q(
     (i) => {
       t({
@@ -28,39 +28,39 @@ const w = (u, l) => {
       });
     },
     [t]
-  ), { learnosity: n, appendedQuestionIds: k } = A(
-    c,
+  ), { learnosity: n, appendedQuestionIds: k } = I(
+    p,
     y,
-    s
+    o
   );
   if (m(() => {
-    o === "error" && t({
-      message: p ?? "Error loading worksheet"
+    s === "error" && t({
+      message: c ?? "Error loading worksheet"
     });
-  }, [o, p, r, t]), m(() => {
-    n && o === "success" && r && (s.current(L.WORKSHEET_V3_READY), r());
-  }, [n, o, s, r]), m(() => {
+  }, [s, c, r, t]), m(() => {
+    n && s === "success" && r && (o.current(v.WORKSHEET_V3_READY), r());
+  }, [n, s, o, r]), m(() => {
     e != null && e.responses && a && a(e.responses ?? {});
-  }, [e == null ? void 0 : e.responses, a]), o === "success" && e && n) {
+  }, [e == null ? void 0 : e.responses, a]), s === "success" && e && n) {
     const { learnosityItems: i, responses: C } = e;
-    return /* @__PURE__ */ f(v, { userType: d, renderAs: "canvas", children: /* @__PURE__ */ f(
-      T,
+    return /* @__PURE__ */ d(L, { children: /* @__PURE__ */ d(
+      w,
       {
-        ref: l,
-        questionsSignedRequest: c,
+        ref: u,
+        questionsSignedRequest: p,
         learnosity: n,
         appendedQuestionIds: k,
         learnosityActivityRef: h,
         learnosityItems: i,
         learnosityResponses: C,
-        loggerRef: s,
-        userType: d,
+        loggerRef: o,
+        userType: g,
         ...E
       }
     ) });
   }
   return null;
-}, x = W(S(w)), N = x;
+}, A = W(S(x)), N = A;
 export {
   N as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-container.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-container.tsx"],"sourcesContent":["import type { IWorksheetRef } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { forwardRef, memo, useCallback, useEffect } from 'react';\n\nimport CueCanvasProvider from '../../cue-canvas/cue-canvas-provider';\nimport EVENTS from '../constants/events';\nimport useLearnosity from './hooks/use-learnosity';\nimport useWorksheetDataHelper from './hooks/use-worksheet-data-helper';\nimport Worksheet from './worksheet';\nimport { type ILearnosityError, type IWorksheetContainerProps } from './worksheet-types';\n\nconst WorksheetContainerComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetContainerProps> = (\n  props,\n  ref,\n) => {\n  const {\n    attemptId,\n    itemsSignedRequest,\n    questionsSignedRequest,\n    onLoaded,\n    onErrored,\n    onResponsesLoaded,\n    loggerRef,\n    userType,\n    ...other\n  } = props;\n\n  const { loadingState, learnosityActivityRef, data, error } = useWorksheetDataHelper({\n    attemptId,\n    signedRequest: itemsSignedRequest,\n    loggerRef,\n  });\n\n  const onLearnosityErrored = useCallback(\n    (err: ILearnosityError) => {\n      onErrored({\n        code: err.code,\n        message: err.detail,\n      });\n    },\n    [onErrored],\n  );\n\n  const { learnosity, appendedQuestionIds } = useLearnosity(\n    questionsSignedRequest,\n    onLearnosityErrored,\n    loggerRef,\n  );\n\n  useEffect(() => {\n    if (loadingState === 'error') {\n      onErrored({\n        message: error ?? 'Error loading worksheet',\n      });\n    }\n  }, [loadingState, error, onLoaded, onErrored]);\n\n  useEffect(() => {\n    if (learnosity && loadingState === 'success' && onLoaded) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n      onLoaded();\n    }\n  }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n  useEffect(() => {\n    if (data?.responses && onResponsesLoaded) {\n      onResponsesLoaded(data.responses ?? {});\n    }\n  }, [data?.responses, onResponsesLoaded]);\n\n  if (loadingState === 'success' && data && learnosity) {\n    const { learnosityItems, responses } = data;\n\n    return (\n      <CueCanvasProvider userType={userType} renderAs=\"canvas\">\n        <Worksheet\n          ref={ref}\n          questionsSignedRequest={questionsSignedRequest}\n          learnosity={learnosity}\n          appendedQuestionIds={appendedQuestionIds}\n          learnosityActivityRef={learnosityActivityRef}\n          learnosityItems={learnosityItems}\n          learnosityResponses={responses}\n          loggerRef={loggerRef}\n          userType={userType}\n          {...other}\n        />\n      </CueCanvasProvider>\n    );\n  }\n\n  return null;\n};\n\nconst WorksheetContainer = memo(forwardRef(WorksheetContainerComp));\n\nexport default WorksheetContainer;\n"],"names":["WorksheetContainerComp","props","ref","attemptId","itemsSignedRequest","questionsSignedRequest","onLoaded","onErrored","onResponsesLoaded","loggerRef","userType","other","loadingState","learnosityActivityRef","data","error","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","appendedQuestionIds","useLearnosity","useEffect","EVENTS","learnosityItems","responses","jsx","CueCanvasProvider","Worksheet","WorksheetContainer","memo","forwardRef","WorksheetContainer$1"],"mappings":";;;;;;;AAYA,MAAMA,IAA4F,CAChGC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAEE,EAAE,cAAAW,GAAc,uBAAAC,GAAuB,MAAAC,GAAM,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IAClF,WAAAb;AAAA,IACA,eAAeC;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKQ,IAAsBC;AAAA,IAC1B,CAACC,MAA0B;AACf,MAAAZ,EAAA;AAAA,QACR,MAAMY,EAAI;AAAA,QACV,SAASA,EAAI;AAAA,MAAA,CACd;AAAA,IACH;AAAA,IACA,CAACZ,CAAS;AAAA,EAAA,GAGN,EAAE,YAAAa,GAAY,qBAAAC,EAAA,IAAwBC;AAAA,IAC1CjB;AAAA,IACAY;AAAA,IACAR;AAAA,EAAA;AAwBE,MArBJc,EAAU,MAAM;AACd,IAAIX,MAAiB,WACTL,EAAA;AAAA,MACR,SAASQ,KAAS;AAAA,IAAA,CACnB;AAAA,KAEF,CAACH,GAAcG,GAAOT,GAAUC,CAAS,CAAC,GAE7CgB,EAAU,MAAM;AACV,IAAAH,KAAcR,MAAiB,aAAaN,MACpCG,EAAA,QAAQe,EAAO,kBAAkB,GAClClB;KAEV,CAACc,GAAYR,GAAcH,GAAWH,CAAQ,CAAC,GAElDiB,EAAU,MAAM;AACV,IAAAT,KAAA,QAAAA,EAAM,aAAaN,KACHA,EAAAM,EAAK,aAAa,CAAA,CAAE;AAAA,EAEvC,GAAA,CAACA,KAAA,gBAAAA,EAAM,WAAWN,CAAiB,CAAC,GAEnCI,MAAiB,aAAaE,KAAQM,GAAY;AAC9C,UAAA,EAAE,iBAAAK,GAAiB,WAAAC,EAAc,IAAAZ;AAEvC,WACG,gBAAAa,EAAAC,GAAA,EAAkB,UAAAlB,GAAoB,UAAS,UAC9C,UAAA,gBAAAiB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,wBAAAG;AAAA,QACA,YAAAe;AAAA,QACA,qBAAAC;AAAA,QACA,uBAAAR;AAAA,QACA,iBAAAY;AAAA,QACA,qBAAqBC;AAAA,QACrB,WAAAjB;AAAA,QACA,UAAAC;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AAEO,SAAA;AACT,GAEMmB,IAAqBC,EAAKC,EAAWhC,CAAsB,CAAC,GAElEiC,IAAeH;"}
+{"version":3,"file":"worksheet-container.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-container.tsx"],"sourcesContent":["import type { IWorksheetRef } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { forwardRef, memo, useCallback, useEffect } from 'react';\n\nimport CueCanvasProvider from '../../cue-canvas/cue-canvas-provider';\nimport EVENTS from '../constants/events';\nimport useLearnosity from './hooks/use-learnosity';\nimport useWorksheetDataHelper from './hooks/use-worksheet-data-helper';\nimport Worksheet from './worksheet';\nimport { type ILearnosityError, type IWorksheetContainerProps } from './worksheet-types';\n\nconst WorksheetContainerComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetContainerProps> = (\n  props,\n  ref,\n) => {\n  const {\n    attemptId,\n    itemsSignedRequest,\n    questionsSignedRequest,\n    onLoaded,\n    onErrored,\n    onResponsesLoaded,\n    loggerRef,\n    userType,\n    ...other\n  } = props;\n\n  const { loadingState, learnosityActivityRef, data, error } = useWorksheetDataHelper({\n    attemptId,\n    signedRequest: itemsSignedRequest,\n    loggerRef,\n  });\n\n  const onLearnosityErrored = useCallback(\n    (err: ILearnosityError) => {\n      onErrored({\n        code: err.code,\n        message: err.detail,\n      });\n    },\n    [onErrored],\n  );\n\n  const { learnosity, appendedQuestionIds } = useLearnosity(\n    questionsSignedRequest,\n    onLearnosityErrored,\n    loggerRef,\n  );\n\n  useEffect(() => {\n    if (loadingState === 'error') {\n      onErrored({\n        message: error ?? 'Error loading worksheet',\n      });\n    }\n  }, [loadingState, error, onLoaded, onErrored]);\n\n  useEffect(() => {\n    if (learnosity && loadingState === 'success' && onLoaded) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n      onLoaded();\n    }\n  }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n  useEffect(() => {\n    if (data?.responses && onResponsesLoaded) {\n      onResponsesLoaded(data.responses ?? {});\n    }\n  }, [data?.responses, onResponsesLoaded]);\n\n  if (loadingState === 'success' && data && learnosity) {\n    const { learnosityItems, responses } = data;\n\n    return (\n      <CueCanvasProvider>\n        <Worksheet\n          ref={ref}\n          questionsSignedRequest={questionsSignedRequest}\n          learnosity={learnosity}\n          appendedQuestionIds={appendedQuestionIds}\n          learnosityActivityRef={learnosityActivityRef}\n          learnosityItems={learnosityItems}\n          learnosityResponses={responses}\n          loggerRef={loggerRef}\n          userType={userType}\n          {...other}\n        />\n      </CueCanvasProvider>\n    );\n  }\n\n  return null;\n};\n\nconst WorksheetContainer = memo(forwardRef(WorksheetContainerComp));\n\nexport default WorksheetContainer;\n"],"names":["WorksheetContainerComp","props","ref","attemptId","itemsSignedRequest","questionsSignedRequest","onLoaded","onErrored","onResponsesLoaded","loggerRef","userType","other","loadingState","learnosityActivityRef","data","error","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","appendedQuestionIds","useLearnosity","useEffect","EVENTS","learnosityItems","responses","CueCanvasProvider","jsx","Worksheet","WorksheetContainer","memo","forwardRef","WorksheetContainer$1"],"mappings":";;;;;;;AAYA,MAAMA,IAA4F,CAChGC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAEE,EAAE,cAAAW,GAAc,uBAAAC,GAAuB,MAAAC,GAAM,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IAClF,WAAAb;AAAA,IACA,eAAeC;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKQ,IAAsBC;AAAA,IAC1B,CAACC,MAA0B;AACf,MAAAZ,EAAA;AAAA,QACR,MAAMY,EAAI;AAAA,QACV,SAASA,EAAI;AAAA,MAAA,CACd;AAAA,IACH;AAAA,IACA,CAACZ,CAAS;AAAA,EAAA,GAGN,EAAE,YAAAa,GAAY,qBAAAC,EAAA,IAAwBC;AAAA,IAC1CjB;AAAA,IACAY;AAAA,IACAR;AAAA,EAAA;AAwBE,MArBJc,EAAU,MAAM;AACd,IAAIX,MAAiB,WACTL,EAAA;AAAA,MACR,SAASQ,KAAS;AAAA,IAAA,CACnB;AAAA,KAEF,CAACH,GAAcG,GAAOT,GAAUC,CAAS,CAAC,GAE7CgB,EAAU,MAAM;AACV,IAAAH,KAAcR,MAAiB,aAAaN,MACpCG,EAAA,QAAQe,EAAO,kBAAkB,GAClClB;KAEV,CAACc,GAAYR,GAAcH,GAAWH,CAAQ,CAAC,GAElDiB,EAAU,MAAM;AACV,IAAAT,KAAA,QAAAA,EAAM,aAAaN,KACHA,EAAAM,EAAK,aAAa,CAAA,CAAE;AAAA,EAEvC,GAAA,CAACA,KAAA,gBAAAA,EAAM,WAAWN,CAAiB,CAAC,GAEnCI,MAAiB,aAAaE,KAAQM,GAAY;AAC9C,UAAA,EAAE,iBAAAK,GAAiB,WAAAC,EAAc,IAAAZ;AAEvC,6BACGa,GACC,EAAA,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,wBAAAG;AAAA,QACA,YAAAe;AAAA,QACA,qBAAAC;AAAA,QACA,uBAAAR;AAAA,QACA,iBAAAY;AAAA,QACA,qBAAqBC;AAAA,QACrB,WAAAjB;AAAA,QACA,UAAAC;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AAEO,SAAA;AACT,GAEMmB,IAAqBC,EAAKC,EAAWhC,CAAsB,CAAC,GAElEiC,IAAeH;"}

package/dist/features/worksheet/worksheet/worksheet-question/subjective-feedback.js

@@ -1,109 +1,109 @@
 import { jsx as e, jsxs as l, Fragment as M } from "react/jsx-runtime";
 import { h as ee } from "../../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as te, useState as S, useMemo as R, useCallback as s } from "react";
+import { memo as te, useState as y, useMemo as A, useCallback as s } from "react";
 import re from "../../../../assets/line-icons/icons/down.js";
 import ie from "../../../../assets/line-icons/icons/up.js";
-import D from "../../../ui/buttons/button/button.js";
-import E from "../../../ui/buttons/clickable/clickable.js";
+import R from "../../../ui/buttons/button/button.js";
+import D from "../../../ui/buttons/clickable/clickable.js";
 import ce from "../../../ui/buttons/text-button/text-button.js";
 import m from "../../../ui/layout/flex-view.js";
 import u from "../../../ui/separator/separator.js";
 import f from "../../../ui/text/text.js";
-import ne from "../hooks/use-s3-helper.js";
-import { TextArea as oe, FileInputLabel as le, FileInput as ae } from "./subjective-styled.js";
-const se = { type: "subjective_response" }, xe = te(
+import oe from "../hooks/use-s3-helper.js";
+import { TextArea as ne, FileInputLabel as le, FileInput as ae } from "./subjective-styled.js";
+const se = { type: "subjective_response" }, Ie = te(
   ({
-    responses: C,
-    response: i,
-    nextQuestionId: j,
+    responses: S,
+    response: r,
+    nextQuestionId: x,
     responseId: h,
-    studentId: L,
+    studentId: E,
     onAddReviewComment: g,
     openImagesReviewModal: b,
-    handleReviewSubmit: z,
-    isSubmittingReview: B
+    handleReviewSubmit: L,
+    isSubmittingReview: z
   }) => {
-    var T, A;
-    const { score: $ } = i ?? {}, { max_score: p, score: _ } = $ ?? {}, H = $ && "score" in $ && "max_score" in $, [d, O] = S(((T = i == null ? void 0 : i.teacherReview) == null ? void 0 : T.reviewComment) ?? ""), [q, U] = S(!1), [c, k] = S(_ ?? 0), [n, v] = S(
-      ((A = i == null ? void 0 : i.teacherReview) == null ? void 0 : A.images) ?? []
-    ), x = n.length, K = R(() => {
-      var t, r, o;
-      return ((t = i == null ? void 0 : i.teacherReview) == null ? void 0 : t.reviewComment) === d && ((r = i.teacherReview.images) == null ? void 0 : r.length) === n.length && ((o = i.score) == null ? void 0 : o.score) === c;
-    }, [d, i, c, n.length]), W = R(() => {
-      var r, o, a, w;
-      if (!C) return !1;
+    var F, T;
+    const { score: B } = r ?? {}, { max_score: $, score: H } = B ?? {}, O = (r == null ? void 0 : r.response) !== void 0, [d, _] = y(((F = r == null ? void 0 : r.teacherReview) == null ? void 0 : F.reviewComment) ?? ""), [q, j] = y(!1), [c, U] = y(H ?? 0), [o, C] = y(
+      ((T = r == null ? void 0 : r.teacherReview) == null ? void 0 : T.images) ?? []
+    ), v = o.length, K = A(() => {
+      var t, i, n;
+      return ((t = r == null ? void 0 : r.teacherReview) == null ? void 0 : t.reviewComment) === d && ((i = r.teacherReview.images) == null ? void 0 : i.length) === o.length && ((n = r.score) == null ? void 0 : n.score) === c;
+    }, [d, r, c, o.length]), W = A(() => {
+      var i, n, a, p;
+      if (!S) return !1;
       let t = !0;
-      for (const y of Object.values(C)) {
-        const P = !!y.response, Z = ((r = y.teacherReview) == null ? void 0 : r.images) && ((a = (o = y.teacherReview) == null ? void 0 : o.images) == null ? void 0 : a.length) > 0 || !!((w = y.teacherReview) != null && w.reviewComment);
+      for (const w of Object.values(S)) {
+        const P = !!w.response, Z = ((i = w.teacherReview) == null ? void 0 : i.images) && ((a = (n = w.teacherReview) == null ? void 0 : n.images) == null ? void 0 : a.length) > 0 || !!((p = w.teacherReview) != null && p.reviewComment);
         if (P && !Z) {
           t = !1;
           break;
         }
       }
       return t;
-    }, [C]), X = ne({
-      studentId: L,
+    }, [S]), k = oe({
+      studentId: E,
       query: se
     }), N = s((t) => {
-      O(t.target.value);
+      _(t.target.value);
     }, []), Q = s(() => {
-      k(c + 0.5);
+      U(c + 0.5);
     }, [c]), V = s(() => {
-      k(c - 0.5);
+      U(c - 0.5);
     }, [c]), I = s(
       (t) => {
-        U(!1);
-        const r = n.filter((a) => typeof a == "string"), o = t ? [...r, ...t] : r;
-        t && v(o), g == null || g(h, {
+        j(!1);
+        const i = o.filter((a) => typeof a == "string"), n = t ? [...i, ...t] : i;
+        t && C(n), g == null || g(h, {
           score: {
             score: c,
-            max_score: p
+            max_score: $
           },
           teacherReview: {
             reviewComment: d,
-            images: o
+            images: n
           }
         });
       },
-      [d, p, g, h, c, n]
+      [d, $, g, h, c, o]
     ), Y = s(() => {
-      const t = n.filter((r) => typeof r != "string");
-      t.length > 0 ? (U(!0), X({
+      const t = o.filter((i) => typeof i != "string");
+      t.length > 0 ? (j(!0), k({
         fileKey: `subjective-responses/${h}/`,
         onSuccess: I,
         onError: () => {
         },
         images: t
       })) : I();
-    }, [I, h, n, X]), F = s(
+    }, [I, h, o, k]), X = s(
       ({ filteredImages: t }) => {
-        v(t);
+        C(t);
       },
       []
     ), G = s(() => {
-      const t = n.map((r) => typeof r == "string" ? r : r.url);
+      const t = o.map((i) => typeof i == "string" ? i : i.url);
       t && (b == null || b({
         isReviewed: !1,
         disableScoreForm: !1,
         imageUrls: t,
-        filteredImageUrls: F,
-        uploadedImages: n
+        filteredImageUrls: X,
+        uploadedImages: o
       }));
-    }, [b, F, n]), J = s((t) => {
-      const { files: r } = t.currentTarget;
-      if (!r) return;
-      const o = Array.from(r).map((a) => {
-        const w = URL.createObjectURL(a);
-        return { file: a, url: w };
+    }, [b, X, o]), J = s((t) => {
+      const { files: i } = t.currentTarget;
+      if (!i) return;
+      const n = Array.from(i).map((a) => {
+        const p = URL.createObjectURL(a);
+        return { file: a, url: p };
       });
-      v((a) => [...a, ...o]);
+      C((a) => [...a, ...n]);
     }, []);
-    return i ? !H && j ? /* @__PURE__ */ e(f, { $renderAs: "body1", children: " The student did not attempt this questions." }) : /* @__PURE__ */ l(M, { children: [
+    return r ? !O && x ? /* @__PURE__ */ e(f, { $renderAs: "body1", children: " The student did not attempt this questions." }) : /* @__PURE__ */ l(M, { children: [
       /* @__PURE__ */ l(m, { $flexDirection: "row", $justifyContent: "space-between", children: [
         /* @__PURE__ */ l(m, { children: [
           /* @__PURE__ */ l(f, { $renderAs: "body3", children: [
             "Score (out of ",
-            p,
+            $,
             ")"
           ] }),
           /* @__PURE__ */ e(u, { heightX: 1 }),
@@ -122,16 +122,16 @@ const se = { type: "subjective_response" }, xe = te(
             ),
             /* @__PURE__ */ e(u, { width: 16 }),
             /* @__PURE__ */ l(m, { $background: "WHITE", $gutterX: 0.5, $gapX: 0.5, children: [
-              /* @__PURE__ */ e(E, { label: "up", onClick: Q, disabled: c === p, children: /* @__PURE__ */ e(ie, {}) }),
+              /* @__PURE__ */ e(D, { label: "up", onClick: Q, disabled: c === $, children: /* @__PURE__ */ e(ie, {}) }),
               /* @__PURE__ */ e(u, { height: 16 }),
-              /* @__PURE__ */ e(E, { label: "down", onClick: V, disabled: c === 0, children: /* @__PURE__ */ e(re, {}) })
+              /* @__PURE__ */ e(D, { label: "down", onClick: V, disabled: c === 0, children: /* @__PURE__ */ e(re, {}) })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ l(m, { children: [
           /* @__PURE__ */ e(f, { $renderAs: "body1", children: "Comments" }),
           /* @__PURE__ */ e(u, { heightX: 1 }),
-          /* @__PURE__ */ e(oe, { value: d, onChange: N })
+          /* @__PURE__ */ e(ne, { value: d, onChange: N })
         ] }),
         /* @__PURE__ */ l(m, { $alignItems: "center", children: [
           /* @__PURE__ */ l(f, { $renderAs: "body1", children: [
@@ -155,7 +155,7 @@ const se = { type: "subjective_response" }, xe = te(
             ce,
             {
               onClick: G,
-              label: x ? `${x} ${ee.pluralize(x, "file")}` : "No files"
+              label: v ? `${v} ${ee.pluralize(v, "file")}` : "No files"
             }
           )
         ] })
@@ -170,7 +170,7 @@ const se = { type: "subjective_response" }, xe = te(
           $gapX: 1,
           children: [
             /* @__PURE__ */ e(
-              D,
+              R,
               {
                 widthX: 6,
                 renderAs: "secondary",
@@ -182,15 +182,15 @@ const se = { type: "subjective_response" }, xe = te(
               }
             ),
             /* @__PURE__ */ e(u, { width: 20 }),
-            !j && /* @__PURE__ */ e(
-              D,
+            !x && /* @__PURE__ */ e(
+              R,
               {
                 widthX: 6,
                 renderAs: "secondary",
                 size: "small",
                 label: "Submit Review",
-                onClick: z,
-                busy: B,
+                onClick: L,
+                busy: z,
                 disabled: !W
               }
             )
@@ -201,6 +201,6 @@ const se = { type: "subjective_response" }, xe = te(
   }
 );
 export {
-  xe as default
+  Ie as default
 };
 //# sourceMappingURL=subjective-feedback.js.map

package/dist/features/worksheet/worksheet/worksheet-question/subjective-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"subjective-feedback.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-feedback.tsx"],"sourcesContent":["import type { ISubjectiveQuestionReviewProps, IFile } from './subjective-review';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useS3ImageUploadHelper from '../hooks/use-s3-helper';\nimport { TextArea, FileInput, FileInputLabel } from './subjective-styled';\n\nconst QUERY = { type: 'subjective_response' };\n\nconst SubjectiveQuestionFeedback: FC<ISubjectiveQuestionReviewProps> = memo(\n  ({\n    responses,\n    response,\n    nextQuestionId,\n    responseId,\n    studentId,\n    onAddReviewComment,\n    openImagesReviewModal,\n    handleReviewSubmit,\n    isSubmittingReview,\n  }) => {\n    const { score: responseScore } = response ?? {};\n    const { max_score: maxScore, score } = responseScore ?? {};\n    const isAttempted = responseScore && 'score' in responseScore && 'max_score' in responseScore;\n    const [comment, setComment] = useState(response?.teacherReview?.reviewComment ?? '');\n    const [isUploading, setIsUploading] = useState<boolean>(false);\n    const [scored, setScored] = useState(score ?? 0.0);\n    const [selectedImages, setSelectedImage] = useState<(string | IFile)[]>(\n      response?.teacherReview?.images ?? [],\n    );\n    const noOfImages = selectedImages.length;\n    const isSaveDisabled = useMemo(() => {\n      if (\n        response?.teacherReview?.reviewComment === comment &&\n        response.teacherReview.images?.length === selectedImages.length &&\n        response.score?.score === scored\n      ) {\n        return true;\n      }\n\n      return false;\n    }, [comment, response, scored, selectedImages.length]);\n\n    const canSubmitReview = useMemo(() => {\n      if (!responses) return false;\n\n      let canSubmit = true;\n\n      for (const item of Object.values(responses)) {\n        const currResponse = item.response;\n\n        const isCurrItemAttempted = !!currResponse;\n        const currentItemReviewed =\n          (item.teacherReview?.images && item.teacherReview?.images?.length > 0) ||\n          !!item.teacherReview?.reviewComment;\n\n        if (isCurrItemAttempted && !currentItemReviewed) {\n          canSubmit = false;\n          break;\n        }\n      }\n\n      return canSubmit;\n    }, [responses]);\n\n    const uploadImages = useS3ImageUploadHelper({\n      studentId,\n      query: QUERY,\n    });\n\n    const onCommentChange = useCallback((e: { target: { value: string } }) => {\n      setComment(e.target.value);\n    }, []);\n\n    const onScoreUp = useCallback(() => {\n      setScored(scored + 0.5);\n    }, [scored]);\n\n    const onScoreDown = useCallback(() => {\n      setScored(scored - 0.5);\n    }, [scored]);\n\n    const onSuccess = useCallback(\n      (images?: string[]) => {\n        setIsUploading(false);\n        const reponseImages = selectedImages.filter(item => typeof item === 'string');\n        const allImages = images ? [...reponseImages, ...images] : reponseImages;\n\n        if (images) {\n          setSelectedImage(allImages);\n        }\n        onAddReviewComment?.(responseId, {\n          score: {\n            score: scored,\n            max_score: maxScore as number,\n          },\n          teacherReview: {\n            reviewComment: comment,\n            images: allImages,\n          },\n        });\n      },\n      [comment, maxScore, onAddReviewComment, responseId, scored, selectedImages],\n    );\n\n    const handleSave = useCallback(() => {\n      const imagesToUpload = selectedImages.filter(images => typeof images !== 'string');\n\n      if (imagesToUpload.length > 0) {\n        setIsUploading(true);\n        uploadImages({\n          fileKey: `subjective-responses/${responseId}/`,\n          onSuccess: onSuccess,\n          onError: () => {},\n          images: imagesToUpload,\n        });\n      } else {\n        onSuccess();\n      }\n    }, [onSuccess, responseId, selectedImages, uploadImages]);\n\n    const updateImages = useCallback(\n      ({ filteredImages }: { filteredImages: string[]; newImages: IFile[] }) => {\n        setSelectedImage(filteredImages);\n      },\n      [],\n    );\n\n    const openImagesModal = useCallback(() => {\n      const previewImages = selectedImages.map(item => {\n        if (typeof item === 'string') return item;\n\n        return item.url;\n      });\n\n      if (!previewImages) return;\n\n      openImagesReviewModal?.({\n        isReviewed: false,\n        disableScoreForm: false,\n        imageUrls: previewImages,\n        filteredImageUrls: updateImages,\n        uploadedImages: selectedImages,\n      });\n    }, [openImagesReviewModal, updateImages, selectedImages]);\n\n    const onSelectImages = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n      const { files } = e.currentTarget;\n\n      if (!files) return;\n\n      const newFilesList = Array.from(files).map(file => {\n        const url = URL.createObjectURL(file);\n\n        return { file, url };\n      });\n\n      setSelectedImage(prevImages => [...prevImages, ...newFilesList]);\n    }, []);\n\n    if (!response) {\n      return null;\n    }\n\n    if (!isAttempted && nextQuestionId) {\n      return <Text $renderAs=\"body1\"> The student did not attempt this questions.</Text>;\n    }\n\n    return (\n      <>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <FlexView>\n            <Text $renderAs=\"body3\">Score (out of {maxScore})</Text>\n            <Separator heightX={1} />\n            <FlexView $flexDirection=\"row\" $gapX={0.5}>\n              <FlexView\n                $justifyContent=\"center\"\n                $alignItems=\"center\"\n                $borderColor=\"BLACK\"\n                $width={50}\n                $height={50}\n                $background=\"WHITE\"\n              >\n                <Text $renderAs=\"body1\">{scored}</Text>\n              </FlexView>\n              <Separator width={16} />\n              <FlexView $background=\"WHITE\" $gutterX={0.5} $gapX={0.5}>\n                <Clickable label=\"up\" onClick={onScoreUp} disabled={scored === maxScore}>\n                  <UpIcon />\n                </Clickable>\n                <Separator height={16} />\n                <Clickable label=\"down\" onClick={onScoreDown} disabled={scored === 0}>\n                  <DownIcon />\n                </Clickable>\n              </FlexView>\n            </FlexView>\n          </FlexView>\n          <FlexView>\n            <Text $renderAs=\"body1\">Comments</Text>\n            <Separator heightX={1} />\n            <TextArea value={comment} onChange={onCommentChange} />\n          </FlexView>\n          <FlexView $alignItems=\"center\">\n            <Text $renderAs=\"body1\">\n              Upload Images <small>(max 12)</small>\n            </Text>\n            <Separator heightX={1} />\n            <FileInputLabel htmlFor={`files${responseId}`}>Browse</FileInputLabel>\n            <Separator heightX={1} />\n            <FileInput\n              type=\"file\"\n              accept=\".jpeg, .jpg, .png\"\n              id={`files${responseId}`}\n              multiple\n              onChange={onSelectImages}\n            />\n            <TextButton\n              onClick={openImagesModal}\n              label={noOfImages ? `${noOfImages} ${pluralize(noOfImages, 'file')}` : 'No files'}\n            />\n          </FlexView>\n        </FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gutterX={1}\n          $gapX={1}\n        >\n          <Button\n            widthX={6}\n            renderAs=\"secondary\"\n            size=\"small\"\n            label=\"Save\"\n            onClick={handleSave}\n            busy={isUploading}\n            disabled={isSaveDisabled}\n          />\n          <Separator width={20} />\n          {!nextQuestionId && (\n            <Button\n              widthX={6}\n              renderAs=\"secondary\"\n              size=\"small\"\n              label=\"Submit Review\"\n              onClick={handleReviewSubmit}\n              busy={isSubmittingReview}\n              disabled={!canSubmitReview}\n            />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default SubjectiveQuestionFeedback;\n"],"names":["QUERY","SubjectiveQuestionFeedback","memo","responses","response","nextQuestionId","responseId","studentId","onAddReviewComment","openImagesReviewModal","handleReviewSubmit","isSubmittingReview","responseScore","maxScore","score","isAttempted","comment","setComment","useState","_a","isUploading","setIsUploading","scored","setScored","selectedImages","setSelectedImage","_b","noOfImages","isSaveDisabled","useMemo","_c","canSubmitReview","canSubmit","item","isCurrItemAttempted","currentItemReviewed","_d","uploadImages","useS3ImageUploadHelper","onCommentChange","useCallback","e","onScoreUp","onScoreDown","onSuccess","images","reponseImages","allImages","handleSave","imagesToUpload","updateImages","filteredImages","openImagesModal","previewImages","onSelectImages","files","newFilesList","file","url","prevImages","jsx","Text","jsxs","Fragment","FlexView","Separator","Clickable","UpIcon","DownIcon","TextArea","FileInputLabel","FileInput","TextButton","pluralize","Button"],"mappings":"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"}
+{"version":3,"file":"subjective-feedback.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-feedback.tsx"],"sourcesContent":["import type { ISubjectiveQuestionReviewProps, IFile } from './subjective-review';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useS3ImageUploadHelper from '../hooks/use-s3-helper';\nimport { TextArea, FileInput, FileInputLabel } from './subjective-styled';\n\nconst QUERY = { type: 'subjective_response' };\n\nconst SubjectiveQuestionFeedback: FC<ISubjectiveQuestionReviewProps> = memo(\n  ({\n    responses,\n    response,\n    nextQuestionId,\n    responseId,\n    studentId,\n    onAddReviewComment,\n    openImagesReviewModal,\n    handleReviewSubmit,\n    isSubmittingReview,\n  }) => {\n    const { score: responseScore } = response ?? {};\n    const { max_score: maxScore, score } = responseScore ?? {};\n    const isAttempted = response?.response !== undefined;\n    const [comment, setComment] = useState(response?.teacherReview?.reviewComment ?? '');\n    const [isUploading, setIsUploading] = useState<boolean>(false);\n    const [scored, setScored] = useState(score ?? 0.0);\n    const [selectedImages, setSelectedImage] = useState<(string | IFile)[]>(\n      response?.teacherReview?.images ?? [],\n    );\n    const noOfImages = selectedImages.length;\n    const isSaveDisabled = useMemo(() => {\n      if (\n        response?.teacherReview?.reviewComment === comment &&\n        response.teacherReview.images?.length === selectedImages.length &&\n        response.score?.score === scored\n      ) {\n        return true;\n      }\n\n      return false;\n    }, [comment, response, scored, selectedImages.length]);\n\n    const canSubmitReview = useMemo(() => {\n      if (!responses) return false;\n\n      let canSubmit = true;\n\n      for (const item of Object.values(responses)) {\n        const currResponse = item.response;\n\n        const isCurrItemAttempted = !!currResponse;\n        const currentItemReviewed =\n          (item.teacherReview?.images && item.teacherReview?.images?.length > 0) ||\n          !!item.teacherReview?.reviewComment;\n\n        if (isCurrItemAttempted && !currentItemReviewed) {\n          canSubmit = false;\n          break;\n        }\n      }\n\n      return canSubmit;\n    }, [responses]);\n\n    const uploadImages = useS3ImageUploadHelper({\n      studentId,\n      query: QUERY,\n    });\n\n    const onCommentChange = useCallback((e: { target: { value: string } }) => {\n      setComment(e.target.value);\n    }, []);\n\n    const onScoreUp = useCallback(() => {\n      setScored(scored + 0.5);\n    }, [scored]);\n\n    const onScoreDown = useCallback(() => {\n      setScored(scored - 0.5);\n    }, [scored]);\n\n    const onSuccess = useCallback(\n      (images?: string[]) => {\n        setIsUploading(false);\n        const reponseImages = selectedImages.filter(item => typeof item === 'string');\n        const allImages = images ? [...reponseImages, ...images] : reponseImages;\n\n        if (images) {\n          setSelectedImage(allImages);\n        }\n        onAddReviewComment?.(responseId, {\n          score: {\n            score: scored,\n            max_score: maxScore as number,\n          },\n          teacherReview: {\n            reviewComment: comment,\n            images: allImages,\n          },\n        });\n      },\n      [comment, maxScore, onAddReviewComment, responseId, scored, selectedImages],\n    );\n\n    const handleSave = useCallback(() => {\n      const imagesToUpload = selectedImages.filter(images => typeof images !== 'string');\n\n      if (imagesToUpload.length > 0) {\n        setIsUploading(true);\n        uploadImages({\n          fileKey: `subjective-responses/${responseId}/`,\n          onSuccess: onSuccess,\n          onError: () => {},\n          images: imagesToUpload,\n        });\n      } else {\n        onSuccess();\n      }\n    }, [onSuccess, responseId, selectedImages, uploadImages]);\n\n    const updateImages = useCallback(\n      ({ filteredImages }: { filteredImages: string[]; newImages: IFile[] }) => {\n        setSelectedImage(filteredImages);\n      },\n      [],\n    );\n\n    const openImagesModal = useCallback(() => {\n      const previewImages = selectedImages.map(item => {\n        if (typeof item === 'string') return item;\n\n        return item.url;\n      });\n\n      if (!previewImages) return;\n\n      openImagesReviewModal?.({\n        isReviewed: false,\n        disableScoreForm: false,\n        imageUrls: previewImages,\n        filteredImageUrls: updateImages,\n        uploadedImages: selectedImages,\n      });\n    }, [openImagesReviewModal, updateImages, selectedImages]);\n\n    const onSelectImages = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n      const { files } = e.currentTarget;\n\n      if (!files) return;\n\n      const newFilesList = Array.from(files).map(file => {\n        const url = URL.createObjectURL(file);\n\n        return { file, url };\n      });\n\n      setSelectedImage(prevImages => [...prevImages, ...newFilesList]);\n    }, []);\n\n    if (!response) {\n      return null;\n    }\n\n    if (!isAttempted && nextQuestionId) {\n      return <Text $renderAs=\"body1\"> The student did not attempt this questions.</Text>;\n    }\n\n    return (\n      <>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <FlexView>\n            <Text $renderAs=\"body3\">Score (out of {maxScore})</Text>\n            <Separator heightX={1} />\n            <FlexView $flexDirection=\"row\" $gapX={0.5}>\n              <FlexView\n                $justifyContent=\"center\"\n                $alignItems=\"center\"\n                $borderColor=\"BLACK\"\n                $width={50}\n                $height={50}\n                $background=\"WHITE\"\n              >\n                <Text $renderAs=\"body1\">{scored}</Text>\n              </FlexView>\n              <Separator width={16} />\n              <FlexView $background=\"WHITE\" $gutterX={0.5} $gapX={0.5}>\n                <Clickable label=\"up\" onClick={onScoreUp} disabled={scored === maxScore}>\n                  <UpIcon />\n                </Clickable>\n                <Separator height={16} />\n                <Clickable label=\"down\" onClick={onScoreDown} disabled={scored === 0}>\n                  <DownIcon />\n                </Clickable>\n              </FlexView>\n            </FlexView>\n          </FlexView>\n          <FlexView>\n            <Text $renderAs=\"body1\">Comments</Text>\n            <Separator heightX={1} />\n            <TextArea value={comment} onChange={onCommentChange} />\n          </FlexView>\n          <FlexView $alignItems=\"center\">\n            <Text $renderAs=\"body1\">\n              Upload Images <small>(max 12)</small>\n            </Text>\n            <Separator heightX={1} />\n            <FileInputLabel htmlFor={`files${responseId}`}>Browse</FileInputLabel>\n            <Separator heightX={1} />\n            <FileInput\n              type=\"file\"\n              accept=\".jpeg, .jpg, .png\"\n              id={`files${responseId}`}\n              multiple\n              onChange={onSelectImages}\n            />\n            <TextButton\n              onClick={openImagesModal}\n              label={noOfImages ? `${noOfImages} ${pluralize(noOfImages, 'file')}` : 'No files'}\n            />\n          </FlexView>\n        </FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gutterX={1}\n          $gapX={1}\n        >\n          <Button\n            widthX={6}\n            renderAs=\"secondary\"\n            size=\"small\"\n            label=\"Save\"\n            onClick={handleSave}\n            busy={isUploading}\n            disabled={isSaveDisabled}\n          />\n          <Separator width={20} />\n          {!nextQuestionId && (\n            <Button\n              widthX={6}\n              renderAs=\"secondary\"\n              size=\"small\"\n              label=\"Submit Review\"\n              onClick={handleReviewSubmit}\n              busy={isSubmittingReview}\n              disabled={!canSubmitReview}\n            />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default SubjectiveQuestionFeedback;\n"],"names":["QUERY","SubjectiveQuestionFeedback","memo","responses","response","nextQuestionId","responseId","studentId","onAddReviewComment","openImagesReviewModal","handleReviewSubmit","isSubmittingReview","responseScore","maxScore","score","isAttempted","comment","setComment","useState","_a","isUploading","setIsUploading","scored","setScored","selectedImages","setSelectedImage","_b","noOfImages","isSaveDisabled","useMemo","_c","canSubmitReview","canSubmit","item","isCurrItemAttempted","currentItemReviewed","_d","uploadImages","useS3ImageUploadHelper","onCommentChange","useCallback","e","onScoreUp","onScoreDown","onSuccess","images","reponseImages","allImages","handleSave","imagesToUpload","updateImages","filteredImages","openImagesModal","previewImages","onSelectImages","files","newFilesList","file","url","prevImages","jsx","Text","jsxs","Fragment","FlexView","Separator","Clickable","UpIcon","DownIcon","TextArea","FileInputLabel","FileInput","TextButton","pluralize","Button"],"mappings":"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"}