@cuemath/leap 3.1.44-beta-0.2 → 3.1.44-hg2

package/dist/features/auth/forgot-password/forgot-password-styled.js

@@ -1,8 +1,8 @@
 import { styled as t } from "styled-components";
-import i from "../../ui/buttons/button/button.js";
-import p from "../../ui/layout/flex-view.js";
-import { media as o } from "../../utils/media.js";
-const x = t.form`
+import p from "../../ui/buttons/button/button.js";
+import o from "../../ui/layout/flex-view.js";
+import { mediaQueries as i } from "../../ui/theme/media-queries.js";
+const h = t.form`
   display: flex;
   flex: 1;
   margin-top: 0;
@@ -11,28 +11,28 @@ const x = t.form`
   max-width: 336px;
   width: 100%;
   height: 308px;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     margin-top: 8px;
   }
-`, a = t(p)`
+`, x = t(o)`
   margin-top: 0;
   max-width: 336px;
   width: 100%;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     margin-top: 8px;
   }
-`, h = t(p)`
+`, a = t(o)`
   min-height: 300px;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     height: 308px;
   }
-`, s = t(i)`
+`, d = t(p)`
   width: 100%;
 `;
 export {
-  s as ButtonWrapper,
-  h as Container,
-  x as FormWrapper,
-  a as OtpFormWrapper
+  d as ButtonWrapper,
+  a as Container,
+  h as FormWrapper,
+  x as OtpFormWrapper
 };
 //# sourceMappingURL=forgot-password-styled.js.map

package/dist/features/auth/forgot-password/forgot-password-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"forgot-password-styled.js","sources":["../../../../src/features/auth/forgot-password/forgot-password-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { media } from '../../utils/media';\n\nexport const FormWrapper = styled.form`\n  display: flex;\n  flex: 1;\n  margin-top: 0;\n  flex-direction: column;\n  justify-content: space-between;\n  max-width: 336px;\n  width: 100%;\n  height: 308px;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nexport const OtpFormWrapper = styled(FlexView)`\n  margin-top: 0;\n  max-width: 336px;\n  width: 100%;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nexport const Container = styled(FlexView)`\n  min-height: 300px;\n  ${media.minDesktop} {\n    height: 308px;\n  }\n`;\n\nexport const ButtonWrapper = styled(Button)`\n  width: 100%;\n`;\n"],"names":["FormWrapper","styled","media","OtpFormWrapper","FlexView","Container","ButtonWrapper","Button"],"mappings":";;;;AAMO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAS9BC,EAAM,UAAU;AAAA;AAAA;AAAA,GAKPC,IAAiBF,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA,IAIzCF,EAAM,UAAU;AAAA;AAAA;AAAA,GAKPG,IAAYJ,EAAOG,CAAQ;AAAA;AAAA,IAEpCF,EAAM,UAAU;AAAA;AAAA;AAAA,GAKPI,IAAgBL,EAAOM,CAAM;AAAA;AAAA;"}
+{"version":3,"file":"forgot-password-styled.js","sources":["../../../../src/features/auth/forgot-password/forgot-password-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { mediaQueries } from '../../ui/theme/media-queries';\n\nexport const FormWrapper = styled.form`\n  display: flex;\n  flex: 1;\n  margin-top: 0;\n  flex-direction: column;\n  justify-content: space-between;\n  max-width: 336px;\n  width: 100%;\n  height: 308px;\n  ${mediaQueries.minWidthDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nexport const OtpFormWrapper = styled(FlexView)`\n  margin-top: 0;\n  max-width: 336px;\n  width: 100%;\n  ${mediaQueries.minWidthDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nexport const Container = styled(FlexView)`\n  min-height: 300px;\n  ${mediaQueries.minWidthDesktop} {\n    height: 308px;\n  }\n`;\n\nexport const ButtonWrapper = styled(Button)`\n  width: 100%;\n`;\n"],"names":["FormWrapper","styled","mediaQueries","OtpFormWrapper","FlexView","Container","ButtonWrapper","Button"],"mappings":";;;;AAMO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAS9BC,EAAa,eAAe;AAAA;AAAA;AAAA,GAKnBC,IAAiBF,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA,IAIzCF,EAAa,eAAe;AAAA;AAAA;AAAA,GAKnBG,IAAYJ,EAAOG,CAAQ;AAAA;AAAA,IAEpCF,EAAa,eAAe;AAAA;AAAA;AAAA,GAKnBI,IAAgBL,EAAOM,CAAM;AAAA;AAAA;"}

package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js

@@ -1,7 +1,7 @@
 import t from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-import { media as e } from "../../../utils/media.js";
-const r = t.form`
+import i from "../../../ui/layout/flex-view.js";
+import { mediaQueries as e } from "../../../ui/theme/media-queries.js";
+const m = t.form`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -9,17 +9,17 @@ const r = t.form`
   flex: 1;
   width: 100%;
   max-width: 336px;
-  ${e.minDesktop} {
+  ${e.minWidthDesktop} {
     margin-top: 8px;
   }
-`, n = t(o)`
+`, n = t(i)`
   height: 300px;
-  ${e.minDesktop} {
+  ${e.minWidthDesktop} {
     height: 308px;
   }
 `;
 export {
   n as Container,
-  r as FormWrapper
+  m as FormWrapper
 };
 //# sourceMappingURL=identifier-otp-form-styled.js.map

