@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worksheet-section-navigation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.tsx"],"sourcesContent":["import type { TSectionName } from '../../worksheet-types';\nimport type { IWorksheetItemNavigationProps } from '../worksheet-navigation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../../constants';\nimport {\n  getNavigationSectionBackgroundColor,\n  getNavigationSectionIcon,\n  getNavigationSectionName,\n} from '../../worksheet-helpers';\nimport WorksheetItemNumber from '../worksheet-item-number/worksheet-item-number';\nimport * as Styled from '../worksheet-navigation-styled';\n\nconst WorksheetSectionNavigation: FC<IWorksheetItemNavigationProps> = memo(props => {\n  const {\n    activeItemNumber,\n    items,\n    responses,\n    validation,\n    userType,\n    peerItemNumber,\n    onItemNumberClick,\n    maximumAttempts,\n  } = props;\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [visibleSection, setVisibleSection] = useState<'left' | 'right'>('left');\n  const containerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const sections = useMemo(() => {\n    return items.reduce(\n      (acc, item, itemIndex) => {\n        const { section_name } = item.firstQuestion;\n        const prevItemSectionName = items[itemIndex - 1]?.firstQuestion.section_name;\n        const lastSection = acc[acc.length - 1];\n\n        if (section_name === 'overview') {\n          return acc;\n        }\n\n        if (section_name !== prevItemSectionName) {\n          if (\n            !item.firstQuestion.is_optional ||\n            userType === 'TEACHER' ||\n            responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n          ) {\n            return [\n              ...acc,\n              {\n                sectionName: section_name,\n                items: [item],\n              },\n            ];\n          }\n\n          return acc;\n        }\n\n        if (\n          !item.firstQuestion.is_optional ||\n          userType === 'TEACHER' ||\n          responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n        ) {\n          lastSection?.items.push(item);\n        }\n\n        return acc;\n      },\n      [] as Array<{\n        sectionName?: TSectionName;\n        items: (typeof items)[number][];\n      }>,\n    );\n  }, [items, responses, userType]);\n  const visibleItemsCount = useMemo(\n    () => sections.reduce((acc, section) => acc + section.items.length, 0),\n    [sections],\n  );\n  const activeSectionName = activeItemNumber\n    ? items[activeItemNumber]?.firstQuestion.section_name\n    : undefined;\n\n  const toggleVisibleSection = useCallback(() => {\n    setVisibleSection(prevVisibleSection => (prevVisibleSection === 'left' ? 'right' : 'left'));\n  }, []);\n\n  useLayoutEffect(() => {\n    const containerEl = containerRef.current;\n    const contentEl = contentRef.current;\n\n    if (containerEl && contentEl) {\n      if (contentEl.clientWidth > containerEl.clientWidth) {\n        setIsOverflowing(true);\n      }\n    }\n  }, [visibleItemsCount]);\n\n  useEffect(() => {\n    const contentEl = contentRef.current;\n\n    if (activeSectionName !== undefined && isOverflowing && contentEl) {\n      const sectionEl = contentEl.querySelector(`.worksheet-section-${activeSectionName}`);\n\n      if (sectionEl) {\n        setVisibleSection(prevVisibleSection => {\n          const { left, right } = sectionEl.getBoundingClientRect();\n\n          if (\n            prevVisibleSection === 'left' &&\n            right + TOP_NAVIGATION_ARROW_WIDTH + 16 > contentEl.clientWidth\n          ) {\n            return 'right';\n          }\n\n          if (prevVisibleSection === 'right' && left - TOP_NAVIGATION_ARROW_WIDTH - 16 < 0) {\n            return 'left';\n          }\n\n          return prevVisibleSection;\n        });\n      }\n    }\n  }, [activeSectionName, isOverflowing]);\n\n  return (\n    <Styled.Container\n      ref={containerRef}\n      $alignItems={isOverflowing ? `flex-${visibleSection === 'left' ? 'start' : 'end'}` : 'center'}\n    >\n      <Styled.LeftContainerBackground\n        $background={getNavigationSectionBackgroundColor(sections[0]?.sectionName)}\n      />\n      <Styled.RightContainerBackground\n        $background={getNavigationSectionBackgroundColor(\n          sections[sections.length - 1]?.sectionName,\n        )}\n      />\n      <FlexView ref={contentRef} $flexDirection=\"row\">\n        {sections.map(({ sectionName, items: sectionItems }, sectionIndex) => {\n          const SectionIcon = getNavigationSectionIcon(sectionName);\n          const sectionTooltip = getNavigationSectionName(sectionName);\n          const firstQuestion = sectionItems[0]?.firstQuestion;\n          const sectionSkipped =\n            firstQuestion?.is_optional &&\n            responses[firstQuestion.response_id]?.assignStatus === 'skipped';\n\n          if (sectionSkipped) {\n            return null;\n          }\n\n          return (\n            <Styled.SectionWrapper\n              key={sectionName}\n              className={`worksheet-section-${sectionName}`}\n              $background={getNavigationSectionBackgroundColor(sectionName)}\n              $hasBorder={sectionIndex > 0}\n              $gutterX={1}\n              $flexDirection=\"row\"\n              $flexGapX={0.75}\n            >\n              <ArrowTooltip tooltipItem={sectionTooltip} position=\"bottom\" renderAs=\"primary\">\n                <SectionIcon width={24} height={24} />\n              </ArrowTooltip>\n              {sectionItems.map(item => {\n                const {\n                  firstQuestion: { response_id, item_number, is_optional },\n                } = item;\n                const isSkipped = is_optional\n                  ? responses[response_id]?.assignStatus === 'skipped'\n                  : false;\n\n                if (isSkipped) {\n                  return null;\n                }\n\n                return (\n                  <WorksheetItemNumber\n                    key={response_id}\n                    item={item}\n                    responses={responses}\n                    validation={validation}\n                    placement=\"top\"\n                    onItemNumberClick={onItemNumberClick}\n                    canShowUserPin={item_number === peerItemNumber}\n                    isOptional={is_optional}\n                    teacherValidationEnabled\n                    maximumAttempts={maximumAttempts}\n                  />\n                );\n              })}\n            </Styled.SectionWrapper>\n          );\n        })}\n      </FlexView>\n      {isOverflowing && visibleSection === 'left' && (\n        <Clickable label=\"Worksheet Nav Right Arrow\" onClick={toggleVisibleSection}>\n          <Styled.RightArrowWrapper $justifyContent=\"center\">\n            <RightIcon width={24} height={24} />\n          </Styled.RightArrowWrapper>\n        </Clickable>\n      )}\n      {isOverflowing && visibleSection === 'right' && (\n        <Clickable label=\"Worksheet Nav Left Arrow\" onClick={toggleVisibleSection}>\n          <Styled.LeftArrowWrapper $justifyContent=\"center\">\n            <LeftIcon width={24} height={24} />\n          </Styled.LeftArrowWrapper>\n        </Clickable>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default WorksheetSectionNavigation;\n"],"names":["WorksheetSectionNavigation","memo","props","activeItemNumber","items","responses","validation","userType","peerItemNumber","onItemNumberClick","maximumAttempts","isOverflowing","setIsOverflowing","useState","visibleSection","setVisibleSection","containerRef","useRef","contentRef","sections","useMemo","acc","item","itemIndex","section_name","prevItemSectionName","_a","lastSection","_b","_c","visibleItemsCount","section","activeSectionName","toggleVisibleSection","useCallback","prevVisibleSection","useLayoutEffect","containerEl","contentEl","useEffect","sectionEl","left","right","TOP_NAVIGATION_ARROW_WIDTH","jsxs","Styled.Container","jsx","Styled.LeftContainerBackground","getNavigationSectionBackgroundColor","Styled.RightContainerBackground","FlexView","sectionName","sectionItems","sectionIndex","SectionIcon","getNavigationSectionIcon","sectionTooltip","getNavigationSectionName","firstQuestion","Styled.SectionWrapper","ArrowTooltip","response_id","item_number","is_optional","WorksheetItemNumber","Clickable","Styled.RightArrowWrapper","RightIcon","Styled.LeftArrowWrapper","LeftIcon"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-permissions/error.js

@@ -0,0 +1,29 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { memo as n } from "react";
+import { LOTTIE as p } from "../../../../assets/lottie/lottie.js";
+import a from "../../../ui/buttons/button/button.js";
+import h from "../../../ui/layout/flex-view.js";
+import c from "../../../ui/lottie-animation/lottie-animation.js";
+import o from "../../../ui/separator/separator.js";
+import l from "../../../ui/text/text.js";
+import { BaseWrapper as s } from "./styles.js";
+const d = ({ buttonLabel: e = "Home", error: t, handleClick: i }) => /* @__PURE__ */ r(s, { $background: "BLACK_75", children: /* @__PURE__ */ m(h, { $alignItems: "center", children: [
+  /* @__PURE__ */ r(o, { heightX: 4 }),
+  /* @__PURE__ */ r(c, { src: p.ERROR_LOTTIE, height: 320, width: 320 }),
+  /* @__PURE__ */ r(l, { $renderAs: "h6", $color: "WHITE", $align: "center", children: t || "Oh No! Error detected..." }),
+  /* @__PURE__ */ r(o, { heightX: 1 }),
+  /* @__PURE__ */ r(
+    a,
+    {
+      label: e,
+      onClick: i,
+      renderAs: "primary",
+      size: "regular",
+      widthX: 14
+    }
+  )
+] }) }), L = n(d);
+export {
+  L as default
+};
+//# sourceMappingURL=error.js.map

package/dist/features/worksheet/worksheet/worksheet-permissions/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\ninterface ErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: React.FC<ErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => (\n  <BaseWrapper $background=\"BLACK_75\">\n    <FlexView $alignItems=\"center\">\n      <Separator heightX={4} />\n      <LottieAnimation src={LOTTIE.ERROR_LOTTIE} height={320} width={320} />\n      <Text $renderAs=\"h6\" $color=\"WHITE\" $align=\"center\">\n        {error || 'Oh No! Error detected...'}\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        label={buttonLabel}\n        onClick={handleClick}\n        renderAs=\"primary\"\n        size=\"regular\"\n        widthX={14}\n      />\n    </FlexView>\n  </BaseWrapper>\n);\n\nexport default memo(Error);\n"],"names":["Error","buttonLabel","error","handleClick","jsx","BaseWrapper","jsxs","FlexView","Separator","LottieAnimation","LOTTIE","Text","Button","memo"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAA8B,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,EAAA,MAClE,gBAAAC,EAACC,KAAY,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ,EAACK,KAAgB,KAAKC,EAAO,cAAc,QAAQ,KAAK,OAAO,KAAK;AAAA,EACpE,gBAAAN,EAACO,KAAK,WAAU,MAAK,QAAO,SAAQ,QAAO,UACxC,UAAAT,KAAS,2BACZ,CAAA;AAAA,EACA,gBAAAE,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,SAASE;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EACF,CAAA,EACF,CAAA,GAGaD,IAAAW,EAAKb,CAAK;"}

package/dist/features/worksheet/worksheet/worksheet-permissions/sheet-locked.js

@@ -0,0 +1,33 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { memo as i } from "react";
+import { useTheme as h } from "styled-components";
+import { ILLUSTRATIONS as s } from "../../../../assets/illustrations/illustrations.js";
+import c from "../../../ui/buttons/button/button.js";
+import l from "../../../ui/layout/flex-view.js";
+import o from "../../../ui/separator/separator.js";
+import a from "../../../ui/text/text.js";
+import { BaseWrapper as n } from "./styles.js";
+const p = ({ onHomeClick: t }) => {
+  const {
+    layout: { gutter: r }
+  } = h();
+  return /* @__PURE__ */ e(n, { $background: "BLACK_75", children: /* @__PURE__ */ m(l, { $alignItems: "center", children: [
+    /* @__PURE__ */ e(o, { heightX: 4 }),
+    /* @__PURE__ */ e(
+      "img",
+      {
+        alt: "locked-img",
+        src: s.LOCKED,
+        width: r * 12.5,
+        height: r * 12.5
+      }
+    ),
+    /* @__PURE__ */ e(a, { $renderAs: "h6", $color: "WHITE", children: "The sheet is locked. Come back later" }),
+    /* @__PURE__ */ e(o, { heightX: 1 }),
+    /* @__PURE__ */ e(c, { label: "Home", onClick: t, renderAs: "primary", size: "regular", widthX: 14 })
+  ] }) });
+}, C = i(p);
+export {
+  C as default
+};
+//# sourceMappingURL=sheet-locked.js.map

package/dist/features/worksheet/worksheet/worksheet-permissions/sheet-locked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-locked.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/sheet-locked.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\nconst SheetLocked = ({ onHomeClick }: { onHomeClick: () => void }) => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  return (\n    <BaseWrapper $background=\"BLACK_75\">\n      <FlexView $alignItems=\"center\">\n        <Separator heightX={4} />\n        <img\n          alt=\"locked-img\"\n          src={ILLUSTRATIONS.LOCKED}\n          width={gutter * 12.5}\n          height={gutter * 12.5}\n        />\n        <Text $renderAs=\"h6\" $color=\"WHITE\">\n          The sheet is locked. Come back later\n        </Text>\n        <Separator heightX={1} />\n        <Button label=\"Home\" onClick={onHomeClick} renderAs=\"primary\" size=\"regular\" widthX={14} />\n      </FlexView>\n    </BaseWrapper>\n  );\n};\n\nexport default memo(SheetLocked);\n"],"names":["SheetLocked","onHomeClick","gutter","useTheme","BaseWrapper","jsxs","FlexView","jsx","Separator","ILLUSTRATIONS","Text","Button","sheetLocked","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAc,CAAC,EAAE,aAAAC,QAA+C;AAC9D,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS;AAEb,2BACGC,GAAY,EAAA,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAKE,EAAc;AAAA,QACnB,OAAOP,IAAS;AAAA,QAChB,QAAQA,IAAS;AAAA,MAAA;AAAA,IACnB;AAAA,sBACCQ,GAAK,EAAA,WAAU,MAAK,QAAO,SAAQ,UAEpC,wCAAA;AAAA,IACA,gBAAAH,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD,EAACI,GAAO,EAAA,OAAM,QAAO,SAASV,GAAa,UAAS,WAAU,MAAK,WAAU,QAAQ,GAAI,CAAA;AAAA,EAAA,EAC3F,CAAA,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAKb,CAAW;"}

package/dist/features/worksheet/worksheet/worksheet-permissions/styles.js

@@ -0,0 +1,15 @@
+import t from "styled-components";
+import e from "../../../ui/layout/flex-view.js";
+const p = t(e)(({ theme: r }) => `
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: ${r.zIndex.MODAL};
+    backdrop-filter: blur(10px);
+  `);
+export {
+  p as BaseWrapper
+};
+//# sourceMappingURL=styles.js.map

package/dist/features/worksheet/worksheet/worksheet-permissions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const BaseWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: fixed;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    z-index: ${theme.zIndex.MODAL};\n    backdrop-filter: blur(10px);\n  `;\n});\n"],"names":["BaseWrapper","styled","FlexView","theme"],"mappings":";;AAIO,MAAMA,IAAcC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMMA,EAAM,OAAO,KAAK;AAAA;AAAA,GAGhC;"}

package/dist/features/worksheet/worksheet/worksheet-question/header/header-tags.js

@@ -0,0 +1,50 @@
+import { jsxs as a, Fragment as p, jsx as o } from "react/jsx-runtime";
+import { memo as d, useMemo as i } from "react";
+import m from "../../../../ui/layout/flex-view.js";
+import l from "../../../../ui/separator/separator.js";
+import c from "../../../../ui/text/text.js";
+import { getQuestionBorderColor as g } from "../../worksheet-helpers.js";
+const h = (r, e) => {
+  switch (r) {
+    case "learning-we-do":
+      return "We Do";
+    case "learning-your-turn":
+      return "Your Turn";
+    case "learning-explore":
+      return "Explore";
+  }
+  switch (e == null ? void 0 : e.toLowerCase()) {
+    case "try":
+      return "Try";
+    case "learn":
+      return "Learn";
+    case "apply":
+      return "Apply";
+  }
+  return null;
+}, T = d(({ itemType: r, paperColor: e, instructorStimulus: n }) => {
+  const t = i(
+    () => h(r, n),
+    [n, r]
+  );
+  return t ? /* @__PURE__ */ a(p, { children: [
+    /* @__PURE__ */ o(l, { width: 4 }),
+    /* @__PURE__ */ a(
+      m,
+      {
+        $borderRadius: 12,
+        $background: g(e ?? "yellow", !0),
+        $gutter: 8,
+        $height: "fit-content",
+        children: [
+          /* @__PURE__ */ o(l, { height: 2 }),
+          /* @__PURE__ */ o(c, { $renderAs: "eyebrow2", children: t })
+        ]
+      }
+    )
+  ] }) : null;
+});
+export {
+  T as default
+};
+//# sourceMappingURL=header-tags.js.map

package/dist/features/worksheet/worksheet/worksheet-question/header/header-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-tags.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header-tags.tsx"],"sourcesContent":["import type { TInstructorStimulus, TItemType } from '../../worksheet-types';\nimport type { TWorksheetQuestionPaperColor } from '../worksheet-question-types';\n\nimport { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\n\ninterface IHeaderTag {\n  itemType?: TItemType;\n  paperColor?: TWorksheetQuestionPaperColor;\n  instructorStimulus?: TInstructorStimulus;\n}\n\nconst getItemType = (itemType?: string, instructorStimulus?: TInstructorStimulus) => {\n  switch (itemType) {\n    case 'learning-we-do':\n      return 'We Do';\n    case 'learning-your-turn':\n      return 'Your Turn';\n    case 'learning-explore':\n      return 'Explore';\n  }\n\n  switch (instructorStimulus?.toLowerCase()) {\n    case 'try':\n      return 'Try';\n    case 'learn':\n      return 'Learn';\n    case 'apply':\n      return 'Apply';\n  }\n\n  return null;\n};\n\nconst HeaderTag: FC<IHeaderTag> = memo(({ itemType, paperColor, instructorStimulus }) => {\n  const itemTypeLabel = useMemo(\n    () => getItemType(itemType, instructorStimulus),\n    [instructorStimulus, itemType],\n  );\n\n  if (itemTypeLabel) {\n    return (\n      <>\n        <Separator width={4} />\n        <FlexView\n          $borderRadius={12}\n          $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n          $gutter={8}\n          $height=\"fit-content\"\n        >\n          <Separator height={2} />\n          <Text $renderAs=\"eyebrow2\">{itemTypeLabel}</Text>\n        </FlexView>\n      </>\n    );\n  }\n\n  return null;\n});\n\nexport default HeaderTag;\n"],"names":["getItemType","itemType","instructorStimulus","HeaderTag","memo","paperColor","itemTypeLabel","useMemo","jsxs","Fragment","jsx","Separator","FlexView","getQuestionBorderColor","Text"],"mappings":";;;;;;AAgBA,MAAMA,IAAc,CAACC,GAAmBC,MAA6C;AACnF,UAAQD,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EACX;AAEQ,UAAAC,KAAA,gBAAAA,EAAoB,eAAe;AAAA,IACzC,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EACX;AAEO,SAAA;AACT,GAEMC,IAA4BC,EAAK,CAAC,EAAE,UAAAH,GAAU,YAAAI,GAAY,oBAAAH,QAAyB;AACvF,QAAMI,IAAgBC;AAAA,IACpB,MAAMP,EAAYC,GAAUC,CAAkB;AAAA,IAC9C,CAACA,GAAoBD,CAAQ;AAAA,EAAA;AAG/B,SAAIK,IAGE,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,OAAO,EAAG,CAAA;AAAA,IACrB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAaC,EAAuBR,KAAc,UAAU,EAAI;AAAA,QAChE,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,UAAA;AAAA,UAAC,gBAAAK,EAAAC,GAAA,EAAU,QAAQ,EAAG,CAAA;AAAA,UACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,YAAY,UAAcR,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/header/header.js

@@ -0,0 +1,147 @@
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import { memo as R, useCallback as c, useMemo as q } from "react";
+import W from "../../../../../assets/line-icons/icons/bookmark.js";
+import F from "../../../../../assets/line-icons/icons/bookmark-stroke-icon.js";
+import G from "../../../../../assets/line-icons/icons/mistake.js";
+import N from "../../../../../assets/line-icons/icons/skip2.js";
+import g from "../../../../ui/buttons/button/button.js";
+import d from "../../../../ui/layout/flex-view.js";
+import P from "../../../../ui/separator/separator.js";
+import n from "../../../../ui/text/text.js";
+import { TOP_NAVIGATION_HEIGHT as z } from "../../constants.js";
+import { getQuestionBorderColor as L } from "../../worksheet-helpers.js";
+import { QuestionHeaderWrapper as D, QuestionValidationAnimationWrapper as U, ItemHeader as Y, ItemHeaderTag as p } from "../worksheet-question-styled.js";
+import J from "./header-tags.js";
+import K from "./validated-animation.js";
+const ht = R(
+  ({
+    paperColor: l,
+    actionbarHeight: b,
+    behavior: k,
+    onMarkForReview: a,
+    question: y,
+    response: t,
+    userType: I,
+    onResolveDoubt: e,
+    canResolveDoubt: w,
+    layout: x,
+    worksheetCompleted: u
+  }) => {
+    const { topOffset: A, questionsScrollable: H, navigationBar: _ } = x, B = (t == null ? void 0 : t.validatedByTeacher) ?? !1, m = (t == null ? void 0 : t.markedForReview) ?? !1, f = ((t == null ? void 0 : t.attemptsHistory) || []).length ?? 0, { canMarkForReview: $, teacherValidationEnabled: C } = k, {
+      item_display_number: h,
+      question_number: T,
+      total_questions: S,
+      response_id: r,
+      item_type: X,
+      instructor_stimulus: s
+    } = y, v = `${h}${S > 1 ? String.fromCharCode(97 + T) : ""}`, E = c(
+      () => a(r, !0),
+      [a, r]
+    ), j = c(
+      () => a(r, !1),
+      [a, r]
+    ), Q = q(() => {
+      const { score: M, max_score: O } = (t == null ? void 0 : t.score) || {};
+      if (u && e && !(t != null && t.doubtResolved))
+        return !!(t != null && t.skipped || t != null && t.responseEdited && M !== O);
+    }, [e, t, u]), V = c(() => {
+      e && e(r);
+    }, [e, r]);
+    return H || !$ ? /* @__PURE__ */ i(
+      D,
+      {
+        $flexDirection: "row",
+        $topOffset: A + _ === "top" ? z : 0,
+        $actionbarHeight: b,
+        $justifyContent: "space-between",
+        children: /* @__PURE__ */ o(d, { $flexDirection: "row", children: [
+          /* @__PURE__ */ o(
+            d,
+            {
+              $position: "relative",
+              $background: L(l ?? "yellow", !0),
+              $widthX: 2.5,
+              $heightX: 2.5,
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderRadiusX: 0.5,
+              $marginBottom: 18,
+              children: [
+                /* @__PURE__ */ i(n, { $renderAs: "body1Medium", children: v }),
+                C && /* @__PURE__ */ i(U, { children: /* @__PURE__ */ i(K, { validated: B }) })
+              ]
+            }
+          ),
+          Q && /* @__PURE__ */ i(d, { $gutterX: 0.5, $gapX: 0.2, children: /* @__PURE__ */ i(
+            g,
+            {
+              renderAs: "secondary",
+              label: "Mark as Resolved",
+              onClick: V,
+              disabled: !w,
+              size: "xsmall",
+              iconPosition: "left",
+              Icon: t != null && t.skipped ? N : G
+            }
+          ) }),
+          /* @__PURE__ */ i(P, { width: 5 }),
+          !!f && I === "TEACHER" && /* @__PURE__ */ o(
+            d,
+            {
+              $flexDirection: "row",
+              $background: "WHITE",
+              $flexGapX: 0.25,
+              $alignItems: "center",
+              $justifyContent: "center",
+              $borderRadiusX: 0.5,
+              $marginBottom: 18,
+              $gutterX: 0.5,
+              children: [
+                /* @__PURE__ */ i(n, { $renderAs: "body1", children: "Attempts:" }),
+                /* @__PURE__ */ i(n, { $renderAs: "body1Medium", children: f })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i(
+            J,
+            {
+              itemType: X,
+              instructorStimulus: s,
+              paperColor: l
+            }
+          )
+        ] })
+      }
+    ) : /* @__PURE__ */ o(
+      Y,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $justifyContent: "space-between",
+        $background: "YELLOW_1",
+        $marginBottom: 18,
+        children: [
+          /* @__PURE__ */ i(p, { children: /* @__PURE__ */ o(n, { $renderAs: "eyebrow1", children: [
+            "Question ",
+            h
+          ] }) }),
+          $ && /* @__PURE__ */ i(
+            g,
+            {
+              renderAs: "secondary",
+              label: `Mark${m ? "ed" : ""} for review`,
+              onClick: m ? j : E,
+              size: "xsmall",
+              iconPosition: "left",
+              Icon: m ? W : F
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  ht as default
+};
+//# sourceMappingURL=header.js.map

package/dist/features/worksheet/worksheet/worksheet-question/header/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/header.tsx"],"sourcesContent":["import type { IQuestionHeaderProps } from '../worksheet-question-types';\n\nimport { memo, useCallback, useMemo, type FC } from 'react';\n\nimport BookmarkIcon from '../../../../../assets/line-icons/icons/bookmark';\nimport BookmarkStrokeIcon from '../../../../../assets/line-icons/icons/bookmark-stroke-icon';\nimport MistakeIcon from '../../../../../assets/line-icons/icons/mistake';\nimport Skip2Icon from '../../../../../assets/line-icons/icons/skip2';\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { TOP_NAVIGATION_HEIGHT } from '../../constants';\nimport { getQuestionBorderColor } from '../../worksheet-helpers';\nimport * as Styled from '../worksheet-question-styled';\nimport HeaderTag from './header-tags';\nimport ValidatedAnimation from './validated-animation';\n\nconst QuestionHeader: FC<IQuestionHeaderProps> = memo(\n  ({\n    paperColor,\n    actionbarHeight,\n    behavior,\n    onMarkForReview,\n    question,\n    response,\n    userType,\n    onResolveDoubt,\n    canResolveDoubt,\n    layout,\n    worksheetCompleted,\n  }) => {\n    const { topOffset, questionsScrollable, navigationBar } = layout;\n    const teacherValidated = response?.validatedByTeacher ?? false;\n    const markedForReview = response?.markedForReview ?? false;\n    const attempts = (response?.attemptsHistory || []).length ?? 0;\n    const { canMarkForReview, teacherValidationEnabled } = behavior;\n    const {\n      item_display_number,\n      question_number,\n      total_questions: totalQuestions,\n      response_id: responseId,\n      item_type: itemType,\n      instructor_stimulus: instructorStimulus,\n    } = question;\n\n    const questionNumber = `${item_display_number}${\n      totalQuestions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n    }`;\n\n    const handleMarkForReview = useCallback(\n      () => onMarkForReview(responseId, true),\n      [onMarkForReview, responseId],\n    );\n\n    const handleUnmarkForReview = useCallback(\n      () => onMarkForReview(responseId, false),\n      [onMarkForReview, responseId],\n    );\n\n    const canShowResolveButton = useMemo(() => {\n      const { score, max_score: maxScore } = response?.score || {};\n\n      if (worksheetCompleted && onResolveDoubt && !response?.doubtResolved) {\n        if (response?.skipped) {\n          return true;\n        }\n\n        if (response?.responseEdited && score !== maxScore) {\n          return true;\n        }\n\n        return false;\n      }\n    }, [onResolveDoubt, response, worksheetCompleted]);\n\n    const handleDoubtResolve = useCallback(() => {\n      if (onResolveDoubt) {\n        onResolveDoubt(responseId);\n      }\n    }, [onResolveDoubt, responseId]);\n\n    if (questionsScrollable || !canMarkForReview) {\n      return (\n        <Styled.QuestionHeaderWrapper\n          $flexDirection=\"row\"\n          $topOffset={topOffset + navigationBar === 'top' ? TOP_NAVIGATION_HEIGHT : 0}\n          $actionbarHeight={actionbarHeight}\n          $justifyContent=\"space-between\"\n        >\n          <FlexView $flexDirection=\"row\">\n            <FlexView\n              $position=\"relative\"\n              $background={getQuestionBorderColor(paperColor ?? 'yellow', true)}\n              $widthX={2.5}\n              $heightX={2.5}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadiusX={0.5}\n              $marginBottom={18}\n            >\n              <Text $renderAs=\"body1Medium\">{questionNumber}</Text>\n              {teacherValidationEnabled && (\n                <Styled.QuestionValidationAnimationWrapper>\n                  <ValidatedAnimation validated={teacherValidated} />\n                </Styled.QuestionValidationAnimationWrapper>\n              )}\n            </FlexView>\n            {canShowResolveButton && (\n              <FlexView $gutterX={0.5} $gapX={0.2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label={`Mark as Resolved`}\n                  onClick={handleDoubtResolve}\n                  disabled={!canResolveDoubt}\n                  size=\"xsmall\"\n                  iconPosition=\"left\"\n                  Icon={response?.skipped ? Skip2Icon : MistakeIcon}\n                />\n              </FlexView>\n            )}\n            <Separator width={5} />\n            {!!attempts && userType === 'TEACHER' && (\n              <FlexView\n                $flexDirection=\"row\"\n                $background=\"WHITE\"\n                $flexGapX={0.25}\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $borderRadiusX={0.5}\n                $marginBottom={18}\n                $gutterX={0.5}\n              >\n                <Text $renderAs=\"body1\">Attempts:</Text>\n                <Text $renderAs=\"body1Medium\">{attempts}</Text>\n              </FlexView>\n            )}\n            <HeaderTag\n              itemType={itemType}\n              instructorStimulus={instructorStimulus}\n              paperColor={paperColor}\n            />\n          </FlexView>\n        </Styled.QuestionHeaderWrapper>\n      );\n    }\n\n    return (\n      <Styled.ItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $background=\"YELLOW_1\"\n        $marginBottom={18}\n      >\n        <Styled.ItemHeaderTag>\n          <Text $renderAs=\"eyebrow1\">Question {item_display_number}</Text>\n        </Styled.ItemHeaderTag>\n        {canMarkForReview && (\n          <Button\n            renderAs=\"secondary\"\n            label={`Mark${markedForReview ? 'ed' : ''} for review`}\n            onClick={markedForReview ? handleUnmarkForReview : handleMarkForReview}\n            size=\"xsmall\"\n            iconPosition=\"left\"\n            Icon={markedForReview ? BookmarkIcon : BookmarkStrokeIcon}\n          />\n        )}\n      </Styled.ItemHeader>\n    );\n  },\n);\n\nexport default QuestionHeader;\n"],"names":["QuestionHeader","memo","paperColor","actionbarHeight","behavior","onMarkForReview","question","response","userType","onResolveDoubt","canResolveDoubt","layout","worksheetCompleted","topOffset","questionsScrollable","navigationBar","teacherValidated","markedForReview","attempts","canMarkForReview","teacherValidationEnabled","item_display_number","question_number","totalQuestions","responseId","itemType","instructorStimulus","questionNumber","handleMarkForReview","useCallback","handleUnmarkForReview","canShowResolveButton","useMemo","score","maxScore","handleDoubtResolve","jsx","Styled.QuestionHeaderWrapper","TOP_NAVIGATION_HEIGHT","jsxs","FlexView","getQuestionBorderColor","Text","Styled.QuestionValidationAnimationWrapper","ValidatedAnimation","Button","Skip2Icon","MistakeIcon","Separator","HeaderTag","Styled.ItemHeader","Styled.ItemHeaderTag","BookmarkIcon","BookmarkStrokeIcon"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-question/header/validated-animation.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as o, useState as r } from "react";
+import m from "../../../../../assets/line-icons/icons/check2.js";
+import { LOTTIE as a } from "../../../../../assets/lottie/lottie.js";
+import n from "../../../../ui/layout/flex-view.js";
+import s from "../../../../ui/lottie-animation/lottie-animation.js";
+const c = { name: "validated", loop: !1 }, g = o(({ validated: e }) => {
+  const [i] = r(e);
+  return i ? /* @__PURE__ */ t(n, { $width: 40, $height: 40, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(
+    n,
+    {
+      $borderRadius: 10,
+      $background: "REAL_BLACK",
+      $width: 20,
+      $height: 20,
+      $alignItems: "center",
+      $justifyContent: "center",
+      children: /* @__PURE__ */ t(m, { color: "WHITE", width: 16, height: 16 })
+    }
+  ) }) : !i && e ? /* @__PURE__ */ t(s, { src: a.TEACHER_VALIDATION, settings: c }) : null;
+});
+export {
+  g as default
+};
+//# sourceMappingURL=validated-animation.js.map

package/dist/features/worksheet/worksheet/worksheet-question/header/validated-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validated-animation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/validated-animation.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\n\ninterface IValidatedAnimationProps {\n  validated: boolean;\n}\n\nconst animationSettings = { name: 'validated', loop: false };\n\nconst ValidatedAnimation: FC<IValidatedAnimationProps> = memo(({ validated }) => {\n  const [validatedOnMount] = useState(validated);\n\n  if (validatedOnMount) {\n    return (\n      <FlexView $width={40} $height={40} $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView\n          $borderRadius={10}\n          $background=\"REAL_BLACK\"\n          $width={20}\n          $height={20}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          <Check2Icon color=\"WHITE\" width={16} height={16} />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  if (!validatedOnMount && validated) {\n    return <LottieAnimation src={LOTTIE.TEACHER_VALIDATION} settings={animationSettings} />;\n  }\n\n  return null;\n});\n\nexport default ValidatedAnimation;\n"],"names":["animationSettings","ValidatedAnimation","memo","validated","validatedOnMount","useState","jsx","FlexView","Check2Icon","LottieAnimation","LOTTIE"],"mappings":";;;;;;AAaA,MAAMA,IAAoB,EAAE,MAAM,aAAa,MAAM,GAAM,GAErDC,IAAmDC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAC/E,QAAM,CAACC,CAAgB,IAAIC,EAASF,CAAS;AAE7C,SAAIC,IAEA,gBAAAE,EAACC,KAAS,QAAQ,IAAI,SAAS,IAAI,aAAY,UAAS,iBAAgB,UACtE,UAAA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,4BAACC,GAAW,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,IAAI;AAAA,IAAA;AAAA,EAErD,EAAA,CAAA,IAIA,CAACJ,KAAoBD,sBACfM,GAAgB,EAAA,KAAKC,EAAO,oBAAoB,UAAUV,EAAmB,CAAA,IAGhF;AACT,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js

@@ -0,0 +1,103 @@
+import { jsx as S } from "react/jsx-runtime";
+import { memo as g, useRef as I, useCallback as M, useEffect as m } from "react";
+import Q from "../hooks/use-learnosity-append.js";
+import { LearnosityQuestionContainer as $ } from "./worksheet-question-styled.js";
+const D = g(
+  ({
+    signedRequest: R,
+    appended: o,
+    canRender: E,
+    canForceAppend: a,
+    question: n,
+    response: s,
+    learnosity: w,
+    isConceptIntro: h,
+    simState: u,
+    onMediaStateChange: _
+  }) => {
+    const c = I(null), t = I(s), { forceAppend: p } = Q(R), d = M(
+      (e) => {
+        const { source: r, data: i } = e, { type: l } = i ?? {};
+        l === "SIM_IS_READY" ? r.postMessage(
+          {
+            type: "SIMULATION_CONFIG",
+            payload: {
+              userRole: a ? "teacher" : "student",
+              simulationState: u
+            }
+          },
+          "*"
+        ) : l === "SIM_STATE_UPDATE" && _(n, "SIMULATION", e.data.payload);
+      },
+      [a, u, _, n]
+    ), y = M(
+      (e) => {
+        window.requestAnimationFrame(() => {
+          var i, l, T;
+          const r = document.createElement("div");
+          r.classList.add("learnosity-response"), r.classList.add(`question-${n.response_id}`), (l = (i = c.current) == null ? void 0 : i.children[0]) == null || l.querySelectorAll("svg path").forEach((f) => {
+            f.id = `${f.id} + temp`;
+          }), (T = c.current) == null || T.append(r), p({
+            question: n,
+            response: e,
+            callback: (f) => {
+              var v, A;
+              f || ((A = (v = c.current) == null ? void 0 : v.children[0]) == null || A.remove(), t.current && t.current !== e ? y(t.current) : t.current = void 0);
+            }
+          });
+        });
+      },
+      [p, n]
+    ), L = I(!1);
+    return m(() => {
+      let e;
+      return E && (L.current || (e = window.requestAnimationFrame(() => {
+        const r = t.current ?? s;
+        L.current = !0, w.appendQuestion({
+          questions: [n],
+          ...r ? {
+            responses: {
+              [n.response_id]: {
+                // Learnosity is mutating the response object, so we need to clone it
+                ...r
+              }
+            }
+          } : {}
+        });
+      }))), () => {
+        e && window.cancelAnimationFrame(e);
+      };
+    }, [E, w, n, s]), m(() => {
+      var e;
+      return o && (t.current = void 0, (e = c.current) != null && e.querySelector("iframe") && window.addEventListener("message", d)), () => {
+        window.removeEventListener("message", d);
+      };
+    }, [o, d]), m(() => {
+      var e, r;
+      if (u && o) {
+        const i = (e = c.current) == null ? void 0 : e.querySelector("iframe");
+        i && ((r = i.contentWindow) == null || r.postMessage(
+          {
+            type: "SIM_STATE_UPDATE",
+            payload: u
+          },
+          "*"
+        ));
+      }
+    }, [o, a, u]), m(() => {
+      o && s && a && s !== t.current && (t.current ? t.current = s : (t.current = s, y(s)));
+    }, [o, a, s, y]), /* @__PURE__ */ S(
+      $,
+      {
+        ref: c,
+        $isConceptIntro: h,
+        $isTeacher: a,
+        children: /* @__PURE__ */ S("div", { className: `learnosity-response question-${n.response_id}` })
+      }
+    );
+  }
+);
+export {
+  D as default
+};
+//# sourceMappingURL=learnosity-question.js.map

package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learnosity-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/learnosity-question.tsx"],"sourcesContent":["import type { ILearnosityQuestionResponse } from '../worksheet-types';\nimport type { ILearnosityQuestionProps } from './worksheet-question-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useLearnosityAppend from '../hooks/use-learnosity-append';\nimport * as Styled from './worksheet-question-styled';\n\nconst LearnosityQuestion: FC<ILearnosityQuestionProps> = memo(\n  ({\n    signedRequest,\n    appended,\n    canRender,\n    canForceAppend,\n    question,\n    response,\n    learnosity,\n    isConceptIntro,\n    simState,\n    onMediaStateChange,\n  }) => {\n    const containerElementRef = useRef<HTMLDivElement>(null);\n    const latestQuestionResponseRef = useRef<ILearnosityQuestionResponse | undefined>(response);\n    const { forceAppend } = useLearnosityAppend(signedRequest);\n\n    const handleSimIframeMessage = useCallback(\n      (event: MessageEvent) => {\n        const { source, data } = event;\n        const { type } = data ?? ({} as { type: string });\n\n        if (type === 'SIM_IS_READY') {\n          (source as Window).postMessage(\n            {\n              type: 'SIMULATION_CONFIG',\n              payload: {\n                userRole: canForceAppend ? 'teacher' : 'student',\n                simulationState: simState,\n              },\n            },\n            '*',\n          );\n        } else if (type === 'SIM_STATE_UPDATE') {\n          onMediaStateChange(question, 'SIMULATION', event.data.payload);\n        }\n      },\n      [canForceAppend, simState, onMediaStateChange, question],\n    );\n\n    const updateResponse = useCallback(\n      (newResponse: ILearnosityQuestionResponse) => {\n        window.requestAnimationFrame(() => {\n          const questionElement = document.createElement('div');\n\n          questionElement.classList.add('learnosity-response');\n          questionElement.classList.add(`question-${question.response_id}`);\n          // Drawing questions looks for already appended path elements with id, if present it will not append the path, to overcome this issue we are adding temp to the id\n          containerElementRef.current?.children[0]?.querySelectorAll('svg path').forEach(path => {\n            path.id = `${path.id} + temp`;\n          });\n\n          containerElementRef.current?.append(questionElement);\n          forceAppend({\n            question,\n            response: newResponse,\n            callback: error => {\n              if (error) return;\n\n              containerElementRef.current?.children[0]?.remove();\n\n              if (\n                latestQuestionResponseRef.current &&\n                latestQuestionResponseRef.current !== newResponse\n              )\n                updateResponse(latestQuestionResponseRef.current);\n              else latestQuestionResponseRef.current = undefined;\n            },\n          });\n        });\n      },\n      [forceAppend, question],\n    );\n\n    const appendQuestionCalledRef = useRef(false);\n\n    useEffect(() => {\n      let requestId: number;\n\n      if (canRender) {\n        if (!appendQuestionCalledRef.current) {\n          requestId = window.requestAnimationFrame(() => {\n            const appenndableResponse = latestQuestionResponseRef.current ?? response;\n\n            appendQuestionCalledRef.current = true;\n            learnosity.appendQuestion({\n              questions: [question],\n              ...(appenndableResponse\n                ? {\n                    responses: {\n                      [question.response_id]: {\n                        // Learnosity is mutating the response object, so we need to clone it\n                        ...appenndableResponse,\n                      },\n                    },\n                  }\n                : {}),\n            });\n          });\n        }\n      }\n\n      return () => {\n        if (requestId) window.cancelAnimationFrame(requestId);\n      };\n    }, [canRender, learnosity, question, response]);\n\n    useEffect(() => {\n      if (appended) {\n        latestQuestionResponseRef.current = undefined;\n\n        if (containerElementRef.current?.querySelector('iframe')) {\n          window.addEventListener('message', handleSimIframeMessage);\n        }\n      }\n\n      return () => {\n        window.removeEventListener('message', handleSimIframeMessage);\n      };\n    }, [appended, handleSimIframeMessage]);\n\n    useEffect(() => {\n      if (simState && appended) {\n        const simIframe = containerElementRef.current?.querySelector('iframe');\n\n        if (simIframe) {\n          simIframe.contentWindow?.postMessage(\n            {\n              type: 'SIM_STATE_UPDATE',\n              payload: simState,\n            },\n            '*',\n          );\n        }\n      }\n    }, [appended, canForceAppend, simState]);\n\n    useEffect(() => {\n      if (appended && response && canForceAppend) {\n        if (response !== latestQuestionResponseRef.current) {\n          if (!latestQuestionResponseRef.current) {\n            latestQuestionResponseRef.current = response;\n            updateResponse(response);\n          } else {\n            latestQuestionResponseRef.current = response;\n          }\n        }\n      }\n    }, [appended, canForceAppend, response, updateResponse]);\n\n    return (\n      <Styled.LearnosityQuestionContainer\n        ref={containerElementRef}\n        $isConceptIntro={isConceptIntro}\n        $isTeacher={canForceAppend}\n      >\n        <div className={`learnosity-response question-${question.response_id}`} />\n      </Styled.LearnosityQuestionContainer>\n    );\n  },\n);\n\nexport default LearnosityQuestion;\n"],"names":["LearnosityQuestion","memo","signedRequest","appended","canRender","canForceAppend","question","response","learnosity","isConceptIntro","simState","onMediaStateChange","containerElementRef","useRef","latestQuestionResponseRef","forceAppend","useLearnosityAppend","handleSimIframeMessage","useCallback","event","source","data","type","updateResponse","newResponse","questionElement","_b","_a","path","_c","error","appendQuestionCalledRef","useEffect","requestId","appenndableResponse","simIframe","jsx","Styled.LearnosityQuestionContainer"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import i from "styled-components";
+const e = i.div(
+  ({ theme: o, $backgroundColor: t, $width: r }) => `
+    position: absolute;
+    --div-width: ${r}px;
+    width: var(--div-width);
+    height: var(--div-width);
+    bottom: calc(712px * 0.225);
+    left: 50%;
+    transform: translate(-50%, 50%);
+    border-radius: 50%;
+    background-color: ${o.colors[t]};
+  `
+), l = i.div(
+  ({ theme: o, $backgroundColor: t }) => `
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: ${o.colors[t]};
+    border-radius: 12px;
+    overflow: hidden;
+  `
+), s = i.div`
+  position: absolute;
+  width: 100%;
+  left: 0;
+  bottom: 180px;
+`;
+export {
+  e as AbsoluteCircle,
+  l as AbsoluteFill,
+  s as ChildrenWrapper
+};
+//# sourceMappingURL=question-backdrop-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"question-backdrop-styled.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop-styled.ts"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\ninterface IAbsoluteCircleProps {\n  $backgroundColor: string;\n  $width: number;\n}\n\nconst AbsoluteCircle = styled.div<IAbsoluteCircleProps>(\n  ({ theme, $backgroundColor, $width }) => `\n    position: absolute;\n    --div-width: ${$width}px;\n    width: var(--div-width);\n    height: var(--div-width);\n    bottom: calc(712px * 0.225);\n    left: 50%;\n    transform: translate(-50%, 50%);\n    border-radius: 50%;\n    background-color: ${theme.colors[$backgroundColor as TColorNames]};\n  `,\n);\n\ninterface IAbsoluteFillProps {\n  $backgroundColor: string;\n}\n\nconst AbsoluteFill = styled.div<IAbsoluteFillProps>(\n  ({ theme, $backgroundColor }) => `\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: ${theme.colors[$backgroundColor as TColorNames]};\n    border-radius: 12px;\n    overflow: hidden;\n  `,\n);\n\nconst ChildrenWrapper = styled.div`\n  position: absolute;\n  width: 100%;\n  left: 0;\n  bottom: 180px;\n`;\n\nexport { AbsoluteCircle, AbsoluteFill, ChildrenWrapper };\n"],"names":["AbsoluteCircle","styled","theme","$backgroundColor","$width","AbsoluteFill","ChildrenWrapper"],"mappings":";AASA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAAC,GAAO,kBAAAC,GAAkB,QAAAC,EAAa,MAAA;AAAA;AAAA,mBAExBA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAODF,EAAM,OAAOC,CAA+B,CAAC;AAAA;AAErE,GAMME,IAAeJ,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAC,GAAO,kBAAAC,EAAA,MAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMXD,EAAM,OAAOC,CAA+B,CAAC;AAAA;AAAA;AAAA;AAIrE,GAEMG,IAAkBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop.js

@@ -0,0 +1,26 @@
+import { jsx as o, Fragment as s, jsxs as i } from "react/jsx-runtime";
+import { memo as a } from "react";
+import { AbsoluteFill as d, AbsoluteCircle as t, ChildrenWrapper as l } from "./question-backdrop-styled.js";
+const u = a(
+  ({ paperColor: r, children: e }) => /* @__PURE__ */ o(s, { children: /* @__PURE__ */ i(d, { $backgroundColor: `${r.toUpperCase()}_3`, children: [
+    /* @__PURE__ */ o(
+      t,
+      {
+        $backgroundColor: `${r.toUpperCase()}_2`,
+        $width: 792 * 1.2
+      }
+    ),
+    /* @__PURE__ */ o(
+      t,
+      {
+        $backgroundColor: `${r.toUpperCase()}_1`,
+        $width: 792 * 0.9
+      }
+    ),
+    e && /* @__PURE__ */ o(l, { children: e })
+  ] }) })
+);
+export {
+  u as default
+};
+//# sourceMappingURL=question-backdrop.js.map

package/dist/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-backdrop.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop.tsx"],"sourcesContent":["import type { TWorksheetQuestionPaperColor } from '../worksheet-question-types';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { memo } from 'react';\n\nimport * as Styled from './question-backdrop-styled';\n\ninterface IQuestionBackdropProps {\n  paperColor: TWorksheetQuestionPaperColor;\n}\n\nconst QuestionBackdrop: FC<PropsWithChildren<IQuestionBackdropProps>> = memo(\n  ({ paperColor, children }) => {\n    return (\n      <>\n        <Styled.AbsoluteFill $backgroundColor={`${paperColor.toUpperCase()}_3`}>\n          <Styled.AbsoluteCircle\n            $backgroundColor={`${paperColor.toUpperCase()}_2`}\n            $width={792 * 1.2}\n          />\n          <Styled.AbsoluteCircle\n            $backgroundColor={`${paperColor.toUpperCase()}_1`}\n            $width={792 * 0.9}\n          />\n          {children && <Styled.ChildrenWrapper>{children}</Styled.ChildrenWrapper>}\n        </Styled.AbsoluteFill>\n      </>\n    );\n  },\n);\n\nexport default QuestionBackdrop;\n"],"names":["QuestionBackdrop","memo","paperColor","children","jsx","Fragment","jsxs","Styled.AbsoluteFill","Styled.AbsoluteCircle","Styled.ChildrenWrapper"],"mappings":";;;AAWA,MAAMA,IAAkEC;AAAA,EACtE,CAAC,EAAE,YAAAC,GAAY,UAAAC,QAEX,gBAAAC,EAAAC,GAAA,EACE,UAAC,gBAAAC,EAAAC,GAAA,EAAoB,kBAAkB,GAAGL,EAAW,YAAa,CAAA,MAChE,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,kBAAkB,GAAGN,EAAW,YAAA,CAAa;AAAA,QAC7C,QAAQ,MAAM;AAAA,MAAA;AAAA,IAChB;AAAA,IACA,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,kBAAkB,GAAGN,EAAW,YAAA,CAAa;AAAA,QAC7C,QAAQ,MAAM;AAAA,MAAA;AAAA,IAChB;AAAA,IACCC,KAAY,gBAAAC,EAACK,GAAA,EAAwB,UAAAN,EAAS,CAAA;AAAA,EAAA,EACjD,CAAA,EACF,CAAA;AAGN;"}