@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary.js

@@ -0,0 +1,46 @@
+import { jsxs as t, jsx as r, Fragment as a } from "react/jsx-runtime";
+import { memo as l } from "react";
+import n from "../../../../assets/line-icons/icons/cross.js";
+import s from "../../../ui/buttons/button/button.js";
+import p from "../../../ui/buttons/clickable/clickable.js";
+import d from "../../../ui/separator/separator.js";
+import c from "../../../ui/text/text.js";
+import f from "../worksheet-navigation/worksheet-navigation.js";
+import { SummaryWrapper as u, CloseIconWrapper as h } from "./worksheet-questions-summary-styled.js";
+const W = l(
+  ({ worksheetName: m, onClose: o, onGoToReview: e, ...i }) => /* @__PURE__ */ t(
+    u,
+    {
+      $position: "relative",
+      $widthX: 40,
+      $gutterX: 1.5,
+      $gapX: 1.5,
+      $borderRadiusX: 0.75,
+      $borderColor: "GREY_2",
+      $background: "WHITE",
+      $shadow: !!o,
+      children: [
+        /* @__PURE__ */ r(c, { $renderAs: "body1Medium", $marginBottomX: 1.5, $align: "center", children: m }),
+        o && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(p, { label: "Questions Summary Close", onClick: o, children: /* @__PURE__ */ r(n, { color: "black" }) }) }),
+        /* @__PURE__ */ r(f, { ...i, placement: "bottom" }),
+        e && /* @__PURE__ */ t(a, { children: [
+          /* @__PURE__ */ r(d, { heightX: 1.5 }),
+          /* @__PURE__ */ r(
+            s,
+            {
+              alignSelf: "flex-end",
+              renderAs: "secondary",
+              size: "xsmall",
+              label: "Go to review page",
+              onClick: e
+            }
+          )
+        ] })
+      ]
+    }
+  )
+);
+export {
+  W as default
+};
+//# sourceMappingURL=worksheet-questions-summary.js.map

package/dist/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-questions-summary.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-summary/worksheet-questions-summary.tsx"],"sourcesContent":["import type { IWorksheetQuestionsSummaryProps } from './worksheet-questions-summary-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport WorksheetNavigation from '../worksheet-navigation/worksheet-navigation';\nimport * as Styled from './worksheet-questions-summary-styled';\n\nconst WorksheetQuestionsSummary: FC<IWorksheetQuestionsSummaryProps> = memo(\n  ({ worksheetName, onClose, onGoToReview, ...other }) => {\n    return (\n      <Styled.SummaryWrapper\n        $position=\"relative\"\n        $widthX={40}\n        $gutterX={1.5}\n        $gapX={1.5}\n        $borderRadiusX={0.75}\n        $borderColor=\"GREY_2\"\n        $background=\"WHITE\"\n        $shadow={!!onClose}\n      >\n        <Text $renderAs=\"body1Medium\" $marginBottomX={1.5} $align=\"center\">\n          {worksheetName}\n        </Text>\n        {onClose && (\n          <Styled.CloseIconWrapper>\n            <Clickable label=\"Questions Summary Close\" onClick={onClose}>\n              <CrossIcon color=\"black\" />\n            </Clickable>\n          </Styled.CloseIconWrapper>\n        )}\n        <WorksheetNavigation {...other} placement=\"bottom\" />\n        {onGoToReview && (\n          <>\n            <Separator heightX={1.5} />\n            <Button\n              alignSelf=\"flex-end\"\n              renderAs=\"secondary\"\n              size=\"xsmall\"\n              label=\"Go to review page\"\n              onClick={onGoToReview}\n            />\n          </>\n        )}\n      </Styled.SummaryWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestionsSummary;\n"],"names":["WorksheetQuestionsSummary","memo","worksheetName","onClose","onGoToReview","other","jsxs","Styled.SummaryWrapper","jsx","Text","Styled.CloseIconWrapper","Clickable","CrossIcon","WorksheetNavigation","Fragment","Separator","Button"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAiEC;AAAA,EACrE,CAAC,EAAE,eAAAC,GAAe,SAAAC,GAAS,cAAAC,GAAc,GAAGC,QAExC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,SAAS,CAAC,CAACJ;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAK,EAACC,KAAK,WAAU,eAAc,gBAAgB,KAAK,QAAO,UACvD,UACHP,EAAA,CAAA;AAAA,QACCC,KACE,gBAAAK,EAAAE,GAAA,EACC,4BAACC,GAAU,EAAA,OAAM,2BAA0B,SAASR,GAClD,UAAC,gBAAAK,EAAAI,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA,GACF;AAAA,QAED,gBAAAJ,EAAAK,GAAA,EAAqB,GAAGR,GAAO,WAAU,SAAS,CAAA;AAAA,QAClDD,KAEG,gBAAAE,EAAAQ,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAN,EAAAO,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,UACzB,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASZ;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}

package/dist/features/worksheet/worksheet/worksheet-sidebar/navigator.js

@@ -0,0 +1,25 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { useCallback as a } from "react";
+import m from "../../../../assets/line-icons/icons/down.js";
+import s from "../../../../assets/line-icons/icons/up.js";
+import n from "../../../ui/buttons/clickable/clickable.js";
+import p from "../../../ui/separator/separator.js";
+import { GuideContainer as d } from "./worksheet-sidebar-styled.js";
+const g = () => {
+  const r = a((i) => {
+    const l = document.getElementById("live-sheet-scroll-wrapper"), t = document.getElementById("tab-content-container"), e = {
+      top: i === "up" ? -100 : 100,
+      behavior: "smooth"
+    };
+    l ? l.scrollBy(e) : t ? t.scrollBy(e) : window.scrollBy(e);
+  }, []);
+  return /* @__PURE__ */ c(d, { $background: "WHITE", children: [
+    /* @__PURE__ */ o(n, { label: "up", onClick: () => r("up"), children: /* @__PURE__ */ o(s, {}) }),
+    /* @__PURE__ */ o(p, { height: 16 }),
+    /* @__PURE__ */ o(n, { label: "down", onClick: () => r("down"), children: /* @__PURE__ */ o(m, {}) })
+  ] });
+};
+export {
+  g as default
+};
+//# sourceMappingURL=navigator.js.map