package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"identifier-otp-form-styled.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { media } from '../../../utils/media';\n\nconst FormWrapper = styled.form`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-top: 0;\n  flex: 1;\n  width: 100%;\n  max-width: 336px;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst Container = styled(FlexView)`\n  height: 300px;\n  ${media.minDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { FormWrapper, Container };\n"],"names":["FormWrapper","styled","media","Container","FlexView"],"mappings":";;;AAKA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQvBC,EAAM,UAAU;AAAA;AAAA;AAAA,GAKdC,IAAYF,EAAOG,CAAQ;AAAA;AAAA,IAE7BF,EAAM,UAAU;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"identifier-otp-form-styled.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { mediaQueries } from '../../../ui/theme/media-queries';\n\nconst FormWrapper = styled.form`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-top: 0;\n  flex: 1;\n  width: 100%;\n  max-width: 336px;\n  ${mediaQueries.minWidthDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst Container = styled(FlexView)`\n  height: 300px;\n  ${mediaQueries.minWidthDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { FormWrapper, Container };\n"],"names":["FormWrapper","styled","mediaQueries","Container","FlexView"],"mappings":";;;AAKA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQvBC,EAAa,eAAe;AAAA;AAAA;AAAA,GAK1BC,IAAYF,EAAOG,CAAQ;AAAA;AAAA,IAE7BF,EAAa,eAAe;AAAA;AAAA;AAAA;"}

package/dist/features/auth/login/login-styled.js

@@ -1,26 +1,26 @@
 import t from "styled-components";
-import i from "../../ui/buttons/button/button.js";
+import o from "../../ui/buttons/button/button.js";
 import m from "../../ui/layout/flex-view.js";
-import { media as o } from "../../utils/media.js";
-const x = t.form`
+import { mediaQueries as i } from "../../ui/theme/media-queries.js";
+const h = t.form`
   max-width: 336px;
   width: 100%;
   margin-top: 0;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     margin-top: 8px;
   }
 `;
-t(i)`
+t(o)`
   max-width: 160px;
 `;
