@cuemath/leap 3.1.15 → 3.1.17-hg1

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 type {\n  IMileStoneFormFields,\n  TMilestonePayload,\n} from '../../../create/milestone-create-types';\nimport type { TTestType } from '../../../types';\nimport type { IPastMilestoneProps } from './past-milestone-types';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } 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 PastMilestoneForm from './past-milestone-form';\nimport { FooterWrapper } from './past-milestone-styled';\nimport Question from './question';\n\nconst PastMilestoneContainer: React.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":";;;;;;;;;;;;;;;AAuBA,MAAMA,KAAwD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAOC;AAAA,EACP,cAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAoB,GAC9C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1C,CAACG,GAAUC,CAAW,IAAIJ,EAA+B,EAAE,OAAOJ,GAAW,GAC7E,CAACS,GAAkBC,CAAmB,IAAIN,EAAS,EAAE,GACrD,EAAE,KAAKO,GAAW,MAAMC,EAAA,IAAeC,KACvC,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAAYC,EAAOC,EAAA,CAAQ,GAE3BC,IAAkBC;AAAA,IACtB,MACEC,EAAkB;AAAA,MAAO,CAAC,EAAE,IAAAC,EAAG,MAC7BrB,MAAiB,SAASqB,MAAO,YAAYA,MAAO;AAAA,IACtD;AAAA,IACF,CAACrB,CAAY;AAAA,EAAA,GAGTsB,IAAcH,EAAQ,2BACR,QAEL,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC,GACtC,CAAE,CAAA,GAGCI,IAAmBJ,EAAQ,MAAM;AAC/B,UAAAK,wBAAY;AAElB,WAAAA,EAAM,YAAYA,EAAM,YAAY,IAAI,CAAC,GAElCA,EAAM,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC;AAAA,EACzC,GAAG,CAAE,CAAA,GAECC,IAAuBC;AAAA,IAC3B,CAACC,MAAsC;AACrC,YAAM,EAAE,kBAAAC,EAAA,IAAqBD,KAAe;AAE5C,MACEnB,KACAoB,KACAN,KACAC,KACAK,KAAoBN,KACpBM,IAAmBL,KAEnBd,EAAoB,EAAE,GAGxBF,EAAY,QAAiB,EAAE,GAAGsB,GAAc,GAAGF,EAAc,EAAA;AAAA,IACnE;AAAA,IACA,CAACL,GAAad,GAAkBe,CAAgB;AAAA,EAAA,GAE5CO,IAAiB,CAACC,GAA6BC,MAAmC;AACtF,QAAID;AACF,MAAAjC,EAAQiC,CAAY;AAAA,SACf;AACL,YAAM,EAAE,IAAIE,IAAc,GAAG,IAAID,KAAQ,CAAA;AAEzC,MAAAnB,EAAW,0BAA0B;AAAA,QACnC,cAAcoB;AAAA,QACd,wBAAwBlB,EAAU;AAAA,MAAA,CACnC,GACDlB,EAASoC,CAAqB;AAAA,IAChC;AAAA,EAAA;AAGF,EAAAC,EAAU,MAAM;AACd,IAAArB,EAAW,4BAA4B;AAAA,MACrC,wBAAwBE,EAAU;AAAA,IAAA,CACnC;AAAA,EAAA,GACA,CAACF,CAAU,CAAC,GAEfqB,EAAU,MAAM;AACd,IAAAxB,EAAU,IAAI,MAAS;AAAA,EAAA,GACtB,CAACA,CAAS,CAAC;AACd,QAAM,EAAE,MAAMyB,GAAe,cAAAC,EAAA,IAAiBC,EAAiB;AAAA,IAC7D,YAAYP;AAAA,EAAA,CACb,GACKQ,IAAuB,CAACC,MAA6B;AACzD,IAAArC,EAAYqC,CAAa,GACbhC,EAAA,EAAE,OAAOR,EAAA,CAAW;AAAA,EAAA,GAG5ByC,IAAkB,MAAM;AAC5B,UAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,kBAAAf,GAAkB,iBAAAgB,EAAoB,IAAAtC;AAEtE,QACEsB,KACAN,KACAC,MACCK,IAAmBN,KAAeM,IAAmBL,IACtD;AACA,MAAIK,IAAmBN,IACrBb,EAAoB,0BAA0B,IAE9CA,EAAoB,8CAA8C;AAGpE;AAAA,IACF;AAEA,UAAMoC,IAA6B;AAAA,MACjC,OAAAJ;AAAA,MACA,WAAWC;AAAA,MACX,OAAAC;AAAA,MACA,eAAe3C;AAAA,MACf,mBAAmB4B,IAAmB,IAAI,KAAKA,CAAgB,EAAE,QAAA,IAAY,MAAO;AAAA,MACpF,mBAAmBgB;AAAA,MACnB,SAAS;AAAA,IAAA;AAGX,IAAAT,EAAcU,GAAS;AAAA,MACrB,WAAAlD;AAAA,IAAA,CACD;AAAA,EAAA;AAGH,SAAKA,IAMD,gBAAAmD,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAS,EAAA,SAAS,eAAe,aAAY,UAC5C,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,QAAO;AAAA,UACP,YAAW;AAAA,UACX,SAAS;AAAA,UACT,gBAAgB;AAAA,UACjB,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAASlC;AAAA,cACT,OAAOjB;AAAA,cACP,QAAQ;AAAA,cACR,UAAUqC;AAAA,cACV,gBAAe;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MAEJ;AAAA,MACC3B,KAAcV,KACb,gBAAAgD;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAQ1C;AAAA,UACR,UAAAV;AAAA,UACA,aAAAL;AAAA,UACA,UAAAU;AAAA,UACA,kBAAkBmB;AAAA,UAClB,sBAAsBpB;AAAA,UACtB,cAAcG;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA,GAEJ;AAAA,IACCP,uBACEqD,GACC,EAAA,UAAA,gBAAAL,EAACD,KAAS,gBAAe,OAAM,iBAAgB,UAC7C,UAAA,gBAAAC;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAMC;AAAA,QACN,SAAShB;AAAA,QACT,UAAU,CAACpC;AAAA,QACX,MAAMgC;AAAA,QACN,cAAa;AAAA,QACb,gBAAgB;AAAA,UACd,wBAAwBrB,EAAU;AAAA,QACpC;AAAA,MAAA;AAAA,OAEJ,EACF,CAAA;AAAA,EAEJ,EAAA,CAAA,IA3DO,gBAAAkC,EAAC,SAAI,UAAK,QAAA,CAAA;AA6DrB;"}
+{"version":3,"file":"past-milestone-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-container.tsx"],"sourcesContent":["import type {\n  IMileStoneFormFields,\n  TMilestonePayload,\n} from '../../../create/milestone-create-types';\nimport type { TTestType } from '../../../types';\nimport type { IPastMilestoneProps } from './past-milestone-types';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } 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 PastMilestoneForm from './past-milestone-form';\nimport { FooterWrapper } from './past-milestone-styled';\nimport Question from './question';\n\nconst PastMilestoneContainer: React.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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"past-milestone-form.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-form.tsx"],"sourcesContent":["import type { IPastMilestoneFormProps } from './past-milestone-types';\n\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport GradeSelector from '../../../../ui/grade-selector/grade-selector';\nimport SearchableSelectInput from '../../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport TextInput from '../../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getSchoolTestsFromConfig } from '../../../create/milestone-create-helpers';\nimport Question from './question';\n\nconst PastMilestoneForm: React.FC<IPastMilestoneFormProps> = ({\n  config,\n  studentName,\n  testType,\n  formData,\n  onFormDataChange,\n  onFormValidityChange,\n  errorMessage,\n}) => {\n  const { grades } = config;\n  const { grade, testName, milestoneEndDate } = formData;\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  const { academicEventId } = formData;\n  const { academic_events: academicEvents } = config;\n\n  const currentDate = useMemo(() => {\n    return new Date().toISOString().split('T')[0];\n  }, []);\n\n  const [standardizedEvents] = useMemo(() => {\n    let unknownTestEventId;\n\n    const events = academicEvents\n      .filter(\n        ({\n          id,\n          event_code: eventCode,\n          event_type: eventType,\n          available_grade_and_syllabus_map: availableInGradeSyllabusMap,\n        }) => {\n          const availableGrades = Object.keys(availableInGradeSyllabusMap ?? {});\n\n          if (eventCode === 'UNKNOWN') {\n            unknownTestEventId = id;\n          }\n\n          if (grade && !availableGrades.includes(grade)) {\n            return false;\n          }\n\n          return eventType === 'STANDARDISED_TEST' && eventCode !== 'UNKNOWN';\n        },\n      )\n      .map(({ id, event_name: academicEventName }) => ({\n        id,\n        label: academicEventName,\n      }));\n\n    return [events, unknownTestEventId];\n  }, [academicEvents, grade]);\n\n  useEffect(() => {\n    const isValid = !!grade && !!milestoneEndDate && !!testName;\n\n    onFormValidityChange(isValid);\n  }, [grade, milestoneEndDate, onFormValidityChange, testName]);\n\n  const handleTestChange = useCallback(\n    (eventId: string) => {\n      const academicEvent = academicEvents.find(({ id }) => id === eventId);\n\n      if (grade) {\n        const {\n          available_grade_and_syllabus_map: availableInGradeSyllabusMapFromResponse,\n          event_name: academicTestName,\n        } = academicEvent || {};\n        const availableInGradeSyllabusMap = availableInGradeSyllabusMapFromResponse ?? {};\n        const doesGradeHaveSyllabus = availableInGradeSyllabusMap[grade];\n\n        if (doesGradeHaveSyllabus) {\n          onFormDataChange({\n            testName: academicTestName,\n            academicEventId: eventId,\n            standardizedTestType: 'known', //TODO: check if this is even required\n          });\n        } else {\n          onFormDataChange({\n            testName: academicTestName,\n            academicEventId: eventId,\n            standardizedTestType: 'incomplete',\n          });\n        }\n      }\n    },\n    [academicEvents, grade, onFormDataChange],\n  );\n\n  const handleGradeSelect = useCallback(\n    (selectedGrade: string) => {\n      onFormDataChange({\n        grade: selectedGrade,\n      });\n    },\n    [onFormDataChange],\n  );\n\n  const handleDateChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      const value = event.target.value;\n\n      if (!value) return;\n\n      onFormDataChange({\n        milestoneEndDate: value,\n      });\n    },\n    [onFormDataChange],\n  );\n\n  const schoolTests = useMemo(() => getSchoolTestsFromConfig(config), [config]);\n  const testTypeOptions = testType === 'standardized' ? standardizedEvents : schoolTests;\n\n  return (\n    <FlexView>\n      <Question\n        index={1}\n        description={`What is ${studentName}'s class?`}\n        inputComponent={\n          <GradeSelector\n            grades={grades}\n            size=\"medium\"\n            layoutAlignment=\"auto\"\n            width={gutter * 43.75}\n            tabsWidth={gutter * 5.25}\n            selectedValue={grade}\n            onSelect={handleGradeSelect}\n          />\n        }\n      />\n      {grade && (\n        <Question\n          index={2}\n          description=\"What is the test called?\"\n          inputComponent={\n            <SearchableSelectInput\n              renderAs=\"primary\"\n              label=\"Test name\"\n              options={testTypeOptions}\n              value={academicEventId}\n              onChange={handleTestChange}\n              widthX={24}\n            />\n          }\n        />\n      )}\n      {grade && (\n        <Question\n          index={3}\n          description=\"When was the test?\"\n          inputComponent={\n            <TextInput\n              renderAs=\"primary\"\n              type=\"date\"\n              widthX={19.5}\n              label=\"Date\"\n              value={milestoneEndDate}\n              onChange={handleDateChange}\n              max={currentDate}\n              errorMessage={errorMessage}\n            />\n          }\n        />\n      )}\n    </FlexView>\n  );\n};\n\nexport default PastMilestoneForm;\n"],"names":["PastMilestoneForm","config","studentName","testType","formData","onFormDataChange","onFormValidityChange","errorMessage","grades","grade","testName","milestoneEndDate","gutter","useTheme","academicEventId","academicEvents","currentDate","useMemo","standardizedEvents","unknownTestEventId","id","eventCode","eventType","availableInGradeSyllabusMap","availableGrades","academicEventName","useEffect","handleTestChange","useCallback","eventId","academicEvent","availableInGradeSyllabusMapFromResponse","academicTestName","doesGradeHaveSyllabus","handleGradeSelect","selectedGrade","handleDateChange","event","value","schoolTests","getSchoolTestsFromConfig","testTypeOptions","FlexView","jsx","Question","GradeSelector","SearchableSelectInput","TextInput"],"mappings":"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"}
+{"version":3,"file":"past-milestone-form.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-form.tsx"],"sourcesContent":["import type { IPastMilestoneFormProps } from './past-milestone-types';\n\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport GradeSelector from '../../../../ui/grade-selector/grade-selector';\nimport SearchableSelectInput from '../../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport TextInput from '../../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getSchoolTestsFromConfig } from '../../../create/milestone-create-helpers';\nimport Question from './question';\n\nconst PastMilestoneForm: React.FC<IPastMilestoneFormProps> = ({\n  config,\n  studentName,\n  testType,\n  formData,\n  onFormDataChange,\n  onFormValidityChange,\n  errorMessage,\n}) => {\n  const { grades } = config;\n  const { grade, testName, milestoneEndDate } = formData;\n  const {\n    layout: { gutter },\n  } = useTheme();\n\n  const { academicEventId } = formData;\n  const { academic_events: academicEvents } = config;\n\n  const currentDate = useMemo(() => {\n    return new Date().toISOString().split('T')[0];\n  }, []);\n\n  const [standardizedEvents] = useMemo(() => {\n    let unknownTestEventId;\n\n    const events = academicEvents\n      .filter(\n        ({\n          id,\n          event_code: eventCode,\n          event_type: eventType,\n          available_grade_and_syllabus_map: availableInGradeSyllabusMap,\n        }) => {\n          const availableGrades = Object.keys(availableInGradeSyllabusMap ?? {});\n\n          if (eventCode === 'UNKNOWN') {\n            unknownTestEventId = id;\n          }\n\n          if (grade && !availableGrades.includes(grade)) {\n            return false;\n          }\n\n          return eventType === 'STANDARDISED_TEST' && eventCode !== 'UNKNOWN';\n        },\n      )\n      .map(({ id, event_name: academicEventName }) => ({\n        id,\n        label: academicEventName,\n      }));\n\n    return [events, unknownTestEventId];\n  }, [academicEvents, grade]);\n\n  useEffect(() => {\n    const isValid = !!grade && !!milestoneEndDate && !!testName;\n\n    onFormValidityChange(isValid);\n  }, [grade, milestoneEndDate, onFormValidityChange, testName]);\n\n  const handleTestChange = useCallback(\n    (eventId: string) => {\n      const academicEvent = academicEvents.find(({ id }) => id === eventId);\n\n      if (grade) {\n        const {\n          available_grade_and_syllabus_map: availableInGradeSyllabusMapFromResponse,\n          event_name: academicTestName,\n        } = academicEvent || {};\n        const availableInGradeSyllabusMap = availableInGradeSyllabusMapFromResponse ?? {};\n        const doesGradeHaveSyllabus = availableInGradeSyllabusMap[grade];\n\n        if (doesGradeHaveSyllabus) {\n          onFormDataChange({\n            testName: academicTestName,\n            academicEventId: eventId,\n            standardizedTestType: 'known', //TODO: check if this is even required\n          });\n        } else {\n          onFormDataChange({\n            testName: academicTestName,\n            academicEventId: eventId,\n            standardizedTestType: 'incomplete',\n          });\n        }\n      }\n    },\n    [academicEvents, grade, onFormDataChange],\n  );\n\n  const handleGradeSelect = useCallback(\n    (selectedGrade: string) => {\n      onFormDataChange({\n        grade: selectedGrade,\n      });\n    },\n    [onFormDataChange],\n  );\n\n  const handleDateChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      const value = event.target.value;\n\n      if (!value) return;\n\n      onFormDataChange({\n        milestoneEndDate: value,\n      });\n    },\n    [onFormDataChange],\n  );\n\n  const schoolTests = useMemo(() => getSchoolTestsFromConfig(config), [config]);\n  const testTypeOptions = testType === 'standardized' ? standardizedEvents : schoolTests;\n\n  return (\n    <FlexView>\n      <Question\n        index={1}\n        description={`What is ${studentName}'s class?`}\n        inputComponent={\n          <GradeSelector\n            grades={grades}\n            size=\"medium\"\n            layoutAlignment=\"auto\"\n            width={gutter * 43.75}\n            tabsWidth={gutter * 5.25}\n            selectedValue={grade}\n            onSelect={handleGradeSelect}\n          />\n        }\n      />\n      {grade && (\n        <Question\n          index={2}\n          description=\"What is the test called?\"\n          inputComponent={\n            <SearchableSelectInput\n              renderAs=\"primary\"\n              label=\"Test name\"\n              options={testTypeOptions}\n              value={academicEventId}\n              onChange={handleTestChange}\n              widthX={24}\n            />\n          }\n        />\n      )}\n      {grade && (\n        <Question\n          index={3}\n          description=\"When was the test?\"\n          inputComponent={\n            <TextInput\n              renderAs=\"primary\"\n              type=\"date\"\n              widthX={19.5}\n              label=\"Date\"\n              value={milestoneEndDate}\n              onChange={handleDateChange}\n              max={currentDate}\n              errorMessage={errorMessage}\n            />\n          }\n        />\n      )}\n    </FlexView>\n  );\n};\n\nexport default PastMilestoneForm;\n"],"names":["PastMilestoneForm","config","studentName","testType","formData","onFormDataChange","onFormValidityChange","errorMessage","grades","grade","testName","milestoneEndDate","gutter","useTheme","academicEventId","academicEvents","currentDate","useMemo","standardizedEvents","unknownTestEventId","id","eventCode","eventType","availableInGradeSyllabusMap","availableGrades","academicEventName","useEffect","handleTestChange","useCallback","eventId","academicEvent","availableInGradeSyllabusMapFromResponse","academicTestName","doesGradeHaveSyllabus","handleGradeSelect","selectedGrade","handleDateChange","event","value","schoolTests","getSchoolTestsFromConfig","testTypeOptions","FlexView","jsx","Question","GradeSelector","SearchableSelectInput","TextInput"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"past-milestone-styled.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst FooterWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      flex-shrink: 0;\n      height: ${gutter * 4.5}px;\n      background-color: ${colors.YELLOW_1};\n      border-radius: ${gutter * 0.625}px;\n    `;\n});\n\nexport { FooterWrapper };\n"],"names":["FooterWrapper","styled","theme","gutter","colors"],"mappings":";AAEA,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EACE,IAAAF;AAEG,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMOC,IAAS,GAAG;AAAA,0BACFC,EAAO,QAAQ;AAAA,uBAClBD,IAAS,KAAK;AAAA;AAErC,CAAC;"}
+{"version":3,"file":"past-milestone-styled.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst FooterWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      flex-shrink: 0;\n      height: ${gutter * 4.5}px;\n      background-color: ${colors.YELLOW_1};\n      border-radius: ${gutter * 0.625}px;\n    `;\n});\n\nexport { FooterWrapper };\n"],"names":["FooterWrapper","styled","theme","gutter","colors"],"mappings":";AAEA,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EAAA,IACEF;AAEG,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMOC,IAAS,GAAG;AAAA,0BACFC,EAAO,QAAQ;AAAA,uBAClBD,IAAS,KAAK;AAAA;AAErC,CAAC;"}

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 { QuestionProps } from './past-milestone-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst Question: React.FC<QuestionProps> = ({ index, description, inputComponent }): JSX.Element => {\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":";;;AAOA,MAAMA,IAAoC,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,QAE7D,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 { QuestionProps } from './past-milestone-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst Question: React.FC<QuestionProps> = ({ index, description, inputComponent }): JSX.Element => {\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":";;;AAOA,MAAMA,IAAoC,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,QAE7D,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;AAAA,GACH;"}

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

@@ -1,5 +1,5 @@
-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 { jsxs as s, Fragment as V, jsx as o } from "react/jsx-runtime";
+import { h as $ } from "../../../node_modules/humanize-plus/dist/humanize.js";
 import { useState as c, useMemo as d } from "react";
 import { useTheme as w } from "styled-components";
 import K from "../../../assets/line-icons/icons/cross.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 { STAGES as t, STAGE_ORDER as q, ACHIEVEMENT_ACTIONS as S } from "./milestone-outcome-constants.js";
 import { calculateStepsInfo as B } from "./outcome-helpers.js";
-const J = ({
-  milestoneId: S,
+const le = ({
+  milestoneId: C,
   studentName: E,
   studentId: T,
   onComplete: l,
@@ -27,19 +27,19 @@ const J = ({
 }) => {
   const {
     layout: { gutter: a }
-  } = w(), [n, p] = c(r), [N, _] = c(S || ""), [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) => {
-    const h = {
+  } = w(), [i, p] = c(r), [N, _] = c(C || ""), [h, x] = c(), v = (e) => {
+    const { user_milestone_achievement: n } = e || {};
+    x(e), n && n.id ? p(t.ACHIEVEMENT_UNLOCKED) : l(t.MILESTONE_OUTCOME, e);
+  }, u = (e, n) => {
+    const O = {
       achievementAction: e,
-      ...u
+      ...h
     };
-    i && (h.selectedAssetId = i), l(t.ACHIEVEMENT_UNLOCKED, h);
-  }, { user_milestone_achievement: L } = u || {}, { id: H = "" } = L || {}, D = (e) => {
+    n && (O.selectedAssetId = n), l(t.ACHIEVEMENT_UNLOCKED, O);
+  }, { user_milestone_achievement: L } = h || {}, { 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;
-  return /* @__PURE__ */ s($, { children: [
+  }, U = d(() => q.findIndex((e) => e.value === i) + 1, [i]), b = d(() => B(r), [r]), g = i !== t.ACHIEVEMENT_UNLOCKED && r === t.PAST_MILESTONE;
+  return /* @__PURE__ */ s(V, { 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 }),
@@ -47,18 +47,18 @@ const J = ({
       ] }) }),
       g && /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(j, { stepsInfo: b, currentStep: U }) })
     ] }),
-    n === t.PAST_MILESTONE && /* @__PURE__ */ o(
+    i === t.PAST_MILESTONE && /* @__PURE__ */ o(
       z,
       {
         studentId: T || "",
-        studentName: V.titleCase(E),
+        studentName: $.titleCase(E),
         onSubmit: D,
         onError: m,
         grade: M,
         courseStream: A
       }
     ),
-    n === t.MILESTONE_OUTCOME && /* @__PURE__ */ o(
+    i === t.MILESTONE_OUTCOME && /* @__PURE__ */ o(
       X,
       {
         studentName: E,
@@ -67,19 +67,19 @@ const J = ({
         onError: m
       }
     ),
-    n === t.ACHIEVEMENT_UNLOCKED && /* @__PURE__ */ o(
+    i === t.ACHIEVEMENT_UNLOCKED && /* @__PURE__ */ o(
       W,
       {
         milestoneAchievementId: H,
-        onShare: (e) => O(C.SHARE, e),
-        onNotToShare: () => O(C.NOT_SHARE_CHOSEN),
+        onShare: (e) => u(S.SHARE, e),
+        onNotToShare: () => u(S.NOT_SHARE_CHOSEN),
         onError: m,
         achievementConfig: I
       }
     )
   ] });
-}, ae = J;
+};
 export {
-  ae as default
+  le as default
 };
 //# sourceMappingURL=milestone-outcome-container.js.map

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 type {\n  IMilestoneOutcomeContainer,\n  IMilestoneOutcomeResponse,\n  IOutcomeStageData,\n  OutcomeStage,\n} from './milestone-outcome-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { useMemo, useState } 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 { calculateStepsInfo } from './outcome-helpers';\n\nconst MilestoneOutcomeContainer: React.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 type {\n  IMilestoneOutcomeContainer,\n  IMilestoneOutcomeResponse,\n  IOutcomeStageData,\n  OutcomeStage,\n} from './milestone-outcome-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { useMemo, useState } 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 { calculateStepsInfo } from './outcome-helpers';\n\nconst MilestoneOutcomeContainer: React.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"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-outcome-styled.js","sources":["../../../../src/features/milestone/outcome/milestone-outcome-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ImageContainer = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 440px;\n  height: 440px;\n`;\n\nconst StyledImage = styled.img`\n  width: 100%;\n  height: auto;\n  max-width: 440px;\n  max-height: 440px;\n`;\n\nconst ButtonWrapper = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nconst StyledTextArea = styled.textarea(({ theme }) => {\n  const {\n    colors: { GREY_4, BLACK },\n    layout: { gutter },\n  } = theme;\n\n  return `border: 1px solid ${GREY_4};\n  border-radius: 8px;\n  width: 100%;\n  height: ${gutter * 7.5};\n  padding: 16px;\n  white-space: pre-line;\n  font-family: 'Untitled Sans Regular';\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ${BLACK};\n  resize: none;\n`;\n});\n\nconst ModalWrapper = styled(FlexView)`\n  max-width: 512px;\n`;\n\nexport { ImageContainer, StyledImage, ButtonWrapper, StyledTextArea, ModalWrapper };\n"],"names":["ImageContainer","styled","StyledImage","ButtonWrapper","StyledTextArea","theme","GREY_4","BLACK","gutter","ModalWrapper","FlexView"],"mappings":";;AAIA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOxBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBG,IAAiBH,EAAO,SAAS,CAAC,EAAE,OAAAI,QAAY;AAC9C,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,GAAQ,OAAAC,EAAM;AAAA,IACxB,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAH;AAEJ,SAAO,qBAAqBC,CAAM;AAAA;AAAA;AAAA,YAGxBE,IAAS,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAObD,CAAK;AAAA;AAAA;AAGhB,CAAC,GAEKE,IAAeR,EAAOS,CAAQ;AAAA;AAAA;"}
+{"version":3,"file":"milestone-outcome-styled.js","sources":["../../../../src/features/milestone/outcome/milestone-outcome-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ImageContainer = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 440px;\n  height: 440px;\n`;\n\nconst StyledImage = styled.img`\n  width: 100%;\n  height: auto;\n  max-width: 440px;\n  max-height: 440px;\n`;\n\nconst ButtonWrapper = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nconst StyledTextArea = styled.textarea(({ theme }) => {\n  const {\n    colors: { GREY_4, BLACK },\n    layout: { gutter },\n  } = theme;\n\n  return `border: 1px solid ${GREY_4};\n  border-radius: 8px;\n  width: 100%;\n  height: ${gutter * 7.5};\n  padding: 16px;\n  white-space: pre-line;\n  font-family: 'Untitled Sans Regular';\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ${BLACK};\n  resize: none;\n`;\n});\n\nconst ModalWrapper = styled(FlexView)`\n  max-width: 512px;\n`;\n\nexport { ImageContainer, StyledImage, ButtonWrapper, StyledTextArea, ModalWrapper };\n"],"names":["ImageContainer","styled","StyledImage","ButtonWrapper","StyledTextArea","theme","GREY_4","BLACK","gutter","ModalWrapper","FlexView"],"mappings":";;AAIA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOxBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBG,IAAiBH,EAAO,SAAS,CAAC,EAAE,OAAAI,QAAY;AAC9C,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,GAAQ,OAAAC,EAAM;AAAA,IACxB,QAAQ,EAAE,QAAAC,EAAO;AAAA,EAAA,IACfH;AAEJ,SAAO,qBAAqBC,CAAM;AAAA;AAAA;AAAA,YAGxBE,IAAS,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAObD,CAAK;AAAA;AAAA;AAGhB,CAAC,GAEKE,IAAeR,EAAOS,CAAQ;AAAA;AAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"outcome-helpers.js","sources":["../../../../src/features/milestone/outcome/outcome-helpers.ts"],"sourcesContent":["import { STAGE_ORDER } from './milestone-outcome-constants';\n\nexport const calculateStepsInfo = (entryStage: string) => {\n  const entryStageIndex = STAGE_ORDER.findIndex(s => s.value === entryStage);\n  const lastStageIndex = STAGE_ORDER.length - 1;\n\n  return STAGE_ORDER.slice(entryStageIndex, lastStageIndex).map(stage => ({\n    id: stage.id,\n    label: stage.label,\n  }));\n};\n"],"names":["calculateStepsInfo","entryStage","entryStageIndex","STAGE_ORDER","s","lastStageIndex","stage"],"mappings":";AAEa,MAAAA,IAAqB,CAACC,MAAuB;AACxD,QAAMC,IAAkBC,EAAY,UAAU,CAAKC,MAAAA,EAAE,UAAUH,CAAU,GACnEI,IAAiBF,EAAY,SAAS;AAE5C,SAAOA,EAAY,MAAMD,GAAiBG,CAAc,EAAE,IAAI,CAAUC,OAAA;AAAA,IACtE,IAAIA,EAAM;AAAA,IACV,OAAOA,EAAM;AAAA,EACb,EAAA;AACJ;"}
+{"version":3,"file":"outcome-helpers.js","sources":["../../../../src/features/milestone/outcome/outcome-helpers.ts"],"sourcesContent":["import { STAGE_ORDER } from './milestone-outcome-constants';\n\nexport const calculateStepsInfo = (entryStage: string) => {\n  const entryStageIndex = STAGE_ORDER.findIndex(s => s.value === entryStage);\n  const lastStageIndex = STAGE_ORDER.length - 1;\n\n  return STAGE_ORDER.slice(entryStageIndex, lastStageIndex).map(stage => ({\n    id: stage.id,\n    label: stage.label,\n  }));\n};\n"],"names":["calculateStepsInfo","entryStage","entryStageIndex","STAGE_ORDER","s","lastStageIndex","stage"],"mappings":";AAEa,MAAAA,IAAqB,CAACC,MAAuB;AACxD,QAAMC,IAAkBC,EAAY,UAAU,CAAKC,MAAAA,EAAE,UAAUH,CAAU,GACnEI,IAAiBF,EAAY,SAAS;AAE5C,SAAOA,EAAY,MAAMD,GAAiBG,CAAc,EAAE,IAAI,CAAUC,OAAA;AAAA,IACtE,IAAIA,EAAM;AAAA,IACV,OAAOA,EAAM;AAAA,EAAA,EACb;AACJ;"}

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

@@ -6,7 +6,7 @@ import d 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";
-const p = h(
+const C = h(
   ({ userType: i, studentName: a = "", handleOnClick: l }) => {
     const { PUZZLE_STUDENT: s } = m, r = i === "TEACHER";
     return /* @__PURE__ */ e(n, { $alignItems: "center", $height: r ? "100%" : "calc(100vh - 56px)", $justifyContent: "center", children: /* @__PURE__ */ t(
@@ -41,8 +41,8 @@ const p = h(
       }
     ) });
   }
-), I = p;
+);
 export {
-  I as default
+  C 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 type { IMilestoneStartProps } from './milestone-start-types';\n\nimport { capitalize } from 'humanize-plus';\nimport React, { memo } 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';\n\nconst MilestoneStart: React.FC<IMilestoneStartProps> = memo(\n  ({ userType, studentName = '', handleOnClick }) => {\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);\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":";;;;;;;;AAWA,MAAMA,IAAiDC;AAAA,EACrD,CAAC,EAAE,UAAAC,GAAU,aAAAC,IAAc,IAAI,eAAAC,QAAoB;AAC3C,UAAA,EAAE,gBAAAC,EAAmB,IAAAC,GACrBC,IAAYL,MAAa;AAG/B,6BACGM,GAAS,EAAA,aAAY,UAAS,SAHlBD,IAAY,SAAS,sBAGc,iBAAgB,UAC9D,UAAA,gBAAAE;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,WAAW;AAAA,QAEV,UAAA;AAAA,UAAAD,IACE,gBAAAE,EAAAC,GAAA,EAAK,WAAU,MAAK,QAAO,UAAS,UAAA;AAAA,YAAA;AAAA,YAC3BC,EAAAA,WAAWR,CAAW;AAAA,YAAE;AAAA,UAClC,EAAA,CAAA,sBAECO,GAAK,EAAA,WAAU,MAAK,SAAS,QAAQ,QAAO,UAAS,UAEtD,wEAAA,CAAA;AAAA,UAGF,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,KAAKR;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAI;AAAA,YAAA;AAAA,UACN;AAAA,UAECE,uBAAcO,GAAO,EAAA,UAAS,aAAY,OAAM,cAAa,SAASV,GAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAE1F,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAW,IAAef;"}
+{"version":3,"file":"milestone-start.js","sources":["../../../../src/features/milestone/start/milestone-start.tsx"],"sourcesContent":["import type { IMilestoneStartProps } from './milestone-start-types';\n\nimport { capitalize } from 'humanize-plus';\nimport React, { memo } 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';\n\nconst MilestoneStart: React.FC<IMilestoneStartProps> = memo(\n  ({ userType, studentName = '', handleOnClick }) => {\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);\n\nexport default MilestoneStart;\n"],"names":["MilestoneStart","memo","userType","studentName","handleOnClick","PUZZLE_STUDENT","ILLUSTRATIONS","isTeacher","FlexView","jsxs","Text","capitalize","jsx","Image","Button"],"mappings":";;;;;;;;AAWA,MAAMA,IAAiDC;AAAA,EACrD,CAAC,EAAE,UAAAC,GAAU,aAAAC,IAAc,IAAI,eAAAC,QAAoB;AAC3C,UAAA,EAAE,gBAAAC,MAAmBC,GACrBC,IAAYL,MAAa;AAG/B,6BACGM,GAAS,EAAA,aAAY,UAAS,SAHlBD,IAAY,SAAS,sBAGc,iBAAgB,UAC9D,UAAA,gBAAAE;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,WAAW;AAAA,QAEV,UAAA;AAAA,UAAAD,IACE,gBAAAE,EAAAC,GAAA,EAAK,WAAU,MAAK,QAAO,UAAS,UAAA;AAAA,YAAA;AAAA,YAC3BC,EAAAA,WAAWR,CAAW;AAAA,YAAE;AAAA,UAClC,EAAA,CAAA,sBAECO,GAAK,EAAA,WAAU,MAAK,SAAS,QAAQ,QAAO,UAAS,UAEtD,wEAAA,CAAA;AAAA,UAGF,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,KAAKR;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAI;AAAA,YAAA;AAAA,UACN;AAAA,UAECE,uBAAcO,GAAO,EAAA,UAAS,aAAY,OAAM,cAAa,SAASV,EAAe,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE1F;AAAA,EAAA;AAGN;"}

package/dist/features/pointer-sync/hooks/use-pointer-sync.js

@@ -1,23 +1,23 @@
-import { useRemotePeers as a, useAVActions as b, useAVMessage as d } from "@cuemath/av";
-import { useRef as l, useCallback as t, useMemo as P } from "react";
-const R = ({
+import { useRemotePeers as S, useAVActions as b, useAVMessage as d } from "@cuemath/av";
+import { useRef as l, useCallback as n, useMemo as R } from "react";
+const A = ({
   userType: c,
   targetUserId: O
 }) => {
   var N;
-  const r = c === "STUDENT" ? "STUDENT_MOUSE_POINTER_POSITION_CHANGED" : "TEACHER_MOUSE_POINTER_POSITION_CHANGED", _ = c === "STUDENT" ? "TEACHER_MOUSE_POINTER_POSITION_CHANGED" : "STUDENT_MOUSE_POINTER_POSITION_CHANGED", s = (N = a().find(
+  const r = c === "STUDENT" ? "STUDENT_MOUSE_POINTER_POSITION_CHANGED" : "TEACHER_MOUSE_POINTER_POSITION_CHANGED", _ = c === "STUDENT" ? "TEACHER_MOUSE_POINTER_POSITION_CHANGED" : "STUDENT_MOUSE_POINTER_POSITION_CHANGED", s = (N = S().find(
     (e) => c === "STUDENT" ? e.userType === "teacher" : e.userId === O
-  )) == null ? void 0 : N.id, { sendMessage: u } = b(), n = l({}), i = t((e, o) => {
-    n.current = { ...n.current, [e]: o };
-  }, []), E = t(
+  )) == null ? void 0 : N.id, { sendMessage: u } = b(), t = l({}), i = n((e, o) => {
+    t.current = { ...t.current, [e]: o };
+  }, []), E = n(
     (e) => {
       s && u(r, e, s);
     },
     [s, r, u]
-  ), I = t((e, o) => {
-    const T = o.id, M = n.current[T];
+  ), I = n((e, o) => {
+    const T = o.id, M = t.current[T];
     T && M && M(o);
-  }, []), S = P(() => s ? {
+  }, []), a = R(() => s ? {
     publishMouseMove: E,
     susbcribeMouseMove: i
   } : {
@@ -27,9 +27,9 @@ const R = ({
   return d({
     type: _,
     onMessage: I
-  }), S;
-}, D = R;
+  }), a;
+};
 export {
-  D as default
+  A as default
 };
 //# sourceMappingURL=use-pointer-sync.js.map

package/dist/features/pointer-sync/hooks/use-pointer-sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-pointer-sync.js","sources":["../../../../src/features/pointer-sync/hooks/use-pointer-sync.ts"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { IPointerData } from '../pointer-types';\n\nimport { useAVActions, useAVMessage, useRemotePeers } from '@cuemath/av';\nimport { useCallback, useMemo, useRef } from 'react';\n\ninterface IusePointerSyncProps {\n  userType: TUserTypes;\n  targetUserId?: string;\n}\n\ninterface IusePointerSyncMethods {\n  publishMouseMove?: (data: IPointerData) => void;\n  susbcribeMouseMove?: (qrId: string, cb: (data: IPointerData) => void) => void;\n}\n\nconst usePointerSync = ({\n  userType,\n  targetUserId,\n}: IusePointerSyncProps): IusePointerSyncMethods => {\n  const publishName =\n    userType === 'STUDENT'\n      ? 'STUDENT_MOUSE_POINTER_POSITION_CHANGED'\n      : 'TEACHER_MOUSE_POINTER_POSITION_CHANGED';\n  const subscribeName =\n    userType === 'STUDENT'\n      ? 'TEACHER_MOUSE_POINTER_POSITION_CHANGED'\n      : 'STUDENT_MOUSE_POINTER_POSITION_CHANGED';\n\n  const peers = useRemotePeers();\n  const peerId = peers.find(p =>\n    userType === 'STUDENT' ? p.userType === 'teacher' : p.userId === targetUserId,\n  )?.id;\n\n  const { sendMessage } = useAVActions();\n  const callbacksMapRef = useRef<Record<string, (data: IPointerData) => void>>({});\n\n  const susbcribeMouseMove = useCallback((id: string, cb: (data: IPointerData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [id]: cb };\n  }, []);\n\n  const publishMouseMove = useCallback(\n    (data: IPointerData) => {\n      if (peerId) {\n        sendMessage(publishName, data, peerId);\n      }\n    },\n    [peerId, publishName, sendMessage],\n  );\n\n  const onReceive = useCallback((_: string, data: IPointerData) => {\n    const qrId = data.id;\n    const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n    if (qrId && widgetOnReceiveCallback) {\n      widgetOnReceiveCallback(data);\n    }\n  }, []);\n\n  const memoizedValue = useMemo(() => {\n    return peerId\n      ? {\n          publishMouseMove,\n          susbcribeMouseMove,\n        }\n      : {\n          publishMouseMove: undefined,\n          susbcribeMouseMove: undefined,\n        };\n  }, [peerId, publishMouseMove, susbcribeMouseMove]);\n\n  useAVMessage<IPointerData>({\n    type: subscribeName,\n    onMessage: onReceive,\n  });\n\n  return memoizedValue;\n};\n\nexport default usePointerSync;\n"],"names":["usePointerSync","userType","targetUserId","publishName","subscribeName","peerId","_a","useRemotePeers","p","sendMessage","useAVActions","callbacksMapRef","useRef","susbcribeMouseMove","useCallback","id","cb","publishMouseMove","data","onReceive","_","qrId","widgetOnReceiveCallback","memoizedValue","useMemo","useAVMessage","usePointerSync$1"],"mappings":";;AAgBA,MAAMA,IAAiB,CAAC;AAAA,EACtB,UAAAC;AAAA,EACA,cAAAC;AACF,MAAoD;;AAC5C,QAAAC,IACJF,MAAa,YACT,2CACA,0CACAG,IACJH,MAAa,YACT,2CACA,0CAGAI,KAASC,IADDC,IACO;AAAA,IAAK,OACxBN,MAAa,YAAYO,EAAE,aAAa,YAAYA,EAAE,WAAWN;AAAA,EAChE,MAFY,gBAAAI,EAEZ,IAEG,EAAE,aAAAG,MAAgBC,KAClBC,IAAkBC,EAAqD,CAAA,CAAE,GAEzEC,IAAqBC,EAAY,CAACC,GAAYC,MAAqC;AACvE,IAAAL,EAAA,UAAU,EAAE,GAAGA,EAAgB,SAAS,CAACI,CAAE,GAAGC;EAChE,GAAG,CAAE,CAAA,GAECC,IAAmBH;AAAA,IACvB,CAACI,MAAuB;AACtB,MAAIb,KACUI,EAAAN,GAAae,GAAMb,CAAM;AAAA,IAEzC;AAAA,IACA,CAACA,GAAQF,GAAaM,CAAW;AAAA,EAAA,GAG7BU,IAAYL,EAAY,CAACM,GAAWF,MAAuB;AAC/D,UAAMG,IAAOH,EAAK,IACZI,IAA0BX,EAAgB,QAAQU,CAAI;AAE5D,IAAIA,KAAQC,KACVA,EAAwBJ,CAAI;AAAA,EAEhC,GAAG,CAAE,CAAA,GAECK,IAAgBC,EAAQ,MACrBnB,IACH;AAAA,IACE,kBAAAY;AAAA,IACA,oBAAAJ;AAAA,EAAA,IAEF;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,EAAA,GAEzB,CAACR,GAAQY,GAAkBJ,CAAkB,CAAC;AAEtB,SAAAY,EAAA;AAAA,IACzB,MAAMrB;AAAA,IACN,WAAWe;AAAA,EAAA,CACZ,GAEMI;AACT,GAEAG,IAAe1B;"}
+{"version":3,"file":"use-pointer-sync.js","sources":["../../../../src/features/pointer-sync/hooks/use-pointer-sync.ts"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { IPointerData } from '../pointer-types';\n\nimport { useAVActions, useAVMessage, useRemotePeers } from '@cuemath/av';\nimport { useCallback, useMemo, useRef } from 'react';\n\ninterface IusePointerSyncProps {\n  userType: TUserTypes;\n  targetUserId?: string;\n}\n\ninterface IusePointerSyncMethods {\n  publishMouseMove?: (data: IPointerData) => void;\n  susbcribeMouseMove?: (qrId: string, cb: (data: IPointerData) => void) => void;\n}\n\nconst usePointerSync = ({\n  userType,\n  targetUserId,\n}: IusePointerSyncProps): IusePointerSyncMethods => {\n  const publishName =\n    userType === 'STUDENT'\n      ? 'STUDENT_MOUSE_POINTER_POSITION_CHANGED'\n      : 'TEACHER_MOUSE_POINTER_POSITION_CHANGED';\n  const subscribeName =\n    userType === 'STUDENT'\n      ? 'TEACHER_MOUSE_POINTER_POSITION_CHANGED'\n      : 'STUDENT_MOUSE_POINTER_POSITION_CHANGED';\n\n  const peers = useRemotePeers();\n  const peerId = peers.find(p =>\n    userType === 'STUDENT' ? p.userType === 'teacher' : p.userId === targetUserId,\n  )?.id;\n\n  const { sendMessage } = useAVActions();\n  const callbacksMapRef = useRef<Record<string, (data: IPointerData) => void>>({});\n\n  const susbcribeMouseMove = useCallback((id: string, cb: (data: IPointerData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [id]: cb };\n  }, []);\n\n  const publishMouseMove = useCallback(\n    (data: IPointerData) => {\n      if (peerId) {\n        sendMessage(publishName, data, peerId);\n      }\n    },\n    [peerId, publishName, sendMessage],\n  );\n\n  const onReceive = useCallback((_: string, data: IPointerData) => {\n    const qrId = data.id;\n    const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n    if (qrId && widgetOnReceiveCallback) {\n      widgetOnReceiveCallback(data);\n    }\n  }, []);\n\n  const memoizedValue = useMemo(() => {\n    return peerId\n      ? {\n          publishMouseMove,\n          susbcribeMouseMove,\n        }\n      : {\n          publishMouseMove: undefined,\n          susbcribeMouseMove: undefined,\n        };\n  }, [peerId, publishMouseMove, susbcribeMouseMove]);\n\n  useAVMessage<IPointerData>({\n    type: subscribeName,\n    onMessage: onReceive,\n  });\n\n  return memoizedValue;\n};\n\nexport default usePointerSync;\n"],"names":["usePointerSync","userType","targetUserId","publishName","subscribeName","peerId","_a","useRemotePeers","p","sendMessage","useAVActions","callbacksMapRef","useRef","susbcribeMouseMove","useCallback","id","cb","publishMouseMove","data","onReceive","_","qrId","widgetOnReceiveCallback","memoizedValue","useMemo","useAVMessage"],"mappings":";;AAgBA,MAAMA,IAAiB,CAAC;AAAA,EACtB,UAAAC;AAAA,EACA,cAAAC;AACF,MAAoD;;AAC5C,QAAAC,IACJF,MAAa,YACT,2CACA,0CACAG,IACJH,MAAa,YACT,2CACA,0CAGAI,KAASC,IADDC,EAAe,EACR;AAAA,IAAK,OACxBN,MAAa,YAAYO,EAAE,aAAa,YAAYA,EAAE,WAAWN;AAAA,EAAA,MADpD,gBAAAI,EAEZ,IAEG,EAAE,aAAAG,EAAY,IAAIC,EAAa,GAC/BC,IAAkBC,EAAqD,EAAE,GAEzEC,IAAqBC,EAAY,CAACC,GAAYC,MAAqC;AACvE,IAAAL,EAAA,UAAU,EAAE,GAAGA,EAAgB,SAAS,CAACI,CAAE,GAAGC,EAAG;AAAA,EACnE,GAAG,EAAE,GAECC,IAAmBH;AAAA,IACvB,CAACI,MAAuB;AACtB,MAAIb,KACUI,EAAAN,GAAae,GAAMb,CAAM;AAAA,IAEzC;AAAA,IACA,CAACA,GAAQF,GAAaM,CAAW;AAAA,EACnC,GAEMU,IAAYL,EAAY,CAACM,GAAWF,MAAuB;AAC/D,UAAMG,IAAOH,EAAK,IACZI,IAA0BX,EAAgB,QAAQU,CAAI;AAE5D,IAAIA,KAAQC,KACVA,EAAwBJ,CAAI;AAAA,EAEhC,GAAG,EAAE,GAECK,IAAgBC,EAAQ,MACrBnB,IACH;AAAA,IACE,kBAAAY;AAAA,IACA,oBAAAJ;AAAA,EAAA,IAEF;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,EACtB,GACH,CAACR,GAAQY,GAAkBJ,CAAkB,CAAC;AAEtB,SAAAY,EAAA;AAAA,IACzB,MAAMrB;AAAA,IACN,WAAWe;AAAA,EAAA,CACZ,GAEMI;AACT;"}

package/dist/features/pointer-sync/pointer.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import $ from "../../node_modules/lodash.throttle/index.js";
-import { memo as g, useRef as v, useCallback as p, useEffect as d } from "react";
+import g from "../../node_modules/lodash.throttle/index.js";
+import { memo as v, useRef as $, useCallback as p, useEffect as d } from "react";
 import C from "styled-components";
 import M from "../../assets/line-icons/icons/pointer.js";
 import L from "../ui/layout/flex-view.js";
@@ -13,8 +13,8 @@ const B = C(L)(
   z-index: ${t.zIndex.CANVAS_SCRIBBLING};
   display: none;
 `
-), E = g(({ containerRef: t, onPublish: m, onSubscribe: l, responseId: n }) => {
-  const r = v(null), h = p(
+), A = v(({ containerRef: t, onPublish: m, onSubscribe: l, responseId: n }) => {
+  const r = $(null), h = p(
     (e) => {
       const { clientX: o, clientY: i } = e;
       if (t.current) {
@@ -23,7 +23,7 @@ const B = C(L)(
       }
     },
     [t, n, m]
-  ), s = $(h, 1e3 / 6), f = p(
+  ), s = g(h, 1e3 / 6), f = p(
     (e) => {
       var o, i;
       if (t.current && r.current && e) {
@@ -51,8 +51,8 @@ const B = C(L)(
       children: /* @__PURE__ */ a(M, {})
     }
   );
-}), I = E;
+});
 export {
-  I as default
+  A as default
 };
 //# sourceMappingURL=pointer.js.map

package/dist/features/pointer-sync/pointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"pointer.js","sources":["../../../src/features/pointer-sync/pointer.tsx"],"sourcesContent":["import type { IPointerData, IPointerProps } from './pointer-types';\n\nimport throttle from 'lodash.throttle';\nimport { memo, useCallback, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport PointerIcon from '../../assets/line-icons/icons/pointer';\nimport FlexView from '../ui/layout/flex-view';\n\nconst StyledPointerWrapper = styled(FlexView)(\n  ({ theme }) => `\n  top: '50%';\n  left: '50%';\n  transform: translate(-50%, -50%);\n  transition: transform ${1000 / 6}ms ease-in-out;\n  z-index: ${theme.zIndex.CANVAS_SCRIBBLING};\n  display: none;\n`,\n);\nconst Pointer = memo(({ containerRef, onPublish, onSubscribe, responseId }: IPointerProps) => {\n  const peerPointerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleMouseMove = useCallback(\n    (event: MouseEvent) => {\n      const { clientX, clientY } = event;\n\n      if (containerRef.current) {\n        const rect = containerRef.current.getBoundingClientRect();\n\n        const data = { x: clientX - rect.left, y: clientY - rect.top, id: responseId };\n\n        onPublish(data);\n      }\n    },\n    [containerRef, responseId, onPublish],\n  );\n\n  const onMouseMove = throttle(handleMouseMove, 1000 / 6);\n\n  const updateLocation = useCallback(\n    (data: IPointerData) => {\n      if (containerRef.current && peerPointerRef.current && data) {\n        const { width: containerWidth, height: containerHeight } =\n          containerRef.current.getBoundingClientRect();\n        // 16 is the height and width of the pointer icon\n        const currentX = Math.min(data.x, containerWidth - 16) - peerPointerRef.current?.offsetLeft;\n        const currentY = Math.min(data.y, containerHeight - 16) - peerPointerRef.current?.offsetTop;\n\n        if (peerPointerRef.current) {\n          peerPointerRef.current.style.transform = `translate(${currentX}px, ${currentY}px)`;\n          peerPointerRef.current.style.display = 'block';\n        }\n      }\n    },\n    [containerRef],\n  );\n\n  useEffect(() => {\n    if (peerPointerRef.current) {\n      onSubscribe(responseId, updateLocation);\n    }\n  }, [responseId, onSubscribe, updateLocation]);\n\n  useEffect(() => {\n    const containerElement = containerRef.current;\n\n    if (containerElement) {\n      containerElement.addEventListener('mousemove', onMouseMove);\n\n      return () => {\n        containerElement.removeEventListener('mousemove', onMouseMove);\n      };\n    }\n  }, [containerRef, onMouseMove]);\n\n  return (\n    <StyledPointerWrapper\n      ref={peerPointerRef}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $position=\"absolute\"\n    >\n      <PointerIcon />\n    </StyledPointerWrapper>\n  );\n});\n\nexport default Pointer;\n"],"names":["StyledPointerWrapper","styled","FlexView","theme","Pointer","memo","containerRef","onPublish","onSubscribe","responseId","peerPointerRef","useRef","handleMouseMove","useCallback","event","clientX","clientY","rect","data","onMouseMove","throttle","updateLocation","containerWidth","containerHeight","currentX","_a","currentY","_b","useEffect","containerElement","jsx","PointerIcon","Pointer$1"],"mappings":";;;;;;AASA,MAAMA,IAAuBC,EAAOC,CAAQ;AAAA,EAC1C,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,0BAIS,MAAO,CAAC;AAAA,aACrBA,EAAM,OAAO,iBAAiB;AAAA;AAAA;AAG3C,GACMC,IAAUC,EAAK,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,aAAAC,GAAa,YAAAC,QAAgC;AACtF,QAAAC,IAAiBC,EAA8B,IAAI,GAEnDC,IAAkBC;AAAA,IACtB,CAACC,MAAsB;AACf,YAAA,EAAE,SAAAC,GAAS,SAAAC,EAAY,IAAAF;AAE7B,UAAIR,EAAa,SAAS;AAClB,cAAAW,IAAOX,EAAa,QAAQ,sBAAsB,GAElDY,IAAO,EAAE,GAAGH,IAAUE,EAAK,MAAM,GAAGD,IAAUC,EAAK,KAAK,IAAIR,EAAW;AAE7E,QAAAF,EAAUW,CAAI;AAAA,MAChB;AAAA,IACF;AAAA,IACA,CAACZ,GAAcG,GAAYF,CAAS;AAAA,EAAA,GAGhCY,IAAcC,EAASR,GAAiB,MAAO,CAAC,GAEhDS,IAAiBR;AAAA,IACrB,CAACK,MAAuB;;AACtB,UAAIZ,EAAa,WAAWI,EAAe,WAAWQ,GAAM;AACpD,cAAA,EAAE,OAAOI,GAAgB,QAAQC,MACrCjB,EAAa,QAAQ,yBAEjBkB,IAAW,KAAK,IAAIN,EAAK,GAAGI,IAAiB,EAAE,MAAIG,IAAAf,EAAe,YAAf,gBAAAe,EAAwB,aAC3EC,IAAW,KAAK,IAAIR,EAAK,GAAGK,IAAkB,EAAE,MAAII,IAAAjB,EAAe,YAAf,gBAAAiB,EAAwB;AAElF,QAAIjB,EAAe,YACjBA,EAAe,QAAQ,MAAM,YAAY,aAAac,CAAQ,OAAOE,CAAQ,OAC9DhB,EAAA,QAAQ,MAAM,UAAU;AAAA,MAE3C;AAAA,IACF;AAAA,IACA,CAACJ,CAAY;AAAA,EAAA;AAGf,SAAAsB,EAAU,MAAM;AACd,IAAIlB,EAAe,WACjBF,EAAYC,GAAYY,CAAc;AAAA,EAEvC,GAAA,CAACZ,GAAYD,GAAaa,CAAc,CAAC,GAE5CO,EAAU,MAAM;AACd,UAAMC,IAAmBvB,EAAa;AAEtC,QAAIuB;AACe,aAAAA,EAAA,iBAAiB,aAAaV,CAAW,GAEnD,MAAM;AACM,QAAAU,EAAA,oBAAoB,aAAaV,CAAW;AAAA,MAAA;AAAA,EAEjE,GACC,CAACb,GAAca,CAAW,CAAC,GAG5B,gBAAAW;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACC,KAAKU;AAAA,MACL,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,WAAU;AAAA,MAEV,4BAACqB,GAAY,EAAA;AAAA,IAAA;AAAA,EAAA;AAGnB,CAAC,GAEDC,IAAe5B;"}
+{"version":3,"file":"pointer.js","sources":["../../../src/features/pointer-sync/pointer.tsx"],"sourcesContent":["import type { IPointerData, IPointerProps } from './pointer-types';\n\nimport throttle from 'lodash.throttle';\nimport { memo, useCallback, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport PointerIcon from '../../assets/line-icons/icons/pointer';\nimport FlexView from '../ui/layout/flex-view';\n\nconst StyledPointerWrapper = styled(FlexView)(\n  ({ theme }) => `\n  top: '50%';\n  left: '50%';\n  transform: translate(-50%, -50%);\n  transition: transform ${1000 / 6}ms ease-in-out;\n  z-index: ${theme.zIndex.CANVAS_SCRIBBLING};\n  display: none;\n`,\n);\nconst Pointer = memo(({ containerRef, onPublish, onSubscribe, responseId }: IPointerProps) => {\n  const peerPointerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleMouseMove = useCallback(\n    (event: MouseEvent) => {\n      const { clientX, clientY } = event;\n\n      if (containerRef.current) {\n        const rect = containerRef.current.getBoundingClientRect();\n\n        const data = { x: clientX - rect.left, y: clientY - rect.top, id: responseId };\n\n        onPublish(data);\n      }\n    },\n    [containerRef, responseId, onPublish],\n  );\n\n  const onMouseMove = throttle(handleMouseMove, 1000 / 6);\n\n  const updateLocation = useCallback(\n    (data: IPointerData) => {\n      if (containerRef.current && peerPointerRef.current && data) {\n        const { width: containerWidth, height: containerHeight } =\n          containerRef.current.getBoundingClientRect();\n        // 16 is the height and width of the pointer icon\n        const currentX = Math.min(data.x, containerWidth - 16) - peerPointerRef.current?.offsetLeft;\n        const currentY = Math.min(data.y, containerHeight - 16) - peerPointerRef.current?.offsetTop;\n\n        if (peerPointerRef.current) {\n          peerPointerRef.current.style.transform = `translate(${currentX}px, ${currentY}px)`;\n          peerPointerRef.current.style.display = 'block';\n        }\n      }\n    },\n    [containerRef],\n  );\n\n  useEffect(() => {\n    if (peerPointerRef.current) {\n      onSubscribe(responseId, updateLocation);\n    }\n  }, [responseId, onSubscribe, updateLocation]);\n\n  useEffect(() => {\n    const containerElement = containerRef.current;\n\n    if (containerElement) {\n      containerElement.addEventListener('mousemove', onMouseMove);\n\n      return () => {\n        containerElement.removeEventListener('mousemove', onMouseMove);\n      };\n    }\n  }, [containerRef, onMouseMove]);\n\n  return (\n    <StyledPointerWrapper\n      ref={peerPointerRef}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $position=\"absolute\"\n    >\n      <PointerIcon />\n    </StyledPointerWrapper>\n  );\n});\n\nexport default Pointer;\n"],"names":["StyledPointerWrapper","styled","FlexView","theme","Pointer","memo","containerRef","onPublish","onSubscribe","responseId","peerPointerRef","useRef","handleMouseMove","useCallback","event","clientX","clientY","rect","data","onMouseMove","throttle","updateLocation","containerWidth","containerHeight","currentX","_a","currentY","_b","useEffect","containerElement","jsx","PointerIcon"],"mappings":";;;;;;AASA,MAAMA,IAAuBC,EAAOC,CAAQ;AAAA,EAC1C,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,0BAIS,MAAO,CAAC;AAAA,aACrBA,EAAM,OAAO,iBAAiB;AAAA;AAAA;AAG3C,GACMC,IAAUC,EAAK,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,aAAAC,GAAa,YAAAC,QAAgC;AACtF,QAAAC,IAAiBC,EAA8B,IAAI,GAEnDC,IAAkBC;AAAA,IACtB,CAACC,MAAsB;AACf,YAAA,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYF;AAE7B,UAAIR,EAAa,SAAS;AAClB,cAAAW,IAAOX,EAAa,QAAQ,sBAAsB,GAElDY,IAAO,EAAE,GAAGH,IAAUE,EAAK,MAAM,GAAGD,IAAUC,EAAK,KAAK,IAAIR,EAAW;AAE7E,QAAAF,EAAUW,CAAI;AAAA,MAAA;AAAA,IAElB;AAAA,IACA,CAACZ,GAAcG,GAAYF,CAAS;AAAA,EACtC,GAEMY,IAAcC,EAASR,GAAiB,MAAO,CAAC,GAEhDS,IAAiBR;AAAA,IACrB,CAACK,MAAuB;;AACtB,UAAIZ,EAAa,WAAWI,EAAe,WAAWQ,GAAM;AACpD,cAAA,EAAE,OAAOI,GAAgB,QAAQC,MACrCjB,EAAa,QAAQ,sBAAsB,GAEvCkB,IAAW,KAAK,IAAIN,EAAK,GAAGI,IAAiB,EAAE,MAAIG,IAAAf,EAAe,YAAf,gBAAAe,EAAwB,aAC3EC,IAAW,KAAK,IAAIR,EAAK,GAAGK,IAAkB,EAAE,MAAII,IAAAjB,EAAe,YAAf,gBAAAiB,EAAwB;AAElF,QAAIjB,EAAe,YACjBA,EAAe,QAAQ,MAAM,YAAY,aAAac,CAAQ,OAAOE,CAAQ,OAC9DhB,EAAA,QAAQ,MAAM,UAAU;AAAA,MACzC;AAAA,IAEJ;AAAA,IACA,CAACJ,CAAY;AAAA,EACf;AAEA,SAAAsB,EAAU,MAAM;AACd,IAAIlB,EAAe,WACjBF,EAAYC,GAAYY,CAAc;AAAA,EAEvC,GAAA,CAACZ,GAAYD,GAAaa,CAAc,CAAC,GAE5CO,EAAU,MAAM;AACd,UAAMC,IAAmBvB,EAAa;AAEtC,QAAIuB;AACe,aAAAA,EAAA,iBAAiB,aAAaV,CAAW,GAEnD,MAAM;AACM,QAAAU,EAAA,oBAAoB,aAAaV,CAAW;AAAA,MAC/D;AAAA,EACF,GACC,CAACb,GAAca,CAAW,CAAC,GAG5B,gBAAAW;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACC,KAAKU;AAAA,MACL,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,WAAU;AAAA,MAEV,4BAACqB,GAAY,CAAA,CAAA;AAAA,IAAA;AAAA,EACf;AAEJ,CAAC;"}

package/dist/features/post-game-stats/accuracy/accuracy-styled.js

@@ -1,14 +1,14 @@
-import o, { keyframes as r, css as s } from "styled-components";
+import o, { css as r, keyframes as s } from "styled-components";
 import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
 import { GAME_LAUNCHER_ASSET_PADDING as a } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
-const p = 50 * 84 / 100, c = r`
+const p = 50 * 84 / 100, c = s`
   0%{
     opacity: 0;
   }
   100%{
     opacity: 1;
   }
-`, d = r`
+`, d = s`
   0%{
     opacity: 1;
   }
@@ -42,7 +42,7 @@ const p = 50 * 84 / 100, c = r`
   z-index: 2;
   opacity: 0;
   position: absolute;
-  animation: ${({ $animationType: e, $duration: i, $delay: n }) => s`
+  animation: ${({ $animationType: e, $duration: i, $delay: n }) => r`
     ${e === "fadein" ? c : d} ${i}ms ${n}ms ease forwards
   `};
   transform: translateY(${(t + p) * 84 / 200 + 25}px);
@@ -53,7 +53,7 @@ const p = 50 * 84 / 100, c = r`
   flex-direction: row;
   align-items: flex-end;
 
-  ${({ $animationType: e, $duration: i }) => e && i && s`
+  ${({ $animationType: e, $duration: i }) => e && i && r`
       animation: ${e === "fadein" ? c : d} ${i}ms linear forwards;
     `}
 `;

package/dist/features/post-game-stats/accuracy/accuracy-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"accuracy-styled.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Accuracy = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const AccuracyMeterLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  flex: 1;\n  z-index: 1;\n`;\n\nexport const AnimatedAccuracyNeedleContainer = styled.div<{\n  $translateX?: number;\n  $translateY?: number;\n  $rotate?: number;\n}>`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n  transform: ${({ $translateX = 0, $translateY = 0, $rotate = 0 }) =>\n    `translateX(${$translateX}px) translateY(${$translateY}px) rotate(${$rotate}deg)`};\n`;\n\nexport const AccuracyNeedleLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n\nexport const PercentTextWrapper = styled.div<{\n  $animationType?: 'fadein' | 'fadeout';\n  $duration?: number;\n}>`\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n\n  ${({ $animationType, $duration }) =>\n    $animationType &&\n    $duration &&\n    css`\n      animation: ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards;\n    `}\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Accuracy","styled","GAME_LAUNCHER_SIZE","AccuracyMeterLottie","GAME_LAUNCHER_ASSET_PADDING","AnimatedAccuracyNeedleContainer","$translateX","$translateY","$rotate","AccuracyNeedleLottie","TextWrapper","$animationType","$duration","$delay","css","PercentTextWrapper"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAWC,EAAO;AAAA,YACnBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAsBF,EAAO;AAAA,YAC9BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAkCJ,EAAO;AAAA,YAK1CC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,eAG5C,CAAC,EAAE,aAAAE,IAAc,GAAG,aAAAC,IAAc,GAAG,SAAAC,IAAU,EAAE,MAC5D,cAAcF,CAAW,kBAAkBC,CAAW,cAAcC,CAAO,MAAM;AAAA,GAGxEC,IAAuBR,EAAO;AAAA;AAAA;AAAA,GAK9BS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBX,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA,GAGlEmB,IAAqBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrC,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,EAAU,MAC7BD,KACAC,KACAE;AAAA,mBACeH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS;AAAA,KACzE;AAAA;"}
+{"version":3,"file":"accuracy-styled.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Accuracy = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const AccuracyMeterLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  flex: 1;\n  z-index: 1;\n`;\n\nexport const AnimatedAccuracyNeedleContainer = styled.div<{\n  $translateX?: number;\n  $translateY?: number;\n  $rotate?: number;\n}>`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n  transform: ${({ $translateX = 0, $translateY = 0, $rotate = 0 }) =>\n    `translateX(${$translateX}px) translateY(${$translateY}px) rotate(${$rotate}deg)`};\n`;\n\nexport const AccuracyNeedleLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n\nexport const PercentTextWrapper = styled.div<{\n  $animationType?: 'fadein' | 'fadeout';\n  $duration?: number;\n}>`\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n\n  ${({ $animationType, $duration }) =>\n    $animationType &&\n    $duration &&\n    css`\n      animation: ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards;\n    `}\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Accuracy","styled","GAME_LAUNCHER_SIZE","AccuracyMeterLottie","GAME_LAUNCHER_ASSET_PADDING","AnimatedAccuracyNeedleContainer","$translateX","$translateY","$rotate","AccuracyNeedleLottie","TextWrapper","$animationType","$duration","$delay","css","PercentTextWrapper"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAWC,EAAO;AAAA,YACnBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAsBF,EAAO;AAAA,YAC9BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAkCJ,EAAO;AAAA,YAK1CC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,eAG5C,CAAC,EAAE,aAAAE,IAAc,GAAG,aAAAC,IAAc,GAAG,SAAAC,IAAU,EAAE,MAC5D,cAAcF,CAAW,kBAAkBC,CAAW,cAAcC,CAAO,MAAM;AAAA,GAGxEC,IAAuBR,EAAO;AAAA;AAAA;AAAA,GAK9BS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,GAAW,QAAAC,EAAa,MAAAC;AAAA,MACpDH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBX,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA,GAGlEmB,IAAqBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrC,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,EAAU,MAC7BD,KACAC,KACAE;AAAA,mBACeH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS;AAAA,KACzE;AAAA;"}

package/dist/features/post-game-stats/accuracy/accuracy-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"accuracy-utils.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-utils.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nimport { NEEDLE } from './constants';\n\nexport const useAnimatedValue = (start: number, end: number, duration: number) => {\n  const [value, setValue] = useState(start);\n  const requestRef = useRef<number | null>(null);\n  const startTimeRef = useRef<number | null>(null);\n\n  const animate = (timestamp: number) => {\n    if (!startTimeRef.current) startTimeRef.current = timestamp;\n\n    const elapsedTime = timestamp - startTimeRef.current;\n    const progress = Math.min(elapsedTime / duration, 1); // Normalize to 0 - 1\n    const newValue = start + (end - start) * progress;\n\n    setValue(newValue);\n\n    if (progress < 1) {\n      requestRef.current = requestAnimationFrame(animate);\n    }\n  };\n\n  useEffect(() => {\n    requestRef.current = requestAnimationFrame(animate);\n\n    return () => {\n      if (requestRef.current) cancelAnimationFrame(requestRef.current);\n    };\n  });\n\n  return value;\n};\n\nexport const getAccuracyFramesToPlay = (accuracy: number) => {\n  // 100% = 100 frames\n  // 1% = 1 fame\n  const totalFrames = NEEDLE.PERCENT_FRAME[1] - NEEDLE.PERCENT_FRAME[0];\n  const framesPerPercent = totalFrames / 100;\n\n  const framesToPlay = Math.min(Math.ceil(framesPerPercent * accuracy), totalFrames);\n  const initialFrames = NEEDLE.IN_FRAMES[1] - NEEDLE.IN_FRAMES[0];\n\n  return initialFrames + framesToPlay;\n};\n"],"names":["useAnimatedValue","start","end","duration","value","setValue","useState","requestRef","useRef","startTimeRef","animate","timestamp","elapsedTime","progress","newValue","useEffect","getAccuracyFramesToPlay","accuracy","totalFrames","NEEDLE","framesPerPercent","framesToPlay"],"mappings":";;AAIO,MAAMA,IAAmB,CAACC,GAAeC,GAAaC,MAAqB;AAChF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASL,CAAK,GAClCM,IAAaC,EAAsB,IAAI,GACvCC,IAAeD,EAAsB,IAAI,GAEzCE,IAAU,CAACC,MAAsB;AACrC,IAAKF,EAAa,YAASA,EAAa,UAAUE;AAE5C,UAAAC,IAAcD,IAAYF,EAAa,SACvCI,IAAW,KAAK,IAAID,IAAcT,GAAU,CAAC,GAC7CW,IAAWb,KAASC,IAAMD,KAASY;AAEzC,IAAAR,EAASS,CAAQ,GAEbD,IAAW,MACFN,EAAA,UAAU,sBAAsBG,CAAO;AAAA,EACpD;AAGF,SAAAK,EAAU,OACGR,EAAA,UAAU,sBAAsBG,CAAO,GAE3C,MAAM;AACX,IAAIH,EAAW,WAA8B,qBAAAA,EAAW,OAAO;AAAA,EAAA,EAElE,GAEMH;AACT,GAEaY,IAA0B,CAACC,MAAqB;AAG3D,QAAMC,IAAcC,EAAO,cAAc,CAAC,IAAIA,EAAO,cAAc,CAAC,GAC9DC,IAAmBF,IAAc,KAEjCG,IAAe,KAAK,IAAI,KAAK,KAAKD,IAAmBH,CAAQ,GAAGC,CAAW;AAGjF,SAFsBC,EAAO,UAAU,CAAC,IAAIA,EAAO,UAAU,CAAC,IAEvCE;AACzB;"}
+{"version":3,"file":"accuracy-utils.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-utils.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nimport { NEEDLE } from './constants';\n\nexport const useAnimatedValue = (start: number, end: number, duration: number) => {\n  const [value, setValue] = useState(start);\n  const requestRef = useRef<number | null>(null);\n  const startTimeRef = useRef<number | null>(null);\n\n  const animate = (timestamp: number) => {\n    if (!startTimeRef.current) startTimeRef.current = timestamp;\n\n    const elapsedTime = timestamp - startTimeRef.current;\n    const progress = Math.min(elapsedTime / duration, 1); // Normalize to 0 - 1\n    const newValue = start + (end - start) * progress;\n\n    setValue(newValue);\n\n    if (progress < 1) {\n      requestRef.current = requestAnimationFrame(animate);\n    }\n  };\n\n  useEffect(() => {\n    requestRef.current = requestAnimationFrame(animate);\n\n    return () => {\n      if (requestRef.current) cancelAnimationFrame(requestRef.current);\n    };\n  });\n\n  return value;\n};\n\nexport const getAccuracyFramesToPlay = (accuracy: number) => {\n  // 100% = 100 frames\n  // 1% = 1 fame\n  const totalFrames = NEEDLE.PERCENT_FRAME[1] - NEEDLE.PERCENT_FRAME[0];\n  const framesPerPercent = totalFrames / 100;\n\n  const framesToPlay = Math.min(Math.ceil(framesPerPercent * accuracy), totalFrames);\n  const initialFrames = NEEDLE.IN_FRAMES[1] - NEEDLE.IN_FRAMES[0];\n\n  return initialFrames + framesToPlay;\n};\n"],"names":["useAnimatedValue","start","end","duration","value","setValue","useState","requestRef","useRef","startTimeRef","animate","timestamp","elapsedTime","progress","newValue","useEffect","getAccuracyFramesToPlay","accuracy","totalFrames","NEEDLE","framesPerPercent","framesToPlay"],"mappings":";;AAIO,MAAMA,IAAmB,CAACC,GAAeC,GAAaC,MAAqB;AAChF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASL,CAAK,GAClCM,IAAaC,EAAsB,IAAI,GACvCC,IAAeD,EAAsB,IAAI,GAEzCE,IAAU,CAACC,MAAsB;AACrC,IAAKF,EAAa,YAASA,EAAa,UAAUE;AAE5C,UAAAC,IAAcD,IAAYF,EAAa,SACvCI,IAAW,KAAK,IAAID,IAAcT,GAAU,CAAC,GAC7CW,IAAWb,KAASC,IAAMD,KAASY;AAEzC,IAAAR,EAASS,CAAQ,GAEbD,IAAW,MACFN,EAAA,UAAU,sBAAsBG,CAAO;AAAA,EAEtD;AAEA,SAAAK,EAAU,OACGR,EAAA,UAAU,sBAAsBG,CAAO,GAE3C,MAAM;AACX,IAAIH,EAAW,WAA8B,qBAAAA,EAAW,OAAO;AAAA,EACjE,EACD,GAEMH;AACT,GAEaY,IAA0B,CAACC,MAAqB;AAG3D,QAAMC,IAAcC,EAAO,cAAc,CAAC,IAAIA,EAAO,cAAc,CAAC,GAC9DC,IAAmBF,IAAc,KAEjCG,IAAe,KAAK,IAAI,KAAK,KAAKD,IAAmBH,CAAQ,GAAGC,CAAW;AAGjF,SAFsBC,EAAO,UAAU,CAAC,IAAIA,EAAO,UAAU,CAAC,IAEvCE;AACzB;"}

package/dist/features/post-game-stats/accuracy/accuracy.js

@@ -8,9 +8,9 @@ import { delay as s } from "../../utils/utils.js";
 import { AnimatedPercentTextInput as H } from "./accuracy-comps.js";
 import { Accuracy as K, AccuracyMeterLottie as q, AnimatedAccuracyNeedleContainer as z, AccuracyNeedleLottie as B, TextWrapper as G, PercentTextWrapper as J } from "./accuracy-styled.js";
 import { getAccuracyFramesToPlay as Q } from "./accuracy-utils.js";
-import { NEEDLE_HOLD_TIME as C, METER as O, TEXT_DISAPPEAR_DELAY as V, TEXT_DISAPPEAR_DURATION as Z, TEXT_APPEAR_DURATION as ee, NEEDLE as F, NEEDLE_LOTTIE_FPS as U } from "./constants.js";
+import { NEEDLE_HOLD_TIME as C, METER as O, TEXT_DISAPPEAR_DELAY as V, TEXT_DISAPPEAR_DURATION as Z, TEXT_APPEAR_DURATION as ee, NEEDLE_LOTTIE_FPS as F, NEEDLE as U } from "./constants.js";
 const Ae = X(({ show: u, onComplete: n, accuracy: l, helperText: E }) => {
-  const { play: c } = k(), y = a(null), p = a(null), o = a(), r = a(), [g, w] = d(!0), [m, T] = d(!1), [R, x] = d(!1), $ = a(0), _ = (F.IN_FRAMES[1] - F.IN_FRAMES[0]) / U * 1e3, S = W(async () => {
+  const { play: c } = k(), y = a(null), p = a(null), o = a(), r = a(), [g, w] = d(!0), [m, T] = d(!1), [R, x] = d(!1), $ = a(0), _ = (U.IN_FRAMES[1] - U.IN_FRAMES[0]) / F * 1e3, S = W(async () => {
     var A;
     try {
       await s(C), w(!1), T(!1), c(h.ACCURACY_OUT), (A = o.current) == null || A.playSegments(O.OUT_FRAMES, !0), await s(V), x(!0), n == null || n();
@@ -44,7 +44,7 @@ const Ae = X(({ show: u, onComplete: n, accuracy: l, helperText: E }) => {
         }), c(h.ACCURACY_IN), (L = o.current) == null || L.playSegments(O.IN_FRAMES, !0), s(_).then(() => {
           var D, P, N;
           const f = Q(l);
-          $.current = f, (D = r.current) == null || D.setSpeed(f / U), (P = r.current) == null || P.playSegments([0, f], !0), T(!0), (N = r.current) == null || N.addEventListener("complete", () => {
+          $.current = f, (D = r.current) == null || D.setSpeed(f / F), (P = r.current) == null || P.playSegments([0, f], !0), T(!0), (N = r.current) == null || N.addEventListener("complete", () => {
             s(C).then(() => S());
           });
         });