@cuemath/leap 3.5.73 → 3.5.74

package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"past-milestone-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-container.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport NextIcon from '../../../../../assets/line-icons/icons/next';\nimport Button from '../../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport RadioCards from '../../../../ui/radio-cards/radio-cards';\nimport Text from '../../../../ui/text/text';\nimport { useGetMileStoneConfig } from '../../../create/api/milestone-config';\nimport { useMilestonePost } from '../../../create/api/milestone-submit';\nimport { TEST_TYPE_OPTIONS } from '../../../create/comps/test-type-step/test-type-step-constants';\nimport type {\n  IMileStoneFormFields,\n  TMilestonePayload,\n} from '../../../create/milestone-create-types';\nimport type { TTestType } from '../../../types';\nimport PastMilestoneForm from './past-milestone-form';\nimport { FooterWrapper } from './past-milestone-styled';\nimport type { IPastMilestoneProps } from './past-milestone-types';\nimport Question from './question';\n\nconst PastMilestoneContainer: FC<IPastMilestoneProps> = ({\n  studentId,\n  studentName,\n  onSubmit,\n  onError,\n  grade: prevGrade,\n  courseStream,\n}) => {\n  const [testType, setTestType] = useState<TTestType>();\n  const [canSubmit, setCanSubmit] = useState(false);\n  const [formData, setFormData] = useState<IMileStoneFormFields>({ grade: prevGrade });\n  const [dateErrorMessage, setDateErrorMessage] = useState('');\n  const { get: getConfig, data: configData } = useGetMileStoneConfig();\n  const { onEvent: trackEvent } = useUIContext();\n  const itemIdRef = useRef(uuidv4());\n\n  const testTypeOptions = useMemo(\n    () =>\n      TEST_TYPE_OPTIONS.filter(({ id }) =>\n        courseStream === 'MATH' ? id !== 'no-test' : id === 'non-standardized',\n      ),\n    [courseStream],\n  );\n\n  const currentDate = useMemo(() => {\n    const today = new Date();\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  // Get date that was 5 years ago\n  const fiveYearsAgoDate = useMemo(() => {\n    const today = new Date();\n\n    today.setFullYear(today.getFullYear() - 5);\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  const handleFormDataChange = useCallback(\n    (changedData: IMileStoneFormFields) => {\n      const { milestoneEndDate } = changedData || {};\n\n      if (\n        dateErrorMessage &&\n        milestoneEndDate &&\n        currentDate &&\n        fiveYearsAgoDate &&\n        milestoneEndDate <= currentDate &&\n        milestoneEndDate > fiveYearsAgoDate\n      ) {\n        setDateErrorMessage('');\n      }\n\n      setFormData(prevFormData => ({ ...prevFormData, ...changedData }));\n    },\n    [currentDate, dateErrorMessage, fiveYearsAgoDate],\n  );\n  const handleOnSubmit = (errorMessage: string | null, data?: Record<string, unknown>) => {\n    if (errorMessage) {\n      onError(errorMessage);\n    } else {\n      const { id: milestoneId = '' } = data || {};\n\n      trackEvent('TEST_DETAILS_SUBMITTED', {\n        milestone_id: milestoneId,\n        temporary_milestone_id: itemIdRef.current,\n      });\n      onSubmit(milestoneId as string);\n    }\n  };\n\n  useEffect(() => {\n    trackEvent('TEST_DETAILS_PAGE_LOADED', {\n      temporary_milestone_id: itemIdRef.current,\n    });\n  }, [trackEvent]);\n\n  useEffect(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n  const { post: postMilestone, isProcessing } = useMilestonePost({\n    onComplete: handleOnSubmit,\n  });\n  const handleTestTypeChange = (inputTestType: TTestType) => {\n    setTestType(inputTestType);\n    setFormData({ grade: prevGrade });\n  };\n\n  const createMilestone = () => {\n    const { grade, testName, board, milestoneEndDate, academicEventId } = formData;\n\n    if (\n      milestoneEndDate &&\n      currentDate &&\n      fiveYearsAgoDate &&\n      (milestoneEndDate > currentDate || milestoneEndDate < fiveYearsAgoDate)\n    ) {\n      if (milestoneEndDate > currentDate) {\n        setDateErrorMessage('Please enter a past date');\n      } else {\n        setDateErrorMessage('Please select a date within the past 5 years');\n      }\n\n      return;\n    }\n\n    const payload: TMilestonePayload = {\n      grade,\n      test_name: testName,\n      board,\n      course_stream: courseStream,\n      milestone_date_ts: milestoneEndDate ? new Date(milestoneEndDate).getTime() / 1000 : null,\n      academic_event_id: academicEventId,\n      publish: true,\n    };\n\n    postMilestone(payload, {\n      studentId,\n    });\n  };\n\n  if (!studentId) {\n    return <div>Error</div>;\n  }\n\n  return (\n    <>\n      <FlexView $height={'max-content'} $alignItems=\"center\">\n        <Text\n          $renderAs=\"h4\"\n          $align=\"center\"\n          $alignSelf=\"center\"\n          $widthX={28.75}\n          $marginBottomX={0.75}\n        >\n          Please enter the test details\n        </Text>\n        <Question\n          index={0}\n          description=\"What was the type of test?\"\n          inputComponent={\n            <RadioCards\n              options={testTypeOptions}\n              value={testType}\n              widthX={18.75}\n              onChange={handleTestTypeChange}\n              analyticsLabel=\"test_type\"\n            />\n          }\n        />\n        {configData && testType && (\n          <PastMilestoneForm\n            config={configData}\n            testType={testType}\n            studentName={studentName}\n            formData={formData}\n            onFormDataChange={handleFormDataChange}\n            onFormValidityChange={setCanSubmit}\n            errorMessage={dateErrorMessage}\n          />\n        )}\n      </FlexView>\n      {testType && (\n        <FooterWrapper>\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\">\n            <Button\n              label=\"Add outcome\"\n              renderAs=\"primary\"\n              widthX={16}\n              Icon={NextIcon}\n              onClick={createMilestone}\n              disabled={!canSubmit}\n              busy={isProcessing}\n              iconPosition=\"right\"\n              analyticsProps={{\n                temporary_milestone_id: itemIdRef.current,\n              }}\n            />\n          </FlexView>\n        </FooterWrapper>\n      )}\n    </>\n  );\n};\n\nexport default PastMilestoneContainer;\n"],"names":["PastMilestoneContainer","studentId","studentName","onSubmit","onError","prevGrade","courseStream","testType","setTestType","useState","canSubmit","setCanSubmit","formData","setFormData","dateErrorMessage","setDateErrorMessage","getConfig","configData","useGetMileStoneConfig","trackEvent","useUIContext","itemIdRef","useRef","uuidv4","testTypeOptions","useMemo","TEST_TYPE_OPTIONS","id","currentDate","fiveYearsAgoDate","today","handleFormDataChange","useCallback","changedData","milestoneEndDate","prevFormData","handleOnSubmit","errorMessage","data","milestoneId","useEffect","postMilestone","isProcessing","useMilestonePost","handleTestTypeChange","inputTestType","createMilestone","grade","testName","board","academicEventId","payload","jsxs","Fragment","FlexView","jsx","Text","Question","RadioCards","PastMilestoneForm","FooterWrapper","Button","NextIcon"],"mappings":"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"}
+{"version":3,"file":"past-milestone-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-container.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport NextIcon from '../../../../../assets/line-icons/icons/next';\nimport Button from '../../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport RadioCards from '../../../../ui/radio-cards/radio-cards';\nimport Text from '../../../../ui/text/text';\nimport { useGetMileStoneConfig } from '../../../create/api/milestone-config';\nimport { useMilestonePost } from '../../../create/api/milestone-submit';\nimport { TEST_TYPE_OPTIONS } from '../../../create/comps/test-type-step/test-type-step-constants';\nimport type {\n  IMileStoneFormFields,\n  TMilestonePayload,\n} from '../../../create/milestone-create-types';\nimport type { TTestType } from '../../../types';\nimport PastMilestoneForm from './past-milestone-form';\nimport { FooterWrapper } from './past-milestone-styled';\nimport type { IPastMilestoneProps } from './past-milestone-types';\nimport Question from './question';\n\nconst PastMilestoneContainer: FC<IPastMilestoneProps> = ({\n  studentId,\n  studentName,\n  onSubmit,\n  onError,\n  grade: prevGrade,\n  courseStream,\n}) => {\n  const [testType, setTestType] = useState<TTestType>();\n  const [canSubmit, setCanSubmit] = useState(false);\n  const [formData, setFormData] = useState<IMileStoneFormFields>({ grade: prevGrade });\n  const [dateErrorMessage, setDateErrorMessage] = useState('');\n  const { get: getConfig, data: configData } = useGetMileStoneConfig();\n  const { onEvent: trackEvent } = useUIContext();\n  const itemIdRef = useRef(uuidv4());\n\n  const testTypeOptions = useMemo(\n    () =>\n      TEST_TYPE_OPTIONS.filter(({ id }) =>\n        courseStream === 'MATH' ? id !== 'no-test' : id === 'non-standardized',\n      ),\n    [courseStream],\n  );\n\n  const currentDate = useMemo(() => {\n    const today = new Date();\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  // Get date that was 5 years ago\n  const fiveYearsAgoDate = useMemo(() => {\n    const today = new Date();\n\n    today.setFullYear(today.getFullYear() - 5);\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  const handleFormDataChange = useCallback(\n    (changedData: IMileStoneFormFields) => {\n      const { milestoneEndDate } = changedData || {};\n\n      if (\n        dateErrorMessage &&\n        milestoneEndDate &&\n        currentDate &&\n        fiveYearsAgoDate &&\n        milestoneEndDate <= currentDate &&\n        milestoneEndDate > fiveYearsAgoDate\n      ) {\n        setDateErrorMessage('');\n      }\n\n      setFormData(prevFormData => ({ ...prevFormData, ...changedData }));\n    },\n    [currentDate, dateErrorMessage, fiveYearsAgoDate],\n  );\n  const handleOnSubmit = (errorMessage: string | null, data?: Record<string, unknown>) => {\n    if (errorMessage) {\n      onError(errorMessage);\n    } else {\n      const { id: milestoneId = '' } = data || {};\n\n      trackEvent('TEST_DETAILS_SUBMITTED', {\n        milestone_id: milestoneId,\n        temporary_milestone_id: itemIdRef.current,\n      });\n      onSubmit(milestoneId as string);\n    }\n  };\n\n  useEffect(() => {\n    trackEvent('TEST_DETAILS_PAGE_LOADED', {\n      temporary_milestone_id: itemIdRef.current,\n    });\n  }, [trackEvent]);\n\n  useEffect(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n  const { post: postMilestone, isProcessing } = useMilestonePost({\n    onComplete: handleOnSubmit,\n  });\n  const handleTestTypeChange = (inputTestType: TTestType) => {\n    setTestType(inputTestType);\n    setFormData({ grade: prevGrade });\n  };\n\n  const createMilestone = () => {\n    const { grade, testName, board, milestoneEndDate, academicEventId } = formData;\n\n    if (\n      milestoneEndDate &&\n      currentDate &&\n      fiveYearsAgoDate &&\n      (milestoneEndDate > currentDate || milestoneEndDate < fiveYearsAgoDate)\n    ) {\n      if (milestoneEndDate > currentDate) {\n        setDateErrorMessage('Please enter a past date');\n      } else {\n        setDateErrorMessage('Please select a date within the past 5 years');\n      }\n\n      return;\n    }\n\n    const payload: TMilestonePayload = {\n      grade,\n      test_name: testName,\n      board,\n      course_stream: courseStream,\n      milestone_date_ts: milestoneEndDate ? new Date(milestoneEndDate).getTime() / 1000 : null,\n      academic_event_id: academicEventId,\n      publish: true,\n    };\n\n    postMilestone(payload, {\n      studentId,\n    });\n  };\n\n  if (!studentId) {\n    return <div>Error</div>;\n  }\n\n  return (\n    <>\n      <FlexView $height={'max-content'} $alignItems=\"center\">\n        <Text\n          $renderAs=\"ah4-bold\"\n          $align=\"center\"\n          $alignSelf=\"center\"\n          $widthX={28.75}\n          $marginBottomX={0.75}\n        >\n          Please enter the test details\n        </Text>\n        <Question\n          index={0}\n          description=\"What was the type of test?\"\n          inputComponent={\n            <RadioCards\n              options={testTypeOptions}\n              value={testType}\n              widthX={18.75}\n              onChange={handleTestTypeChange}\n              analyticsLabel=\"test_type\"\n            />\n          }\n        />\n        {configData && testType && (\n          <PastMilestoneForm\n            config={configData}\n            testType={testType}\n            studentName={studentName}\n            formData={formData}\n            onFormDataChange={handleFormDataChange}\n            onFormValidityChange={setCanSubmit}\n            errorMessage={dateErrorMessage}\n          />\n        )}\n      </FlexView>\n      {testType && (\n        <FooterWrapper>\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\">\n            <Button\n              label=\"Add outcome\"\n              renderAs=\"primary\"\n              widthX={16}\n              Icon={NextIcon}\n              onClick={createMilestone}\n              disabled={!canSubmit}\n              busy={isProcessing}\n              iconPosition=\"right\"\n              analyticsProps={{\n                temporary_milestone_id: itemIdRef.current,\n              }}\n            />\n          </FlexView>\n        </FooterWrapper>\n      )}\n    </>\n  );\n};\n\nexport default PastMilestoneContainer;\n"],"names":["PastMilestoneContainer","studentId","studentName","onSubmit","onError","prevGrade","courseStream","testType","setTestType","useState","canSubmit","setCanSubmit","formData","setFormData","dateErrorMessage","setDateErrorMessage","getConfig","configData","useGetMileStoneConfig","trackEvent","useUIContext","itemIdRef","useRef","uuidv4","testTypeOptions","useMemo","TEST_TYPE_OPTIONS","id","currentDate","fiveYearsAgoDate","today","handleFormDataChange","useCallback","changedData","milestoneEndDate","prevFormData","handleOnSubmit","errorMessage","data","milestoneId","useEffect","postMilestone","isProcessing","useMilestonePost","handleTestTypeChange","inputTestType","createMilestone","grade","testName","board","academicEventId","payload","jsxs","Fragment","FlexView","jsx","Text","Question","RadioCards","PastMilestoneForm","FooterWrapper","Button","NextIcon"],"mappings":"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"}