-const a = t(m)`
+const x = t(m)`
   min-height: 300px;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     height: 308px;
   }
 `;
 export {
-  a as Container,
-  x as FormContainer
+  x as Container,
+  h as FormContainer
 };
 //# sourceMappingURL=login-styled.js.map

package/dist/features/auth/login/login-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"login-styled.js","sources":["../../../../src/features/auth/login/login-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { media } from '../../utils/media';\n\nexport const FormContainer = styled.form`\n  max-width: 336px;\n  width: 100%;\n  margin-top: 0;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst ButtonWrapper = styled(Button)`\n  max-width: 160px;\n`;\n\nconst Container = styled(FlexView)`\n  min-height: 300px;\n  ${media.minDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { ButtonWrapper, Container };\n"],"names":["FormContainer","styled","media","Button","Container","FlexView"],"mappings":";;;;AAMO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA,IAIhCC,EAAM,UAAU;AAAA;AAAA;AAAA;AAKED,EAAOE,CAAM;AAAA;AAAA;AAI7B,MAAAC,IAAYH,EAAOI,CAAQ;AAAA;AAAA,IAE7BH,EAAM,UAAU;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"login-styled.js","sources":["../../../../src/features/auth/login/login-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { mediaQueries } from '../../ui/theme/media-queries';\n\nexport const FormContainer = styled.form`\n  max-width: 336px;\n  width: 100%;\n  margin-top: 0;\n  ${mediaQueries.minWidthDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst ButtonWrapper = styled(Button)`\n  max-width: 160px;\n`;\n\nconst Container = styled(FlexView)`\n  min-height: 300px;\n  ${mediaQueries.minWidthDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { ButtonWrapper, Container };\n"],"names":["FormContainer","styled","mediaQueries","Button","Container","FlexView"],"mappings":";;;;AAMO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA,IAIhCC,EAAa,eAAe;AAAA;AAAA;AAAA;AAKVD,EAAOE,CAAM;AAAA;AAAA;AAI7B,MAAAC,IAAYH,EAAOI,CAAQ;AAAA;AAAA,IAE7BH,EAAa,eAAe;AAAA;AAAA;AAAA;"}

package/dist/features/hooks/use-viewport/use-viewport.js

@@ -1,21 +1,13 @@
-import { useState as n, useEffect as r } from "react";
-import { getDeviceType as c } from "../../utils/media.js";
-const d = () => {
-  const [s, o] = n(() => window.innerWidth);
-  r(() => {
-    function i() {
-      o(window.innerWidth);
-    }
-    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, []);
-  const e = c(s), t = e === "mobile";
+import { getTheme as t } from "../../ui/theme/get-theme.js";
+const i = () => {
+  const { device: e } = t(), s = e === "mobile";
   return {
-    isMobile: t,
-    isCompact: t || e === "tablet",
-    isDesktop: e === "desktop" || e === "large" || e === "xl"
+    isMobile: s,
+    isCompact: s || e === "tablet",
+    isDesktop: e === "desktop" || e === "large-device" || e === "xlarge-device"
   };
-}, f = d;
+}, n = i;
 export {
-  f as default
+  n as default
 };
 //# sourceMappingURL=use-viewport.js.map

package/dist/features/hooks/use-viewport/use-viewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-viewport.js","sources":["../../../../src/features/hooks/use-viewport/use-viewport.ts"],"sourcesContent":["import type { IUseViewportReturn } from './use-viewport-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { getDeviceType } from '../../utils/media';\n\nconst useViewport = (): IUseViewportReturn => {\n  const [width, setWidth] = useState(() => window.innerWidth);\n\n  useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const deviceType = getDeviceType(width);\n  const isMobile = deviceType === 'mobile';\n  const isTablet = deviceType === 'tablet';\n  const isDesktop = deviceType === 'desktop';\n  const isLarge = deviceType === 'large';\n  const isXL = deviceType === 'xl';\n\n  return {\n    isMobile: isMobile,\n    isCompact: isMobile || isTablet,\n    isDesktop: isDesktop || isLarge || isXL,\n  };\n};\n\nexport default useViewport;\n"],"names":["useViewport","width","setWidth","useState","useEffect","handleResize","deviceType","getDeviceType","isMobile","useViewport$1"],"mappings":";;AAMA,MAAMA,IAAc,MAA0B;AAC5C,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAM,OAAO,UAAU;AAE1D,EAAAC,EAAU,MAAM;AACd,aAASC,IAAe;AACtB,MAAAH,EAAS,OAAO,UAAU;AAAA,IAC5B;AAEO,kBAAA,iBAAiB,UAAUG,CAAY,GAEvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAE,CAAA;AAEC,QAAAC,IAAaC,EAAcN,CAAK,GAChCO,IAAWF,MAAe;AAMzB,SAAA;AAAA,IACL,UAAAE;AAAA,IACA,WAAWA,KAPIF,MAAe;AAAA,IAQ9B,WAPgBA,MAAe,aACjBA,MAAe,WAClBA,MAAe;AAAA,EAKS;AAEvC,GAEAG,IAAeT;"}
+{"version":3,"file":"use-viewport.js","sources":["../../../../src/features/hooks/use-viewport/use-viewport.ts"],"sourcesContent":["import type { IUseViewportReturn } from './use-viewport-types';\n\nimport { getTheme } from '../../ui/theme/get-theme';\n\nconst useViewport = (): IUseViewportReturn => {\n  const { device: deviceType } = getTheme();\n\n  const isMobile = deviceType === 'mobile';\n  const isTablet = deviceType === 'tablet';\n  const isDesktop = deviceType === 'desktop';\n  const isLarge = deviceType === 'large-device';\n  const isXL = deviceType === 'xlarge-device';\n\n  return {\n    isMobile: isMobile,\n    isCompact: isMobile || isTablet,\n    isDesktop: isDesktop || isLarge || isXL,\n  };\n};\n\nexport default useViewport;\n"],"names":["useViewport","deviceType","getTheme","isMobile","useViewport$1"],"mappings":";AAIA,MAAMA,IAAc,MAA0B;AAC5C,QAAM,EAAE,QAAQC,EAAW,IAAIC,EAAS,GAElCC,IAAWF,MAAe;AAMzB,SAAA;AAAA,IACL,UAAAE;AAAA,IACA,WAAWA,KAPIF,MAAe;AAAA,IAQ9B,WAPgBA,MAAe,aACjBA,MAAe,kBAClBA,MAAe;AAAA,EAKS;AAEvC,GAEAG,IAAeJ;"}

package/dist/features/ui/theme/constants.js

@@ -0,0 +1,11 @@
+const e = {
+  tablet: 760,
+  smallDesktop: 920,
+  desktop: 1072,
+  largeDevice: 1232,
+  xlargeDevice: 1424
+};
+export {
+  e as BREAKPOINTS
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/ui/theme/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/theme/constants.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  tablet: 760,\n  smallDesktop: 920,\n  desktop: 1072,\n  largeDevice: 1232,\n  xlargeDevice: 1424,\n};\n"],"names":["BREAKPOINTS"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;"}

package/dist/features/ui/theme/get-device.js

@@ -0,0 +1,6 @@
+import { BREAKPOINTS as r } from "./constants.js";
+const l = (e) => e >= r.xlargeDevice ? "xlarge-device" : e >= r.largeDevice ? "large-device" : e >= r.smallDesktop ? "small-desktop" : e >= r.desktop ? "desktop" : e >= r.tablet ? "tablet" : "mobile";
+export {
+  l as getDevice
+};
+//# sourceMappingURL=get-device.js.map

package/dist/features/ui/theme/get-device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import type { TDeviceType } from '../types';\n\nimport { BREAKPOINTS } from './constants';\n\nexport const getDevice = (width: number): TDeviceType => {\n  if (width >= BREAKPOINTS.xlargeDevice) return 'xlarge-device';\n\n  if (width >= BREAKPOINTS.largeDevice) return 'large-device';\n\n  if (width >= BREAKPOINTS.smallDesktop) return 'small-desktop';\n\n  if (width >= BREAKPOINTS.desktop) return 'desktop';\n\n  if (width >= BREAKPOINTS.tablet) return 'tablet';\n\n  return 'mobile';\n};\n"],"names":["getDevice","width","BREAKPOINTS"],"mappings":";AAIa,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,cAAoB,iBAEzCD,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,UAAgB,YAErCD,KAASC,EAAY,SAAe,WAEjC;"}

package/dist/features/ui/theme/get-theme.js

@@ -1,32 +1,34 @@
 import r from "./arrow-tooltip.js";
-import e from "./button.js";
-import i from "./checkbox.js";
-import m, { hues as g } from "./clrs.js";
-import { getDeviceConfig as n } from "./device.js";
-import f from "./input.js";
-import p from "./layout.js";
-import u from "./tab.js";
+import i from "./button.js";
+import m from "./checkbox.js";
+import g, { hues as f } from "./clrs.js";
+import { getDevice as n } from "./get-device.js";
+import p from "./input.js";
+import u from "./layout.js";
+import { mediaQueries as c } from "./media-queries.js";
+import x from "./tab.js";
 import C from "./text.js";
-import c from "./text-button.js";
-import { getZIndexConfig as x } from "./z-index.js";
-const v = () => {
-  const t = p(), { gutter: o } = t;
+import s from "./text-button.js";
+import { getZIndexConfig as T } from "./z-index.js";
+const A = () => {
+  const t = u(), { gutter: o, deviceWidth: e } = t;
   return {
     arrowTooltip: r(),
-    button: e(o),
-    colors: m(),
-    hues: g,
-    input: f(o),
-    checkbox: i(o),
+    button: i(o),
+    colors: g(),
+    hues: f,
+    input: p(o),
+    checkbox: m(o),
     layout: t,
-    tab: u(t.gutter),
+    tab: x(t.gutter),
     text: C(),
-    textButton: c(),
-    zIndex: x(),
-    device: n()
+    textButton: s(),
+    zIndex: T(),
+    device: n(e),
+    mediaQueries: c
   };
 };
 export {
-  v as getTheme
+  A as getTheme
 };
 //# sourceMappingURL=get-theme.js.map

package/dist/features/ui/theme/get-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport { getDeviceConfig } from './device';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n    device: getDeviceConfig(),\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig","getDeviceConfig"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,IACL,cAAcG,EAAsB;AAAA,IACpC,QAAQC,EAAgBF,CAAM;AAAA,IAC9B,QAAQG,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeL,CAAM;AAAA,IAC5B,UAAUM,EAAkBN,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKS,EAAaT,EAAO,MAAM;AAAA,IAC/B,MAAMU,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,IACxB,QAAQC,EAAgB;AAAA,EAAA;AAE5B;"}
+{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport { getDevice } from './get-device';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport { mediaQueries } from './media-queries';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter, deviceWidth } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n    device: getDevice(deviceWidth),\n    mediaQueries,\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","deviceWidth","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig","getDevice","mediaQueries"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,GAAQ,aAAAC,EAAgB,IAAAH;AAEzB,SAAA;AAAA,IACL,cAAcI,EAAsB;AAAA,IACpC,QAAQC,EAAgBH,CAAM;AAAA,IAC9B,QAAQI,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeN,CAAM;AAAA,IAC5B,UAAUO,EAAkBP,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKU,EAAaV,EAAO,MAAM;AAAA,IAC/B,MAAMW,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,IACxB,QAAQC,EAAUX,CAAW;AAAA,IAC7B,cAAAY;AAAA,EAAA;AAEJ;"}

package/dist/features/ui/theme/layout.js

@@ -1,9 +1,11 @@
-function e(t = 1) {
+function i() {
   return {
-    gutter: 16 * t
+    gutter: 16 * 1,
+    deviceWidth: window.innerWidth,
+    deviceHeight: window.innerHeight
   };
 }
 export {
-  e as default
+  i as default
 };
 //# sourceMappingURL=layout.js.map

package/dist/features/ui/theme/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  return {\n    gutter: 16 * multiplier,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAC3C,SAAA;AAAA,IACL,QAAQ,KAAKA;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(): ILayout {\n  const multiplier = 1;\n\n  // TODO: handle multiplier logic based on the width and height\n\n  return {\n    gutter: 16 * multiplier,\n    deviceWidth: window.innerWidth,\n    deviceHeight: window.innerHeight,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout"],"mappings":"AAEA,SAASA,IAAqB;AAKrB,SAAA;AAAA,IACL,QAAQ,KAAK;AAAA,IACb,aAAa,OAAO;AAAA,IACpB,cAAc,OAAO;AAAA,EAAA;AAEzB;"}

package/dist/features/ui/theme/media-queries.js

@@ -0,0 +1,11 @@
+import { BREAKPOINTS as i } from "./constants.js";
+const t = {
+  minWidthTablet: `@media (min-width: ${i.tablet}px)`,
+  minWidthSmallDesktop: `@media (min-width: ${i.smallDesktop}px)`,
+  minWidthDesktop: `@media (min-width: ${i.desktop}px)`,
+  minWidthLargeDevice: `@media (min-width: ${i.largeDevice}px)`
+};
+export {
+  t as mediaQueries
+};
+//# sourceMappingURL=media-queries.js.map

package/dist/features/ui/theme/media-queries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-queries.js","sources":["../../../../src/features/ui/theme/media-queries.ts"],"sourcesContent":["import { BREAKPOINTS } from './constants';\n\nexport const mediaQueries = {\n  minWidthTablet: `@media (min-width: ${BREAKPOINTS.tablet}px)`,\n  minWidthSmallDesktop: `@media (min-width: ${BREAKPOINTS.smallDesktop}px)`,\n  minWidthDesktop: `@media (min-width: ${BREAKPOINTS.desktop}px)`,\n  minWidthLargeDevice: `@media (min-width: ${BREAKPOINTS.largeDevice}px)`,\n};\n"],"names":["mediaQueries","BREAKPOINTS"],"mappings":";AAEO,MAAMA,IAAe;AAAA,EAC1B,gBAAgB,sBAAsBC,EAAY,MAAM;AAAA,EACxD,sBAAsB,sBAAsBA,EAAY,YAAY;AAAA,EACpE,iBAAiB,sBAAsBA,EAAY,OAAO;AAAA,EAC1D,qBAAqB,sBAAsBA,EAAY,WAAW;AACpE;"}

package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as b, Fragment as B } from "react/jsx-runtime";
-import { memo as M, useState as Y, useCallback as i } from "react";
-import Z from "../../../../assets/line-icons/icons/calculator.js";
-import ee from "../../../../assets/line-icons/icons/down.js";
-import oe from "../../../../assets/line-icons/icons/up.js";
-import ne from "../../../cue-canvas/toolbar/toolbar.js";
-import te from "../../../ui/buttons/button/button.js";
-import se from "../../../ui/layout/flex-view.js";
-import { scrollToQuestion as ie } from "../worksheet-helpers.js";
-import re from "../worksheet-questions-controller/scribble-switch.js";
-import ae from "../worksheet-questions-controller/worksheet-questions-controller.js";
-import le from "../worksheet-questions-summary/worksheet-questions-summary.js";
-import { IconContainer as me, SummaryWrapper as ce } from "../worksheet-styled.js";
-import ue from "../worksheet-summary-controller/worksheet-summary-controller.js";
-const xe = M(($) => {
+import { memo as L, useState as M, useCallback as i } from "react";
+import Y from "../../../../assets/line-icons/icons/calculator.js";
+import Z from "../../../../assets/line-icons/icons/down.js";
+import ee from "../../../../assets/line-icons/icons/up.js";
+import oe from "../../../cue-canvas/toolbar/toolbar.js";
+import ne from "../../../ui/buttons/button/button.js";
+import te from "../../../ui/layout/flex-view.js";
+import { scrollToQuestion as se } from "../worksheet-helpers.js";
+import ie from "../worksheet-questions-controller/scribble-switch.js";
+import re from "../worksheet-questions-controller/worksheet-questions-controller.js";
+import ae from "../worksheet-questions-summary/worksheet-questions-summary.js";
+import { IconContainer as le, SummaryWrapper as me } from "../worksheet-styled.js";
+import ce from "../worksheet-summary-controller/worksheet-summary-controller.js";
+const ve = L(($) => {
   const {
     userType: m,
     layout: f,
@@ -37,89 +37,88 @@ const xe = M(($) => {
     onItemNumberClick: C,
     onTeacherValidation: N,
     onGoToReview: I,
-    onResponseChange: U,
-    onHelp: D,
+    onResponseChange: D,
+    onHelp: E,
     onSubmit: a,
-    onCalculatorOpen: E,
+    onCalculatorOpen: U,
     canSubmitWorksheet: g,
     loggerRef: y,
     onSkip: _,
-    onUnassign: z,
-    canToggleScribbling: H
-  } = $, { navigationBar: P, questionsScrollable: w } = f, p = o[s], { response_id: l } = p ?? {}, [Q, d] = Y(!1), X = l ? W.includes(l) : !1, J = i(
+    canToggleScribbling: z
+  } = $, { navigationBar: H, questionsScrollable: w } = f, p = o[s], { response_id: l } = p ?? {}, [Q, d] = M(!1), P = l ? W.includes(l) : !1, X = i(
     (n) => {
       d(!1), C(n);
     },
     [C]
-  ), K = i(() => {
+  ), J = i(() => {
     d(!1), I();
   }, [I]), v = i(() => {
     d((n) => !n);
-  }, []), L = i(() => {
+  }, []), K = i(() => {
     var T;
     u(!1);
     const n = (T = o[o.length - 1]) == null ? void 0 : T.response_id;
-    n && (w ? requestAnimationFrame(() => ie(n)) : c(n));
+    n && (w ? requestAnimationFrame(() => se(n)) : c(n));
   }, [o, w, c, u]), x = i(() => {
     a == null || a(t);
   }, [a, t]);
   return k ? /* @__PURE__ */ e(
-    ue,
+    ce,
     {
-      onBack: L,
+      onBack: K,
       behavior: r,
       onSubmit: x,
       canSubmitWorksheet: !!g
     }
   ) : /* @__PURE__ */ b(B, { children: [
-    /* @__PURE__ */ b(se, { $flexDirection: "row", $flexGap: 12, children: [
+    /* @__PURE__ */ b(te, { $flexDirection: "row", $flexGap: 12, children: [
       /* @__PURE__ */ e(
-        re,
+        ie,
         {
           isScribblingEnabled: S,
           setIsScribblingEnabled: O,
           isCanvasEnabled: R,
           loggerRef: y,
-          canToggleScribbling: H
+          canToggleScribbling: z
         }
       ),
       r.canShowDesmosCalc && /* @__PURE__ */ e(
-        me,
+        le,
         {
           $active: G,
           $alignItems: "center",
           $justifyContent: "space-between",
-          onClick: E,
-          children: /* @__PURE__ */ e(Z, {})
+          onClick: U,
+          children: /* @__PURE__ */ e(Y, {})
         }
       )
     ] }),
-    S && /* @__PURE__ */ e(ne, { userType: m, renderAs: "canvas" }),
-    P === "bottom" && /* @__PURE__ */ b(B, { children: [
-      Q && /* @__PURE__ */ e(ce, { $alignItems: "center", children: /* @__PURE__ */ e(
-        le,
+    S && /* @__PURE__ */ e(oe, { userType: m, renderAs: "canvas" }),
+    H === "bottom" && /* @__PURE__ */ b(B, { children: [
+      Q && /* @__PURE__ */ e(me, { $alignItems: "center", children: /* @__PURE__ */ e(
+        ae,
         {
           activeQuestionIndex: s,
           lastUnlockedQuestionIndex: h,
-          onItemNumberClick: J,
+          onItemNumberClick: X,
           questions: o,
           responses: t,
           worksheetName: A,
           behavior: r,
           userType: m,
           onClose: v,
-          onGoToReview: K,
+          onGoToReview: J,
           summaryVisible: k
         }
       ) }),
       /* @__PURE__ */ e(
-        te,
+        ne,
         {
           renderAs: "secondary",
           widthX: 13.25,
           label: `Question ${s + 1} of ${o.length}`,
           size: "small",
-          Icon: Q ? ee : oe,
+          Icon: Q ? Z : ee,
           iconPosition: "right",
           justifyContent: "space-between",
           onClick: v
@@ -127,7 +126,7 @@ const xe = M(($) => {
       )
     ] }),
     p && l && /* @__PURE__ */ e(
-      ae,
+      re,
       {
         learnosity: q,
         question: p,
@@ -135,17 +134,16 @@ const xe = M(($) => {
         responses: t,
         canSubmitWorksheet: g,
         questionIndex: s,
-        isQuestionAppended: X,
+        isQuestionAppended: P,
         isQuestionUnlocked: s <= h,
         response: t[l],
         behavior: r,
         userType: m,
         layout: f,
-        onResponseChange: U,
+        onResponseChange: D,
         onTeacherValidation: N,
-        onHelp: D,
+        onHelp: E,
         onSubmit: x,
-        onUnassign: z,
         setActiveQuestionId: c,
         setBlocker: F,
         setSummaryVisible: u,
@@ -158,6 +156,6 @@ const xe = M(($) => {
   ] });
 });
 export {
-  xe as default
+  ve as default
 };
 //# sourceMappingURL=worksheet-action-bar.js.map

package/dist/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-action-bar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.tsx"],"sourcesContent":["import type { IWorksheetActionBarProps } from './worksheet-action-bar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CalculatorIcon from '../../../../assets/line-icons/icons/calculator';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet-helpers';\nimport ScribbleSwitch from '../worksheet-questions-controller/scribble-switch';\nimport WorksheetQuestionsController from '../worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from '../worksheet-styled';\nimport WorksheetSummaryController from '../worksheet-summary-controller/worksheet-summary-controller';\n\nconst WorksheetActionBar: FC<IWorksheetActionBarProps> = memo(props => {\n  const {\n    userType,\n    layout,\n    behavior,\n    worksheetName,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    appendedQuestionIds,\n    learnosity,\n    isCanvasEnabled,\n    isScribblingEnabled,\n    isSummaryVisible,\n    setIsScribblingEnabled,\n    setActiveQuestionId,\n    setResponses,\n    getTimeSpentOnQuestion,\n    setBlocker,\n    setSummaryVisible,\n    showCalculator,\n    onItemNumberClick,\n    onTeacherValidation,\n    onGoToReview,\n    onResponseChange,\n    onHelp,\n    onSubmit,\n    onCalculatorOpen,\n    canSubmitWorksheet,\n    loggerRef,\n    onSkip,\n    onUnassign,\n    canToggleScribbling,\n  } = props;\n  const { navigationBar, questionsScrollable } = layout;\n  const activeQuestion = questions[activeQuestionIndex];\n  const { response_id: activeQuestionId } = activeQuestion ?? {};\n  const [isSummaryOpened, setIsSummaryOpened] = useState(false);\n  const isAppended = activeQuestionId ? appendedQuestionIds.includes(activeQuestionId) : false;\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setIsSummaryOpened(false);\n      onItemNumberClick(questionId);\n    },\n    [onItemNumberClick],\n  );\n\n  const handleOnGoToReview = useCallback(() => {\n    setIsSummaryOpened(false);\n    onGoToReview();\n  }, [onGoToReview]);\n\n  const handleSummaryButtonClick = useCallback(() => {\n    setIsSummaryOpened(prev => !prev);\n  }, []);\n\n  const handleBackFromSummary = useCallback(() => {\n    setSummaryVisible(false);\n\n    const questionId = questions[questions.length - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSheetSubmitButtonClick = useCallback(() => {\n    onSubmit?.(responses);\n  }, [onSubmit, responses]);\n\n  if (isSummaryVisible) {\n    return (\n      <WorksheetSummaryController\n        onBack={handleBackFromSummary}\n        behavior={behavior}\n        onSubmit={handleSheetSubmitButtonClick}\n        canSubmitWorksheet={!!canSubmitWorksheet}\n      />\n    );\n  }\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\" $flexGap={12}>\n        <ScribbleSwitch\n          isScribblingEnabled={isScribblingEnabled}\n          setIsScribblingEnabled={setIsScribblingEnabled}\n          isCanvasEnabled={isCanvasEnabled}\n          loggerRef={loggerRef}\n          canToggleScribbling={canToggleScribbling}\n        />\n        {behavior.canShowDesmosCalc && (\n          <Styled.IconContainer\n            $active={showCalculator}\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            onClick={onCalculatorOpen}\n          >\n            <CalculatorIcon />\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n      {isScribblingEnabled && <Toolbar userType={userType} renderAs=\"canvas\" />}\n      {navigationBar === 'bottom' && (\n        <>\n          {isSummaryOpened && (\n            <Styled.SummaryWrapper $alignItems=\"center\">\n              <WorksheetQuestionsSummary\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                onItemNumberClick={handleItemNumberClick}\n                questions={questions}\n                responses={responses}\n                worksheetName={worksheetName}\n                behavior={behavior}\n                userType={userType}\n                onClose={handleSummaryButtonClick}\n                onGoToReview={handleOnGoToReview}\n                summaryVisible={isSummaryVisible}\n              />\n            </Styled.SummaryWrapper>\n          )}\n          <Button\n            renderAs=\"secondary\"\n            widthX={13.25}\n            label={`Question ${activeQuestionIndex + 1} of ${questions.length}`}\n            size=\"small\"\n            Icon={isSummaryOpened ? DownIcon : UpIcon}\n            iconPosition=\"right\"\n            justifyContent=\"space-between\"\n            onClick={handleSummaryButtonClick}\n          />\n        </>\n      )}\n      {activeQuestion && activeQuestionId && (\n        <WorksheetQuestionsController\n          learnosity={learnosity}\n          question={activeQuestion}\n          questions={questions}\n          responses={responses}\n          canSubmitWorksheet={canSubmitWorksheet}\n          questionIndex={activeQuestionIndex}\n          isQuestionAppended={isAppended}\n          isQuestionUnlocked={activeQuestionIndex <= lastUnlockedQuestionIndex}\n          response={responses[activeQuestionId]}\n          behavior={behavior}\n          userType={userType}\n          layout={layout}\n          onResponseChange={onResponseChange}\n          onTeacherValidation={onTeacherValidation}\n          onHelp={onHelp}\n          onSubmit={handleSheetSubmitButtonClick}\n          onUnassign={onUnassign}\n          setActiveQuestionId={setActiveQuestionId}\n          setBlocker={setBlocker}\n          setSummaryVisible={setSummaryVisible}\n          setResponses={setResponses}\n          getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n          loggerRef={loggerRef}\n          onSkip={onSkip}\n        />\n      )}\n    </>\n  );\n});\n\nexport default WorksheetActionBar;\n"],"names":["WorksheetActionBar","memo","props","userType","layout","behavior","worksheetName","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","appendedQuestionIds","learnosity","isCanvasEnabled","isScribblingEnabled","isSummaryVisible","setIsScribblingEnabled","setActiveQuestionId","setResponses","getTimeSpentOnQuestion","setBlocker","setSummaryVisible","showCalculator","onItemNumberClick","onTeacherValidation","onGoToReview","onResponseChange","onHelp","onSubmit","onCalculatorOpen","canSubmitWorksheet","loggerRef","onSkip","onUnassign","canToggleScribbling","navigationBar","questionsScrollable","activeQuestion","activeQuestionId","isSummaryOpened","setIsSummaryOpened","useState","isAppended","handleItemNumberClick","useCallback","questionId","handleOnGoToReview","handleSummaryButtonClick","prev","handleBackFromSummary","_a","scrollToQuestion","handleSheetSubmitButtonClick","jsx","WorksheetSummaryController","jsxs","Fragment","FlexView","ScribbleSwitch","Styled.IconContainer","CalculatorIcon","Toolbar","Styled.SummaryWrapper","WorksheetQuestionsSummary","Button","DownIcon","UpIcon","WorksheetQuestionsController"],"mappings":"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"}
+{"version":3,"file":"worksheet-action-bar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-action-bar/worksheet-action-bar.tsx"],"sourcesContent":["import type { IWorksheetActionBarProps } from './worksheet-action-bar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CalculatorIcon from '../../../../assets/line-icons/icons/calculator';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { scrollToQuestion } from '../worksheet-helpers';\nimport ScribbleSwitch from '../worksheet-questions-controller/scribble-switch';\nimport WorksheetQuestionsController from '../worksheet-questions-controller/worksheet-questions-controller';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from '../worksheet-styled';\nimport WorksheetSummaryController from '../worksheet-summary-controller/worksheet-summary-controller';\n\nconst WorksheetActionBar: FC<IWorksheetActionBarProps> = memo(props => {\n  const {\n    userType,\n    layout,\n    behavior,\n    worksheetName,\n    questions,\n    responses,\n    activeQuestionIndex,\n    lastUnlockedQuestionIndex,\n    appendedQuestionIds,\n    learnosity,\n    isCanvasEnabled,\n    isScribblingEnabled,\n    isSummaryVisible,\n    setIsScribblingEnabled,\n    setActiveQuestionId,\n    setResponses,\n    getTimeSpentOnQuestion,\n    setBlocker,\n    setSummaryVisible,\n    showCalculator,\n    onItemNumberClick,\n    onTeacherValidation,\n    onGoToReview,\n    onResponseChange,\n    onHelp,\n    onSubmit,\n    onCalculatorOpen,\n    canSubmitWorksheet,\n    loggerRef,\n    onSkip,\n    canToggleScribbling,\n  } = props;\n  const { navigationBar, questionsScrollable } = layout;\n  const activeQuestion = questions[activeQuestionIndex];\n  const { response_id: activeQuestionId } = activeQuestion ?? {};\n  const [isSummaryOpened, setIsSummaryOpened] = useState(false);\n  const isAppended = activeQuestionId ? appendedQuestionIds.includes(activeQuestionId) : false;\n\n  const handleItemNumberClick = useCallback(\n    (questionId: string) => {\n      setIsSummaryOpened(false);\n      onItemNumberClick(questionId);\n    },\n    [onItemNumberClick],\n  );\n\n  const handleOnGoToReview = useCallback(() => {\n    setIsSummaryOpened(false);\n    onGoToReview();\n  }, [onGoToReview]);\n\n  const handleSummaryButtonClick = useCallback(() => {\n    setIsSummaryOpened(prev => !prev);\n  }, []);\n\n  const handleBackFromSummary = useCallback(() => {\n    setSummaryVisible(false);\n\n    const questionId = questions[questions.length - 1]?.response_id;\n\n    if (questionId) {\n      if (questionsScrollable) {\n        requestAnimationFrame(() => scrollToQuestion(questionId));\n      } else {\n        setActiveQuestionId(questionId);\n      }\n    }\n  }, [questions, questionsScrollable, setActiveQuestionId, setSummaryVisible]);\n\n  const handleSheetSubmitButtonClick = useCallback(() => {\n    onSubmit?.(responses);\n  }, [onSubmit, responses]);\n\n  if (isSummaryVisible) {\n    return (\n      <WorksheetSummaryController\n        onBack={handleBackFromSummary}\n        behavior={behavior}\n        onSubmit={handleSheetSubmitButtonClick}\n        canSubmitWorksheet={!!canSubmitWorksheet}\n      />\n    );\n  }\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\" $flexGap={12}>\n        <ScribbleSwitch\n          isScribblingEnabled={isScribblingEnabled}\n          setIsScribblingEnabled={setIsScribblingEnabled}\n          isCanvasEnabled={isCanvasEnabled}\n          loggerRef={loggerRef}\n          canToggleScribbling={canToggleScribbling}\n        />\n        {behavior.canShowDesmosCalc && (\n          <Styled.IconContainer\n            $active={showCalculator}\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            onClick={onCalculatorOpen}\n          >\n            <CalculatorIcon />\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n      {isScribblingEnabled && <Toolbar userType={userType} renderAs=\"canvas\" />}\n      {navigationBar === 'bottom' && (\n        <>\n          {isSummaryOpened && (\n            <Styled.SummaryWrapper $alignItems=\"center\">\n              <WorksheetQuestionsSummary\n                activeQuestionIndex={activeQuestionIndex}\n                lastUnlockedQuestionIndex={lastUnlockedQuestionIndex}\n                onItemNumberClick={handleItemNumberClick}\n                questions={questions}\n                responses={responses}\n                worksheetName={worksheetName}\n                behavior={behavior}\n                userType={userType}\n                onClose={handleSummaryButtonClick}\n                onGoToReview={handleOnGoToReview}\n                summaryVisible={isSummaryVisible}\n              />\n            </Styled.SummaryWrapper>\n          )}\n          <Button\n            renderAs=\"secondary\"\n            widthX={13.25}\n            label={`Question ${activeQuestionIndex + 1} of ${questions.length}`}\n            size=\"small\"\n            Icon={isSummaryOpened ? DownIcon : UpIcon}\n            iconPosition=\"right\"\n            justifyContent=\"space-between\"\n            onClick={handleSummaryButtonClick}\n          />\n        </>\n      )}\n      {activeQuestion && activeQuestionId && (\n        <WorksheetQuestionsController\n          learnosity={learnosity}\n          question={activeQuestion}\n          questions={questions}\n          responses={responses}\n          canSubmitWorksheet={canSubmitWorksheet}\n          questionIndex={activeQuestionIndex}\n          isQuestionAppended={isAppended}\n          isQuestionUnlocked={activeQuestionIndex <= lastUnlockedQuestionIndex}\n          response={responses[activeQuestionId]}\n          behavior={behavior}\n          userType={userType}\n          layout={layout}\n          onResponseChange={onResponseChange}\n          onTeacherValidation={onTeacherValidation}\n          onHelp={onHelp}\n          onSubmit={handleSheetSubmitButtonClick}\n          setActiveQuestionId={setActiveQuestionId}\n          setBlocker={setBlocker}\n          setSummaryVisible={setSummaryVisible}\n          setResponses={setResponses}\n          getTimeSpentOnQuestion={getTimeSpentOnQuestion}\n          loggerRef={loggerRef}\n          onSkip={onSkip}\n        />\n      )}\n    </>\n  );\n});\n\nexport default WorksheetActionBar;\n"],"names":["WorksheetActionBar","memo","props","userType","layout","behavior","worksheetName","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","appendedQuestionIds","learnosity","isCanvasEnabled","isScribblingEnabled","isSummaryVisible","setIsScribblingEnabled","setActiveQuestionId","setResponses","getTimeSpentOnQuestion","setBlocker","setSummaryVisible","showCalculator","onItemNumberClick","onTeacherValidation","onGoToReview","onResponseChange","onHelp","onSubmit","onCalculatorOpen","canSubmitWorksheet","loggerRef","onSkip","canToggleScribbling","navigationBar","questionsScrollable","activeQuestion","activeQuestionId","isSummaryOpened","setIsSummaryOpened","useState","isAppended","handleItemNumberClick","useCallback","questionId","handleOnGoToReview","handleSummaryButtonClick","prev","handleBackFromSummary","_a","scrollToQuestion","handleSheetSubmitButtonClick","jsx","WorksheetSummaryController","jsxs","Fragment","FlexView","ScribbleSwitch","Styled.IconContainer","CalculatorIcon","Toolbar","Styled.SummaryWrapper","WorksheetQuestionsSummary","Button","DownIcon","UpIcon","WorksheetQuestionsController"],"mappings":";;;;;;;;;;;;;;AAkBM,MAAAA,KAAmDC,EAAK,CAASC,MAAA;AAC/D,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,qBAAAC;AAAA,EACE,IAAA/B,GACE,EAAE,eAAAgC,GAAe,qBAAAC,EAAwB,IAAA/B,GACzCgC,IAAiB7B,EAAUE,CAAmB,GAC9C,EAAE,aAAa4B,MAAqBD,KAAkB,CAAA,GACtD,CAACE,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtDC,IAAaJ,IAAmB1B,EAAoB,SAAS0B,CAAgB,IAAI,IAEjFK,IAAwBC;AAAA,IAC5B,CAACC,MAAuB;AACtB,MAAAL,EAAmB,EAAK,GACxBhB,EAAkBqB,CAAU;AAAA,IAC9B;AAAA,IACA,CAACrB,CAAiB;AAAA,EAAA,GAGdsB,IAAqBF,EAAY,MAAM;AAC3C,IAAAJ,EAAmB,EAAK,GACXd;EAAA,GACZ,CAACA,CAAY,CAAC,GAEXqB,IAA2BH,EAAY,MAAM;AAC9B,IAAAJ,EAAA,CAAAQ,MAAQ,CAACA,CAAI;AAAA,EAClC,GAAG,CAAE,CAAA,GAECC,IAAwBL,EAAY,MAAM;;AAC9C,IAAAtB,EAAkB,EAAK;AAEvB,UAAMuB,KAAaK,IAAA1C,EAAUA,EAAU,SAAS,CAAC,MAA9B,gBAAA0C,EAAiC;AAEpD,IAAIL,MACET,IACoB,sBAAA,MAAMe,GAAiBN,CAAU,CAAC,IAExD3B,EAAoB2B,CAAU;AAAA,KAGjC,CAACrC,GAAW4B,GAAqBlB,GAAqBI,CAAiB,CAAC,GAErE8B,IAA+BR,EAAY,MAAM;AACrD,IAAAf,KAAA,QAAAA,EAAWpB;AAAA,EAAS,GACnB,CAACoB,GAAUpB,CAAS,CAAC;AAExB,SAAIO,IAEA,gBAAAqC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQL;AAAA,MACR,UAAA3C;AAAA,MACA,UAAU8C;AAAA,MACV,oBAAoB,CAAC,CAACrB;AAAA,IAAA;AAAA,EAAA,IAOxB,gBAAAwB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,IAAS,EAAA,gBAAe,OAAM,UAAU,IACvC,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,qBAAA3C;AAAA,UACA,wBAAAE;AAAA,UACA,iBAAAH;AAAA,UACA,WAAAkB;AAAA,UACA,qBAAAE;AAAA,QAAA;AAAA,MACF;AAAA,MACC5B,EAAS,qBACR,gBAAA+C;AAAA,QAACM;AAAAA,QAAA;AAAA,UACC,SAASpC;AAAA,UACT,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,SAASO;AAAA,UAET,4BAAC8B,GAAe,EAAA;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA,GAEJ;AAAA,IACC7C,KAAuB,gBAAAsC,EAACQ,IAAQ,EAAA,UAAAzD,GAAoB,UAAS,UAAS;AAAA,IACtE+B,MAAkB,YAEd,gBAAAoB,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAAjB,KACE,gBAAAc,EAAAS,IAAA,EAAsB,aAAY,UACjC,UAAA,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,qBAAArD;AAAA,UACA,2BAAAC;AAAA,UACA,mBAAmBgC;AAAA,UACnB,WAAAnC;AAAA,UACA,WAAAC;AAAA,UACA,eAAAF;AAAA,UACA,UAAAD;AAAA,UACA,UAAAF;AAAA,UACA,SAAS2C;AAAA,UACT,cAAcD;AAAA,UACd,gBAAgB9B;AAAA,QAAA;AAAA,MAAA,GAEpB;AAAA,MAEF,gBAAAqC;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,QAAQ;AAAA,UACR,OAAO,YAAYtD,IAAsB,CAAC,OAAOF,EAAU,MAAM;AAAA,UACjE,MAAK;AAAA,UACL,MAAM+B,IAAkB0B,IAAWC;AAAA,UACnC,cAAa;AAAA,UACb,gBAAe;AAAA,UACf,SAASnB;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,IAEDV,KAAkBC,KACjB,gBAAAe;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,YAAAtD;AAAA,QACA,UAAUwB;AAAA,QACV,WAAA7B;AAAA,QACA,WAAAC;AAAA,QACA,oBAAAsB;AAAA,QACA,eAAerB;AAAA,QACf,oBAAoBgC;AAAA,QACpB,oBAAoBhC,KAAuBC;AAAA,QAC3C,UAAUF,EAAU6B,CAAgB;AAAA,QACpC,UAAAhC;AAAA,QACA,UAAAF;AAAA,QACA,QAAAC;AAAA,QACA,kBAAAsB;AAAA,QACA,qBAAAF;AAAA,QACA,QAAAG;AAAA,QACA,UAAUwB;AAAA,QACV,qBAAAlC;AAAA,QACA,YAAAG;AAAA,QACA,mBAAAC;AAAA,QACA,cAAAH;AAAA,QACA,wBAAAC;AAAA,QACA,WAAAY;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}