package/dist/features/worksheet/worksheet/worksheet-sidebar/navigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigator.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/navigator.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport Separator from '../../../ui/separator/separator';\nimport { GuideContainer } from './worksheet-sidebar-styled';\n\nconst Navigator: React.FC = () => {\n  const handleClick = useCallback((val: 'up' | 'down') => {\n    const liveScrollView = document.getElementById('live-sheet-scroll-wrapper');\n    const tabScrollView = document.getElementById('tab-content-container');\n    const position = {\n      top: val === 'up' ? -100 : 100,\n      behavior: 'smooth',\n    } as const;\n\n    if (liveScrollView) {\n      liveScrollView.scrollBy(position);\n    } else if (tabScrollView) {\n      tabScrollView.scrollBy(position);\n    } else {\n      window.scrollBy(position);\n    }\n  }, []);\n\n  return (\n    <GuideContainer $background=\"WHITE\">\n      <Clickable label=\"up\" onClick={() => handleClick('up')}>\n        <UpIcon />\n      </Clickable>\n      <Separator height={16} />\n      <Clickable label=\"down\" onClick={() => handleClick('down')}>\n        <DownIcon />\n      </Clickable>\n    </GuideContainer>\n  );\n};\n\nexport default Navigator;\n"],"names":["Navigator","handleClick","useCallback","val","liveScrollView","tabScrollView","position","jsxs","GuideContainer","jsx","Clickable","UpIcon","Separator","DownIcon"],"mappings":";;;;;;;AAQA,MAAMA,IAAsB,MAAM;AAC1B,QAAAC,IAAcC,EAAY,CAACC,MAAuB;AAChD,UAAAC,IAAiB,SAAS,eAAe,2BAA2B,GACpEC,IAAgB,SAAS,eAAe,uBAAuB,GAC/DC,IAAW;AAAA,MACf,KAAKH,MAAQ,OAAO,OAAO;AAAA,MAC3B,UAAU;AAAA,IAAA;AAGZ,IAAIC,IACFA,EAAe,SAASE,CAAQ,IACvBD,IACTA,EAAc,SAASC,CAAQ,IAE/B,OAAO,SAASA,CAAQ;AAAA,EAE5B,GAAG,CAAE,CAAA;AAGH,SAAA,gBAAAC,EAACC,GAAe,EAAA,aAAY,SAC1B,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,OAAM,MAAK,SAAS,MAAMT,EAAY,IAAI,GACnD,UAAC,gBAAAQ,EAAAE,GAAA,CAAA,CAAO,EACV,CAAA;AAAA,IACA,gBAAAF,EAACG,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAH,EAACC,GAAU,EAAA,OAAM,QAAO,SAAS,MAAMT,EAAY,MAAM,GACvD,UAAC,gBAAAQ,EAAAI,GAAA,CAAA,CAAS,EACZ,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js

@@ -0,0 +1,91 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { memo as v, useState as T, useCallback as h, useMemo as X, useRef as H, useEffect as N } from "react";
+import $ from "../../../ui/buttons/clickable/clickable.js";
+import c from "../../../ui/layout/flex-view.js";
+import y from "../../../ui/separator/separator.js";
+import u from "../../../ui/text/text.js";
+import _ from "../../constants/events.js";
+import { GuideContainer as P, HintIcon as V, SolIcon as j, Pointer as x, SectionContainer as B, Section as W, CloseIcon as K, Guide as M } from "./worksheet-sidebar-styled.js";
+const Z = v(
+  ({ questionWidth: f, questions: O, activeQuestionIndex: k, learnosity: S, actionbarHeight: p, loggerRef: l }) => {
+    var C;
+    const [t, s] = T(), [A, R] = T({
+      top: 0,
+      left: 0
+    }), { top: g, left: b } = A, w = h(() => {
+      s("HINT"), l.current(_.WORKSHEET_V3_HINT_SEEN);
+    }, [l]), G = h(() => {
+      s("SOL"), l.current(_.WORKSHEET_V3_SOLUTION_SEEN);
+    }, [l]), L = h(() => {
+      s(() => {
+      });
+    }, []), { hints: n, solution: d } = ((C = O[k]) == null ? void 0 : C.metadata) || {}, r = X(() => t === void 0 ? void 0 : t === "HINT" ? n : d, [t, n, d]), E = H(null), I = H(null), m = h((a) => {
+      if (a.current) {
+        const o = a.current.getBoundingClientRect();
+        R({
+          top: o.top + o.height / 2 - 8,
+          left: o.right - 78
+          // 52px (sidebar width) + 16px (gutter) + 10px
+        });
+      }
+    }, []);
+    return N(() => {
+      r || s(void 0), S.renderMath("mathjax");
+    }, [r, S]), N(() => {
+      t === "HINT" ? m(I) : t === "SOL" && m(E);
+    }, [t, m]), /* @__PURE__ */ i(P, { $background: "WHITE", children: [
+      /* @__PURE__ */ e($, { label: "hints", onClick: w, disabled: !n, children: /* @__PURE__ */ i(c, { $alignItems: "center", $justifyContent: "center", ref: I, children: [
+        /* @__PURE__ */ e(V, { width: 32, height: 32, $disabled: !n }),
+        /* @__PURE__ */ e(u, { $renderAs: "eyebrow2", $color: n ? "BLACK" : "GREY_4", children: "HINT" }),
+        /* @__PURE__ */ e(c, { $gap: 8, $alignItems: "center", children: /* @__PURE__ */ e(y, { width: 24, height: 1, background: "GREY_2" }) })
+      ] }) }),
+      /* @__PURE__ */ e($, { label: "solution", onClick: G, disabled: !d, children: /* @__PURE__ */ i(c, { $alignItems: "center", $justifyContent: "center", ref: E, children: [
+        /* @__PURE__ */ e(j, { width: 32, height: 32, $disabled: !d }),
+        /* @__PURE__ */ e(u, { $renderAs: "eyebrow2", $color: n ? "BLACK" : "GREY_4", children: "SOL" })
+      ] }) }),
+      t && g && b && /* @__PURE__ */ e(x, { topValue: g, leftValue: b }),
+      t && /* @__PURE__ */ e(
+        B,
+        {
+          $background: "WHITE",
+          $questionWidth: f,
+          $actionbarHeight: p,
+          $borderRadius: 10,
+          children: /* @__PURE__ */ i(
+            W,
+            {
+              $gutterX: 1,
+              $gapX: 1,
+              $questionWidth: f,
+              $actionbarHeight: p,
+              children: [
+                /* @__PURE__ */ e($, { label: "close", onClick: L, children: /* @__PURE__ */ e(K, {}) }),
+                /* @__PURE__ */ e(c, { $gutterX: 0.5, children: /* @__PURE__ */ e(u, { $renderAs: "eyebrow2", $color: "ORANGE_5", $marginBottomX: 0.25, children: t === "HINT" ? "HINTS:" : "SOLUTION:" }) }),
+                r && r.map((a, o) => /* @__PURE__ */ i(c, { $gutterX: 0.5, $gapX: 0.5, children: [
+                  r.length > 1 && /* @__PURE__ */ i(u, { $renderAs: "eyebrow2", $color: "ORANGE_5", $marginBottomX: 0.25, children: [
+                    t,
+                    " ",
+                    o + 1,
+                    ":"
+                  ] }),
+                  /* @__PURE__ */ e(
+                    M,
+                    {
+                      dangerouslySetInnerHTML: {
+                        __html: a
+                      }
+                    }
+                  )
+                ] }, o.toString()))
+              ]
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+export {
+  Z as default
+};
+//# sourceMappingURL=question-guide.js.map

package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\n\nimport React, { memo, useCallback, useEffect, useMemo, useState, useRef } from 'react';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport {\n  Section,\n  GuideContainer,\n  CloseIcon,\n  SolIcon,\n  HintIcon,\n  SectionContainer,\n  Guide,\n  Pointer,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' | 'SOL';\n\ninterface IQuestionGuideProps extends Pick<IWorksheetProps, 'loggerRef'> {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  learnosity: ILearnosity;\n  actionbarHeight: number;\n}\n\nconst QuestionGuide: React.FC<IQuestionGuideProps> = memo(\n  ({ questionWidth, questions, activeQuestionIndex, learnosity, actionbarHeight, loggerRef }) => {\n    const [activeSection, setActiveSection] = useState<TSections | undefined>();\n    const [pointerPosition, setPointerPosition] = useState({\n      top: 0,\n      left: 0,\n    });\n    const { top, left } = pointerPosition;\n\n    const handleHintClick = useCallback(() => {\n      setActiveSection('HINT');\n      loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    }, [loggerRef]);\n    const handleSolClick = useCallback(() => {\n      setActiveSection('SOL');\n      loggerRef.current(EVENTS.WORKSHEET_V3_SOLUTION_SEEN);\n    }, [loggerRef]);\n    const handleClose = useCallback(() => {\n      setActiveSection(() => undefined);\n    }, []);\n\n    const { hints, solution } = questions[activeQuestionIndex]?.metadata || {};\n\n    const activeSectionData = useMemo(() => {\n      return activeSection === undefined ? undefined : activeSection === 'HINT' ? hints : solution;\n    }, [activeSection, hints, solution]);\n\n    const sqlRef = useRef<HTMLDivElement>(null);\n    const hintRef = useRef<HTMLDivElement>(null);\n\n    const updatePointerPosition = useCallback((ref: React.RefObject<HTMLDivElement>) => {\n      if (ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n\n        setPointerPosition({\n          top: rect.top + rect.height / 2 - 8,\n          left: rect.right - 78, // 52px (sidebar width) + 16px (gutter) + 10px\n        });\n      }\n    }, []);\n\n    useEffect(() => {\n      if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n      learnosity.renderMath('mathjax');\n    }, [activeSectionData, learnosity]);\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      }\n    }, [activeSection, updatePointerPosition]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\n        <Clickable label=\"hints\" onClick={handleHintClick} disabled={!hints}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={hintRef}>\n            <HintIcon width={32} height={32} $disabled={!hints} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              HINT\n            </Text>\n            <FlexView $gap={8} $alignItems=\"center\">\n              <Separator width={24} height={1} background=\"GREY_2\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n        <Clickable label=\"solution\" onClick={handleSolClick} disabled={!solution}>\n          <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={sqlRef}>\n            <SolIcon width={32} height={32} $disabled={!solution} />\n            <Text $renderAs=\"eyebrow2\" $color={!hints ? 'GREY_4' : 'BLACK'}>\n              SOL\n            </Text>\n          </FlexView>\n        </Clickable>\n        {activeSection && top && left && <Pointer topValue={top} leftValue={left} />}\n        {activeSection && (\n          <SectionContainer\n            $background=\"WHITE\"\n            $questionWidth={questionWidth}\n            $actionbarHeight={actionbarHeight}\n            $borderRadius={10}\n          >\n            <Section\n              $gutterX={1}\n              $gapX={1}\n              $questionWidth={questionWidth}\n              $actionbarHeight={actionbarHeight}\n            >\n              <Clickable label=\"close\" onClick={handleClose}>\n                <CloseIcon />\n              </Clickable>\n              <FlexView $gutterX={0.5}>\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {activeSection === 'HINT' ? 'HINTS:' : 'SOLUTION:'}\n                </Text>\n              </FlexView>\n              {activeSectionData &&\n                activeSectionData.map((item, index) => (\n                  <FlexView $gutterX={0.5} $gapX={0.5} key={index.toString()}>\n                    {activeSectionData.length > 1 && (\n                      <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                        {activeSection} {index + 1}:\n                      </Text>\n                    )}\n                    <Guide\n                      dangerouslySetInnerHTML={{\n                        __html: item,\n                      }}\n                    />\n                  </FlexView>\n                ))}\n            </Section>\n          </SectionContainer>\n        )}\n      </GuideContainer>\n    );\n  },\n);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","activeSection","setActiveSection","useState","pointerPosition","setPointerPosition","top","left","handleHintClick","useCallback","EVENTS","handleSolClick","handleClose","hints","solution","_a","activeSectionData","useMemo","sqlRef","useRef","hintRef","updatePointerPosition","ref","rect","useEffect","jsxs","GuideContainer","jsx","Clickable","FlexView","HintIcon","Text","Separator","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { memo as $, useCallback as x } from "react";
+import C from "../../../ui/layout/flex-view.js";
+import g from "../../../ui/separator/separator.js";
+import { SIDEBAR_WIDTH as f } from "../constants.js";
+import u from "./navigator.js";
+import w from "./question-guide.js";
+import { SideBarContainer as S, UnderlinedTextWrapper as T, UnderlinedText as j } from "./worksheet-sidebar-styled.js";
+const I = $(
+  ({
+    questionWidth: t,
+    questions: i,
+    activeQuestionIndex: m,
+    learnosity: a,
+    userType: c,
+    height: l,
+    actionbarHeight: s,
+    openQuestionFeedbackModal: e,
+    loggerRef: h
+  }) => {
+    const p = i[m], { item_reference: o } = p ?? {}, d = x(() => {
+      e && e(o || "");
+    }, [o, e]);
+    return c !== "TEACHER" || !e ? null : /* @__PURE__ */ n(
+      S,
+      {
+        $width: f,
+        $questionWidth: t,
+        $height: l,
+        $justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ r(T, { $width: f, $alignItems: "flex-start", $gapX: 0.5, children: /* @__PURE__ */ r(j, { $renderAs: "cta1", onClick: d, children: "Question Feedback" }) }),
+          /* @__PURE__ */ n(C, { children: [
+            /* @__PURE__ */ r(
+              w,
+              {
+                questionWidth: t,
+                questions: i,
+                activeQuestionIndex: m,
+                learnosity: a,
+                actionbarHeight: s,
+                loggerRef: h
+              }
+            ),
+            /* @__PURE__ */ r(g, { heightX: 0.5 }),
+            /* @__PURE__ */ r(u, {})
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  I as default
+};
+//# sourceMappingURL=sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/sidebar.tsx"],"sourcesContent":["import type { TUserTypes } from '../../../ui/types';\nimport type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\n\nimport { memo, useCallback } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { SIDEBAR_WIDTH } from '../constants';\nimport Navigator from './navigator';\nimport QuestionGuide from './question-guide';\nimport {\n  SideBarContainer,\n  UnderlinedText,\n  UnderlinedTextWrapper,\n} from './worksheet-sidebar-styled';\n\ninterface IWorksheetSideBarProps extends Pick<IWorksheetProps, 'loggerRef'> {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  learnosity: ILearnosity;\n  userType: TUserTypes;\n  height: number | string;\n  actionbarHeight: number;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n}\n\nconst WorksheetSideBar: React.FC<IWorksheetSideBarProps> = memo(\n  ({\n    questionWidth,\n    questions,\n    activeQuestionIndex,\n    learnosity,\n    userType,\n    height,\n    actionbarHeight,\n    openQuestionFeedbackModal,\n    loggerRef,\n  }) => {\n    const activeQuestion = questions[activeQuestionIndex];\n    const { item_reference: itemRef } = activeQuestion ?? {};\n\n    const onFeedbackClick = useCallback(() => {\n      if (openQuestionFeedbackModal) {\n        openQuestionFeedbackModal(itemRef || '');\n      }\n    }, [itemRef, openQuestionFeedbackModal]);\n\n    if (userType !== 'TEACHER' || !openQuestionFeedbackModal) return null;\n\n    return (\n      <SideBarContainer\n        $width={SIDEBAR_WIDTH}\n        $questionWidth={questionWidth}\n        $height={height}\n        $justifyContent=\"space-between\"\n      >\n        <UnderlinedTextWrapper $width={SIDEBAR_WIDTH} $alignItems=\"flex-start\" $gapX={0.5}>\n          <UnderlinedText $renderAs=\"cta1\" onClick={onFeedbackClick}>\n            Question Feedback\n          </UnderlinedText>\n        </UnderlinedTextWrapper>\n\n        <FlexView>\n          <QuestionGuide\n            questionWidth={questionWidth}\n            questions={questions}\n            activeQuestionIndex={activeQuestionIndex}\n            learnosity={learnosity}\n            actionbarHeight={actionbarHeight}\n            loggerRef={loggerRef}\n          />\n          <Separator heightX={0.5} />\n          <Navigator />\n        </FlexView>\n      </SideBarContainer>\n    );\n  },\n);\n\nexport default WorksheetSideBar;\n"],"names":["WorksheetSideBar","memo","questionWidth","questions","activeQuestionIndex","learnosity","userType","height","actionbarHeight","openQuestionFeedbackModal","loggerRef","activeQuestion","itemRef","onFeedbackClick","useCallback","jsxs","SideBarContainer","SIDEBAR_WIDTH","jsx","UnderlinedTextWrapper","UnderlinedText","FlexView","QuestionGuide","Separator","Navigator"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAqDC;AAAA,EACzD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAiBR,EAAUC,CAAmB,GAC9C,EAAE,gBAAgBQ,MAAYD,KAAkB,CAAA,GAEhDE,IAAkBC,EAAY,MAAM;AACxC,MAAIL,KACFA,EAA0BG,KAAW,EAAE;AAAA,IACzC,GACC,CAACA,GAASH,CAAyB,CAAC;AAEvC,WAAIH,MAAa,aAAa,CAACG,IAAkC,OAG/D,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQC;AAAA,QACR,gBAAgBf;AAAA,QAChB,SAASK;AAAA,QACT,iBAAgB;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAW,EAACC,GAAsB,EAAA,QAAQF,GAAe,aAAY,cAAa,OAAO,KAC5E,UAAC,gBAAAC,EAAAE,GAAA,EAAe,WAAU,QAAO,SAASP,GAAiB,8BAE3D,CAAA,GACF;AAAA,4BAECQ,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,eAAApB;AAAA,gBACA,WAAAC;AAAA,gBACA,qBAAAC;AAAA,gBACA,YAAAC;AAAA,gBACA,iBAAAG;AAAA,gBACA,WAAAE;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAQ,EAACK,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,8BACxBC,GAAU,EAAA;AAAA,UAAA,GACb;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.js

@@ -0,0 +1,91 @@
+import r from "styled-components";
+import c from "../../../../assets/line-icons/icons/bulb.js";
+import d from "../../../../assets/line-icons/icons/cross.js";
+import l from "../../../../assets/line-icons/icons/info.js";
+import e from "../../../ui/layout/flex-view.js";
+import a from "../../../ui/text/text.js";
+import { CustomElement as x } from "../worksheet-question/worksheet-question-styled.js";
+r(e)`
+  border: 2px solid #000;
+`;
+const y = r(e)(
+  ({ $questionWidth: t, $actionbarHeight: o, theme: i }) => `
+  position: absolute;
+  bottom: ${o}px;
+  right: 80px; //52px(sidebar(width) +12px(gutter) + (16px)
+  width: calc(${t}px - 32px); // 32px is the left + right padding
+  height: 30%;
+  display: flex;
+  border: 1px solid ${i.colors.GREY_2};
+  overflow: hidden;
+`
+), C = r(e)`
+  cursor: pointer;
+`, I = r(a)`
+  text-decoration: underline;
+  white-space: nowrap;
+  writing-mode: vertical-rl;
+  text-align: right;
+`, s = (t) => t.startsWith("calc(") ? t.replace(")", " - 0px)") : t, p = (t) => t.trim().split(/\s+(?=[+-])/).map((n) => n.startsWith("-") ? `+${n.slice(1)}` : n.startsWith("+") ? `-${n.slice(1)}` : `-${n}`).join(" "), m = (t) => t.startsWith("calc(") && t.endsWith(")") ? (t = t.slice(5, -1), `calc(${p(t)})`) : p(t), T = r(e)(
+  ({ $questionWidth: t }) => `
+  width: calc(${t}px - 32px); // 32px is the left + right padding
+  overflow-y: auto;
+  height: 100%;
+  display: flex;
+`
+), E = r(e)(({ $questionWidth: t, $height: o }) => `
+  margin-top: ${typeof o == "number" ? `${-o}px` : m(s(o))};
+  position: sticky;
+  left: calc((100% - ${t}px ) *.5 + ${t}px + 12px);
+  bottom: 16px;
+  align-items: center;
+  height: ${typeof o == "number" ? `${o}px` : s(o)};
+  z-index: 1;
+`), G = r(e)(
+  ({ theme: t }) => `
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid ${t.colors.GREY_2};
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+`
+), S = r.div`
+  position: fixed;
+  top: ${({ topValue: t }) => `${t}px`};
+  left: ${({ leftValue: t }) => `${t}px`};
+  width: 15px;
+  height: 15px;
+  transform: rotate(45deg);
+  background: white;
+  border-top: 1px solid #e0e0e0;
+  border-right: 1px solid #e0e0e0;
+`, W = r(d)`
+  position: absolute;
+  top: 8px;
+  right: 16px;
+`, k = r(l)(({ theme: t, $disabled: o }) => `
+    & path {
+      stroke: ${o ? t.colors.GREY_4 : t.colors.BLACK};
+    }
+  `), v = r(c)(({ theme: t, $disabled: o }) => `
+    & path {
+      stroke: ${o ? t.colors.GREY_4 : t.colors.BLACK};
+    }
+  `), B = r(x)``;
+export {
+  W as CloseIcon,
+  B as Guide,
+  G as GuideContainer,
+  k as HintIcon,
+  S as Pointer,
+  T as Section,
+  y as SectionContainer,
+  E as SideBarContainer,
+  v as SolIcon,
+  I as UnderlinedText,
+  C as UnderlinedTextWrapper,
+  s as getMinHeightFromString,
+  m as negateExpression
+};
+//# sourceMappingURL=worksheet-sidebar-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-sidebar-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/worksheet-sidebar-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport BulbIcon from '../../../../assets/line-icons/icons/bulb';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport InfoIcon from '../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { CustomElement } from '../worksheet-question/worksheet-question-styled';\n\nexport const Circle = styled(FlexView)`\n  border: 2px solid #000;\n`;\nexport const SectionContainer = styled(FlexView)<{\n  $questionWidth: number;\n  $actionbarHeight: number;\n}>(\n  ({ $questionWidth, $actionbarHeight, theme }) => `\n  position: absolute;\n  bottom: ${$actionbarHeight}px;\n  right: 80px; //52px(sidebar(width) +12px(gutter) + (16px)\n  width: calc(${$questionWidth}px - 32px); // 32px is the left + right padding\n  height: 30%;\n  display: flex;\n  border: 1px solid ${theme.colors.GREY_2};\n  overflow: hidden;\n`,\n);\n\nexport const UnderlinedTextWrapper = styled(FlexView)`\n  cursor: pointer;\n`;\n\nexport const UnderlinedText = styled(Text)`\n  text-decoration: underline;\n  white-space: nowrap;\n  writing-mode: vertical-rl;\n  text-align: right;\n`;\n\nexport const getMinHeightFromString = (minHeight: string) => {\n  if (minHeight.startsWith('calc(')) {\n    return minHeight.replace(')', ' - 0px)');\n  }\n\n  return minHeight;\n};\n\nconst negateString = (expression: string) => {\n  const terms = expression.trim().split(/\\s+(?=[+-])/);\n  const negatedTerms = terms.map(term => {\n    if (term.startsWith('-')) {\n      return `+${term.slice(1)}`; // change - to +\n    }\n\n    if (term.startsWith('+')) {\n      return `-${term.slice(1)}`; // change + to -\n    }\n\n    return `-${term}`; // add leading '-'\n  });\n\n  return negatedTerms.join(' ');\n};\n\nexport const negateExpression = (expression: string) => {\n  if (expression.startsWith('calc(') && expression.endsWith(')')) {\n    expression = expression.slice(5, -1); // Remove 'calc(' and ')'\n    const negatedTerms = negateString(expression);\n\n    return `calc(${negatedTerms})`;\n  }\n\n  return negateString(expression);\n};\n\nexport const Section = styled(FlexView)<{\n  $questionWidth: number;\n  $actionbarHeight: number;\n}>(\n  ({ $questionWidth }) => `\n  width: calc(${$questionWidth}px - 32px); // 32px is the left + right padding\n  overflow-y: auto;\n  height: 100%;\n  display: flex;\n`,\n);\nexport const SideBarContainer = styled(FlexView)<{\n  $questionWidth: number;\n  $height: number | string;\n}>(({ $questionWidth, $height }) => {\n  return `\n  margin-top: ${\n    typeof $height === 'number'\n      ? `${-$height}px`\n      : negateExpression(getMinHeightFromString($height))\n  };\n  position: sticky;\n  left: calc((100% - ${$questionWidth}px ) *.5 + ${$questionWidth}px + 12px);\n  bottom: 16px;\n  align-items: center;\n  height: ${typeof $height === 'number' ? `${$height}px` : getMinHeightFromString($height)};\n  z-index: 1;\n`;\n});\n\nexport const GuideContainer = styled(FlexView)(\n  ({ theme }) => `\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid ${theme.colors.GREY_2};\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n`,\n);\n\nexport const Pointer = styled.div<{ topValue: number; leftValue: number }>`\n  position: fixed;\n  top: ${({ topValue }) => `${topValue}px`};\n  left: ${({ leftValue }) => `${leftValue}px`};\n  width: 15px;\n  height: 15px;\n  transform: rotate(45deg);\n  background: white;\n  border-top: 1px solid #e0e0e0;\n  border-right: 1px solid #e0e0e0;\n`;\n\nexport const CloseIcon = styled(CrossIcon)`\n  position: absolute;\n  top: 8px;\n  right: 16px;\n`;\n\nexport const HintIcon = styled(InfoIcon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n  return `\n    & path {\n      stroke: ${$disabled ? theme.colors.GREY_4 : theme.colors.BLACK};\n    }\n  `;\n});\n\nexport const SolIcon = styled(BulbIcon)<{ $disabled: boolean }>(({ theme, $disabled }) => {\n  return `\n    & path {\n      stroke: ${$disabled ? theme.colors.GREY_4 : theme.colors.BLACK};\n    }\n  `;\n});\n\nexport const Guide = styled(CustomElement)``;\n"],"names":["styled","FlexView","SectionContainer","$questionWidth","$actionbarHeight","theme","UnderlinedTextWrapper","UnderlinedText","Text","getMinHeightFromString","minHeight","negateString","expression","term","negateExpression","Section","SideBarContainer","$height","GuideContainer","Pointer","topValue","leftValue","CloseIcon","CrossIcon","HintIcon","InfoIcon","$disabled","SolIcon","BulbIcon","Guide","CustomElement"],"mappings":";;;;;;;AASsBA,EAAOC,CAAQ;AAAA;AAAA;AAGxB,MAAAC,IAAmBF,EAAOC,CAAQ;AAAA,EAI7C,CAAC,EAAE,gBAAAE,GAAgB,kBAAAC,GAAkB,OAAAC,EAAY,MAAA;AAAA;AAAA,YAEvCD,CAAgB;AAAA;AAAA,gBAEZD,CAAc;AAAA;AAAA;AAAA,sBAGRE,EAAM,OAAO,MAAM;AAAA;AAAA;AAGzC,GAEaC,IAAwBN,EAAOC,CAAQ;AAAA;AAAA,GAIvCM,IAAiBP,EAAOQ,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAyB,CAACC,MACjCA,EAAU,WAAW,OAAO,IACvBA,EAAU,QAAQ,KAAK,SAAS,IAGlCA,GAGHC,IAAe,CAACC,MACNA,EAAW,KAAK,EAAE,MAAM,aAAa,EACxB,IAAI,CAAQC,MACjCA,EAAK,WAAW,GAAG,IACd,IAAIA,EAAK,MAAM,CAAC,CAAC,KAGtBA,EAAK,WAAW,GAAG,IACd,IAAIA,EAAK,MAAM,CAAC,CAAC,KAGnB,IAAIA,CAAI,EAChB,EAEmB,KAAK,GAAG,GAGjBC,IAAmB,CAACF,MAC3BA,EAAW,WAAW,OAAO,KAAKA,EAAW,SAAS,GAAG,KAC9CA,IAAAA,EAAW,MAAM,GAAG,EAAE,GAG5B,QAFcD,EAAaC,CAAU,CAEjB,OAGtBD,EAAaC,CAAU,GAGnBG,IAAUf,EAAOC,CAAQ;AAAA,EAIpC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,gBACVA,CAAc;AAAA;AAAA;AAAA;AAAA;AAK9B,GACaa,IAAmBhB,EAAOC,CAAQ,EAG5C,CAAC,EAAE,gBAAAE,GAAgB,SAAAc,QACb;AAAA,gBAEL,OAAOA,KAAY,WACf,GAAG,CAACA,CAAO,OACXH,EAAiBL,EAAuBQ,CAAO,CAAC,CACtD;AAAA;AAAA,uBAEqBd,CAAc,cAAcA,CAAc;AAAA;AAAA;AAAA,YAGrD,OAAOc,KAAY,WAAW,GAAGA,CAAO,OAAOR,EAAuBQ,CAAO,CAAC;AAAA;AAAA,CAGzF,GAEYC,IAAiBlB,EAAOC,CAAQ;AAAA,EAC3C,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA;AAAA;AAAA,sBAGKA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAKzC,GAEac,IAAUnB,EAAO;AAAA;AAAA,SAErB,CAAC,EAAE,UAAAoB,EAAe,MAAA,GAAGA,CAAQ,IAAI;AAAA,UAChC,CAAC,EAAE,WAAAC,EAAgB,MAAA,GAAGA,CAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShCC,IAAYtB,EAAOuB,CAAS;AAAA;AAAA;AAAA;AAAA,GAM5BC,IAAWxB,EAAOyB,CAAQ,EAA0B,CAAC,EAAE,OAAApB,GAAO,WAAAqB,QAClE;AAAA;AAAA,gBAEOA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGnE,GAEYsB,IAAU3B,EAAO4B,CAAQ,EAA0B,CAAC,EAAE,OAAAvB,GAAO,WAAAqB,QACjE;AAAA;AAAA,gBAEOA,IAAYrB,EAAM,OAAO,SAASA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGnE,GAEYwB,IAAQ7B,EAAO8B,CAAa;"}

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

@@ -0,0 +1,135 @@
+import t from "styled-components";
+import i from "../../ui/layout/flex-view.js";
+import { QUESTIONS_GAP as d, WORKSHEET_CONTAINER_BORDER_RADIUS as n, TOP_NAVIGATION_HEIGHT as c, ACTION_BAR_HEIGHT as p, SIDEBAR_WIDTH as l } from "./constants.js";
+const $ = t(i)(({ $topOffset: o }) => `
+    position: sticky;
+    top: ${o}px;
+    z-index: 1;
+  `), g = t.div(({ theme: o }) => {
+  const { colors: r } = o;
+  return `
+    width: 16px;
+    height: 16px;
+    border-radius: 32px;
+    border: 0.667px solid ${r.BLACK_T_87}
+  `;
+}), u = t(i)`
+  position: relative;
+`, E = t(i)(
+  ({ $isCardView: o, theme: r }) => `
+  ${o ? `
+          border-left: 1px solid ${r.colors.GREY_2};
+          border-right: 1px solid ${r.colors.GREY_2};
+        ` : ""}
+ padding-top: ${d}px;
+ z-index: 0;
+`
+), _ = t(i)(
+  ({ theme: o, $topOffset: r }) => `
+  position: sticky;
+  top: ${r}px;
+  width: 100%;
+  z-index: 1;
+  justify-content: flex-end;
+  background-color: ${o.colors.WHITE};
+`
+), I = t(i)`
+  border: 1px solid ${({ theme: o }) => o.colors.GREY_2};
+  border-top: 0px;
+  border-radius: ${n}px ${n}px 0 0;
+  overflow: hidden;
+`, f = t(i)(
+  ({ theme: { colors: o }, $height: r, $isCardView: e, $marginTop: s }) => `
+  position: sticky;
+  top: calc(100% - ${r}px);
+  margin-top: -${s}px;
+  z-index: 1;
+  ${e ? `
+          border-left: 1px solid ${o.GREY_2};
+          border-right: 1px solid ${o.GREY_2};
+        ` : ""}
+  `
+), R = t(i)(
+  ({ theme: { colors: o }, $isCardView: r }) => `
+  align-items: center;
+  justify-content: center;
+  align-self: center;
+  background-color: ${o.WHITE};
+  border-top: 1px solid ${o.GREY_2};
+  ${r ? `
+          border-left: 1px solid ${o.GREY_2};
+          border-right: 1px solid ${o.GREY_2};
+          border-top-left-radius: 8px;
+          border-top-right-radius: 8px;
+        ` : ""}
+  `
+), T = t(i)(
+  ({ theme: o, $minHeight: r, $topOffset: e }) => `
+  box-sizing: content-box;
+  position: sticky;
+  width: calc(100% - 2px);
+  top: ${e + c}px;
+  z-index: 2;
+  min-height: ${r}${typeof r == "number" ? "px" : ""};
+  padding-bottom: ${p / 2}px;
+  background-color: ${o.colors.WHITE_70};
+  border-left: 1px solid ${o.colors.GREY_2};
+  border-right: 1px solid ${o.colors.GREY_2};
+  backdrop-filter: blur(7px);
+  align-items: center;
+  justify-content: center;
+
+  & * {
+    box-sizing: border-box;
+  }
+`
+), W = t(i)`
+  position: absolute;
+  width: 100%;
+  bottom: ${p}px;
+  left: 0;
+`, h = t(i)(({ theme: o }) => `
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: ${o.zIndex.DESMOS_CALCULATOR};
+  `), k = t(i)(
+  ({ theme: o, $active: r }) => `
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  &:hover {
+    cursor: pointer;
+    background-color: ${o.colors.BLACK};
+    svg path {
+      stroke: ${o.colors.WHITE};
+    }
+  }
+  background-color: ${r ? o.colors.BLACK : o.colors.WHITE};
+  svg path {
+    stroke: ${r ? o.colors.WHITE : o.colors.BLACK};
+  }
+`
+), A = t(i)`
+  position: absolute;
+  bottom: 8px;
+  right: -${l}px;
+  align-items: center;
+  z-index: 1;
+`;
+export {
+  f as ActionbarContainer,
+  R as ActionbarWrapper,
+  T as BlockerWrapper,
+  h as DesmosCalcWrapper,
+  k as IconContainer,
+  _ as NavigationContainer,
+  I as NavigationWrapper,
+  g as NudgeBannerIcon,
+  $ as NudgeBannerWrapper,
+  E as QuestionsWrapper,
+  A as StudentWorksheetSideBar,
+  W as SummaryWrapper,
+  u as WorksheetContainer
+};
+//# sourceMappingURL=worksheet-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-styled.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  ACTION_BAR_HEIGHT,\n  QUESTIONS_GAP,\n  SIDEBAR_WIDTH,\n  TOP_NAVIGATION_HEIGHT,\n  WORKSHEET_CONTAINER_BORDER_RADIUS,\n} from './constants';\n\nconst NudgeBannerWrapper = styled(FlexView)<{ $topOffset: number }>(({ $topOffset }) => {\n  return `\n    position: sticky;\n    top: ${$topOffset}px;\n    z-index: 1;\n  `;\n});\n\nconst NudgeBannerIcon = styled.div(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n    width: 16px;\n    height: 16px;\n    border-radius: 32px;\n    border: 0.667px solid ${colors.BLACK_T_87}\n  `;\n});\n\nconst WorksheetContainer = styled(FlexView)`\n  position: relative;\n`;\n\ninterface IQuestionsWrapperProps {\n  $actionbarHeight: number;\n  $isCardView: boolean;\n}\n\nconst QuestionsWrapper = styled(FlexView)<IQuestionsWrapperProps>(\n  ({ $isCardView, theme }) => `\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${theme.colors.GREY_2};\n          border-right: 1px solid ${theme.colors.GREY_2};\n        `\n      : ''\n  }\n padding-top: ${QUESTIONS_GAP}px;\n z-index: 0;\n`,\n);\n\nconst NavigationContainer = styled(FlexView)<{ $topOffset: number }>(\n  ({ theme, $topOffset }) => `\n  position: sticky;\n  top: ${$topOffset}px;\n  width: 100%;\n  z-index: 1;\n  justify-content: flex-end;\n  background-color: ${theme.colors.WHITE};\n`,\n);\n\nconst NavigationWrapper = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.GREY_2};\n  border-top: 0px;\n  border-radius: ${WORKSHEET_CONTAINER_BORDER_RADIUS}px ${WORKSHEET_CONTAINER_BORDER_RADIUS}px 0 0;\n  overflow: hidden;\n`;\n\nconst ActionbarContainer = styled(FlexView)<{ $isCardView: boolean; $marginTop: string | number }>(\n  ({ theme: { colors }, $height, $isCardView, $marginTop }) => `\n  position: sticky;\n  top: calc(100% - ${$height}px);\n  margin-top: -${$marginTop}px;\n  z-index: 1;\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${colors.GREY_2};\n          border-right: 1px solid ${colors.GREY_2};\n        `\n      : ''\n  }\n  `,\n);\n\nconst ActionbarWrapper = styled(FlexView)<{ $isCardView: boolean }>(\n  ({ theme: { colors }, $isCardView }) => `\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  background-color: ${colors.WHITE};\n  border-top: 1px solid ${colors.GREY_2};\n  ${\n    $isCardView\n      ? `\n          border-left: 1px solid ${colors.GREY_2};\n          border-right: 1px solid ${colors.GREY_2};\n          border-top-left-radius: 8px;\n          border-top-right-radius: 8px;\n        `\n      : ''\n  }\n  `,\n);\n\ninterface IBlockerWrapperProps {\n  $minHeight: number | string;\n  $topOffset: number;\n}\n\nconst BlockerWrapper = styled(FlexView)<IBlockerWrapperProps>(\n  ({ theme, $minHeight, $topOffset }) => `\n  box-sizing: content-box;\n  position: sticky;\n  width: calc(100% - 2px);\n  top: ${$topOffset + TOP_NAVIGATION_HEIGHT}px;\n  z-index: 2;\n  min-height: ${$minHeight}${typeof $minHeight === 'number' ? 'px' : ''};\n  padding-bottom: ${ACTION_BAR_HEIGHT / 2}px;\n  background-color: ${theme.colors.WHITE_70};\n  border-left: 1px solid ${theme.colors.GREY_2};\n  border-right: 1px solid ${theme.colors.GREY_2};\n  backdrop-filter: blur(7px);\n  align-items: center;\n  justify-content: center;\n\n  & * {\n    box-sizing: border-box;\n  }\n`,\n);\n\nconst SummaryWrapper = styled(FlexView)`\n  position: absolute;\n  width: 100%;\n  bottom: ${ACTION_BAR_HEIGHT}px;\n  left: 0;\n`;\n\nconst DesmosCalcWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: ${theme.zIndex.DESMOS_CALCULATOR};\n  `;\n});\n\nconst IconContainer = styled(FlexView)<{ $active: boolean }>(\n  ({ theme, $active }) => `\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.BLACK};\n    svg path {\n      stroke: ${theme.colors.WHITE};\n    }\n  }\n  background-color: ${$active ? theme.colors.BLACK : theme.colors.WHITE};\n  svg path {\n    stroke: ${$active ? theme.colors.WHITE : theme.colors.BLACK};\n  }\n`,\n);\n\nconst StudentWorksheetSideBar = styled(FlexView)`\n  position: absolute;\n  bottom: 8px;\n  right: -${SIDEBAR_WIDTH}px;\n  align-items: center;\n  z-index: 1;\n`;\n\nexport {\n  NudgeBannerWrapper,\n  NudgeBannerIcon,\n  WorksheetContainer,\n  QuestionsWrapper,\n  NavigationContainer,\n  ActionbarContainer,\n  NavigationWrapper,\n  ActionbarWrapper,\n  BlockerWrapper,\n  SummaryWrapper,\n  IconContainer,\n  DesmosCalcWrapper,\n  StudentWorksheetSideBar,\n};\n"],"names":["NudgeBannerWrapper","styled","FlexView","$topOffset","NudgeBannerIcon","theme","colors","WorksheetContainer","QuestionsWrapper","$isCardView","QUESTIONS_GAP","NavigationContainer","NavigationWrapper","WORKSHEET_CONTAINER_BORDER_RADIUS","ActionbarContainer","$height","$marginTop","ActionbarWrapper","BlockerWrapper","$minHeight","TOP_NAVIGATION_HEIGHT","ACTION_BAR_HEIGHT","SummaryWrapper","DesmosCalcWrapper","IconContainer","$active","StudentWorksheetSideBar","SIDEBAR_WIDTH"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-summary/worksheet-summary-styled.js

@@ -0,0 +1,10 @@
+import e from "styled-components";
+import m from "../../../ui/layout/flex-view.js";
+const t = e(m)(
+  ({ $minHeight: r }) => `
+  min-height: ${r}${typeof r == "number" ? "px" : ""};`
+);
+export {
+  t as SummaryWrapper
+};
+//# sourceMappingURL=worksheet-summary-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-summary/worksheet-summary-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-summary-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary/worksheet-summary-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface ISummaryWrapperProps {\n  $minHeight: number | string;\n}\n\nconst SummaryWrapper = styled(FlexView)<ISummaryWrapperProps>(\n  ({ $minHeight }) => `\n  min-height: ${$minHeight}${typeof $minHeight === 'number' ? 'px' : ''};`,\n);\n\nexport { SummaryWrapper };\n"],"names":["SummaryWrapper","styled","FlexView","$minHeight"],"mappings":";;AAQM,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,YAAAC,EAAA,MAAiB;AAAA,gBACNA,CAAU,GAAG,OAAOA,KAAe,WAAW,OAAO,EAAE;AACvE;"}

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

@@ -0,0 +1,18 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import n from "../../../ui/layout/flex-view.js";
+import a from "../../../ui/text/text.js";
+import h from "../worksheet-questions-summary/worksheet-questions-summary.js";
+import { SummaryWrapper as s } from "./worksheet-summary-styled.js";
+const f = ({
+  minHeight: o,
+  worksheetName: m,
+  summaryDescription: e,
+  ...t
+}) => /* @__PURE__ */ r(s, { $alignItems: "center", $minHeight: o, $background: "WHITE", children: e || /* @__PURE__ */ i(n, { $widthX: 40, $gapX: 2, children: [
+  /* @__PURE__ */ r(a, { $renderAs: "h4", $marginBottomX: 0.75, children: "Check your work" }),
+  /* @__PURE__ */ r(h, { worksheetName: m, ...t })
+] }) });
+export {
+  f as default
+};
+//# sourceMappingURL=worksheet-summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-summary.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary/worksheet-summary.tsx"],"sourcesContent":["import type { IWorksheetSummaryProps } from './worksheet-summary-types';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport WorksheetQuestionsSummary from '../worksheet-questions-summary/worksheet-questions-summary';\nimport * as Styled from './worksheet-summary-styled';\n\nconst WorksheetSummary: FC<IWorksheetSummaryProps> = ({\n  minHeight,\n  worksheetName,\n  summaryDescription,\n  ...other\n}) => {\n  return (\n    <Styled.SummaryWrapper $alignItems=\"center\" $minHeight={minHeight} $background=\"WHITE\">\n      {summaryDescription ? (\n        summaryDescription\n      ) : (\n        <FlexView $widthX={40} $gapX={2}>\n          <Text $renderAs=\"h4\" $marginBottomX={0.75}>\n            Check your work\n          </Text>\n          <WorksheetQuestionsSummary worksheetName={worksheetName} {...other} />\n        </FlexView>\n      )}\n    </Styled.SummaryWrapper>\n  );\n};\n\nexport default WorksheetSummary;\n"],"names":["WorksheetSummary","minHeight","worksheetName","summaryDescription","other","Styled.SummaryWrapper","jsxs","FlexView","jsx","Text","WorksheetQuestionsSummary"],"mappings":";;;;;AAQA,MAAMA,IAA+C,CAAC;AAAA,EACpD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACL,wBAEKC,GAAA,EAAsB,aAAY,UAAS,YAAYJ,GAAW,aAAY,SAC5E,eAGC,gBAAAK,EAACC,KAAS,SAAS,IAAI,OAAO,GAC5B,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,MAAK,gBAAgB,MAAM,UAE3C,mBAAA;AAAA,EACC,gBAAAD,EAAAE,GAAA,EAA0B,eAAAR,GAA+B,GAAGE,EAAO,CAAA;AAAA,EACtE,CAAA,EAEJ,CAAA;"}

package/dist/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.js

@@ -0,0 +1,30 @@
+import { jsxs as e, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { memo as s } from "react";
+import t from "../../../ui/buttons/button/button.js";
+import c from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/separator/separator.js";
+const k = s(
+  ({ onBack: o, onSubmit: i, behavior: m, canSubmitWorksheet: l }) => {
+    const { canAttempt: n } = m;
+    return /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ r(d, { height: 0, width: 0 }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          $background: "WHITE",
+          $flexDirection: "row",
+          $flexGapX: 0.5,
+          $justifyContent: "flex-end",
+          children: [
+            /* @__PURE__ */ r(t, { renderAs: "secondary", size: "small", widthX: 6, label: "Back", onClick: o }),
+            n && l && /* @__PURE__ */ r(t, { renderAs: "primary", size: "small", widthX: 6, label: "Submit", onClick: i })
+          ]
+        }
+      )
+    ] });
+  }
+);
+export {
+  k as default
+};
+//# sourceMappingURL=worksheet-summary-controller.js.map

package/dist/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-summary-controller.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-summary-controller/worksheet-summary-controller.tsx"],"sourcesContent":["import type { IWorksheetSummaryControllerProps } from './worksheet-summary-controller-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\n\nconst WorksheetSummaryController: FC<IWorksheetSummaryControllerProps> = memo(\n  ({ onBack, onSubmit, behavior, canSubmitWorksheet }) => {\n    const { canAttempt } = behavior;\n\n    return (\n      <>\n        <Separator height={0} width={0} />\n        <FlexView\n          $background=\"WHITE\"\n          $flexDirection=\"row\"\n          $flexGapX={0.5}\n          $justifyContent=\"flex-end\"\n        >\n          <Button renderAs=\"secondary\" size=\"small\" widthX={6} label=\"Back\" onClick={onBack} />\n          {canAttempt && canSubmitWorksheet && (\n            <Button renderAs=\"primary\" size=\"small\" widthX={6} label=\"Submit\" onClick={onSubmit} />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default WorksheetSummaryController;\n"],"names":["WorksheetSummaryController","memo","onBack","onSubmit","behavior","canSubmitWorksheet","canAttempt","jsxs","Fragment","jsx","Separator","FlexView","Button"],"mappings":";;;;;AASA,MAAMA,IAAmEC;AAAA,EACvE,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,oBAAAC,QAAyB;AAChD,UAAA,EAAE,YAAAC,EAAe,IAAAF;AAEvB,WAEI,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAU,EAAA,QAAQ,GAAG,OAAO,GAAG;AAAA,MAChC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,gBAAe;AAAA,UACf,WAAW;AAAA,UACX,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAC,gBAAAF,EAAAG,GAAA,EAAO,UAAS,aAAY,MAAK,SAAQ,QAAQ,GAAG,OAAM,QAAO,SAASV,EAAQ,CAAA;AAAA,YAClFI,KAAcD,KACZ,gBAAAI,EAAAG,GAAA,EAAO,UAAS,WAAU,MAAK,SAAQ,QAAQ,GAAG,OAAM,UAAS,SAAST,GAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAEzF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -0,0 +1,6 @@
+var t = /* @__PURE__ */ ((r) => (r.TRIAL_TOPIC = "trial-topic", r.QUESTION_CODE = "question code", r))(t || {}), e = /* @__PURE__ */ ((r) => (r[r.E = 3] = "E", r[r.S = 2] = "S", r[r.H = 1] = "H", r))(e || {});
+export {
+  e as QUESTIONS_RATING,
+  t as QUESTION_TAGS
+};
+//# sourceMappingURL=worksheet-types.js.map