@cuemath/leap 3.1.5 → 3.1.6-j1

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":";;AAgBA,MAAMA,IAASC,EAAO;AAAA,EACpB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,YAAAC,GAAY,iBAAAC,GAAiB,WAAAC,GAAW,OAAAC,GAAO,QAAAC,QAAa;AACrF,UAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,EAAA,IAAWV,GAC7B,EAAE,qBAAAW,GAAqB,iBAAAC,EAAA,IAAoBJ,EAAO,SAASH,CAAS,GACpE,EAAE,QAAAQ,GAAQ,mBAAAC,GAAmB,aAAAC,EAAgB,IAAAP,EAAO,MAAMF,CAAK;AAE9D,WAAA;AAAA;AAAA;AAAA,yBAGcF,CAAe;AAAA;AAAA,QAEhCD,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA;AAAA,eAEvCF,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUQ,EAAO,MAAM,QAAQ,EAAE;AAAA,gBAC7CG,CAAM;AAAA,mBACHC,CAAiB;AAAA,sBACdC,CAAW;AAAA;AAAA,uBAEVR,MAAW,WAAWM,IAAS,IAAI,CAAC;AAAA;AAAA;AAAA,0BAGjCJ,EAAOE,EAAoB,QAAQ,CAAC;AAAA,sBACxCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAM1BH,EAAOE,EAAoB,MAAM,CAAC;AAAA,wBACtCF,EAAOG,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,sBAIhCH,EAAOE,EAAoB,QAAQ,CAAC;AAAA,wBAClCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAK5BH,EAAOE,EAAoB,MAAM,CAAC;AAAA,wBACtCF,EAAOG,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,4BAI1BH,EAAOE,EAAoB,QAAQ,CAAC;AAAA,wBACxCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAItD;AACF,GAMMI,IAAQjB,EAAOkB,CAAI,EAAoB,CAAC,EAAE,OAAAjB,GAAO,iBAAAkB,QAAsB;AACrE,QAAA,EAAE,QAAAV,GAAQ,QAAAC,EAAW,IAAAT,GACrB,EAAE,WAAAmB,EAAc,IAAAX,EAAO,SAASU,CAAe;AAE9C,SAAA;AAAA,eACMT,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,QAGjCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,QAGjCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,QAGnCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAI3C,CAAC,GAQKC,IAAOrB,EAAO,IAAsB,CAAC,EAAE,OAAAC,GAAO,iBAAAkB,GAAiB,OAAAZ,GAAO,eAAAe,QAAoB;AACxF,QAAA,EAAE,QAAAb,GAAQ,QAAAC,EAAW,IAAAT,GACrB,EAAE,WAAAmB,EAAc,IAAAX,EAAO,SAASU,CAAe,GAC/C,EAAE,UAAAI,GAAU,aAAAC,EAAA,IAAgBf,EAAO,MAAMF,CAAK;AAE7C,SAAA;AAAA,QACDe,MAAkB,SAAS,kBAAkB,cAAc,KAAKE,CAAW;AAAA,eACpEF,MAAkB,SAAS,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI/BC,CAAQ;AAAA,kBACPA,CAAQ;AAAA,iBACTb,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGjCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,UAGjCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGnCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAK7C,CAAC,GAMKK,IAASzB,EAAO,IAAwB,CAAC,EAAE,OAAAC,GAAO,OAAAM,QAAY;AAC5D,QAAA,EAAE,QAAAE,EAAW,IAAAR,GACb,EAAE,YAAAyB,EAAe,IAAAjB,EAAO,MAAMF,CAAK;AAElC,SAAA;AAAA,aACImB,CAAU;AAAA,cACTA,CAAU;AAAA;AAExB,CAAC;"}

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/utils/media.js

@@ -0,0 +1,16 @@
+const e = {
+  mobile: 480,
+  tablet: 760,
+  desktop: 920,
+  large: 1200,
+  xl: 1424
+}, t = (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"), l = {
+  up920: `@media (min-width: ${e.desktop}px)`,
+  down919: `@media (max-width: ${e.desktop - 1}px)`
+};
+export {
+  e as BREAKPOINTS,
+  t as getDeviceType,
+  l 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  up920: `@media (min-width: ${BREAKPOINTS.desktop}px)`,\n  down919: `@media (max-width: ${BREAKPOINTS.desktop - 1}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,OAAO,sBAAsBH,EAAY,OAAO;AAAA,EAChD,SAAS,sBAAsBA,EAAY,UAAU,CAAC;AACxD;"}

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-container.js

@@ -1,25 +1,25 @@
 import { jsx as f } 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 = (u, l) => {
   const {
     attemptId: R,
     itemsSignedRequest: g,
-    questionsSignedRequest: c,
+    questionsSignedRequest: p,
     onLoaded: r,
     onErrored: t,
     onResponsesLoaded: a,
-    loggerRef: s,
-    userType: d,
+    loggerRef: o,
+    userType: c,
     ...E
-  } = u, { loadingState: o, learnosityActivityRef: h, data: e, error: p } = I({
+  } = u, { loadingState: s, learnosityActivityRef: h, data: e, error: d } = T({
     attemptId: R,
     signedRequest: g,
-    loggerRef: s
+    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: d ?? "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, d, 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__ */ f(L, { userType: c, children: /* @__PURE__ */ f(
+      w,
       {
         ref: l,
-        questionsSignedRequest: c,
+        questionsSignedRequest: p,
         learnosity: n,
         appendedQuestionIds: k,
         learnosityActivityRef: h,
         learnosityItems: i,
         learnosityResponses: C,
-        loggerRef: s,
-        userType: d,
+        loggerRef: o,
+        userType: c,
         ...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 userType={userType}>\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;AAGrC,WAAA,gBAAAa,EAACC,KAAkB,UAAAlB,GACjB,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;"}