package/dist/features/milestone/outcome/comps/past-milestone/question.js

@@ -1,11 +1,11 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import m from "../../../../ui/layout/flex-view.js";
 import n from "../../../../ui/text/text.js";
-const d = ({ index: r, description: e, inputComponent: t }) => /* @__PURE__ */ o(m, { $flexGapX: 1, $widthX: 40.5, $flexWrap: !0, $marginBottomX: 1, children: [
-  /* @__PURE__ */ i(n, { $renderAs: "body1", children: `${r + 1}. ${e}` }),
+const f = ({ index: r, description: e, inputComponent: t }) => /* @__PURE__ */ o(m, { $flexGapX: 1, $widthX: 40.5, $flexWrap: !0, $marginBottomX: 1, children: [
+  /* @__PURE__ */ i(n, { $renderAs: "ub1", children: `${r + 1}. ${e}` }),
   t
 ] });
 export {
-  d as default
+  f as default
 };
 //# sourceMappingURL=question.js.map

package/dist/features/milestone/outcome/comps/past-milestone/question.js.map

@@ -1 +1 @@
-{"version":3,"file":"question.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/question.tsx"],"sourcesContent":["import type { ReactElement, FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { QuestionProps } from './past-milestone-types';\n\nconst Question: FC<QuestionProps> = ({ index, description, inputComponent }): ReactElement => {\n  return (\n    <FlexView $flexGapX={1} $widthX={40.5} $flexWrap $marginBottomX={1}>\n      <Text $renderAs=\"body1\">{`${index + 1}. ${description}`}</Text>\n      {inputComponent}\n    </FlexView>\n  );\n};\n\nexport default Question;\n"],"names":["Question","index","description","inputComponent","jsxs","FlexView","jsx","Text"],"mappings":";;;AAMA,MAAMA,IAA8B,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,QAEvD,gBAAAC,EAACC,KAAS,WAAW,GAAG,SAAS,MAAM,WAAS,IAAC,gBAAgB,GAC/D,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,SAAS,UAAA,GAAGN,IAAQ,CAAC,KAAKC,CAAW,GAAG,CAAA;AAAA,EACvDC;AACH,EAAA,CAAA;"}
+{"version":3,"file":"question.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/question.tsx"],"sourcesContent":["import type { ReactElement, FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { QuestionProps } from './past-milestone-types';\n\nconst Question: FC<QuestionProps> = ({ index, description, inputComponent }): ReactElement => {\n  return (\n    <FlexView $flexGapX={1} $widthX={40.5} $flexWrap $marginBottomX={1}>\n      <Text $renderAs=\"ub1\">{`${index + 1}. ${description}`}</Text>\n      {inputComponent}\n    </FlexView>\n  );\n};\n\nexport default Question;\n"],"names":["Question","index","description","inputComponent","jsxs","FlexView","jsx","Text"],"mappings":";;;AAMA,MAAMA,IAA8B,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,QAEvD,gBAAAC,EAACC,KAAS,WAAW,GAAG,SAAS,MAAM,WAAS,IAAC,gBAAgB,GAC/D,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAA,GAAGN,IAAQ,CAAC,KAAKC,CAAW,GAAG,CAAA;AAAA,EACrDC;AACH,EAAA,CAAA;"}

package/dist/features/milestone/outcome/milestone-outcome-container.js

@@ -1,6 +1,6 @@
 import { jsxs as s, Fragment as $, jsx as o } from "react/jsx-runtime";
 import { h as V } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { useState as c, useMemo as d } from "react";
+import { useState as c, useMemo as C } from "react";
 import { useTheme as w } from "styled-components";
 import K from "../../../assets/line-icons/icons/cross.js";
 import P from "../../ui/buttons/clickable/clickable.js";
@@ -11,10 +11,10 @@ import { HeaderWrapper as F, StepperWrapper as G } from "../create/milestone-cre
 import W from "./comps/achievement/achievement-container.js";
 import X from "./comps/outcome-collection/milestone-outcome-collection-container.js";
 import z from "./comps/past-milestone/past-milestone-container.js";
-import { STAGE_ORDER as q, STAGES as t, ACHIEVEMENT_ACTIONS as C } from "./milestone-outcome-constants.js";
+import { STAGE_ORDER as q, STAGES as t, ACHIEVEMENT_ACTIONS as S } from "./milestone-outcome-constants.js";
 import { calculateStepsInfo as B } from "./outcome-helpers.js";
 const J = ({
-  milestoneId: S,
+  milestoneId: d,
   studentName: E,
   studentId: T,
   onComplete: l,
@@ -27,7 +27,7 @@ const J = ({
 }) => {
   const {
     layout: { gutter: a }
-  } = w(), [n, p] = c(r), [N, _] = c(S || ""), [u, x] = c(), v = (e) => {
+  } = w(), [n, p] = c(r), [N, _] = c(d || ""), [u, x] = c(), v = (e) => {
     const { user_milestone_achievement: i } = e || {};
     x(e), i && i.id ? p(t.ACHIEVEMENT_UNLOCKED) : l(t.MILESTONE_OUTCOME, e);
   }, O = (e, i) => {
@@ -38,12 +38,12 @@ const J = ({
     i && (h.selectedAssetId = i), l(t.ACHIEVEMENT_UNLOCKED, h);
   }, { user_milestone_achievement: L } = u || {}, { id: H = "" } = L || {}, D = (e) => {
     _(e), p(t.MILESTONE_OUTCOME);
-  }, U = d(() => q.findIndex((e) => e.value === n) + 1, [n]), b = d(() => B(r), [r]), g = n !== t.ACHIEVEMENT_UNLOCKED && r === t.PAST_MILESTONE;
+  }, U = C(() => q.findIndex((e) => e.value === n) + 1, [n]), b = C(() => B(r), [r]), g = n !== t.ACHIEVEMENT_UNLOCKED && r === t.PAST_MILESTONE;
   return /* @__PURE__ */ s($, { children: [
     /* @__PURE__ */ s(F, { $flexDirection: "row", children: [
       /* @__PURE__ */ o(P, { label: "Exit", onClick: f, children: /* @__PURE__ */ s(R, { $gutterX: 0.625, $gapX: 0.625, $flexDirection: "row", $alignItems: "center", children: [
         /* @__PURE__ */ o(K, { width: a * 1.5, height: a * 1.5 }),
-        /* @__PURE__ */ o(k, { $renderAs: "body2", children: "Exit outcome logger" })
+        /* @__PURE__ */ o(k, { $renderAs: "ub2", children: "Exit outcome logger" })
       ] }) }),
       g && /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(j, { stepsInfo: b, currentStep: U }) })
     ] }),
@@ -71,8 +71,8 @@ const J = ({
       W,
       {
         milestoneAchievementId: H,
-        onShare: (e) => O(C.SHARE, e),
-        onNotToShare: () => O(C.NOT_SHARE_CHOSEN),
+        onShare: (e) => O(S.SHARE, e),
+        onNotToShare: () => O(S.NOT_SHARE_CHOSEN),
         onError: m,
         achievementConfig: I
       }

package/dist/features/milestone/outcome/milestone-outcome-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-outcome-container.js","sources":["../../../../src/features/milestone/outcome/milestone-outcome-container.tsx"],"sourcesContent":["import { titleCase } from 'humanize-plus';\nimport { useMemo, useState, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport Stepper from '../../ui/stepper/stepper';\nimport Text from '../../ui/text/text';\nimport { HeaderWrapper, StepperWrapper } from '../create/milestone-create-styled';\nimport AchievementContainer from './comps/achievement/achievement-container';\nimport MilestoneOutcomeCollectionContainer from './comps/outcome-collection/milestone-outcome-collection-container';\nimport PastMilestoneContainer from './comps/past-milestone/past-milestone-container';\nimport { ACHIEVEMENT_ACTIONS, STAGE_ORDER, STAGES } from './milestone-outcome-constants';\nimport type {\n  IMilestoneOutcomeContainer,\n  IMilestoneOutcomeResponse,\n  IOutcomeStageData,\n  OutcomeStage,\n} from './milestone-outcome-types';\nimport { calculateStepsInfo } from './outcome-helpers';\n\nconst MilestoneOutcomeContainer: FC<IMilestoneOutcomeContainer> = ({\n  milestoneId: requestedMilestoneId,\n  studentName,\n  studentId,\n  onComplete,\n  onError,\n  onExit: handleExit,\n  entryStage = STAGES.MILESTONE_OUTCOME as OutcomeStage,\n  achievementConfig,\n  grade,\n  courseStream,\n}) => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  const [stage, setStage] = useState<OutcomeStage>(entryStage);\n  const [milestoneId, setMilestoneId] = useState<string>(requestedMilestoneId || '');\n  const [milestoneOutcomeData, setMilestoneOutcomeData] = useState<\n    IMilestoneOutcomeResponse | undefined\n  >();\n  const handleOutcomeCollectionSubmit = (milestoneData: IMilestoneOutcomeResponse | undefined) => {\n    const { user_milestone_achievement: milestoneAchievement } = milestoneData || {};\n\n    setMilestoneOutcomeData(milestoneData);\n\n    if (milestoneAchievement && milestoneAchievement.id) {\n      setStage(STAGES.ACHIEVEMENT_UNLOCKED as OutcomeStage);\n    } else {\n      onComplete(STAGES.MILESTONE_OUTCOME, milestoneData);\n    }\n  };\n  const handleAchievementAction = (action: string, selectedAssetId?: string) => {\n    const outcomeData = {\n      achievementAction: action,\n      ...milestoneOutcomeData,\n    } as IOutcomeStageData;\n\n    if (selectedAssetId) {\n      outcomeData.selectedAssetId = selectedAssetId;\n    }\n    onComplete(STAGES.ACHIEVEMENT_UNLOCKED, outcomeData);\n  };\n\n  const { user_milestone_achievement: milestoneAchievement } = milestoneOutcomeData || {};\n  const { id: achievementId = '' } = milestoneAchievement || {};\n  const handlePastMilestoneSubmit = (pastMilestoneId: string) => {\n    setMilestoneId(pastMilestoneId);\n    setStage(STAGES.MILESTONE_OUTCOME as OutcomeStage);\n  };\n\n  const currentStep = useMemo(() => {\n    return STAGE_ORDER.findIndex(s => s.value === stage) + 1;\n  }, [stage]);\n\n  const stepsInfo = useMemo(() => calculateStepsInfo(entryStage), [entryStage]);\n  const showStepper = stage !== STAGES.ACHIEVEMENT_UNLOCKED && entryStage === STAGES.PAST_MILESTONE;\n\n  return (\n    <>\n      <HeaderWrapper $flexDirection=\"row\">\n        <Clickable label=\"Exit\" onClick={handleExit}>\n          <FlexView $gutterX={0.625} $gapX={0.625} $flexDirection=\"row\" $alignItems=\"center\">\n            <CrossIcon width={gutter * 1.5} height={gutter * 1.5} />\n            <Text $renderAs=\"body2\">Exit outcome logger</Text>\n          </FlexView>\n        </Clickable>\n        {showStepper && (\n          <StepperWrapper>\n            <Stepper stepsInfo={stepsInfo} currentStep={currentStep} />\n          </StepperWrapper>\n        )}\n      </HeaderWrapper>\n      {stage === STAGES.PAST_MILESTONE && (\n        <PastMilestoneContainer\n          studentId={studentId || ''}\n          studentName={titleCase(studentName)}\n          onSubmit={handlePastMilestoneSubmit}\n          onError={onError}\n          grade={grade}\n          courseStream={courseStream}\n        />\n      )}\n      {stage === STAGES.MILESTONE_OUTCOME && (\n        <MilestoneOutcomeCollectionContainer\n          studentName={studentName}\n          milestoneId={milestoneId}\n          onSubmit={handleOutcomeCollectionSubmit}\n          onError={onError}\n        />\n      )}\n      {stage === STAGES.ACHIEVEMENT_UNLOCKED && (\n        <AchievementContainer\n          milestoneAchievementId={achievementId}\n          onShare={selectedAssetId =>\n            handleAchievementAction(ACHIEVEMENT_ACTIONS.SHARE, selectedAssetId)\n          }\n          onNotToShare={() => handleAchievementAction(ACHIEVEMENT_ACTIONS.NOT_SHARE_CHOSEN)}\n          onError={onError}\n          achievementConfig={achievementConfig}\n        />\n      )}\n    </>\n  );\n};\n\nexport default MilestoneOutcomeContainer;\n"],"names":["MilestoneOutcomeContainer","requestedMilestoneId","studentName","studentId","onComplete","onError","handleExit","entryStage","STAGES","achievementConfig","grade","courseStream","gutter","useTheme","stage","setStage","useState","milestoneId","setMilestoneId","milestoneOutcomeData","setMilestoneOutcomeData","handleOutcomeCollectionSubmit","milestoneData","milestoneAchievement","handleAchievementAction","action","selectedAssetId","outcomeData","achievementId","handlePastMilestoneSubmit","pastMilestoneId","currentStep","useMemo","STAGE_ORDER","s","stepsInfo","calculateStepsInfo","showStepper","jsxs","Fragment","HeaderWrapper","jsx","Clickable","FlexView","CrossIcon","Text","StepperWrapper","Stepper","PastMilestoneContainer","titleCase","MilestoneOutcomeCollectionContainer","AchievementContainer","ACHIEVEMENT_ACTIONS","MilestoneOutcomeContainer$1"],"mappings":"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"}
+{"version":3,"file":"milestone-outcome-container.js","sources":["../../../../src/features/milestone/outcome/milestone-outcome-container.tsx"],"sourcesContent":["import { titleCase } from 'humanize-plus';\nimport { useMemo, useState, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport Stepper from '../../ui/stepper/stepper';\nimport Text from '../../ui/text/text';\nimport { HeaderWrapper, StepperWrapper } from '../create/milestone-create-styled';\nimport AchievementContainer from './comps/achievement/achievement-container';\nimport MilestoneOutcomeCollectionContainer from './comps/outcome-collection/milestone-outcome-collection-container';\nimport PastMilestoneContainer from './comps/past-milestone/past-milestone-container';\nimport { ACHIEVEMENT_ACTIONS, STAGE_ORDER, STAGES } from './milestone-outcome-constants';\nimport type {\n  IMilestoneOutcomeContainer,\n  IMilestoneOutcomeResponse,\n  IOutcomeStageData,\n  OutcomeStage,\n} from './milestone-outcome-types';\nimport { calculateStepsInfo } from './outcome-helpers';\n\nconst MilestoneOutcomeContainer: FC<IMilestoneOutcomeContainer> = ({\n  milestoneId: requestedMilestoneId,\n  studentName,\n  studentId,\n  onComplete,\n  onError,\n  onExit: handleExit,\n  entryStage = STAGES.MILESTONE_OUTCOME as OutcomeStage,\n  achievementConfig,\n  grade,\n  courseStream,\n}) => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  const [stage, setStage] = useState<OutcomeStage>(entryStage);\n  const [milestoneId, setMilestoneId] = useState<string>(requestedMilestoneId || '');\n  const [milestoneOutcomeData, setMilestoneOutcomeData] = useState<\n    IMilestoneOutcomeResponse | undefined\n  >();\n  const handleOutcomeCollectionSubmit = (milestoneData: IMilestoneOutcomeResponse | undefined) => {\n    const { user_milestone_achievement: milestoneAchievement } = milestoneData || {};\n\n    setMilestoneOutcomeData(milestoneData);\n\n    if (milestoneAchievement && milestoneAchievement.id) {\n      setStage(STAGES.ACHIEVEMENT_UNLOCKED as OutcomeStage);\n    } else {\n      onComplete(STAGES.MILESTONE_OUTCOME, milestoneData);\n    }\n  };\n  const handleAchievementAction = (action: string, selectedAssetId?: string) => {\n    const outcomeData = {\n      achievementAction: action,\n      ...milestoneOutcomeData,\n    } as IOutcomeStageData;\n\n    if (selectedAssetId) {\n      outcomeData.selectedAssetId = selectedAssetId;\n    }\n    onComplete(STAGES.ACHIEVEMENT_UNLOCKED, outcomeData);\n  };\n\n  const { user_milestone_achievement: milestoneAchievement } = milestoneOutcomeData || {};\n  const { id: achievementId = '' } = milestoneAchievement || {};\n  const handlePastMilestoneSubmit = (pastMilestoneId: string) => {\n    setMilestoneId(pastMilestoneId);\n    setStage(STAGES.MILESTONE_OUTCOME as OutcomeStage);\n  };\n\n  const currentStep = useMemo(() => {\n    return STAGE_ORDER.findIndex(s => s.value === stage) + 1;\n  }, [stage]);\n\n  const stepsInfo = useMemo(() => calculateStepsInfo(entryStage), [entryStage]);\n  const showStepper = stage !== STAGES.ACHIEVEMENT_UNLOCKED && entryStage === STAGES.PAST_MILESTONE;\n\n  return (\n    <>\n      <HeaderWrapper $flexDirection=\"row\">\n        <Clickable label=\"Exit\" onClick={handleExit}>\n          <FlexView $gutterX={0.625} $gapX={0.625} $flexDirection=\"row\" $alignItems=\"center\">\n            <CrossIcon width={gutter * 1.5} height={gutter * 1.5} />\n            <Text $renderAs=\"ub2\">Exit outcome logger</Text>\n          </FlexView>\n        </Clickable>\n        {showStepper && (\n          <StepperWrapper>\n            <Stepper stepsInfo={stepsInfo} currentStep={currentStep} />\n          </StepperWrapper>\n        )}\n      </HeaderWrapper>\n      {stage === STAGES.PAST_MILESTONE && (\n        <PastMilestoneContainer\n          studentId={studentId || ''}\n          studentName={titleCase(studentName)}\n          onSubmit={handlePastMilestoneSubmit}\n          onError={onError}\n          grade={grade}\n          courseStream={courseStream}\n        />\n      )}\n      {stage === STAGES.MILESTONE_OUTCOME && (\n        <MilestoneOutcomeCollectionContainer\n          studentName={studentName}\n          milestoneId={milestoneId}\n          onSubmit={handleOutcomeCollectionSubmit}\n          onError={onError}\n        />\n      )}\n      {stage === STAGES.ACHIEVEMENT_UNLOCKED && (\n        <AchievementContainer\n          milestoneAchievementId={achievementId}\n          onShare={selectedAssetId =>\n            handleAchievementAction(ACHIEVEMENT_ACTIONS.SHARE, selectedAssetId)\n          }\n          onNotToShare={() => handleAchievementAction(ACHIEVEMENT_ACTIONS.NOT_SHARE_CHOSEN)}\n          onError={onError}\n          achievementConfig={achievementConfig}\n        />\n      )}\n    </>\n  );\n};\n\nexport default MilestoneOutcomeContainer;\n"],"names":["MilestoneOutcomeContainer","requestedMilestoneId","studentName","studentId","onComplete","onError","handleExit","entryStage","STAGES","achievementConfig","grade","courseStream","gutter","useTheme","stage","setStage","useState","milestoneId","setMilestoneId","milestoneOutcomeData","setMilestoneOutcomeData","handleOutcomeCollectionSubmit","milestoneData","milestoneAchievement","handleAchievementAction","action","selectedAssetId","outcomeData","achievementId","handlePastMilestoneSubmit","pastMilestoneId","currentStep","useMemo","STAGE_ORDER","s","stepsInfo","calculateStepsInfo","showStepper","jsxs","Fragment","HeaderWrapper","jsx","Clickable","FlexView","CrossIcon","Text","StepperWrapper","Stepper","PastMilestoneContainer","titleCase","MilestoneOutcomeCollectionContainer","AchievementContainer","ACHIEVEMENT_ACTIONS","MilestoneOutcomeContainer$1"],"mappings":"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"}

package/dist/features/milestone/start/milestone-start.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { h as c } from "../../../node_modules/humanize-plus/dist/humanize.js";
 import { memo as h } from "react";
-import { ILLUSTRATIONS as m } from "../../../assets/illustrations/illustrations.js";
-import d from "../../ui/buttons/button/button.js";
+import { ILLUSTRATIONS as d } from "../../../assets/illustrations/illustrations.js";
+import m from "../../ui/buttons/button/button.js";
 import g from "../../ui/image/image.js";
 import n from "../../ui/layout/flex-view.js";
 import o from "../../ui/text/text.js";
@@ -11,7 +11,7 @@ const p = h(function({
   studentName: a = "",
   handleOnClick: l
 }) {
-  const { PUZZLE_STUDENT: s } = m, t = i === "TEACHER";
+  const { PUZZLE_STUDENT: s } = d, t = i === "TEACHER";
   return /* @__PURE__ */ e(n, { $alignItems: "center", $height: t ? "100%" : "calc(100vh - 56px)", $justifyContent: "center", children: /* @__PURE__ */ r(
     n,
     {
@@ -24,11 +24,11 @@ const p = h(function({
       $borderColor: "WHITE_5",
       $flexGapX: 1.5,
       children: [
-        t ? /* @__PURE__ */ r(o, { $renderAs: "h4", $align: "center", children: [
+        t ? /* @__PURE__ */ r(o, { $renderAs: "ah4-bold", $align: "center", children: [
           "Create ",
           c.capitalize(a),
           "'s learning plan by adding their first goal."
-        ] }) : /* @__PURE__ */ e(o, { $renderAs: "h4", $widthX: 28.125, $align: "center", children: "Waiting for your teacher to create your personalized learning plan..." }),
+        ] }) : /* @__PURE__ */ e(o, { $renderAs: "ah4-bold", $widthX: 28.125, $align: "center", children: "Waiting for your teacher to create your personalized learning plan..." }),
         /* @__PURE__ */ e(
           g,
           {
@@ -39,12 +39,12 @@ const p = h(function({
             alt: "goal-planner"
           }
         ),
-        t && /* @__PURE__ */ e(d, { renderAs: "secondary", label: "Add a Goal", onClick: l })
+        t && /* @__PURE__ */ e(m, { renderAs: "secondary", label: "Add a Goal", onClick: l })
       ]
     }
   ) });
-}), L = p;
+}), I = p;
 export {
-  L as default
+  I as default
 };
 //# sourceMappingURL=milestone-start.js.map

package/dist/features/milestone/start/milestone-start.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-start.js","sources":["../../../../src/features/milestone/start/milestone-start.tsx"],"sourcesContent":["import { capitalize } from 'humanize-plus';\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../../ui/buttons/button/button';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport type { IMilestoneStartProps } from './milestone-start-types';\n\nconst MilestoneStart: FC<IMilestoneStartProps> = memo(function MilestoneStart({\n  userType,\n  studentName = '',\n  handleOnClick,\n}) {\n  const { PUZZLE_STUDENT } = ILLUSTRATIONS;\n  const isTeacher = userType === 'TEACHER';\n  const height = isTeacher ? '100%' : 'calc(100vh - 56px)';\n\n  return (\n    <FlexView $alignItems=\"center\" $height={height} $justifyContent=\"center\">\n      <FlexView\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $widthX={40}\n        $gapX={2.125}\n        $gutterX={5.3125}\n        $background=\"YELLOW_1\"\n        $borderColor=\"WHITE_5\"\n        $flexGapX={1.5}\n      >\n        {isTeacher ? (\n          <Text $renderAs=\"h4\" $align=\"center\">\n            Create {capitalize(studentName)}'s learning plan by adding their first goal.\n          </Text>\n        ) : (\n          <Text $renderAs=\"h4\" $widthX={28.125} $align=\"center\">\n            Waiting for your teacher to create your personalized learning plan...\n          </Text>\n        )}\n\n        <Image\n          withLoader={false}\n          src={PUZZLE_STUDENT}\n          width={240}\n          height={100}\n          alt=\"goal-planner\"\n        />\n\n        {isTeacher && <Button renderAs=\"secondary\" label=\"Add a Goal\" onClick={handleOnClick} />}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default MilestoneStart;\n"],"names":["MilestoneStart","memo","userType","studentName","handleOnClick","PUZZLE_STUDENT","ILLUSTRATIONS","isTeacher","FlexView","jsxs","Text","capitalize","jsx","Image","Button","MilestoneStart$1"],"mappings":";;;;;;;;AAUA,MAAMA,IAA2CC,EAAK,SAAwB;AAAA,EAC5E,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,eAAAC;AACF,GAAG;AACK,QAAA,EAAE,gBAAAC,EAAmB,IAAAC,GACrBC,IAAYL,MAAa;AAG/B,2BACGM,GAAS,EAAA,aAAY,UAAS,SAHlBD,IAAY,SAAS,sBAGc,iBAAgB,UAC9D,UAAA,gBAAAE;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,WAAW;AAAA,MAEV,UAAA;AAAA,QAAAD,IACE,gBAAAE,EAAAC,GAAA,EAAK,WAAU,MAAK,QAAO,UAAS,UAAA;AAAA,UAAA;AAAA,UAC3BC,EAAAA,WAAWR,CAAW;AAAA,UAAE;AAAA,QAClC,EAAA,CAAA,sBAECO,GAAK,EAAA,WAAU,MAAK,SAAS,QAAQ,QAAO,UAAS,UAEtD,wEAAA,CAAA;AAAA,QAGF,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ,KAAKR;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,KAAI;AAAA,UAAA;AAAA,QACN;AAAA,QAECE,uBAAcO,GAAO,EAAA,UAAS,aAAY,OAAM,cAAa,SAASV,GAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAE1F,EAAA,CAAA;AAEJ,CAAC,GAEDW,IAAef;"}
+{"version":3,"file":"milestone-start.js","sources":["../../../../src/features/milestone/start/milestone-start.tsx"],"sourcesContent":["import { capitalize } from 'humanize-plus';\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../../ui/buttons/button/button';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport type { IMilestoneStartProps } from './milestone-start-types';\n\nconst MilestoneStart: FC<IMilestoneStartProps> = memo(function MilestoneStart({\n  userType,\n  studentName = '',\n  handleOnClick,\n}) {\n  const { PUZZLE_STUDENT } = ILLUSTRATIONS;\n  const isTeacher = userType === 'TEACHER';\n  const height = isTeacher ? '100%' : 'calc(100vh - 56px)';\n\n  return (\n    <FlexView $alignItems=\"center\" $height={height} $justifyContent=\"center\">\n      <FlexView\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $widthX={40}\n        $gapX={2.125}\n        $gutterX={5.3125}\n        $background=\"YELLOW_1\"\n        $borderColor=\"WHITE_5\"\n        $flexGapX={1.5}\n      >\n        {isTeacher ? (\n          <Text $renderAs=\"ah4-bold\" $align=\"center\">\n            Create {capitalize(studentName)}'s learning plan by adding their first goal.\n          </Text>\n        ) : (\n          <Text $renderAs=\"ah4-bold\" $widthX={28.125} $align=\"center\">\n            Waiting for your teacher to create your personalized learning plan...\n          </Text>\n        )}\n\n        <Image\n          withLoader={false}\n          src={PUZZLE_STUDENT}\n          width={240}\n          height={100}\n          alt=\"goal-planner\"\n        />\n\n        {isTeacher && <Button renderAs=\"secondary\" label=\"Add a Goal\" onClick={handleOnClick} />}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default MilestoneStart;\n"],"names":["MilestoneStart","memo","userType","studentName","handleOnClick","PUZZLE_STUDENT","ILLUSTRATIONS","isTeacher","FlexView","jsxs","Text","capitalize","jsx","Image","Button","MilestoneStart$1"],"mappings":";;;;;;;;AAUA,MAAMA,IAA2CC,EAAK,SAAwB;AAAA,EAC5E,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,eAAAC;AACF,GAAG;AACK,QAAA,EAAE,gBAAAC,EAAmB,IAAAC,GACrBC,IAAYL,MAAa;AAG/B,2BACGM,GAAS,EAAA,aAAY,UAAS,SAHlBD,IAAY,SAAS,sBAGc,iBAAgB,UAC9D,UAAA,gBAAAE;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,WAAW;AAAA,MAEV,UAAA;AAAA,QAAAD,IACE,gBAAAE,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,UAAS,UAAA;AAAA,UAAA;AAAA,UACjCC,EAAAA,WAAWR,CAAW;AAAA,UAAE;AAAA,QAClC,EAAA,CAAA,sBAECO,GAAK,EAAA,WAAU,YAAW,SAAS,QAAQ,QAAO,UAAS,UAE5D,wEAAA,CAAA;AAAA,QAGF,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ,KAAKR;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,KAAI;AAAA,UAAA;AAAA,QACN;AAAA,QAECE,uBAAcO,GAAO,EAAA,UAAS,aAAY,OAAM,cAAa,SAASV,GAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAE1F,EAAA,CAAA;AAEJ,CAAC,GAEDW,IAAef;"}

package/dist/features/puzzles/puzzle-container/puzzle-container-view.js

@@ -26,7 +26,7 @@ const w = d(function({
         $gutterX: 1,
         children: [
           /* @__PURE__ */ e(m, { width: 136, height: 136, src: o, withLoader: !1, alt: "Puzzle" }),
-          /* @__PURE__ */ e(r, { $renderAs: "h4", $align: "center", children: c }),
+          /* @__PURE__ */ e(r, { $renderAs: "ah4-bold", $align: "center", children: c }),
           t && /* @__PURE__ */ e(h, { $gap: 4, $gutter: 8, $background: "BLACK_1", children: /* @__PURE__ */ e(r, { $renderAs: "ac4", $color: "WHITE_1", children: "Assigned" }) })
         ]
       }

package/dist/features/puzzles/puzzle-container/puzzle-container-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-container-view.js","sources":["../../../../src/features/puzzles/puzzle-container/puzzle-container-view.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport * as Styled from './puzzle-container-styled';\nimport type { IPuzzleContainerViewProps } from './puzzle-container-types';\n\nconst PuzzleContainerView: FC<IPuzzleContainerViewProps> = memo(function PuzzleContainerView({\n  handleOnPuzzleClick,\n  imageUrl,\n  title,\n  handleAssign,\n  assigned,\n  assigning,\n  analyticsProps,\n}) {\n  return (\n    <>\n      <Styled.PuzzleContent\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        onClick={handleOnPuzzleClick}\n        title=\"Click to preview\"\n        $flexGapX={1.5}\n        $assigned={assigned}\n        $gutterX={1}\n      >\n        <Image width={136} height={136} src={imageUrl} withLoader={false} alt=\"Puzzle\" />\n        <Text $renderAs=\"h4\" $align=\"center\">\n          {title}\n        </Text>\n\n        {assigned && (\n          <Styled.AssignedTag $gap={4} $gutter={8} $background=\"BLACK_1\">\n            <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n              Assigned\n            </Text>\n          </Styled.AssignedTag>\n        )}\n      </Styled.PuzzleContent>\n\n      <Clickable\n        onClick={handleAssign}\n        label=\"\"\n        analyticsLabel=\"puzzle_assigned\"\n        disabled={assigned || assigning}\n        analyticsProps={analyticsProps}\n      >\n        <Styled.PuzzleButton\n          $background=\"BLACK_1\"\n          $widthX={15.75}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gapX={0.75}\n          $gutterX={1}\n          $assigned={assigned}\n          $assigning={assigning}\n        >\n          <Text $renderAs=\"ub1-bold\" $color={assigned ? 'BLACK_T_38' : 'WHITE_1'}>\n            {assigned ? 'Discuss in next class' : 'Assign'}\n          </Text>\n        </Styled.PuzzleButton>\n      </Clickable>\n    </>\n  );\n});\n\nexport default PuzzleContainerView;\n"],"names":["PuzzleContainerView","memo","handleOnPuzzleClick","imageUrl","title","handleAssign","assigned","assigning","analyticsProps","jsxs","Fragment","Styled.PuzzleContent","jsx","Image","Text","Styled.AssignedTag","Clickable","Styled.PuzzleButton"],"mappings":";;;;;;AAQM,MAAAA,IAAqDC,EAAK,SAA6B;AAAA,EAC3F,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,GAAG;AACD,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAAST;AAAA,QACT,OAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAWI;AAAA,QACX,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAM,EAAAC,GAAA,EAAM,OAAO,KAAK,QAAQ,KAAK,KAAKV,GAAU,YAAY,IAAO,KAAI,SAAS,CAAA;AAAA,4BAC9EW,GAAK,EAAA,WAAU,MAAK,QAAO,UACzB,UACHV,GAAA;AAAA,UAECE,KACE,gBAAAM,EAAAG,GAAA,EAAmB,MAAM,GAAG,SAAS,GAAG,aAAY,WACnD,4BAACD,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,qBAEvC,CAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,gBAAAF;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAASX;AAAA,QACT,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,UAAUC,KAAYC;AAAA,QACtB,gBAAAC;AAAA,QAEA,UAAA,gBAAAI;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,SAAS;AAAA,YACT,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YACV,WAAWX;AAAA,YACX,YAAYC;AAAA,YAEZ,UAAA,gBAAAK,EAACE,GAAK,EAAA,WAAU,YAAW,QAAQR,IAAW,eAAe,WAC1D,UAAWA,IAAA,0BAA0B,SACxC,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"puzzle-container-view.js","sources":["../../../../src/features/puzzles/puzzle-container/puzzle-container-view.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport * as Styled from './puzzle-container-styled';\nimport type { IPuzzleContainerViewProps } from './puzzle-container-types';\n\nconst PuzzleContainerView: FC<IPuzzleContainerViewProps> = memo(function PuzzleContainerView({\n  handleOnPuzzleClick,\n  imageUrl,\n  title,\n  handleAssign,\n  assigned,\n  assigning,\n  analyticsProps,\n}) {\n  return (\n    <>\n      <Styled.PuzzleContent\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        onClick={handleOnPuzzleClick}\n        title=\"Click to preview\"\n        $flexGapX={1.5}\n        $assigned={assigned}\n        $gutterX={1}\n      >\n        <Image width={136} height={136} src={imageUrl} withLoader={false} alt=\"Puzzle\" />\n        <Text $renderAs=\"ah4-bold\" $align=\"center\">\n          {title}\n        </Text>\n\n        {assigned && (\n          <Styled.AssignedTag $gap={4} $gutter={8} $background=\"BLACK_1\">\n            <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n              Assigned\n            </Text>\n          </Styled.AssignedTag>\n        )}\n      </Styled.PuzzleContent>\n\n      <Clickable\n        onClick={handleAssign}\n        label=\"\"\n        analyticsLabel=\"puzzle_assigned\"\n        disabled={assigned || assigning}\n        analyticsProps={analyticsProps}\n      >\n        <Styled.PuzzleButton\n          $background=\"BLACK_1\"\n          $widthX={15.75}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gapX={0.75}\n          $gutterX={1}\n          $assigned={assigned}\n          $assigning={assigning}\n        >\n          <Text $renderAs=\"ub1-bold\" $color={assigned ? 'BLACK_T_38' : 'WHITE_1'}>\n            {assigned ? 'Discuss in next class' : 'Assign'}\n          </Text>\n        </Styled.PuzzleButton>\n      </Clickable>\n    </>\n  );\n});\n\nexport default PuzzleContainerView;\n"],"names":["PuzzleContainerView","memo","handleOnPuzzleClick","imageUrl","title","handleAssign","assigned","assigning","analyticsProps","jsxs","Fragment","Styled.PuzzleContent","jsx","Image","Text","Styled.AssignedTag","Clickable","Styled.PuzzleButton"],"mappings":";;;;;;AAQM,MAAAA,IAAqDC,EAAK,SAA6B;AAAA,EAC3F,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,GAAG;AACD,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAAST;AAAA,QACT,OAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAWI;AAAA,QACX,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAM,EAAAC,GAAA,EAAM,OAAO,KAAK,QAAQ,KAAK,KAAKV,GAAU,YAAY,IAAO,KAAI,SAAS,CAAA;AAAA,4BAC9EW,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHV,GAAA;AAAA,UAECE,KACE,gBAAAM,EAAAG,GAAA,EAAmB,MAAM,GAAG,SAAS,GAAG,aAAY,WACnD,4BAACD,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,qBAEvC,CAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,gBAAAF;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAASX;AAAA,QACT,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,UAAUC,KAAYC;AAAA,QACtB,gBAAAC;AAAA,QAEA,UAAA,gBAAAI;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,SAAS;AAAA,YACT,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YACV,WAAWX;AAAA,YACX,YAAYC;AAAA,YAEZ,UAAA,gBAAAK,EAACE,GAAK,EAAA,WAAU,YAAW,QAAQR,IAAW,eAAe,WAC1D,UAAWA,IAAA,0BAA0B,SACxC,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard.js

@@ -23,7 +23,7 @@ const W = ({ studentId: l, onBackCLick: s, onCardClick: d }) => {
   return w(() => {
     a();
   }, [a]), h ? /* @__PURE__ */ e(y, { height: "100vh" }) : m ? /* @__PURE__ */ n(t, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ e(o, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
+    /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", children: "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ e(
       _,
       {

package/dist/features/puzzles/puzzle-dashboard/puzzle-dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-dashboard.js","sources":["../../../../src/features/puzzles/puzzle-dashboard/puzzle-dashboard.tsx"],"sourcesContent":["import { useCallback, useEffect, type FC } from 'react';\n\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetPuzzles } from '../api/puzzle-dashboard';\nimport PuzzleCard from '../comps/puzzle-card';\nimport * as Styled from './puzzle-dashboard-styled';\nimport type { IPuzzleDashboardProps } from './puzzle-dashboard-types';\n\nconst PuzzleDashboard: FC<IPuzzleDashboardProps> = ({ studentId, onBackCLick, onCardClick }) => {\n  const {\n    get: getPuzzles,\n    data: puzzleHistoryData,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetPuzzles();\n\n  const puzzleCount = puzzleHistoryData?.length || 0;\n\n  const fetchPuzzles = useCallback(() => {\n    getPuzzles(studentId, undefined, {\n      courseStream: 'MATH',\n    });\n  }, [getPuzzles, studentId]);\n\n  useEffect(() => {\n    fetchPuzzles();\n  }, [fetchPuzzles]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchPuzzles}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.PuzzleDashboardWrapper\n      $alignItems=\"center\"\n      $flexGapX={puzzleCount === 0 ? 10 : 2.5}\n      $position=\"relative\"\n    >\n      <Styled.BannerWrapper $widthX={50} $heightX={10.5} $justifyContent=\"center\">\n        <Text $renderAs=\"ah3-bold\" $alignSelf=\"center\">\n          {puzzleCount === 0 ? 'No Puzzles Available' : `${puzzleCount} Puzzles Solved`}\n        </Text>\n\n        {onBackCLick && (\n          <Styled.BackIconContainer $height=\"100%\">\n            <Styled.BackIconWrapper>\n              <IconButton\n                Icon={Back2Icon}\n                size=\"xsmall\"\n                renderAs=\"secondary\"\n                analyticsLabel=\"puzzle_back\"\n                onClick={onBackCLick}\n              />\n            </Styled.BackIconWrapper>\n          </Styled.BackIconContainer>\n        )}\n      </Styled.BannerWrapper>\n\n      {puzzleCount === 0 ? (\n        <FlexView $flexGapX={1} $justifyContent=\"center\">\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $width=\"100%\"\n          >\n            <FlexView $widthX={3.5} $heightX={3.5} $background=\"WHITE_4\">\n              <Styled.StyledPuzzleIcon width={56} height={56} />\n            </FlexView>\n          </FlexView>\n\n          <FlexView $justifyContent=\"center\">\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n              No puzzle assigned yet!\n            </Text>\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_60\">\n              Hang tight — your tutor will share one soon! 🎉🧩\n            </Text>\n          </FlexView>\n        </FlexView>\n      ) : (\n        <Styled.ContentWrapper>\n          {puzzleHistoryData?.map(item => {\n            const {\n              id,\n              image_hue: imageHue,\n              image_url: imageUrl,\n              title,\n              user_node_id: userNodeId,\n              rewards,\n              node_id: nodeId,\n            } = item;\n\n            return (\n              <PuzzleCard\n                key={id}\n                imageHue={imageHue}\n                imageUrl={imageUrl}\n                title={title}\n                width={126}\n                height={152}\n                onCardClick={onCardClick}\n                userNodeId={userNodeId}\n                rewards={rewards}\n                nodeId={nodeId}\n                studentId={studentId}\n              />\n            );\n          })}\n        </Styled.ContentWrapper>\n      )}\n    </Styled.PuzzleDashboardWrapper>\n  );\n};\n\nexport default PuzzleDashboard;\n"],"names":["PuzzleDashboard","studentId","onBackCLick","onCardClick","getPuzzles","puzzleHistoryData","isProcessing","isProcessingFailed","useGetPuzzles","puzzleCount","fetchPuzzles","useCallback","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.PuzzleDashboardWrapper","Styled.BannerWrapper","Styled.BackIconContainer","Styled.BackIconWrapper","IconButton","Back2Icon","Styled.StyledPuzzleIcon","Styled.ContentWrapper","item","id","imageHue","imageUrl","title","userNodeId","rewards","nodeId","PuzzleCard","PuzzleDashboard$1"],"mappings":"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"}
+{"version":3,"file":"puzzle-dashboard.js","sources":["../../../../src/features/puzzles/puzzle-dashboard/puzzle-dashboard.tsx"],"sourcesContent":["import { useCallback, useEffect, type FC } from 'react';\n\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetPuzzles } from '../api/puzzle-dashboard';\nimport PuzzleCard from '../comps/puzzle-card';\nimport * as Styled from './puzzle-dashboard-styled';\nimport type { IPuzzleDashboardProps } from './puzzle-dashboard-types';\n\nconst PuzzleDashboard: FC<IPuzzleDashboardProps> = ({ studentId, onBackCLick, onCardClick }) => {\n  const {\n    get: getPuzzles,\n    data: puzzleHistoryData,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetPuzzles();\n\n  const puzzleCount = puzzleHistoryData?.length || 0;\n\n  const fetchPuzzles = useCallback(() => {\n    getPuzzles(studentId, undefined, {\n      courseStream: 'MATH',\n    });\n  }, [getPuzzles, studentId]);\n\n  useEffect(() => {\n    fetchPuzzles();\n  }, [fetchPuzzles]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"ab1-bold\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchPuzzles}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.PuzzleDashboardWrapper\n      $alignItems=\"center\"\n      $flexGapX={puzzleCount === 0 ? 10 : 2.5}\n      $position=\"relative\"\n    >\n      <Styled.BannerWrapper $widthX={50} $heightX={10.5} $justifyContent=\"center\">\n        <Text $renderAs=\"ah3-bold\" $alignSelf=\"center\">\n          {puzzleCount === 0 ? 'No Puzzles Available' : `${puzzleCount} Puzzles Solved`}\n        </Text>\n\n        {onBackCLick && (\n          <Styled.BackIconContainer $height=\"100%\">\n            <Styled.BackIconWrapper>\n              <IconButton\n                Icon={Back2Icon}\n                size=\"xsmall\"\n                renderAs=\"secondary\"\n                analyticsLabel=\"puzzle_back\"\n                onClick={onBackCLick}\n              />\n            </Styled.BackIconWrapper>\n          </Styled.BackIconContainer>\n        )}\n      </Styled.BannerWrapper>\n\n      {puzzleCount === 0 ? (\n        <FlexView $flexGapX={1} $justifyContent=\"center\">\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $width=\"100%\"\n          >\n            <FlexView $widthX={3.5} $heightX={3.5} $background=\"WHITE_4\">\n              <Styled.StyledPuzzleIcon width={56} height={56} />\n            </FlexView>\n          </FlexView>\n\n          <FlexView $justifyContent=\"center\">\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n              No puzzle assigned yet!\n            </Text>\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_60\">\n              Hang tight — your tutor will share one soon! 🎉🧩\n            </Text>\n          </FlexView>\n        </FlexView>\n      ) : (\n        <Styled.ContentWrapper>\n          {puzzleHistoryData?.map(item => {\n            const {\n              id,\n              image_hue: imageHue,\n              image_url: imageUrl,\n              title,\n              user_node_id: userNodeId,\n              rewards,\n              node_id: nodeId,\n            } = item;\n\n            return (\n              <PuzzleCard\n                key={id}\n                imageHue={imageHue}\n                imageUrl={imageUrl}\n                title={title}\n                width={126}\n                height={152}\n                onCardClick={onCardClick}\n                userNodeId={userNodeId}\n                rewards={rewards}\n                nodeId={nodeId}\n                studentId={studentId}\n              />\n            );\n          })}\n        </Styled.ContentWrapper>\n      )}\n    </Styled.PuzzleDashboardWrapper>\n  );\n};\n\nexport default PuzzleDashboard;\n"],"names":["PuzzleDashboard","studentId","onBackCLick","onCardClick","getPuzzles","puzzleHistoryData","isProcessing","isProcessingFailed","useGetPuzzles","puzzleCount","fetchPuzzles","useCallback","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.PuzzleDashboardWrapper","Styled.BannerWrapper","Styled.BackIconContainer","Styled.BackIconWrapper","IconButton","Back2Icon","Styled.StyledPuzzleIcon","Styled.ContentWrapper","item","id","imageHue","imageUrl","title","userNodeId","rewards","nodeId","PuzzleCard","PuzzleDashboard$1"],"mappings":"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"}

package/dist/features/sheet-tools/tool-header/tool-header.js

@@ -1,20 +1,20 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useRef as d, useEffect as m } from "react";
-import { useDragHelper as x } from "../../hooks/use-drag-helper.js";
-import $ from "../../ui/buttons/text-button/text-button.js";
-import u from "../../ui/layout/flex-view.js";
-import { Wrapper as h, StyledText as C, MoreIconContainer as E, CrossIconContainer as w, Children as I } from "./tool-header-styled.js";
-const b = ({
-  title: i,
+import { useRef as p, useEffect as m } from "react";
+import { useDragHelper as u } from "../../hooks/use-drag-helper.js";
+import x from "../../ui/buttons/text-button/text-button.js";
+import $ from "../../ui/layout/flex-view.js";
+import { Wrapper as h, StyledText as C, MoreIconContainer as b, CrossIconContainer as E, Children as w } from "./tool-header-styled.js";
+const I = ({
+  title: l,
   expanded: r,
-  onClick: l,
+  onClick: i,
   onClose: a,
   isDraggable: c,
   children: s,
-  width: f,
-  initialPosition: p
+  width: d,
+  initialPosition: f
 }) => {
-  const o = d(null), t = x(o, c, p);
+  const o = p(null), t = u(o, c, f);
   return m(() => {
     t();
   }, [r, t]), /* @__PURE__ */ n(
@@ -26,19 +26,19 @@ const b = ({
       $alignItems: "center",
       $justifyContent: "space-between",
       $background: "BLACK",
-      $width: f,
+      $width: d,
       children: [
-        /* @__PURE__ */ e(C, { $color: "WHITE", $renderAs: "cta2", children: i }),
-        /* @__PURE__ */ e(E, {}),
-        /* @__PURE__ */ n(u, { $flexDirection: "row", children: [
-          /* @__PURE__ */ e($, { onClick: l, color: "WHITE", label: r ? "Collapse" : "Expand" }),
-          /* @__PURE__ */ e(w, { onClick: a })
+        /* @__PURE__ */ e(C, { $color: "WHITE", $renderAs: "ub2-bold", children: l }),
+        /* @__PURE__ */ e(b, {}),
+        /* @__PURE__ */ n($, { $flexDirection: "row", children: [
+          /* @__PURE__ */ e(x, { onClick: i, color: "WHITE", label: r ? "Collapse" : "Expand" }),
+          /* @__PURE__ */ e(E, { onClick: a })
         ] }),
-        /* @__PURE__ */ e(I, { children: s })
+        /* @__PURE__ */ e(w, { children: s })
       ]
     }
   );
-}, k = b;
+}, k = I;
 export {
   k as default
 };

package/dist/features/sheet-tools/tool-header/tool-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-header.js","sources":["../../../../src/features/sheet-tools/tool-header/tool-header.tsx"],"sourcesContent":["import { useEffect, useRef, type FC, type RefObject } from 'react';\n\nimport { useDragHelper } from '../../hooks/use-drag-helper';\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  Children,\n  CrossIconContainer,\n  MoreIconContainer,\n  StyledText,\n  Wrapper,\n} from './tool-header-styled';\nimport type { IExpandableHeaderProps } from './tool-header-types';\n\nconst ExpandableHeader: FC<IExpandableHeaderProps> = ({\n  title,\n  expanded,\n  onClick,\n  onClose,\n  isDraggable,\n  children,\n  width,\n  initialPosition,\n}) => {\n  const headerRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n\n  const validateElementInViewport = useDragHelper(headerRef, isDraggable, initialPosition);\n\n  useEffect(() => {\n    validateElementInViewport();\n  }, [expanded, validateElementInViewport]);\n\n  return (\n    <Wrapper\n      ref={headerRef}\n      $height={40}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $background=\"BLACK\"\n      $width={width}\n    >\n      <StyledText $color=\"WHITE\" $renderAs=\"cta2\">\n        {title}\n      </StyledText>\n      <MoreIconContainer />\n      <FlexView $flexDirection=\"row\">\n        <TextButton onClick={onClick} color=\"WHITE\" label={expanded ? 'Collapse' : 'Expand'} />\n        <CrossIconContainer onClick={onClose} />\n      </FlexView>\n      <Children>{children}</Children>\n    </Wrapper>\n  );\n};\n\nexport default ExpandableHeader;\n"],"names":["ExpandableHeader","title","expanded","onClick","onClose","isDraggable","children","width","initialPosition","headerRef","useRef","validateElementInViewport","useDragHelper","useEffect","jsxs","Wrapper","jsx","StyledText","MoreIconContainer","FlexView","TextButton","CrossIconContainer","Children","ExpandableHeader$1"],"mappings":";;;;;;AAcA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACE,QAAAC,IAAYC,EAAuB,IAAI,GAEvCC,IAA4BC,EAAcH,GAAWJ,GAAaG,CAAe;AAEvF,SAAAK,EAAU,MAAM;AACY,IAAAF;EAAA,GACzB,CAACT,GAAUS,CAAyB,CAAC,GAGtC,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,SAAS;AAAA,MACT,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQF;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAS,EAACC,GAAW,EAAA,QAAO,SAAQ,WAAU,QAClC,UACHhB,GAAA;AAAA,0BACCiB,GAAkB,EAAA;AAAA,QACnB,gBAAAJ,EAACK,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,UAAA,gBAAAH,EAACI,KAAW,SAAAjB,GAAkB,OAAM,SAAQ,OAAOD,IAAW,aAAa,UAAU;AAAA,UACrF,gBAAAc,EAACK,GAAmB,EAAA,SAASjB,EAAS,CAAA;AAAA,QAAA,GACxC;AAAA,QACA,gBAAAY,EAACM,KAAU,UAAAhB,GAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1B,GAEAiB,IAAevB;"}
+{"version":3,"file":"tool-header.js","sources":["../../../../src/features/sheet-tools/tool-header/tool-header.tsx"],"sourcesContent":["import { useEffect, useRef, type FC, type RefObject } from 'react';\n\nimport { useDragHelper } from '../../hooks/use-drag-helper';\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  Children,\n  CrossIconContainer,\n  MoreIconContainer,\n  StyledText,\n  Wrapper,\n} from './tool-header-styled';\nimport type { IExpandableHeaderProps } from './tool-header-types';\n\nconst ExpandableHeader: FC<IExpandableHeaderProps> = ({\n  title,\n  expanded,\n  onClick,\n  onClose,\n  isDraggable,\n  children,\n  width,\n  initialPosition,\n}) => {\n  const headerRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n\n  const validateElementInViewport = useDragHelper(headerRef, isDraggable, initialPosition);\n\n  useEffect(() => {\n    validateElementInViewport();\n  }, [expanded, validateElementInViewport]);\n\n  return (\n    <Wrapper\n      ref={headerRef}\n      $height={40}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $background=\"BLACK\"\n      $width={width}\n    >\n      <StyledText $color=\"WHITE\" $renderAs=\"ub2-bold\">\n        {title}\n      </StyledText>\n      <MoreIconContainer />\n      <FlexView $flexDirection=\"row\">\n        <TextButton onClick={onClick} color=\"WHITE\" label={expanded ? 'Collapse' : 'Expand'} />\n        <CrossIconContainer onClick={onClose} />\n      </FlexView>\n      <Children>{children}</Children>\n    </Wrapper>\n  );\n};\n\nexport default ExpandableHeader;\n"],"names":["ExpandableHeader","title","expanded","onClick","onClose","isDraggable","children","width","initialPosition","headerRef","useRef","validateElementInViewport","useDragHelper","useEffect","jsxs","Wrapper","jsx","StyledText","MoreIconContainer","FlexView","TextButton","CrossIconContainer","Children","ExpandableHeader$1"],"mappings":";;;;;;AAcA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACE,QAAAC,IAAYC,EAAuB,IAAI,GAEvCC,IAA4BC,EAAcH,GAAWJ,GAAaG,CAAe;AAEvF,SAAAK,EAAU,MAAM;AACY,IAAAF;EAAA,GACzB,CAACT,GAAUS,CAAyB,CAAC,GAGtC,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,SAAS;AAAA,MACT,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQF;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAS,EAACC,GAAW,EAAA,QAAO,SAAQ,WAAU,YAClC,UACHhB,GAAA;AAAA,0BACCiB,GAAkB,EAAA;AAAA,QACnB,gBAAAJ,EAACK,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,UAAA,gBAAAH,EAACI,KAAW,SAAAjB,GAAkB,OAAM,SAAQ,OAAOD,IAAW,aAAa,UAAU;AAAA,UACrF,gBAAAc,EAACK,GAAmB,EAAA,SAASjB,EAAS,CAAA;AAAA,QAAA,GACxC;AAAA,QACA,gBAAAY,EAACM,KAAU,UAAAhB,GAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1B,GAEAiB,IAAevB;"}

package/dist/features/sheets/reference-sheet/reference-sheet.js

@@ -28,7 +28,7 @@ const p = [
       initialPosition: i,
       children: /* @__PURE__ */ s(f, { $background: "WHITE", $height: t || 556, $gutter: 40, $gap: 40, children: [
         /* @__PURE__ */ r(l, { src: m.SHEET_REFERENCE }),
-        p.map((e) => /* @__PURE__ */ r(E, { id: e.id, $marginBottom: 8, $renderAs: "body1", children: e.text }))
+        p.map((e) => /* @__PURE__ */ r(E, { $marginBottom: 8, $renderAs: "ub1", children: e.text }, e.id))
       ] })
     }
   );

package/dist/features/sheets/reference-sheet/reference-sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"reference-sheet.js","sources":["../../../../src/features/sheets/reference-sheet/reference-sheet.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ExpandableHeader from '../../sheet-tools/tool-header/tool-header';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { StyledImg } from './reference-sheet-styled';\n\ninterface IReferenceSheetProps {\n  onClose: () => void;\n  height?: string | number;\n  initialPosition?: {\n    left?: number;\n    top?: number;\n    bottom?: number;\n    right?: number;\n  };\n}\n\nconst SHEET_REFERENCE_TEXT = [\n  { id: '1', text: 'The number of degrees of arc in a circle is 360.' },\n  { id: '2', text: 'The number of radians of arc in a circle is 2π.' },\n  {\n    id: '3',\n    text: 'The sum of the measures in degrees of the angles of a triangle is 180.',\n  },\n];\n\nconst ReferenceSheet: FC<IReferenceSheetProps> = ({ onClose, height, initialPosition }) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const onExpand = () => {\n    setExpanded(prev => !prev);\n  };\n\n  return (\n    <ExpandableHeader\n      isDraggable\n      expanded={expanded}\n      title=\"Reference sheet\"\n      width={expanded ? 960 : 450}\n      onClick={onExpand}\n      onClose={onClose}\n      initialPosition={initialPosition}\n    >\n      <FlexView $background=\"WHITE\" $height={height ? height : 556} $gutter={40} $gap={40}>\n        <StyledImg src={IMAGES.SHEET_REFERENCE} />\n        {SHEET_REFERENCE_TEXT.map(item => (\n          <Text id={item.id} $marginBottom={8} $renderAs=\"body1\">\n            {item.text}\n          </Text>\n        ))}\n      </FlexView>\n    </ExpandableHeader>\n  );\n};\n\nexport default ReferenceSheet;\n"],"names":["SHEET_REFERENCE_TEXT","ReferenceSheet","onClose","height","initialPosition","expanded","setExpanded","useState","jsx","ExpandableHeader","prev","jsxs","FlexView","StyledImg","IMAGES","item","Text","ReferenceSheet$1"],"mappings":";;;;;;;AAmBA,MAAMA,IAAuB;AAAA,EAC3B,EAAE,IAAI,KAAK,MAAM,mDAAmD;AAAA,EACpE,EAAE,IAAI,KAAK,MAAM,kDAAkD;AAAA,EACnE;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF,GAEMC,IAA2C,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,iBAAAC,QAAsB;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAO5C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,UAAAJ;AAAA,MACA,OAAM;AAAA,MACN,OAAOA,IAAW,MAAM;AAAA,MACxB,SAVa,MAAM;AACT,QAAAC,EAAA,CAAAI,MAAQ,CAACA,CAAI;AAAA,MAAA;AAAA,MAUvB,SAAAR;AAAA,MACA,iBAAAE;AAAA,MAEA,UAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,SAAQ,SAAST,KAAkB,KAAK,SAAS,IAAI,MAAM,IAC/E,UAAA;AAAA,QAAC,gBAAAK,EAAAK,GAAA,EAAU,KAAKC,EAAO,gBAAiB,CAAA;AAAA,QACvCd,EAAqB,IAAI,CACxBe,MAAA,gBAAAP,EAACQ,KAAK,IAAID,EAAK,IAAI,eAAe,GAAG,WAAU,SAC5C,UAAAA,EAAK,MACR,CACD;AAAA,MAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAE,IAAehB;"}
+{"version":3,"file":"reference-sheet.js","sources":["../../../../src/features/sheets/reference-sheet/reference-sheet.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ExpandableHeader from '../../sheet-tools/tool-header/tool-header';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { StyledImg } from './reference-sheet-styled';\n\ninterface IReferenceSheetProps {\n  onClose: () => void;\n  height?: string | number;\n  initialPosition?: {\n    left?: number;\n    top?: number;\n    bottom?: number;\n    right?: number;\n  };\n}\n\nconst SHEET_REFERENCE_TEXT = [\n  { id: '1', text: 'The number of degrees of arc in a circle is 360.' },\n  { id: '2', text: 'The number of radians of arc in a circle is 2π.' },\n  {\n    id: '3',\n    text: 'The sum of the measures in degrees of the angles of a triangle is 180.',\n  },\n];\n\nconst ReferenceSheet: FC<IReferenceSheetProps> = ({ onClose, height, initialPosition }) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const onExpand = () => {\n    setExpanded(prev => !prev);\n  };\n\n  return (\n    <ExpandableHeader\n      isDraggable\n      expanded={expanded}\n      title=\"Reference sheet\"\n      width={expanded ? 960 : 450}\n      onClick={onExpand}\n      onClose={onClose}\n      initialPosition={initialPosition}\n    >\n      <FlexView $background=\"WHITE\" $height={height ? height : 556} $gutter={40} $gap={40}>\n        <StyledImg src={IMAGES.SHEET_REFERENCE} />\n        {SHEET_REFERENCE_TEXT.map(item => (\n          <Text key={item.id} $marginBottom={8} $renderAs=\"ub1\">\n            {item.text}\n          </Text>\n        ))}\n      </FlexView>\n    </ExpandableHeader>\n  );\n};\n\nexport default ReferenceSheet;\n"],"names":["SHEET_REFERENCE_TEXT","ReferenceSheet","onClose","height","initialPosition","expanded","setExpanded","useState","jsx","ExpandableHeader","prev","jsxs","FlexView","StyledImg","IMAGES","item","Text","ReferenceSheet$1"],"mappings":";;;;;;;AAmBA,MAAMA,IAAuB;AAAA,EAC3B,EAAE,IAAI,KAAK,MAAM,mDAAmD;AAAA,EACpE,EAAE,IAAI,KAAK,MAAM,kDAAkD;AAAA,EACnE;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF,GAEMC,IAA2C,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,iBAAAC,QAAsB;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAO5C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,UAAAJ;AAAA,MACA,OAAM;AAAA,MACN,OAAOA,IAAW,MAAM;AAAA,MACxB,SAVa,MAAM;AACT,QAAAC,EAAA,CAAAI,MAAQ,CAACA,CAAI;AAAA,MAAA;AAAA,MAUvB,SAAAR;AAAA,MACA,iBAAAE;AAAA,MAEA,UAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,SAAQ,SAAST,KAAkB,KAAK,SAAS,IAAI,MAAM,IAC/E,UAAA;AAAA,QAAC,gBAAAK,EAAAK,GAAA,EAAU,KAAKC,EAAO,gBAAiB,CAAA;AAAA,QACvCd,EAAqB,IAAI,CACxBe,MAAA,gBAAAP,EAACQ,GAAmB,EAAA,eAAe,GAAG,WAAU,OAC7C,UAAAD,EAAK,KADG,GAAAA,EAAK,EAEhB,CACD;AAAA,MAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAE,IAAehB;"}

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.js

@@ -1,14 +1,14 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import { Fragment as h } from "react";
 import c from "../../../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import { MoreOptionsWrapper as b, OptionCard as u, StyledSeparator as f } from "../../reward-n-actions-styled.js";
+import { MoreOptionsWrapper as u, OptionCard as b, StyledSeparator as f } from "../../reward-n-actions-styled.js";
 const k = ({
-  options: o,
+  options: i,
   handleOnMenuOptionSelection: n,
   width: a,
   hideTooltip: d
 }) => {
-  const s = o.find((e) => e.disable);
+  const s = i.find((e) => e.disable);
   return /* @__PURE__ */ r(
     c,
     {
@@ -17,16 +17,16 @@ const k = ({
       tooltipItem: "You cannot review this sheet since your teacher has marked it as learned",
       hidden: d || !s,
       widthX: 12,
-      children: /* @__PURE__ */ r(b, { $width: a, children: o.map((e) => {
-        const { label: t, show: l, disable: i, separatorVisible: p } = e;
+      children: /* @__PURE__ */ r(u, { $width: a, children: i.map((e) => {
+        const { label: t, show: l, disable: o, separatorVisible: p } = e;
         return l ? /* @__PURE__ */ m(h, { children: [
           /* @__PURE__ */ r(
-            u,
+            b,
             {
-              $renderAs: "body1",
+              $renderAs: "ub1",
               onClick: () => n(t),
-              $opacity: i ? 0.5 : 1,
-              $disabled: i,
+              $opacity: o ? 0.5 : 1,
+              $disabled: o,
               children: t
             }
           ),

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-element.js","sources":["../../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.tsx"],"sourcesContent":["import { Fragment, type FC } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport * as Styled from '../../reward-n-actions-styled';\nimport type { IMenuElementProps } from './menu-element-types';\n\nconst MenuElement: FC<IMenuElementProps> = ({\n  options,\n  handleOnMenuOptionSelection,\n  width,\n  hideTooltip,\n}) => {\n  const optionDisabled = options.find(option => option.disable);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"You cannot review this sheet since your teacher has marked it as learned\"\n      hidden={hideTooltip || !optionDisabled}\n      widthX={12}\n    >\n      <Styled.MoreOptionsWrapper $width={width}>\n        {options.map(option => {\n          const { label, show, disable, separatorVisible } = option;\n\n          if (!show) return null;\n\n          return (\n            <Fragment key={label}>\n              <Styled.OptionCard\n                $renderAs=\"body1\"\n                onClick={() => handleOnMenuOptionSelection(label)}\n                $opacity={disable ? 0.5 : 1}\n                $disabled={disable}\n              >\n                {label}\n              </Styled.OptionCard>\n              {separatorVisible && <Styled.StyledSeparator $height={1} $background=\"GREY_2\" />}\n            </Fragment>\n          );\n        })}\n      </Styled.MoreOptionsWrapper>\n    </ArrowTooltip>\n  );\n};\n\nexport default MenuElement;\n"],"names":["MenuElement","options","handleOnMenuOptionSelection","width","hideTooltip","optionDisabled","option","jsx","ArrowTooltip","Styled.MoreOptionsWrapper","label","show","disable","separatorVisible","Fragment","Styled.OptionCard","Styled.StyledSeparator"],"mappings":";;;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAiBJ,EAAQ,KAAK,CAAAK,MAAUA,EAAO,OAAO;AAG1D,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQJ,KAAe,CAACC;AAAA,MACxB,QAAQ;AAAA,MAER,UAAA,gBAAAE,EAACE,GAAA,EAA0B,QAAQN,GAChC,UAAAF,EAAQ,IAAI,CAAUK,MAAA;AACrB,cAAM,EAAE,OAAAI,GAAO,MAAAC,GAAM,SAAAC,GAAS,kBAAAC,MAAqBP;AAE/C,eAACK,sBAGFG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMb,EAA4BQ,CAAK;AAAA,cAChD,UAAUE,IAAU,MAAM;AAAA,cAC1B,WAAWA;AAAA,cAEV,UAAAF;AAAA,YAAA;AAAA,UACH;AAAA,UACCG,uBAAqBG,GAAA,EAAuB,SAAS,GAAG,aAAY,UAAS;AAAA,QAAA,EAAA,GATjEN,CAUf,IAbgB;AAAA,MAenB,CAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"menu-element.js","sources":["../../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.tsx"],"sourcesContent":["import { Fragment, type FC } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport * as Styled from '../../reward-n-actions-styled';\nimport type { IMenuElementProps } from './menu-element-types';\n\nconst MenuElement: FC<IMenuElementProps> = ({\n  options,\n  handleOnMenuOptionSelection,\n  width,\n  hideTooltip,\n}) => {\n  const optionDisabled = options.find(option => option.disable);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"You cannot review this sheet since your teacher has marked it as learned\"\n      hidden={hideTooltip || !optionDisabled}\n      widthX={12}\n    >\n      <Styled.MoreOptionsWrapper $width={width}>\n        {options.map(option => {\n          const { label, show, disable, separatorVisible } = option;\n\n          if (!show) return null;\n\n          return (\n            <Fragment key={label}>\n              <Styled.OptionCard\n                $renderAs=\"ub1\"\n                onClick={() => handleOnMenuOptionSelection(label)}\n                $opacity={disable ? 0.5 : 1}\n                $disabled={disable}\n              >\n                {label}\n              </Styled.OptionCard>\n              {separatorVisible && <Styled.StyledSeparator $height={1} $background=\"GREY_2\" />}\n            </Fragment>\n          );\n        })}\n      </Styled.MoreOptionsWrapper>\n    </ArrowTooltip>\n  );\n};\n\nexport default MenuElement;\n"],"names":["MenuElement","options","handleOnMenuOptionSelection","width","hideTooltip","optionDisabled","option","jsx","ArrowTooltip","Styled.MoreOptionsWrapper","label","show","disable","separatorVisible","Fragment","Styled.OptionCard","Styled.StyledSeparator"],"mappings":";;;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAiBJ,EAAQ,KAAK,CAAAK,MAAUA,EAAO,OAAO;AAG1D,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQJ,KAAe,CAACC;AAAA,MACxB,QAAQ;AAAA,MAER,UAAA,gBAAAE,EAACE,GAAA,EAA0B,QAAQN,GAChC,UAAAF,EAAQ,IAAI,CAAUK,MAAA;AACrB,cAAM,EAAE,OAAAI,GAAO,MAAAC,GAAM,SAAAC,GAAS,kBAAAC,MAAqBP;AAE/C,eAACK,sBAGFG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMb,EAA4BQ,CAAK;AAAA,cAChD,UAAUE,IAAU,MAAM;AAAA,cAC1B,WAAWA;AAAA,cAEV,UAAAF;AAAA,YAAA;AAAA,UACH;AAAA,UACCG,uBAAqBG,GAAA,EAAuB,SAAS,GAAG,aAAY,UAAS;AAAA,QAAA,EAAA,GATjEN,CAUf,IAbgB;AAAA,MAenB,CAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { useTheme as T } from "styled-components";
 import R from "../../../../ui/text/text.js";
 import { COMPLETED_SHEET_STATE as h } from "../../../constants/sheet.js";
@@ -7,8 +7,8 @@ import { getRewardsBadgeUrl as x } from "./reward-n-actions-utils.js";
 import y from "./student-actions/student-actions.js";
 import C from "./teacher-actions/teacher-actions.js";
 const N = (r) => {
-  const { isDefocused: d, isSubjective: m, userType: o, sheet: l } = r, f = T(), { gutter: u } = f.layout, { accuracy: n, attempt_state: s, state: w, rewards: e } = l, p = h.includes(w), c = e && x(e), i = typeof n == "number" && (o === "STUDENT" ? !(m && s && s === "WAIT_FOR_REVIEW") : !0), g = p && e && e.length > 0 && c;
-  return /* @__PURE__ */ a(
+  const { isDefocused: d, isSubjective: m, userType: o, sheet: l } = r, f = T(), { gutter: u } = f.layout, { accuracy: n, attempt_state: c, state: p, rewards: e } = l, w = h.includes(p), a = e && x(e), s = typeof n == "number" && (o === "STUDENT" ? !(m && c && c === "WAIT_FOR_REVIEW") : !0), g = w && e && e.length > 0 && a;
+  return /* @__PURE__ */ i(
     A,
     {
       $flexDirection: "row",
@@ -16,7 +16,7 @@ const N = (r) => {
       $justifyContent: "flex-end",
       $flexGapX: 1,
       children: [
-        i && /* @__PURE__ */ a(
+        s && /* @__PURE__ */ i(
           E,
           {
             $flexDirection: "row",
@@ -24,8 +24,8 @@ const N = (r) => {
             $flexGap: u * 0.125,
             $isDefocused: d,
             children: [
-              g && /* @__PURE__ */ t($, { src: c }),
-              i && /* @__PURE__ */ t(R, { $renderAs: "eyebrow2", color: "BLACK", children: `${Math.ceil(n) || 0}%` })
+              g && /* @__PURE__ */ t($, { src: a }),
+              s && /* @__PURE__ */ t(R, { $renderAs: "ac4-black", color: "BLACK", children: `${Math.ceil(n) || 0}%` })
             ]
           }
         ),

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"reward-n-actions.js","sources":["../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../../../ui/text/text';\nimport { COMPLETED_SHEET_STATE } from '../../../constants/sheet';\nimport * as Styled from './reward-n-actions-styled';\nimport type { IRewardNActionsProps } from './reward-n-actions-types';\nimport { getRewardsBadgeUrl } from './reward-n-actions-utils';\nimport StudentActions from './student-actions/student-actions';\nimport TeacherActions from './teacher-actions/teacher-actions';\n\nconst RewardNActions: FC<IRewardNActionsProps> = props => {\n  const { isDefocused, isSubjective, userType, sheet } = props;\n\n  const theme = useTheme();\n  const { gutter } = theme.layout;\n\n  const { accuracy, attempt_state: attemptState, state, rewards } = sheet;\n  const sheetCompleted = COMPLETED_SHEET_STATE.includes(state);\n  const rewardsBadgeUrl = rewards && getRewardsBadgeUrl(rewards);\n\n  const waitingForReview = isSubjective && attemptState && attemptState === 'WAIT_FOR_REVIEW';\n  const renderAccuracy =\n    typeof accuracy === 'number' && (userType === 'STUDENT' ? !waitingForReview : true);\n  const renderRewardBadge = sheetCompleted && rewards && rewards.length > 0 && rewardsBadgeUrl;\n\n  return (\n    <Styled.RewardNActionsContainer\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"flex-end\"\n      $flexGapX={1}\n    >\n      {renderAccuracy && (\n        <Styled.RewardWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGap={gutter * 0.125}\n          $isDefocused={isDefocused}\n        >\n          {renderRewardBadge && <Styled.RewardBadgeImage src={rewardsBadgeUrl} />}\n\n          {renderAccuracy && (\n            <Text $renderAs=\"eyebrow2\" color=\"BLACK\">\n              {`${Math.ceil(accuracy) || 0}%`}\n            </Text>\n          )}\n        </Styled.RewardWrapper>\n      )}\n\n      {userType === 'TEACHER' ? <TeacherActions {...props} /> : <StudentActions {...props} />}\n    </Styled.RewardNActionsContainer>\n  );\n};\n\nexport default RewardNActions;\n"],"names":["RewardNActions","props","isDefocused","isSubjective","userType","sheet","theme","useTheme","gutter","accuracy","attemptState","state","rewards","sheetCompleted","COMPLETED_SHEET_STATE","rewardsBadgeUrl","getRewardsBadgeUrl","renderAccuracy","renderRewardBadge","jsxs","Styled.RewardNActionsContainer","Styled.RewardWrapper","jsx","Styled.RewardBadgeImage","Text","TeacherActions","StudentActions"],"mappings":";;;;;;;;AAWA,MAAMA,IAA2C,CAASC,MAAA;AACxD,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,UAAAC,GAAU,OAAAC,MAAUJ,GAEjDK,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QAEnB,EAAE,UAAAG,GAAU,eAAeC,GAAc,OAAAC,GAAO,SAAAC,EAAY,IAAAP,GAC5DQ,IAAiBC,EAAsB,SAASH,CAAK,GACrDI,IAAkBH,KAAWI,EAAmBJ,CAAO,GAGvDK,IACJ,OAAOR,KAAa,aAAaL,MAAa,YAAY,EAFnCD,KAAgBO,KAAgBA,MAAiB,qBAEM,KAC1EQ,IAAoBL,KAAkBD,KAAWA,EAAQ,SAAS,KAAKG;AAG3E,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,WAAW;AAAA,MAEV,UAAA;AAAA,QACCH,KAAA,gBAAAE;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,UAAUb,IAAS;AAAA,YACnB,cAAcN;AAAA,YAEb,UAAA;AAAA,cAAAgB,KAAsB,gBAAAI,EAAAC,GAAA,EAAwB,KAAKR,EAAiB,CAAA;AAAA,cAEpEE,KACC,gBAAAK,EAACE,GAAK,EAAA,WAAU,YAAW,OAAM,SAC9B,UAAA,GAAG,KAAK,KAAKf,CAAQ,KAAK,CAAC,KAC9B;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QAGDL,MAAa,YAAY,gBAAAkB,EAACG,GAAgB,EAAA,GAAGxB,GAAO,IAAK,gBAAAqB,EAACI,GAAgB,EAAA,GAAGzB,EAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3F;"}
+{"version":3,"file":"reward-n-actions.js","sources":["../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../../../ui/text/text';\nimport { COMPLETED_SHEET_STATE } from '../../../constants/sheet';\nimport * as Styled from './reward-n-actions-styled';\nimport type { IRewardNActionsProps } from './reward-n-actions-types';\nimport { getRewardsBadgeUrl } from './reward-n-actions-utils';\nimport StudentActions from './student-actions/student-actions';\nimport TeacherActions from './teacher-actions/teacher-actions';\n\nconst RewardNActions: FC<IRewardNActionsProps> = props => {\n  const { isDefocused, isSubjective, userType, sheet } = props;\n\n  const theme = useTheme();\n  const { gutter } = theme.layout;\n\n  const { accuracy, attempt_state: attemptState, state, rewards } = sheet;\n  const sheetCompleted = COMPLETED_SHEET_STATE.includes(state);\n  const rewardsBadgeUrl = rewards && getRewardsBadgeUrl(rewards);\n\n  const waitingForReview = isSubjective && attemptState && attemptState === 'WAIT_FOR_REVIEW';\n  const renderAccuracy =\n    typeof accuracy === 'number' && (userType === 'STUDENT' ? !waitingForReview : true);\n  const renderRewardBadge = sheetCompleted && rewards && rewards.length > 0 && rewardsBadgeUrl;\n\n  return (\n    <Styled.RewardNActionsContainer\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"flex-end\"\n      $flexGapX={1}\n    >\n      {renderAccuracy && (\n        <Styled.RewardWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGap={gutter * 0.125}\n          $isDefocused={isDefocused}\n        >\n          {renderRewardBadge && <Styled.RewardBadgeImage src={rewardsBadgeUrl} />}\n\n          {renderAccuracy && (\n            <Text $renderAs=\"ac4-black\" color=\"BLACK\">\n              {`${Math.ceil(accuracy) || 0}%`}\n            </Text>\n          )}\n        </Styled.RewardWrapper>\n      )}\n\n      {userType === 'TEACHER' ? <TeacherActions {...props} /> : <StudentActions {...props} />}\n    </Styled.RewardNActionsContainer>\n  );\n};\n\nexport default RewardNActions;\n"],"names":["RewardNActions","props","isDefocused","isSubjective","userType","sheet","theme","useTheme","gutter","accuracy","attemptState","state","rewards","sheetCompleted","COMPLETED_SHEET_STATE","rewardsBadgeUrl","getRewardsBadgeUrl","renderAccuracy","renderRewardBadge","jsxs","Styled.RewardNActionsContainer","Styled.RewardWrapper","jsx","Styled.RewardBadgeImage","Text","TeacherActions","StudentActions"],"mappings":";;;;;;;;AAWA,MAAMA,IAA2C,CAASC,MAAA;AACxD,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,UAAAC,GAAU,OAAAC,MAAUJ,GAEjDK,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QAEnB,EAAE,UAAAG,GAAU,eAAeC,GAAc,OAAAC,GAAO,SAAAC,EAAY,IAAAP,GAC5DQ,IAAiBC,EAAsB,SAASH,CAAK,GACrDI,IAAkBH,KAAWI,EAAmBJ,CAAO,GAGvDK,IACJ,OAAOR,KAAa,aAAaL,MAAa,YAAY,EAFnCD,KAAgBO,KAAgBA,MAAiB,qBAEM,KAC1EQ,IAAoBL,KAAkBD,KAAWA,EAAQ,SAAS,KAAKG;AAG3E,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,WAAW;AAAA,MAEV,UAAA;AAAA,QACCH,KAAA,gBAAAE;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,UAAUb,IAAS;AAAA,YACnB,cAAcN;AAAA,YAEb,UAAA;AAAA,cAAAgB,KAAsB,gBAAAI,EAAAC,GAAA,EAAwB,KAAKR,EAAiB,CAAA;AAAA,cAEpEE,KACC,gBAAAK,EAACE,GAAK,EAAA,WAAU,aAAY,OAAM,SAC/B,UAAA,GAAG,KAAK,KAAKf,CAAQ,KAAK,CAAC,KAC9B;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QAGDL,MAAa,YAAY,gBAAAkB,EAACG,GAAgB,EAAA,GAAGxB,GAAO,IAAK,gBAAAqB,EAACI,GAAgB,EAAA,GAAGzB,EAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3F;"}