@cuemath/leap 3.1.17-hg1 → 3.1.17

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"difficulty-and-duration-selection.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.tsx"],"sourcesContent":["import type { TTestDifficultyLevel } from '../../tests-creation-types';\nimport type { IDifficultyAndDurationSelectionProps } from './difficulty-and-duration-selection-types';\nimport type { FC } from 'react';\n\nimport { useState, memo, useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport BodyLayout from '../../../../create/comps/body-layout/body-layout';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport { ButtonWrapper } from '../../tests-creation-styled';\nimport {\n  getDifficultyLevelCards,\n  getRecommendedTestDuration,\n  getTestDurationCards,\n} from '../../utils';\nimport TestRadioCard from './test-radio-card/test-radio-card';\n\nconst DifficultyAndDurationSelection: FC<IDifficultyAndDurationSelectionProps> = memo(props => {\n  const { onTestStageChange, testFormData } = props;\n\n  const [testDifficultyLevel, setTestDifficultyLevel] = useState<TTestDifficultyLevel | null>(\n    testFormData.difficultyLevel,\n  );\n  const [testDuration, setTestDuration] = useState(testFormData.duration || 0);\n\n  const analyticsProps = useMemo(\n    () => ({\n      step: 'difficulty_and_duration_selection',\n      duration: testDuration * 60,\n      difficulty_level: testDifficultyLevel,\n    }),\n    [testDuration, testDifficultyLevel],\n  );\n\n  const handleOnBack = useCallback(() => {\n    onTestStageChange('CHAPTER_SELECTION', {\n      ...testFormData,\n      difficultyLevel: null,\n      duration: null,\n    });\n  }, [testFormData, onTestStageChange]);\n\n  const handleOnPreview = useCallback(() => {\n    if (testDifficultyLevel && testDuration) {\n      onTestStageChange('PREVIEW', {\n        ...testFormData,\n        difficultyLevel: testDifficultyLevel,\n        duration: testDuration,\n      });\n    }\n  }, [testDifficultyLevel, testDuration, testFormData, onTestStageChange]);\n\n  const handleOnTestRadioCardChange = useCallback(\n    (value: TTestDifficultyLevel | number) => {\n      if (typeof value === 'number') {\n        setTestDuration(value);\n      } else {\n        setTestDifficultyLevel(value);\n      }\n    },\n    [setTestDifficultyLevel, setTestDuration],\n  );\n\n  const selectedChaptersCount = testFormData.selectedChapters?.length || 0;\n  const recommendedTestDuration = getRecommendedTestDuration(selectedChaptersCount);\n\n  const difficultyCards = getDifficultyLevelCards();\n  const durationCards = getTestDurationCards();\n\n  return (\n    <FlexView>\n      <BodyLayout\n        bodyHeight=\"100%\"\n        headerElement={\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n            <Text $renderAs=\"ab2\">{selectedChaptersCount} Chapters selected</Text>\n          </FlexView>\n        }\n        onBackButtonClick={handleOnBack}\n        bodyElement={\n          <FlexView $gapX={3} $gutterX={1} $flexWrap $flexGapX={4}>\n            <FlexView $flexGapX={1.5}>\n              <Text $renderAs=\"ac3\" $color=\"BLACK_T_60\">\n                Difficulty\n              </Text>\n\n              <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n                {difficultyCards.map((item, idx) => {\n                  const { title, value } = item;\n                  const selected = testDifficultyLevel === value;\n\n                  return (\n                    <TestRadioCard\n                      key={`${title}_${idx}`}\n                      widthX={12.5}\n                      {...item}\n                      selected={selected}\n                      isTestDifficultRendering\n                      onTestRadioCardChange={handleOnTestRadioCardChange}\n                    />\n                  );\n                })}\n              </FlexView>\n            </FlexView>\n\n            <FlexView $flexGapX={1.5}>\n              <Text $renderAs=\"ac3\" $color=\"BLACK_T_60\">\n                Duration\n              </Text>\n\n              <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n                {durationCards.map((item, idx) => {\n                  const { title, value = '' } = item;\n                  const isRecommended = recommendedTestDuration === Number(value);\n                  const selected = value === testDuration;\n\n                  return (\n                    <ArrowTooltip\n                      key={`${title}_${idx}`}\n                      renderAs=\"primary\"\n                      position=\"bottom\"\n                      tooltipItem={\n                        Number(value) > recommendedTestDuration\n                          ? 'Too much time. Shorten duration or add chapters.'\n                          : 'Too less time. Extend duration or reduce chapters.'\n                      }\n                      widthX={10.875}\n                      hidden={isRecommended}\n                    >\n                      <TestRadioCard\n                        widthX={10.875}\n                        {...item}\n                        selected={selected}\n                        isRecommended={isRecommended}\n                        onTestRadioCardChange={handleOnTestRadioCardChange}\n                      />\n                    </ArrowTooltip>\n                  );\n                })}\n              </FlexView>\n            </FlexView>\n          </FlexView>\n        }\n        footerElement={\n          <ButtonWrapper>\n            <Button\n              renderAs=\"primary\"\n              label=\"Preview\"\n              size=\"small\"\n              shape=\"square\"\n              onClick={handleOnPreview}\n              disabled={!testDuration || !testDifficultyLevel}\n              analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_PREVIEWED}\n              analyticsProps={analyticsProps}\n            />\n          </ButtonWrapper>\n        }\n      />\n    </FlexView>\n  );\n});\n\nexport default DifficultyAndDurationSelection;\n"],"names":["DifficultyAndDurationSelection","memo","props","onTestStageChange","testFormData","testDifficultyLevel","setTestDifficultyLevel","useState","testDuration","setTestDuration","analyticsProps","useMemo","handleOnBack","useCallback","handleOnPreview","handleOnTestRadioCardChange","value","selectedChaptersCount","_a","recommendedTestDuration","getRecommendedTestDuration","difficultyCards","getDifficultyLevelCards","durationCards","getTestDurationCards","FlexView","jsx","BodyLayout","jsxs","Text","item","idx","title","TestRadioCard","isRecommended","selected","ArrowTooltip","ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":"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"}
+{"version":3,"file":"difficulty-and-duration-selection.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection.tsx"],"sourcesContent":["import type { TTestDifficultyLevel } from '../../tests-creation-types';\nimport type { IDifficultyAndDurationSelectionProps } from './difficulty-and-duration-selection-types';\nimport type { FC } from 'react';\n\nimport { useState, memo, useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport BodyLayout from '../../../../create/comps/body-layout/body-layout';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport { ButtonWrapper } from '../../tests-creation-styled';\nimport {\n  getDifficultyLevelCards,\n  getRecommendedTestDuration,\n  getTestDurationCards,\n} from '../../utils';\nimport TestRadioCard from './test-radio-card/test-radio-card';\n\nconst DifficultyAndDurationSelection: FC<IDifficultyAndDurationSelectionProps> = memo(props => {\n  const { onTestStageChange, testFormData } = props;\n\n  const [testDifficultyLevel, setTestDifficultyLevel] = useState<TTestDifficultyLevel | null>(\n    testFormData.difficultyLevel,\n  );\n  const [testDuration, setTestDuration] = useState(testFormData.duration || 0);\n\n  const analyticsProps = useMemo(\n    () => ({\n      step: 'difficulty_and_duration_selection',\n      duration: testDuration * 60,\n      difficulty_level: testDifficultyLevel,\n    }),\n    [testDuration, testDifficultyLevel],\n  );\n\n  const handleOnBack = useCallback(() => {\n    onTestStageChange('CHAPTER_SELECTION', {\n      ...testFormData,\n      difficultyLevel: null,\n      duration: null,\n    });\n  }, [testFormData, onTestStageChange]);\n\n  const handleOnPreview = useCallback(() => {\n    if (testDifficultyLevel && testDuration) {\n      onTestStageChange('PREVIEW', {\n        ...testFormData,\n        difficultyLevel: testDifficultyLevel,\n        duration: testDuration,\n      });\n    }\n  }, [testDifficultyLevel, testDuration, testFormData, onTestStageChange]);\n\n  const handleOnTestRadioCardChange = useCallback(\n    (value: TTestDifficultyLevel | number) => {\n      if (typeof value === 'number') {\n        setTestDuration(value);\n      } else {\n        setTestDifficultyLevel(value);\n      }\n    },\n    [setTestDifficultyLevel, setTestDuration],\n  );\n\n  const selectedChaptersCount = testFormData.selectedChapters?.length || 0;\n  const recommendedTestDuration = getRecommendedTestDuration(selectedChaptersCount);\n\n  const difficultyCards = getDifficultyLevelCards();\n  const durationCards = getTestDurationCards();\n\n  return (\n    <FlexView>\n      <BodyLayout\n        bodyHeight=\"100%\"\n        headerElement={\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n            <Text $renderAs=\"ab2\">{selectedChaptersCount} Chapters selected</Text>\n          </FlexView>\n        }\n        onBackButtonClick={handleOnBack}\n        bodyElement={\n          <FlexView $gapX={3} $gutterX={1} $flexWrap $flexGapX={4}>\n            <FlexView $flexGapX={1.5}>\n              <Text $renderAs=\"ac3\" $color=\"BLACK_T_60\">\n                Difficulty\n              </Text>\n\n              <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n                {difficultyCards.map((item, idx) => {\n                  const { title, value } = item;\n                  const selected = testDifficultyLevel === value;\n\n                  return (\n                    <TestRadioCard\n                      key={`${title}_${idx}`}\n                      widthX={12.5}\n                      {...item}\n                      selected={selected}\n                      isTestDifficultRendering\n                      onTestRadioCardChange={handleOnTestRadioCardChange}\n                    />\n                  );\n                })}\n              </FlexView>\n            </FlexView>\n\n            <FlexView $flexGapX={1.5}>\n              <Text $renderAs=\"ac3\" $color=\"BLACK_T_60\">\n                Duration\n              </Text>\n\n              <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n                {durationCards.map((item, idx) => {\n                  const { title, value = '' } = item;\n                  const isRecommended = recommendedTestDuration === Number(value);\n                  const selected = value === testDuration;\n\n                  return (\n                    <ArrowTooltip\n                      key={`${title}_${idx}`}\n                      renderAs=\"primary\"\n                      position=\"bottom\"\n                      tooltipItem={\n                        Number(value) > recommendedTestDuration\n                          ? 'Too much time. Shorten duration or add chapters.'\n                          : 'Too less time. Extend duration or reduce chapters.'\n                      }\n                      widthX={10.875}\n                      hidden={isRecommended}\n                    >\n                      <TestRadioCard\n                        widthX={10.875}\n                        {...item}\n                        selected={selected}\n                        isRecommended={isRecommended}\n                        onTestRadioCardChange={handleOnTestRadioCardChange}\n                      />\n                    </ArrowTooltip>\n                  );\n                })}\n              </FlexView>\n            </FlexView>\n          </FlexView>\n        }\n        footerElement={\n          <ButtonWrapper>\n            <Button\n              renderAs=\"primary\"\n              label=\"Preview\"\n              size=\"small\"\n              shape=\"square\"\n              onClick={handleOnPreview}\n              disabled={!testDuration || !testDifficultyLevel}\n              analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_PREVIEWED}\n              analyticsProps={analyticsProps}\n            />\n          </ButtonWrapper>\n        }\n      />\n    </FlexView>\n  );\n});\n\nexport default DifficultyAndDurationSelection;\n"],"names":["DifficultyAndDurationSelection","memo","props","onTestStageChange","testFormData","testDifficultyLevel","setTestDifficultyLevel","useState","testDuration","setTestDuration","analyticsProps","useMemo","handleOnBack","useCallback","handleOnPreview","handleOnTestRadioCardChange","value","selectedChaptersCount","_a","recommendedTestDuration","getRecommendedTestDuration","difficultyCards","getDifficultyLevelCards","durationCards","getTestDurationCards","FlexView","jsx","BodyLayout","jsxs","Text","item","idx","title","TestRadioCard","isRecommended","selected","ArrowTooltip","ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":"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"}

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-card-lottie-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-card-lottie-animation.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-card-lottie-animation.tsx"],"sourcesContent":["import type { ITestCardLottieAnimation } from './test-radio-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Image from '../../../../../../ui/image/image';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\n\nconst TestCardLottieAnimation: FC<ITestCardLottieAnimation> = memo(props => {\n  const { lottiePath, imageUrl, imageAlt, renderLottieJSON, lottieWidth } = props;\n\n  if (!renderLottieJSON) {\n    return <Image src={imageUrl} alt={imageAlt} width={61} height={58} withLoader={false} />;\n  }\n\n  return <LottieAnimation width={lottieWidth} height={63} src={lottiePath} />;\n});\n\nexport default TestCardLottieAnimation;\n"],"names":["TestCardLottieAnimation","memo","props","lottiePath","imageUrl","imageAlt","renderLottieJSON","lottieWidth","LottieAnimation","jsx","Image"],"mappings":";;;;AAQM,MAAAA,IAAwDC,EAAK,CAASC,MAAA;AAC1E,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,kBAAAC,GAAkB,aAAAC,MAAgBL;AAE1E,SAAKI,sBAIGE,GAAgB,EAAA,OAAOD,GAAa,QAAQ,IAAI,KAAKJ,GAAY,IAHhE,gBAAAM,EAACC,GAAM,EAAA,KAAKN,GAAU,KAAKC,GAAU,OAAO,IAAI,QAAQ,IAAI,YAAY,GAAO,CAAA;AAI1F,CAAC;"}
+{"version":3,"file":"test-card-lottie-animation.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-card-lottie-animation.tsx"],"sourcesContent":["import type { ITestCardLottieAnimation } from './test-radio-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Image from '../../../../../../ui/image/image';\nimport LottieAnimation from '../../../../../../ui/lottie-animation/lottie-animation';\n\nconst TestCardLottieAnimation: FC<ITestCardLottieAnimation> = memo(props => {\n  const { lottiePath, imageUrl, imageAlt, renderLottieJSON, lottieWidth } = props;\n\n  if (!renderLottieJSON) {\n    return <Image src={imageUrl} alt={imageAlt} width={61} height={58} withLoader={false} />;\n  }\n\n  return <LottieAnimation width={lottieWidth} height={63} src={lottiePath} />;\n});\n\nexport default TestCardLottieAnimation;\n"],"names":["TestCardLottieAnimation","memo","props","lottiePath","imageUrl","imageAlt","renderLottieJSON","lottieWidth","LottieAnimation","jsx","Image"],"mappings":";;;;AAQM,MAAAA,IAAwDC,EAAK,CAASC,MAAA;AAC1E,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,kBAAAC,GAAkB,aAAAC,EAAgB,IAAAL;AAE1E,SAAKI,sBAIGE,GAAgB,EAAA,OAAOD,GAAa,QAAQ,IAAI,KAAKJ,EAAY,CAAA,IAHhE,gBAAAM,EAACC,GAAM,EAAA,KAAKN,GAAU,KAAKC,GAAU,OAAO,IAAI,QAAQ,IAAI,YAAY,GAAO,CAAA;AAI1F,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-radio-card-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-radio-card-styled.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-radio-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Text from '../../../../../../ui/text/text';\n\nconst TestCardWrapper = styled(FlexView)`\n  position: relative;\n  cursor: pointer;\n`;\n\nconst RecommendedTag = styled(Text)(({ theme }) => {\n  const { layout, colors } = theme;\n\n  return `\n    position: absolute;\n    top: -25px;\n    right: -1px;\n    background: ${colors.WHITE_5};\n    padding: ${layout.gutter * 0.25}px;\n  `;\n});\n\nexport { TestCardWrapper, RecommendedTag };\n"],"names":["TestCardWrapper","styled","FlexView","RecommendedTag","Text","theme","layout","colors"],"mappings":";;;AAKM,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKjCC,IAAiBF,EAAOG,CAAI,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC3C,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAWF;AAEpB,SAAA;AAAA;AAAA;AAAA;AAAA,kBAISE,EAAO,OAAO;AAAA,eACjBD,EAAO,SAAS,IAAI;AAAA;AAEnC,CAAC;"}
+{"version":3,"file":"test-radio-card-styled.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-radio-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport Text from '../../../../../../ui/text/text';\n\nconst TestCardWrapper = styled(FlexView)`\n  position: relative;\n  cursor: pointer;\n`;\n\nconst RecommendedTag = styled(Text)(({ theme }) => {\n  const { layout, colors } = theme;\n\n  return `\n    position: absolute;\n    top: -25px;\n    right: -1px;\n    background: ${colors.WHITE_5};\n    padding: ${layout.gutter * 0.25}px;\n  `;\n});\n\nexport { TestCardWrapper, RecommendedTag };\n"],"names":["TestCardWrapper","styled","FlexView","RecommendedTag","Text","theme","layout","colors"],"mappings":";;;AAKM,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKjCC,IAAiBF,EAAOG,CAAI,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC3C,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF;AAEpB,SAAA;AAAA;AAAA;AAAA;AAAA,kBAISE,EAAO,OAAO;AAAA,eACjBD,EAAO,SAAS,IAAI;AAAA;AAEnC,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-radio-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-radio-card.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-radio-card.tsx"],"sourcesContent":["import type { ITestRadioCard } from './test-radio-card-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport Text from '../../../../../../ui/text/text';\nimport TestCardLottieAnimation from './test-card-lottie-animation';\nimport * as Styled from './test-radio-card-styled';\n\nconst TestRadioCard: FC<ITestRadioCard> = memo(props => {\n  const {\n    selected,\n    title,\n    backgroundColor,\n    imageUrl,\n    widthX,\n    isRecommended,\n    onTestRadioCardChange,\n    value,\n    lottiePath,\n    isTestDifficultRendering,\n  } = props;\n\n  const [renderLottieJSON, setRenderJSON] = useState(false);\n\n  const canHighlightCard = renderLottieJSON || selected;\n\n  const handleOnTestRadioCardChange = useCallback(() => {\n    onTestRadioCardChange?.(value);\n  }, [onTestRadioCardChange, value]);\n\n  const handleOnMouseEnter = useCallback(() => {\n    setRenderJSON(true);\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    setRenderJSON(false);\n  }, []);\n\n  return (\n    <Styled.TestCardWrapper\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n      $gapX={1}\n      $gutterX={1}\n      $widthX={widthX}\n      $heightX={5.75}\n      $borderColor={canHighlightCard ? 'BLACK_T_87' : 'BLACK_T_38'}\n      $background={canHighlightCard ? backgroundColor : 'WHITE_1'}\n      onClick={handleOnTestRadioCardChange}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\n    >\n      <Text $renderAs={canHighlightCard ? 'ab2-bold' : 'ab2'}>{title}</Text>\n\n      <TestCardLottieAnimation\n        renderLottieJSON={canHighlightCard}\n        imageUrl={imageUrl}\n        imageAlt={title}\n        lottiePath={lottiePath}\n        lottieWidth={isTestDifficultRendering ? 72 : 62}\n      />\n\n      {isRecommended && (\n        <Styled.RecommendedTag $renderAs=\"ac4-black\">Recommended</Styled.RecommendedTag>\n      )}\n    </Styled.TestCardWrapper>\n  );\n});\n\nexport default TestRadioCard;\n"],"names":["TestRadioCard","memo","props","selected","title","backgroundColor","imageUrl","widthX","isRecommended","onTestRadioCardChange","value","lottiePath","isTestDifficultRendering","renderLottieJSON","setRenderJSON","useState","canHighlightCard","handleOnTestRadioCardChange","useCallback","handleOnMouseEnter","handleOnMouseLeave","jsxs","Styled.TestCardWrapper","jsx","Text","TestCardLottieAnimation","Styled.RecommendedTag"],"mappings":";;;;;AASM,MAAAA,IAAoCC,EAAK,CAASC,MAAA;AAChD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,0BAAAC;AAAA,EAAA,IACEV,GAEE,CAACW,GAAkBC,CAAa,IAAIC,EAAS,EAAK,GAElDC,IAAmBH,KAAoBV,GAEvCc,IAA8BC,EAAY,MAAM;AACpD,IAAAT,KAAA,QAAAA,EAAwBC;AAAA,EAAK,GAC5B,CAACD,GAAuBC,CAAK,CAAC,GAE3BS,IAAqBD,EAAY,MAAM;AAC3C,IAAAJ,EAAc,EAAI;AAAA,EACpB,GAAG,EAAE,GAECM,IAAqBF,EAAY,MAAM;AAC3C,IAAAJ,EAAc,EAAK;AAAA,EACrB,GAAG,EAAE;AAGH,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAASf;AAAA,MACT,UAAU;AAAA,MACV,cAAcS,IAAmB,eAAe;AAAA,MAChD,aAAaA,IAAmBX,IAAkB;AAAA,MAClD,SAASY;AAAA,MACT,cAAcE;AAAA,MACd,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAG,EAACC,GAAK,EAAA,WAAWR,IAAmB,aAAa,OAAQ,UAAMZ,GAAA;AAAA,QAE/D,gBAAAmB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,kBAAkBT;AAAA,YAClB,UAAAV;AAAA,YACA,UAAUF;AAAA,YACV,YAAAO;AAAA,YACA,aAAaC,IAA2B,KAAK;AAAA,UAAA;AAAA,QAC/C;AAAA,QAECJ,KACE,gBAAAe,EAAAG,GAAA,EAAsB,WAAU,aAAY,UAAW,cAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAE5D;AAEJ,CAAC;"}
+{"version":3,"file":"test-radio-card.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/difficulty-and-duration-selection/test-radio-card/test-radio-card.tsx"],"sourcesContent":["import type { ITestRadioCard } from './test-radio-card-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport Text from '../../../../../../ui/text/text';\nimport TestCardLottieAnimation from './test-card-lottie-animation';\nimport * as Styled from './test-radio-card-styled';\n\nconst TestRadioCard: FC<ITestRadioCard> = memo(props => {\n  const {\n    selected,\n    title,\n    backgroundColor,\n    imageUrl,\n    widthX,\n    isRecommended,\n    onTestRadioCardChange,\n    value,\n    lottiePath,\n    isTestDifficultRendering,\n  } = props;\n\n  const [renderLottieJSON, setRenderJSON] = useState(false);\n\n  const canHighlightCard = renderLottieJSON || selected;\n\n  const handleOnTestRadioCardChange = useCallback(() => {\n    onTestRadioCardChange?.(value);\n  }, [onTestRadioCardChange, value]);\n\n  const handleOnMouseEnter = useCallback(() => {\n    setRenderJSON(true);\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    setRenderJSON(false);\n  }, []);\n\n  return (\n    <Styled.TestCardWrapper\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n      $gapX={1}\n      $gutterX={1}\n      $widthX={widthX}\n      $heightX={5.75}\n      $borderColor={canHighlightCard ? 'BLACK_T_87' : 'BLACK_T_38'}\n      $background={canHighlightCard ? backgroundColor : 'WHITE_1'}\n      onClick={handleOnTestRadioCardChange}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\n    >\n      <Text $renderAs={canHighlightCard ? 'ab2-bold' : 'ab2'}>{title}</Text>\n\n      <TestCardLottieAnimation\n        renderLottieJSON={canHighlightCard}\n        imageUrl={imageUrl}\n        imageAlt={title}\n        lottiePath={lottiePath}\n        lottieWidth={isTestDifficultRendering ? 72 : 62}\n      />\n\n      {isRecommended && (\n        <Styled.RecommendedTag $renderAs=\"ac4-black\">Recommended</Styled.RecommendedTag>\n      )}\n    </Styled.TestCardWrapper>\n  );\n});\n\nexport default TestRadioCard;\n"],"names":["TestRadioCard","memo","props","selected","title","backgroundColor","imageUrl","widthX","isRecommended","onTestRadioCardChange","value","lottiePath","isTestDifficultRendering","renderLottieJSON","setRenderJSON","useState","canHighlightCard","handleOnTestRadioCardChange","useCallback","handleOnMouseEnter","handleOnMouseLeave","jsxs","Styled.TestCardWrapper","jsx","Text","TestCardLottieAnimation","Styled.RecommendedTag"],"mappings":";;;;;AASM,MAAAA,IAAoCC,EAAK,CAASC,MAAA;AAChD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,0BAAAC;AAAA,EACE,IAAAV,GAEE,CAACW,GAAkBC,CAAa,IAAIC,EAAS,EAAK,GAElDC,IAAmBH,KAAoBV,GAEvCc,IAA8BC,EAAY,MAAM;AACpD,IAAAT,KAAA,QAAAA,EAAwBC;AAAA,EAAK,GAC5B,CAACD,GAAuBC,CAAK,CAAC,GAE3BS,IAAqBD,EAAY,MAAM;AAC3C,IAAAJ,EAAc,EAAI;AAAA,EACpB,GAAG,CAAE,CAAA,GAECM,IAAqBF,EAAY,MAAM;AAC3C,IAAAJ,EAAc,EAAK;AAAA,EACrB,GAAG,CAAE,CAAA;AAGH,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAASf;AAAA,MACT,UAAU;AAAA,MACV,cAAcS,IAAmB,eAAe;AAAA,MAChD,aAAaA,IAAmBX,IAAkB;AAAA,MAClD,SAASY;AAAA,MACT,cAAcE;AAAA,MACd,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAG,EAACC,GAAK,EAAA,WAAWR,IAAmB,aAAa,OAAQ,UAAMZ,GAAA;AAAA,QAE/D,gBAAAmB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,kBAAkBT;AAAA,YAClB,UAAAV;AAAA,YACA,UAAUF;AAAA,YACV,YAAAO;AAAA,YACA,aAAaC,IAA2B,KAAK;AAAA,UAAA;AAAA,QAC/C;AAAA,QAECJ,KACE,gBAAAe,EAAAG,GAAA,EAAsB,WAAU,aAAY,UAAW,eAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhE,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-preview.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.tsx"],"sourcesContent":["import type { ITestPreviewProps } from './test-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport Button from '../../../../../ui/buttons/button/button';\nimport PreviewWorksheet from '../../../../../worksheet/worksheet-preview/worksheet-preview';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport * as Styled from './test-preview-styled';\n\nconst TestPreview: FC<ITestPreviewProps> = memo(props => {\n  const { studentId, items, testNumber, isAssignInProgress, onTestStageChange, onTestSheetAssign } =\n    props;\n\n  const [testPreviewLoaded, setTestPreviewLoaded] = useState(false);\n\n  const itemRefs = useMemo(() => items?.map(item => item.ref), [items]);\n  const analyticsProps = useMemo(\n    () => ({\n      step: 'preview',\n      items,\n      title: `Test ${testNumber}`,\n    }),\n    [testNumber, items],\n  );\n\n  const handleOnBack = useCallback(() => {\n    onTestStageChange('DIFFICULTY_AND_DURATION_SELECTION');\n  }, [onTestStageChange]);\n\n  const handleOnPreviewLoad = useCallback(\n    (loaded: boolean) => {\n      setTestPreviewLoaded(loaded);\n    },\n    [setTestPreviewLoaded],\n  );\n\n  if (!itemRefs || itemRefs.length === 0) return null;\n\n  return (\n    <>\n      <PreviewWorksheet\n        activityReference=\"test\"\n        action=\"review\"\n        nodeType=\"DYNAMIC\"\n        userType=\"STUDENT\"\n        studentId={studentId ?? 'student-id'}\n        isLessonV3Enabled={false}\n        worksheetName=\"Preview test\"\n        scribblingEnabled={false}\n        items={itemRefs}\n        onBackIconClick={handleOnBack}\n        onWorksheetLoaded={handleOnPreviewLoad}\n      />\n\n      {testPreviewLoaded && (\n        <Styled.ButtonWrapper>\n          <Button\n            widthX={6}\n            renderAs={'primary'}\n            size=\"small\"\n            shape=\"square\"\n            label=\"Assign\"\n            analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ASSIGNED}\n            analyticsProps={analyticsProps}\n            onClick={onTestSheetAssign}\n            disabled={!!isAssignInProgress}\n          />\n        </Styled.ButtonWrapper>\n      )}\n    </>\n  );\n});\n\nexport default TestPreview;\n"],"names":["TestPreview","memo","props","studentId","items","testNumber","isAssignInProgress","onTestStageChange","onTestSheetAssign","testPreviewLoaded","setTestPreviewLoaded","useState","itemRefs","useMemo","item","analyticsProps","handleOnBack","useCallback","handleOnPreviewLoad","loaded","jsxs","Fragment","jsx","PreviewWorksheet","Styled.ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;AAUM,MAAAA,IAAqCC,EAAK,CAASC,MAAA;AACvD,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,GAAY,oBAAAC,GAAoB,mBAAAC,GAAmB,mBAAAC,MAC3EN,GAEI,CAACO,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAWC,EAAQ,MAAMT,KAAA,gBAAAA,EAAO,IAAI,CAAQU,MAAAA,EAAK,MAAM,CAACV,CAAK,CAAC,GAC9DW,IAAiBF;AAAA,IACrB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAAT;AAAA,MACA,OAAO,QAAQC,CAAU;AAAA,IAAA;AAAA,IAE3B,CAACA,GAAYD,CAAK;AAAA,EACpB,GAEMY,IAAeC,EAAY,MAAM;AACrC,IAAAV,EAAkB,mCAAmC;AAAA,EAAA,GACpD,CAACA,CAAiB,CAAC,GAEhBW,IAAsBD;AAAA,IAC1B,CAACE,MAAoB;AACnB,MAAAT,EAAqBS,CAAM;AAAA,IAC7B;AAAA,IACA,CAACT,CAAoB;AAAA,EACvB;AAEA,SAAI,CAACE,KAAYA,EAAS,WAAW,IAAU,OAI3C,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,mBAAkB;AAAA,QAClB,QAAO;AAAA,QACP,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAWpB,KAAa;AAAA,QACxB,mBAAmB;AAAA,QACnB,eAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,OAAOS;AAAA,QACP,iBAAiBI;AAAA,QACjB,mBAAmBE;AAAA,MAAA;AAAA,IACrB;AAAA,IAECT,KACC,gBAAAa,EAACE,GAAA,EACC,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAgBC,EAAgC;AAAA,QAChD,gBAAAX;AAAA,QACA,SAASP;AAAA,QACT,UAAU,CAAC,CAACF;AAAA,MAAA;AAAA,IAAA,EAEhB,CAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"test-preview.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/test-preview/test-preview.tsx"],"sourcesContent":["import type { ITestPreviewProps } from './test-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport Button from '../../../../../ui/buttons/button/button';\nimport PreviewWorksheet from '../../../../../worksheet/worksheet-preview/worksheet-preview';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation-analytics-events';\nimport * as Styled from './test-preview-styled';\n\nconst TestPreview: FC<ITestPreviewProps> = memo(props => {\n  const { studentId, items, testNumber, isAssignInProgress, onTestStageChange, onTestSheetAssign } =\n    props;\n\n  const [testPreviewLoaded, setTestPreviewLoaded] = useState(false);\n\n  const itemRefs = useMemo(() => items?.map(item => item.ref), [items]);\n  const analyticsProps = useMemo(\n    () => ({\n      step: 'preview',\n      items,\n      title: `Test ${testNumber}`,\n    }),\n    [testNumber, items],\n  );\n\n  const handleOnBack = useCallback(() => {\n    onTestStageChange('DIFFICULTY_AND_DURATION_SELECTION');\n  }, [onTestStageChange]);\n\n  const handleOnPreviewLoad = useCallback(\n    (loaded: boolean) => {\n      setTestPreviewLoaded(loaded);\n    },\n    [setTestPreviewLoaded],\n  );\n\n  if (!itemRefs || itemRefs.length === 0) return null;\n\n  return (\n    <>\n      <PreviewWorksheet\n        activityReference=\"test\"\n        action=\"review\"\n        nodeType=\"DYNAMIC\"\n        userType=\"STUDENT\"\n        studentId={studentId ?? 'student-id'}\n        isLessonV3Enabled={false}\n        worksheetName=\"Preview test\"\n        scribblingEnabled={false}\n        items={itemRefs}\n        onBackIconClick={handleOnBack}\n        onWorksheetLoaded={handleOnPreviewLoad}\n      />\n\n      {testPreviewLoaded && (\n        <Styled.ButtonWrapper>\n          <Button\n            widthX={6}\n            renderAs={'primary'}\n            size=\"small\"\n            shape=\"square\"\n            label=\"Assign\"\n            analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ASSIGNED}\n            analyticsProps={analyticsProps}\n            onClick={onTestSheetAssign}\n            disabled={!!isAssignInProgress}\n          />\n        </Styled.ButtonWrapper>\n      )}\n    </>\n  );\n});\n\nexport default TestPreview;\n"],"names":["TestPreview","memo","props","studentId","items","testNumber","isAssignInProgress","onTestStageChange","onTestSheetAssign","testPreviewLoaded","setTestPreviewLoaded","useState","itemRefs","useMemo","item","analyticsProps","handleOnBack","useCallback","handleOnPreviewLoad","loaded","jsxs","Fragment","jsx","PreviewWorksheet","Styled.ButtonWrapper","Button","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;AAUM,MAAAA,IAAqCC,EAAK,CAASC,MAAA;AACvD,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,GAAY,oBAAAC,GAAoB,mBAAAC,GAAmB,mBAAAC,EAC3E,IAAAN,GAEI,CAACO,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAWC,EAAQ,MAAMT,KAAA,gBAAAA,EAAO,IAAI,CAAQU,MAAAA,EAAK,MAAM,CAACV,CAAK,CAAC,GAC9DW,IAAiBF;AAAA,IACrB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAAT;AAAA,MACA,OAAO,QAAQC,CAAU;AAAA,IAAA;AAAA,IAE3B,CAACA,GAAYD,CAAK;AAAA,EAAA,GAGdY,IAAeC,EAAY,MAAM;AACrC,IAAAV,EAAkB,mCAAmC;AAAA,EAAA,GACpD,CAACA,CAAiB,CAAC,GAEhBW,IAAsBD;AAAA,IAC1B,CAACE,MAAoB;AACnB,MAAAT,EAAqBS,CAAM;AAAA,IAC7B;AAAA,IACA,CAACT,CAAoB;AAAA,EAAA;AAGvB,SAAI,CAACE,KAAYA,EAAS,WAAW,IAAU,OAI3C,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,mBAAkB;AAAA,QAClB,QAAO;AAAA,QACP,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAWpB,KAAa;AAAA,QACxB,mBAAmB;AAAA,QACnB,eAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,OAAOS;AAAA,QACP,iBAAiBI;AAAA,QACjB,mBAAmBE;AAAA,MAAA;AAAA,IACrB;AAAA,IAECT,KACC,gBAAAa,EAACE,GAAA,EACC,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAgBC,EAAgC;AAAA,QAChD,gBAAAX;AAAA,QACA,SAASP;AAAA,QACT,UAAU,CAAC,CAACF;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js

@@ -16,7 +16,7 @@ const ee = {
   title: null,
   duration: null,
   chapters: null
-}, he = G((y) => {
+}, te = G((y) => {
   const { milestoneId: s, studentId: O, testNumber: D, onTestAssign: C, onExit: L, onError: c } = y, [_, x] = T("CHAPTER_SELECTION"), [o, f] = T(ee), [h, v] = T([]), m = i((e) => {
     x(e);
   }, []), F = i(
@@ -46,14 +46,14 @@ const ee = {
   ), {
     get: I,
     data: N,
-    isProcessing: b,
-    isProcessingFailed: M,
+    isProcessing: $,
+    isProcessingFailed: b,
     error: p
   } = B(s, {
     with_sheets: !0
-  }), { post: A, isProcessing: R } = Y({
+  }), { post: A, isProcessing: M } = Y({
     onComplete: F
-  }), { post: S, isProcessing: $ } = J({
+  }), { post: S, isProcessing: R } = J({
     onComplete: H
   }), { user_milestone_plan: j } = N || {}, { user_chapters: a } = j || {}, w = i(
     (e) => {
@@ -96,7 +96,7 @@ const ee = {
     s && d();
   }, [s, d]), E(() => {
     a && a.length > 0 && f((e) => ({ ...e, chapters: a }));
-  }, [a]), b || R ? /* @__PURE__ */ l(q, { height: "100vh" }) : M ? /* @__PURE__ */ W(X, { $height: "100vh", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+  }, [a]), $ || M ? /* @__PURE__ */ l(q, { height: "100vh" }) : b ? /* @__PURE__ */ W(X, { $height: "100vh", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
     /* @__PURE__ */ l(z, { $renderAs: "h6", children: (p == null ? void 0 : p.message) || "Oops! Something went wrong." }),
     /* @__PURE__ */ l(
       U,
@@ -115,7 +115,7 @@ const ee = {
       studentId: O,
       items: h,
       testNumber: D,
-      isAssignInProgress: $,
+      isAssignInProgress: R,
       onTestStageChange: g,
       onTestSheetAssign: k
     }
@@ -126,8 +126,8 @@ const ee = {
       onTestStageChange: g
     }
   ) : /* @__PURE__ */ l(K, { testFormData: o, onProceed: g, onExit: L }) : null;
-});
+}), pe = te;
 export {
-  he as default
+  pe as default
 };
 //# sourceMappingURL=tests-creation.js.map

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js.map

@@ -1 +1 @@
-{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import type { ITestHelpPreviewPayload, ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { usePostTestHelpPreview } from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(props => {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, milestoneId, testPreviewItems]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection"],"mappings":"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"}
+{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import type { ITestHelpPreviewPayload, ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { usePostTestHelpPreview } from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(props => {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, milestoneId, testPreviewItems]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":"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"}

package/dist/features/milestone/milestone-tests/tests-creation/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-creation/utils/index.ts"],"sourcesContent":["import type { ITestDifficultyLevelCards } from '../test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection-types';\nimport type { ITestRadioCard } from '../test-stages/difficulty-and-duration-selection/test-radio-card/test-radio-card-types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { TEST_DURATION } from '../constants';\n\nconst {\n  DURATION_30MIN_GRAY,\n  DURATION_45MIN_GRAY,\n  DURATION_60MIN_GRAY,\n  DURATION_90MIN_GRAY,\n  TEST_DIFFICULTY_EASY,\n  TEST_DIFFICULTY_MEDIUM,\n  TEST_DIFFICULTY_HARD,\n} = ILLUSTRATIONS;\n\nconst getRecommendedTestDuration = (selectedChaptersCount: number) => {\n  if (selectedChaptersCount > 0 && selectedChaptersCount <= 2) return TEST_DURATION.MIN_30;\n\n  if (selectedChaptersCount > 2 && selectedChaptersCount <= 4) return TEST_DURATION.MIN_45;\n\n  if (selectedChaptersCount > 4 && selectedChaptersCount <= 6) return TEST_DURATION.MIN_60;\n\n  return TEST_DURATION.MIN_90;\n};\n\nconst getTestDurationCards = (): ITestRadioCard[] => {\n  return [\n    {\n      title: `${TEST_DURATION.MIN_30} Min`,\n      value: TEST_DURATION.MIN_30,\n      imageUrl: DURATION_30MIN_GRAY,\n      lottiePath: LOTTIE.CLOCK_30MIN,\n      backgroundColor: 'GREEN_1',\n    },\n    {\n      title: `${TEST_DURATION.MIN_45} Min`,\n      value: TEST_DURATION.MIN_45,\n      imageUrl: DURATION_45MIN_GRAY,\n      lottiePath: LOTTIE.CLOCK_45MIN,\n      backgroundColor: 'BLUE_1',\n    },\n    {\n      title: `${TEST_DURATION.MIN_60} Min`,\n      value: TEST_DURATION.MIN_60,\n      imageUrl: DURATION_60MIN_GRAY,\n      lottiePath: LOTTIE.CLOCK_60MIN,\n      backgroundColor: 'YELLOW_1',\n    },\n    {\n      title: `${TEST_DURATION.MIN_90} Min`,\n      value: TEST_DURATION.MIN_90,\n      imageUrl: DURATION_90MIN_GRAY,\n      lottiePath: LOTTIE.CLOCK_90MIN,\n      backgroundColor: 'ORANGE_1',\n    },\n  ];\n};\n\nconst getDifficultyLevelCards = (): ITestDifficultyLevelCards[] => {\n  return [\n    {\n      title: 'Easy',\n      imageUrl: TEST_DIFFICULTY_EASY,\n      lottiePath: LOTTIE.EASY,\n      backgroundColor: 'BLUE_1',\n      value: 'EASY',\n    },\n    {\n      title: 'Moderate',\n      value: 'MODERATE',\n      lottiePath: LOTTIE.MEDIUM,\n      imageUrl: TEST_DIFFICULTY_MEDIUM,\n      backgroundColor: 'YELLOW_1',\n    },\n    {\n      title: 'Difficult',\n      value: 'DIFFICULT',\n      lottiePath: LOTTIE.DIFFICULT,\n      imageUrl: TEST_DIFFICULTY_HARD,\n      backgroundColor: 'ORANGE_1',\n    },\n  ];\n};\n\nexport { getRecommendedTestDuration, getTestDurationCards, getDifficultyLevelCards };\n"],"names":["DURATION_30MIN_GRAY","DURATION_45MIN_GRAY","DURATION_60MIN_GRAY","DURATION_90MIN_GRAY","TEST_DIFFICULTY_EASY","TEST_DIFFICULTY_MEDIUM","TEST_DIFFICULTY_HARD","ILLUSTRATIONS","getRecommendedTestDuration","selectedChaptersCount","TEST_DURATION","getTestDurationCards","LOTTIE","getDifficultyLevelCards"],"mappings":";;;AAOA,MAAM;AAAA,EACJ,qBAAAA;AAAA,EACA,qBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,sBAAAC;AACF,IAAIC,GAEEC,IAA6B,CAACC,MAC9BA,IAAwB,KAAKA,KAAyB,IAAUC,EAAc,SAE9ED,IAAwB,KAAKA,KAAyB,IAAUC,EAAc,SAE9ED,IAAwB,KAAKA,KAAyB,IAAUC,EAAc,SAE3EA,EAAc,QAGjBC,IAAuB,MACpB;AAAA,EACL;AAAA,IACE,OAAO,GAAGD,EAAc,MAAM;AAAA,IAC9B,OAAOA,EAAc;AAAA,IACrB,UAAUV;AAAA,IACV,YAAYY,EAAO;AAAA,IACnB,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACE,OAAO,GAAGF,EAAc,MAAM;AAAA,IAC9B,OAAOA,EAAc;AAAA,IACrB,UAAUT;AAAA,IACV,YAAYW,EAAO;AAAA,IACnB,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACE,OAAO,GAAGF,EAAc,MAAM;AAAA,IAC9B,OAAOA,EAAc;AAAA,IACrB,UAAUR;AAAA,IACV,YAAYU,EAAO;AAAA,IACnB,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACE,OAAO,GAAGF,EAAc,MAAM;AAAA,IAC9B,OAAOA,EAAc;AAAA,IACrB,UAAUP;AAAA,IACV,YAAYS,EAAO;AAAA,IACnB,iBAAiB;AAAA,EAAA;AAErB,GAGIC,IAA0B,MACvB;AAAA,EACL;AAAA,IACE,OAAO;AAAA,IACP,UAAUT;AAAA,IACV,YAAYQ,EAAO;AAAA,IACnB,iBAAiB;AAAA,IACjB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAYA,EAAO;AAAA,IACnB,UAAUP;AAAA,IACV,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAYO,EAAO;AAAA,IACnB,UAAUN;AAAA,IACV,iBAAiB;AAAA,EAAA;AAErB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-creation/utils/index.ts"],"sourcesContent":["import type { ITestDifficultyLevelCards } from '../test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection-types';\nimport type { ITestRadioCard } from '../test-stages/difficulty-and-duration-selection/test-radio-card/test-radio-card-types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { TEST_DURATION } from '../constants';\n\nconst {\n  DURATION_30MIN_GRAY,\n  DURATION_45MIN_GRAY,\n  DURATION_60MIN_GRAY,\n  DURATION_90MIN_GRAY,\n  TEST_DIFFICULTY_EASY,\n  TEST_DIFFICULTY_MEDIUM,\n  TEST_DIFFICULTY_HARD,\n} = ILLUSTRATIONS;\n\nconst getRecommendedTestDuration = (selectedChaptersCount: number) => {\n  if (selectedChaptersCount > 0 && selectedChaptersCount <= 2) return TEST_DURATION.MIN_30;\n\n  if (selectedChaptersCount > 2 && selectedChaptersCount <= 4) return TEST_DURATION.MIN_45;\n\n  if (selectedChaptersCount > 4 && selectedChaptersCount <= 6) return TEST_DURATION.MIN_60;\n\n  return TEST_DURATION.MIN_90;\n};\n\nconst getTestDurationCards = (): ITestRadioCard[] => {\n  return [\n    {\n      title: `${TEST_DURATION.MIN_30} Min`,\n      value: TEST_DURATION.MIN_30,\n      imageUrl: DURATION_30MIN_GRAY,\n      lottiePath: LOTTIE.CLOCK_30MIN,\n      backgroundColor: 'GREEN_1',\n    },\n    {\n      title: `${TEST_DURATION.MIN_45} Min`,\n      value: TEST_DURATION.MIN_45,\n      imageUrl: DURATION_45MIN_GRAY,\n      lottiePath: LOTTIE.CLOCK_45MIN,\n      backgroundColor: 'BLUE_1',\n    },\n    {\n      title: `${TEST_DURATION.MIN_60} Min`,\n      value: TEST_DURATION.MIN_60,\n      imageUrl: DURATION_60MIN_GRAY,\n      lottiePath: LOTTIE.CLOCK_60MIN,\n      backgroundColor: 'YELLOW_1',\n    },\n    {\n      title: `${TEST_DURATION.MIN_90} Min`,\n      value: TEST_DURATION.MIN_90,\n      imageUrl: DURATION_90MIN_GRAY,\n      lottiePath: LOTTIE.CLOCK_90MIN,\n      backgroundColor: 'ORANGE_1',\n    },\n  ];\n};\n\nconst getDifficultyLevelCards = (): ITestDifficultyLevelCards[] => {\n  return [\n    {\n      title: 'Easy',\n      imageUrl: TEST_DIFFICULTY_EASY,\n      lottiePath: LOTTIE.EASY,\n      backgroundColor: 'BLUE_1',\n      value: 'EASY',\n    },\n    {\n      title: 'Moderate',\n      value: 'MODERATE',\n      lottiePath: LOTTIE.MEDIUM,\n      imageUrl: TEST_DIFFICULTY_MEDIUM,\n      backgroundColor: 'YELLOW_1',\n    },\n    {\n      title: 'Difficult',\n      value: 'DIFFICULT',\n      lottiePath: LOTTIE.DIFFICULT,\n      imageUrl: TEST_DIFFICULTY_HARD,\n      backgroundColor: 'ORANGE_1',\n    },\n  ];\n};\n\nexport { getRecommendedTestDuration, getTestDurationCards, getDifficultyLevelCards };\n"],"names":["DURATION_30MIN_GRAY","DURATION_45MIN_GRAY","DURATION_60MIN_GRAY","DURATION_90MIN_GRAY","TEST_DIFFICULTY_EASY","TEST_DIFFICULTY_MEDIUM","TEST_DIFFICULTY_HARD","ILLUSTRATIONS","getRecommendedTestDuration","selectedChaptersCount","TEST_DURATION","getTestDurationCards","LOTTIE","getDifficultyLevelCards"],"mappings":";;;AAOA,MAAM;AAAA,EACJ,qBAAAA;AAAA,EACA,qBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,sBAAAC;AACF,IAAIC,GAEEC,IAA6B,CAACC,MAC9BA,IAAwB,KAAKA,KAAyB,IAAUC,EAAc,SAE9ED,IAAwB,KAAKA,KAAyB,IAAUC,EAAc,SAE9ED,IAAwB,KAAKA,KAAyB,IAAUC,EAAc,SAE3EA,EAAc,QAGjBC,IAAuB,MACpB;AAAA,EACL;AAAA,IACE,OAAO,GAAGD,EAAc,MAAM;AAAA,IAC9B,OAAOA,EAAc;AAAA,IACrB,UAAUV;AAAA,IACV,YAAYY,EAAO;AAAA,IACnB,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACE,OAAO,GAAGF,EAAc,MAAM;AAAA,IAC9B,OAAOA,EAAc;AAAA,IACrB,UAAUT;AAAA,IACV,YAAYW,EAAO;AAAA,IACnB,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACE,OAAO,GAAGF,EAAc,MAAM;AAAA,IAC9B,OAAOA,EAAc;AAAA,IACrB,UAAUR;AAAA,IACV,YAAYU,EAAO;AAAA,IACnB,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACE,OAAO,GAAGF,EAAc,MAAM;AAAA,IAC9B,OAAOA,EAAc;AAAA,IACrB,UAAUP;AAAA,IACV,YAAYS,EAAO;AAAA,IACnB,iBAAiB;AAAA,EACnB;AAAA,GAIEC,IAA0B,MACvB;AAAA,EACL;AAAA,IACE,OAAO;AAAA,IACP,UAAUT;AAAA,IACV,YAAYQ,EAAO;AAAA,IACnB,iBAAiB;AAAA,IACjB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAYA,EAAO;AAAA,IACnB,UAAUP;AAAA,IACV,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAYO,EAAO;AAAA,IACnB,UAAUN;AAAA,IACV,iBAAiB;AAAA,EACnB;AAAA;"}

package/dist/features/milestone/outcome/api/milestone-achievement.js

@@ -1,8 +1,8 @@
-import { createPatchAPI as s, createGetAPI as c } from "@cuemath/rest-api";
+import { createGetAPI as s, createPatchAPI as c } from "@cuemath/rest-api";
 import { BASE_URL_V3 as t } from "../../../../constants/api.js";
-const { useGet: m } = c({
+const { useGet: m } = s({
   getURL: (e) => `${t}/user-milestone-achievement/${e}/`
-}), { usePatch: n } = s({
+}), { usePatch: n } = c({
   getURL: (e) => `${t}/user-milestone-achievement/${e}/`
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-outcome.js","sources":["../../../../../src/features/milestone/outcome/api/milestone-outcome.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\nconst { usePost: useCreateMilestoneOutcome } = createPostAPI<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any,\n  Record<string, unknown>,\n  { milestoneId: string }\n>({\n  getURL: (_, { milestoneId }) => `${BASE_URL_V3}/user-milestone/${milestoneId}/outcome/`,\n});\n\nexport { useCreateMilestoneOutcome };\n"],"names":["useCreateMilestoneOutcome","createPostAPI","_","milestoneId","BASE_URL_V3"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAK7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,aAAAC,QAAkB,GAAGC,CAAW,mBAAmBD,CAAW;AAC9E,CAAC;"}
+{"version":3,"file":"milestone-outcome.js","sources":["../../../../../src/features/milestone/outcome/api/milestone-outcome.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\nconst { usePost: useCreateMilestoneOutcome } = createPostAPI<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any,\n  Record<string, unknown>,\n  { milestoneId: string }\n>({\n  getURL: (_, { milestoneId }) => `${BASE_URL_V3}/user-milestone/${milestoneId}/outcome/`,\n});\n\nexport { useCreateMilestoneOutcome };\n"],"names":["useCreateMilestoneOutcome","createPostAPI","_","milestoneId","BASE_URL_V3"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAK7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,aAAAC,EAAkB,MAAA,GAAGC,CAAW,mBAAmBD,CAAW;AAC9E,CAAC;"}

package/dist/features/milestone/outcome/comps/achievement/achievement-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"achievement-constants.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-constants.tsx"],"sourcesContent":["import type { IInfoPoint } from '../../../create/types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Text from '../../../../ui/text/text';\n\nconst createAchievementShareInstructionConfig = (studentName: string): IInfoPoint[] => [\n  {\n    icon: ILLUSTRATIONS.NUMBER_1_ORANGE,\n    point: <Text $renderAs=\"body2\">Send snapshot to {studentName} parent</Text>,\n  },\n  {\n    icon: ILLUSTRATIONS.NUMBER_2_ORANGE,\n    point: <Text $renderAs=\"body2\">Parent views the success snapshot via Cuechat</Text>,\n  },\n  {\n    icon: ILLUSTRATIONS.NUMBER_3_ORANGE,\n    point: <Text $renderAs=\"body2\">They share it with their friends & family!</Text>,\n  },\n];\n\nconst generateAchievementNotShareOptions = (studentName: string) => [\n  {\n    label: `${studentName} can do better. This does not seem like a significant achievement.`,\n    id: 'not_significant_achievement',\n  },\n  {\n    label: `I did not like either of the “Success snapshot” designs.`,\n    id: 'design_preference_issue',\n  },\n];\n\nconst DEFAULT_POLLING_INTERVAL = 10000;\nconst DEFAULT_MAX_POLLING_ATTEMPTS = 3;\n\nconst ACHIEVEMENT_ACTIONS = {\n  SHARED: 'SHARED',\n  REJECTED: 'REJECTED',\n};\n\nexport {\n  createAchievementShareInstructionConfig,\n  generateAchievementNotShareOptions,\n  DEFAULT_POLLING_INTERVAL,\n  DEFAULT_MAX_POLLING_ATTEMPTS,\n  ACHIEVEMENT_ACTIONS,\n};\n"],"names":["createAchievementShareInstructionConfig","studentName","ILLUSTRATIONS","jsxs","Text","jsx","generateAchievementNotShareOptions","DEFAULT_POLLING_INTERVAL","DEFAULT_MAX_POLLING_ATTEMPTS","ACHIEVEMENT_ACTIONS"],"mappings":";;;AAKM,MAAAA,IAA0C,CAACC,MAAsC;AAAA,EACrF;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,UAAA;AAAA,MAAA;AAAA,MAAkBH;AAAA,MAAY;AAAA,IAAA,EAAO,CAAA;AAAA,EACtE;AAAA,EACA;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO,gBAAAG,EAACD,GAAK,EAAA,WAAU,SAAQ,UAA6C,gDAAA,CAAA;AAAA,EAC9E;AAAA,EACA;AAAA,IACE,MAAMF,EAAc;AAAA,IACpB,OAAO,gBAAAG,EAACD,GAAK,EAAA,WAAU,SAAQ,UAA0C,6CAAA,CAAA;AAAA,EAAA;AAE7E,GAEME,IAAqC,CAACL,MAAwB;AAAA,EAClE;AAAA,IACE,OAAO,GAAGA,CAAW;AAAA,IACrB,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EAAA;AAER,GAEMM,IAA2B,KAC3BC,IAA+B,GAE/BC,IAAsB;AAAA,EAC1B,QAAQ;AAAA,EACR,UAAU;AACZ;"}
+{"version":3,"file":"achievement-constants.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-constants.tsx"],"sourcesContent":["import type { IInfoPoint } from '../../../create/types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Text from '../../../../ui/text/text';\n\nconst createAchievementShareInstructionConfig = (studentName: string): IInfoPoint[] => [\n  {\n    icon: ILLUSTRATIONS.NUMBER_1_ORANGE,\n    point: <Text $renderAs=\"body2\">Send snapshot to {studentName} parent</Text>,\n  },\n  {\n    icon: ILLUSTRATIONS.NUMBER_2_ORANGE,\n    point: <Text $renderAs=\"body2\">Parent views the success snapshot via Cuechat</Text>,\n  },\n  {\n    icon: ILLUSTRATIONS.NUMBER_3_ORANGE,\n    point: <Text $renderAs=\"body2\">They share it with their friends & family!</Text>,\n  },\n];\n\nconst generateAchievementNotShareOptions = (studentName: string) => [\n  {\n    label: `${studentName} can do better. This does not seem like a significant achievement.`,\n    id: 'not_significant_achievement',\n  },\n  {\n    label: `I did not like either of the “Success snapshot” designs.`,\n    id: 'design_preference_issue',\n  },\n];\n\nconst DEFAULT_POLLING_INTERVAL = 10000;\nconst DEFAULT_MAX_POLLING_ATTEMPTS = 3;\n\nconst ACHIEVEMENT_ACTIONS = {\n  SHARED: 'SHARED',\n  REJECTED: 'REJECTED',\n};\n\nexport {\n  createAchievementShareInstructionConfig,\n  generateAchievementNotShareOptions,\n  DEFAULT_POLLING_INTERVAL,\n  DEFAULT_MAX_POLLING_ATTEMPTS,\n  ACHIEVEMENT_ACTIONS,\n};\n"],"names":["createAchievementShareInstructionConfig","studentName","ILLUSTRATIONS","jsxs","Text","jsx","generateAchievementNotShareOptions","DEFAULT_POLLING_INTERVAL","DEFAULT_MAX_POLLING_ATTEMPTS","ACHIEVEMENT_ACTIONS"],"mappings":";;;AAKM,MAAAA,IAA0C,CAACC,MAAsC;AAAA,EACrF;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,UAAA;AAAA,MAAA;AAAA,MAAkBH;AAAA,MAAY;AAAA,IAAA,GAAO;AAAA,EACtE;AAAA,EACA;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO,gBAAAG,EAACD,GAAK,EAAA,WAAU,SAAQ,UAA6C,iDAAA;AAAA,EAC9E;AAAA,EACA;AAAA,IACE,MAAMF,EAAc;AAAA,IACpB,OAAO,gBAAAG,EAACD,GAAK,EAAA,WAAU,SAAQ,UAA0C,8CAAA;AAAA,EAC3E;AACF,GAEME,IAAqC,CAACL,MAAwB;AAAA,EAClE;AAAA,IACE,OAAO,GAAGA,CAAW;AAAA,IACrB,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF,GAEMM,IAA2B,KAC3BC,IAA+B,GAE/BC,IAAsB;AAAA,EAC1B,QAAQ;AAAA,EACR,UAAU;AACZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"achievement-container-styled.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-container-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;"}
+{"version":3,"file":"achievement-container-styled.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-container-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;"}

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

@@ -7,7 +7,7 @@ import c from "../../../../ui/layout/flex-view.js";
 import v from "../../../../ui/text/text.js";
 import { useGetMilestoneAchievement as w } from "../../api/milestone-achievement.js";
 import { ImageContainer as I, StyledImage as B, ButtonWrapper as F } from "../../milestone-outcome-styled.js";
-import { DEFAULT_MAX_POLLING_ATTEMPTS as M, DEFAULT_POLLING_INTERVAL as N } from "./achievement-constants.js";
+import { DEFAULT_POLLING_INTERVAL as M, DEFAULT_MAX_POLLING_ATTEMPTS as N } from "./achievement-constants.js";
 import { FooterWrapper as D } from "./achievement-container-styled.js";
 const Q = L(
   ({ milestoneAchievementId: s, onShare: m, onNotToShare: _, onError: i, achievementConfig: b }) => {
@@ -17,8 +17,8 @@ const Q = L(
       isProcessed: p,
       isProcessingFailed: d
     } = w(), [n, x] = g(!1), [l, P] = g(!1), h = C(0), {
-      pollingInterval: f = N,
-      maxPollingAttempts: u = M
+      pollingInterval: f = M,
+      maxPollingAttempts: u = N
     } = b || {};
     o(() => {
       p && ((t == null ? void 0 : t.achievement_state) === "ASSET_GENERATED" ? x(!0) : h.current < u ? (h.current += 1, setTimeout(() => r(s), f)) : i("Timeout! It appears that the achievement asset is currently unavailable."));

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

@@ -1 +1 @@
-{"version":3,"file":"achievement-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-container.tsx"],"sourcesContent":["import type { IAchievementContainerProps } from './achievement-types';\n\nimport React, { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { useGetMilestoneAchievement } from '../../api/milestone-achievement';\nimport { ButtonWrapper, ImageContainer, StyledImage } from '../../milestone-outcome-styled';\nimport { DEFAULT_MAX_POLLING_ATTEMPTS, DEFAULT_POLLING_INTERVAL } from './achievement-constants';\nimport { FooterWrapper } from './achievement-container-styled';\n\nconst AchievementContainer: React.FC<IAchievementContainerProps> = memo(\n  ({ milestoneAchievementId, onShare, onNotToShare, onError, achievementConfig }) => {\n    const {\n      get: getAchievement,\n      data: achievement,\n      isProcessed,\n      isProcessingFailed,\n    } = useGetMilestoneAchievement();\n\n    const [isAchievementAvailable, setAchievementAvailable] = useState(false);\n    const [isAchievementRevealed, setAchievementRevealed] = useState(false);\n\n    const pollingAttemptsRef = useRef(0);\n    const {\n      pollingInterval = DEFAULT_POLLING_INTERVAL,\n      maxPollingAttempts = DEFAULT_MAX_POLLING_ATTEMPTS,\n    } = achievementConfig || {};\n\n    useEffect(() => {\n      if (isProcessed) {\n        if (achievement?.achievement_state === 'ASSET_GENERATED') {\n          setAchievementAvailable(true);\n        } else {\n          if (pollingAttemptsRef.current < maxPollingAttempts) {\n            pollingAttemptsRef.current += 1;\n            setTimeout(() => getAchievement(milestoneAchievementId), pollingInterval);\n          } else {\n            onError('Timeout! It appears that the achievement asset is currently unavailable.');\n          }\n        }\n      }\n    }, [\n      isProcessed,\n      achievement,\n      getAchievement,\n      milestoneAchievementId,\n      onError,\n      pollingInterval,\n      maxPollingAttempts,\n    ]);\n\n    useEffect(() => {\n      if (isProcessingFailed) {\n        onError('Oops! Something went wrong. Please try again in sometime.');\n      }\n    }, [isProcessingFailed, onError]);\n\n    useEffect(() => {\n      getAchievement(milestoneAchievementId);\n    }, [getAchievement, milestoneAchievementId]);\n\n    const handleButtonClick = () => {\n      setAchievementRevealed(true);\n    };\n    const [{ url: assetUrl = '', id: selectedAssetId = '' } = {}] = achievement?.assets_media || [];\n\n    const handleOnShare = useCallback(() => onShare(selectedAssetId), [onShare, selectedAssetId]);\n\n    return (\n      <>\n        <FlexView $alignItems=\"center\" $flexGapX={1} $marginBottomX={1.5}>\n          <FlexView>\n            <Text $renderAs=\"h4\" $align=\"center\">\n              Awesome! This looks like a reason to celebrate.\n            </Text>\n            <Text $renderAs=\"h4\" $align=\"center\">\n              Reveal the “Success snapshot” from below!\n            </Text>\n          </FlexView>\n          <ImageContainer>\n            <StyledImage\n              src={\n                isAchievementAvailable && isAchievementRevealed ? assetUrl : IMAGES.ACHIEVEMENT_BG\n              }\n              alt=\"Success Snapshot\"\n            />\n            {!isAchievementRevealed && (\n              <ButtonWrapper>\n                <Button\n                  label={isAchievementAvailable ? 'Reveal success snapshot' : 'Preparing the image'}\n                  renderAs=\"primary\"\n                  size=\"xsmall\"\n                  onClick={handleButtonClick}\n                  disabled={!isAchievementAvailable}\n                />\n              </ButtonWrapper>\n            )}\n          </ImageContainer>\n        </FlexView>\n        {isAchievementRevealed && (\n          <FooterWrapper>\n            <FlexView $alignItems=\"center\" $flexDirection=\"row\" $flexGapX={1.5}>\n              <TextButton\n                label=\"This is not worth sharing\"\n                onClick={onNotToShare}\n                analyticsLabel=\"dont-send-achievement\"\n                analyticsProps={{\n                  milestone_achievement_id: milestoneAchievementId,\n                }}\n              />\n              <Button\n                label=\"Proceed to send\"\n                renderAs=\"primary\"\n                size=\"xsmall\"\n                onClick={handleOnShare}\n                analyticsLabel=\"send-achievement\"\n                analyticsProps={{\n                  milestone_achievement_id: milestoneAchievementId,\n                }}\n              />\n            </FlexView>\n          </FooterWrapper>\n        )}\n      </>\n    );\n  },\n);\n\nexport default AchievementContainer;\n"],"names":["AchievementContainer","memo","milestoneAchievementId","onShare","onNotToShare","onError","achievementConfig","getAchievement","achievement","isProcessed","isProcessingFailed","useGetMilestoneAchievement","isAchievementAvailable","setAchievementAvailable","useState","isAchievementRevealed","setAchievementRevealed","pollingAttemptsRef","useRef","pollingInterval","DEFAULT_POLLING_INTERVAL","maxPollingAttempts","DEFAULT_MAX_POLLING_ATTEMPTS","useEffect","handleButtonClick","assetUrl","selectedAssetId","handleOnShare","useCallback","jsxs","Fragment","FlexView","jsx","Text","ImageContainer","StyledImage","IMAGES","ButtonWrapper","Button","FooterWrapper","TextButton"],"mappings":"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"}
+{"version":3,"file":"achievement-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/achievement-container.tsx"],"sourcesContent":["import type { IAchievementContainerProps } from './achievement-types';\n\nimport React, { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { useGetMilestoneAchievement } from '../../api/milestone-achievement';\nimport { ButtonWrapper, ImageContainer, StyledImage } from '../../milestone-outcome-styled';\nimport { DEFAULT_MAX_POLLING_ATTEMPTS, DEFAULT_POLLING_INTERVAL } from './achievement-constants';\nimport { FooterWrapper } from './achievement-container-styled';\n\nconst AchievementContainer: React.FC<IAchievementContainerProps> = memo(\n  ({ milestoneAchievementId, onShare, onNotToShare, onError, achievementConfig }) => {\n    const {\n      get: getAchievement,\n      data: achievement,\n      isProcessed,\n      isProcessingFailed,\n    } = useGetMilestoneAchievement();\n\n    const [isAchievementAvailable, setAchievementAvailable] = useState(false);\n    const [isAchievementRevealed, setAchievementRevealed] = useState(false);\n\n    const pollingAttemptsRef = useRef(0);\n    const {\n      pollingInterval = DEFAULT_POLLING_INTERVAL,\n      maxPollingAttempts = DEFAULT_MAX_POLLING_ATTEMPTS,\n    } = achievementConfig || {};\n\n    useEffect(() => {\n      if (isProcessed) {\n        if (achievement?.achievement_state === 'ASSET_GENERATED') {\n          setAchievementAvailable(true);\n        } else {\n          if (pollingAttemptsRef.current < maxPollingAttempts) {\n            pollingAttemptsRef.current += 1;\n            setTimeout(() => getAchievement(milestoneAchievementId), pollingInterval);\n          } else {\n            onError('Timeout! It appears that the achievement asset is currently unavailable.');\n          }\n        }\n      }\n    }, [\n      isProcessed,\n      achievement,\n      getAchievement,\n      milestoneAchievementId,\n      onError,\n      pollingInterval,\n      maxPollingAttempts,\n    ]);\n\n    useEffect(() => {\n      if (isProcessingFailed) {\n        onError('Oops! Something went wrong. Please try again in sometime.');\n      }\n    }, [isProcessingFailed, onError]);\n\n    useEffect(() => {\n      getAchievement(milestoneAchievementId);\n    }, [getAchievement, milestoneAchievementId]);\n\n    const handleButtonClick = () => {\n      setAchievementRevealed(true);\n    };\n    const [{ url: assetUrl = '', id: selectedAssetId = '' } = {}] = achievement?.assets_media || [];\n\n    const handleOnShare = useCallback(() => onShare(selectedAssetId), [onShare, selectedAssetId]);\n\n    return (\n      <>\n        <FlexView $alignItems=\"center\" $flexGapX={1} $marginBottomX={1.5}>\n          <FlexView>\n            <Text $renderAs=\"h4\" $align=\"center\">\n              Awesome! This looks like a reason to celebrate.\n            </Text>\n            <Text $renderAs=\"h4\" $align=\"center\">\n              Reveal the “Success snapshot” from below!\n            </Text>\n          </FlexView>\n          <ImageContainer>\n            <StyledImage\n              src={\n                isAchievementAvailable && isAchievementRevealed ? assetUrl : IMAGES.ACHIEVEMENT_BG\n              }\n              alt=\"Success Snapshot\"\n            />\n            {!isAchievementRevealed && (\n              <ButtonWrapper>\n                <Button\n                  label={isAchievementAvailable ? 'Reveal success snapshot' : 'Preparing the image'}\n                  renderAs=\"primary\"\n                  size=\"xsmall\"\n                  onClick={handleButtonClick}\n                  disabled={!isAchievementAvailable}\n                />\n              </ButtonWrapper>\n            )}\n          </ImageContainer>\n        </FlexView>\n        {isAchievementRevealed && (\n          <FooterWrapper>\n            <FlexView $alignItems=\"center\" $flexDirection=\"row\" $flexGapX={1.5}>\n              <TextButton\n                label=\"This is not worth sharing\"\n                onClick={onNotToShare}\n                analyticsLabel=\"dont-send-achievement\"\n                analyticsProps={{\n                  milestone_achievement_id: milestoneAchievementId,\n                }}\n              />\n              <Button\n                label=\"Proceed to send\"\n                renderAs=\"primary\"\n                size=\"xsmall\"\n                onClick={handleOnShare}\n                analyticsLabel=\"send-achievement\"\n                analyticsProps={{\n                  milestone_achievement_id: milestoneAchievementId,\n                }}\n              />\n            </FlexView>\n          </FooterWrapper>\n        )}\n      </>\n    );\n  },\n);\n\nexport default AchievementContainer;\n"],"names":["AchievementContainer","memo","milestoneAchievementId","onShare","onNotToShare","onError","achievementConfig","getAchievement","achievement","isProcessed","isProcessingFailed","useGetMilestoneAchievement","isAchievementAvailable","setAchievementAvailable","useState","isAchievementRevealed","setAchievementRevealed","pollingAttemptsRef","useRef","pollingInterval","DEFAULT_POLLING_INTERVAL","maxPollingAttempts","DEFAULT_MAX_POLLING_ATTEMPTS","useEffect","handleButtonClick","assetUrl","selectedAssetId","handleOnShare","useCallback","jsxs","Fragment","FlexView","jsx","Text","ImageContainer","StyledImage","IMAGES","ButtonWrapper","Button","FooterWrapper","TextButton"],"mappings":"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"}

package/dist/features/milestone/outcome/comps/achievement/reason-submit-modal.js

@@ -4,18 +4,18 @@ import C from "../../../../ui/buttons/button/button.js";
 import E from "../../../../ui/inputs/radio-input/radio-input.js";
 import a from "../../../../ui/layout/flex-view.js";
 import b from "../../../../ui/text/text.js";
-import { usePatchMilestoneAchievement as x } from "../../api/milestone-achievement.js";
-import { ModalWrapper as y, StyledTextArea as R } from "../../milestone-outcome-styled.js";
-import { generateAchievementNotShareOptions as T, ACHIEVEMENT_ACTIONS as v } from "./achievement-constants.js";
-const D = _(
+import { usePatchMilestoneAchievement as R } from "../../api/milestone-achievement.js";
+import { ModalWrapper as x, StyledTextArea as y } from "../../milestone-outcome-styled.js";
+import { generateAchievementNotShareOptions as T, ACHIEVEMENT_ACTIONS as $ } from "./achievement-constants.js";
+const v = _(
   ({ milestoneAchievementId: c, studentName: s, onSubmit: m, onError: l }) => {
-    const [t, u] = r(), [n, p] = r(), d = (e) => {
+    const [t, u] = r(), [n, d] = r(), p = (e) => {
       e ? l(e ?? "Oops! Something went wrong. Please try again in sometime.") : m();
-    }, { patch: h, isProcessing: g } = x({
-      onComplete: d
+    }, { patch: h, isProcessing: g } = R({
+      onComplete: p
     }), f = () => {
       const e = {
-        action: v.REJECTED,
+        action: $.REJECTED,
         action_data: {
           asset_rejection_reason_category: t,
           asset_rejection_custom_reason: n
@@ -26,7 +26,7 @@ const D = _(
       () => T(s),
       [s]
     );
-    return /* @__PURE__ */ i(y, { $gutterX: 1.5, $gapX: 1.5, $flexGapX: 3, children: [
+    return /* @__PURE__ */ i(x, { $gutterX: 1.5, $gapX: 1.5, $flexGapX: 3, children: [
       /* @__PURE__ */ i(a, { children: [
         /* @__PURE__ */ o(b, { $renderAs: "h6", $marginBottomX: 0.75, children: "Please give the reason why" }),
         /* @__PURE__ */ o(
@@ -38,9 +38,9 @@ const D = _(
           }
         ),
         t === "design_preference_issue" && /* @__PURE__ */ o(
-          R,
+          y,
           {
-            onChange: (e) => p(e.target.value),
+            onChange: (e) => d(e.target.value),
             value: n
           }
         )
@@ -60,8 +60,8 @@ const D = _(
       ) })
     ] });
   }
-);
+), H = v;
 export {
-  D as default
+  H as default
 };
 //# sourceMappingURL=reason-submit-modal.js.map

package/dist/features/milestone/outcome/comps/achievement/reason-submit-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"reason-submit-modal.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/reason-submit-modal.tsx"],"sourcesContent":["import type { IShareInstructionModalProps } from './achievement-types';\n\nimport React, { memo, useMemo, useState } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport RadioInput from '../../../../ui/inputs/radio-input/radio-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { usePatchMilestoneAchievement } from '../../api/milestone-achievement';\nimport * as Styled from '../../milestone-outcome-styled';\nimport { ACHIEVEMENT_ACTIONS, generateAchievementNotShareOptions } from './achievement-constants';\n\nconst ReasonSubmitModal: React.FC<IShareInstructionModalProps> = memo(\n  ({ milestoneAchievementId, studentName, onSubmit, onError }) => {\n    const [selectedReason, setSelectedReason] = useState<string>();\n    const [customReason, setCustomReason] = useState<string>();\n    const onAcknowledge = (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage ?? 'Oops! Something went wrong. Please try again in sometime.');\n      } else {\n        onSubmit();\n      }\n    };\n\n    const { patch: rejectMilestoneAchievement, isProcessing } = usePatchMilestoneAchievement({\n      onComplete: onAcknowledge,\n    });\n\n    const handleOnSubmit = () => {\n      const payload = {\n        action: ACHIEVEMENT_ACTIONS.REJECTED,\n        action_data: {\n          asset_rejection_reason_category: selectedReason,\n          asset_rejection_custom_reason: customReason,\n        },\n      };\n\n      rejectMilestoneAchievement(milestoneAchievementId, payload);\n    };\n    const ACHIEVEMENT_NOT_SHARE_OPTIONS = useMemo(\n      () => generateAchievementNotShareOptions(studentName),\n      [studentName],\n    );\n    const canSubmit = () => {\n      const isDesignIssueSelected = selectedReason === 'design_preference_issue';\n\n      return Boolean(selectedReason) && (!isDesignIssueSelected || Boolean(customReason));\n    };\n\n    return (\n      <Styled.ModalWrapper $gutterX={1.5} $gapX={1.5} $flexGapX={3}>\n        <FlexView>\n          <Text $renderAs=\"h6\" $marginBottomX={0.75}>\n            Please give the reason why\n          </Text>\n          <RadioInput\n            options={ACHIEVEMENT_NOT_SHARE_OPTIONS}\n            value={selectedReason}\n            onChange={setSelectedReason}\n          />\n          {selectedReason === 'design_preference_issue' && (\n            <Styled.StyledTextArea\n              onChange={e => setCustomReason(e.target.value)}\n              value={customReason}\n            />\n          )}\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"right\">\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={16}\n            label=\"Submit\"\n            onClick={handleOnSubmit}\n            iconPosition=\"right\"\n            disabled={!canSubmit()}\n            busy={isProcessing}\n          />\n        </FlexView>\n      </Styled.ModalWrapper>\n    );\n  },\n);\n\nexport default ReasonSubmitModal;\n"],"names":["ReasonSubmitModal","memo","milestoneAchievementId","studentName","onSubmit","onError","selectedReason","setSelectedReason","useState","customReason","setCustomReason","onAcknowledge","errorMessage","rejectMilestoneAchievement","isProcessing","usePatchMilestoneAchievement","handleOnSubmit","payload","ACHIEVEMENT_ACTIONS","ACHIEVEMENT_NOT_SHARE_OPTIONS","useMemo","generateAchievementNotShareOptions","jsxs","Styled.ModalWrapper","FlexView","jsx","Text","RadioInput","Styled.StyledTextArea","Button"],"mappings":";;;;;;;;;AAYA,MAAMA,IAA2DC;AAAA,EAC/D,CAAC,EAAE,wBAAAC,GAAwB,aAAAC,GAAa,UAAAC,GAAU,SAAAC,QAAc;AAC9D,UAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,GACvD,CAACC,GAAcC,CAAe,IAAIF,EAAiB,GACnDG,IAAgB,CAACC,MAAgC;AACrD,MAAIA,IACFP,EAAQO,KAAgB,2DAA2D,IAE1ER,EAAA;AAAA,IAEb,GAEM,EAAE,OAAOS,GAA4B,cAAAC,EAAA,IAAiBC,EAA6B;AAAA,MACvF,YAAYJ;AAAA,IAAA,CACb,GAEKK,IAAiB,MAAM;AAC3B,YAAMC,IAAU;AAAA,QACd,QAAQC,EAAoB;AAAA,QAC5B,aAAa;AAAA,UACX,iCAAiCZ;AAAA,UACjC,+BAA+BG;AAAA,QAAA;AAAA,MAEnC;AAEA,MAAAI,EAA2BX,GAAwBe,CAAO;AAAA,IAC5D,GACME,IAAgCC;AAAA,MACpC,MAAMC,EAAmClB,CAAW;AAAA,MACpD,CAACA,CAAW;AAAA,IACd;AAQE,WAAA,gBAAAmB,EAACC,GAAA,EAAoB,UAAU,KAAK,OAAO,KAAK,WAAW,GACzD,UAAA;AAAA,MAAA,gBAAAD,EAACE,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,MAAK,gBAAgB,MAAM,UAE3C,8BAAA;AAAA,QACA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAASR;AAAA,YACT,OAAOb;AAAA,YACP,UAAUC;AAAA,UAAA;AAAA,QACZ;AAAA,QACCD,MAAmB,6BAClB,gBAAAmB;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,UAAU,CAAA,MAAKlB,EAAgB,EAAE,OAAO,KAAK;AAAA,YAC7C,OAAOD;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,GAEJ;AAAA,MACC,gBAAAgB,EAAAD,GAAA,EAAS,gBAAe,OAAM,iBAAgB,SAC7C,UAAA,gBAAAC;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAASb;AAAA,UACT,cAAa;AAAA,UACb,UAAU,EA7BT,EAAQV,MAAoB,EAFLA,MAAmB,8BAEY,EAAQG;AAAA,UA8B/D,MAAMK;AAAA,QAAA;AAAA,MAAA,EAEV,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"reason-submit-modal.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/reason-submit-modal.tsx"],"sourcesContent":["import type { IShareInstructionModalProps } from './achievement-types';\n\nimport React, { memo, useMemo, useState } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport RadioInput from '../../../../ui/inputs/radio-input/radio-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { usePatchMilestoneAchievement } from '../../api/milestone-achievement';\nimport * as Styled from '../../milestone-outcome-styled';\nimport { ACHIEVEMENT_ACTIONS, generateAchievementNotShareOptions } from './achievement-constants';\n\nconst ReasonSubmitModal: React.FC<IShareInstructionModalProps> = memo(\n  ({ milestoneAchievementId, studentName, onSubmit, onError }) => {\n    const [selectedReason, setSelectedReason] = useState<string>();\n    const [customReason, setCustomReason] = useState<string>();\n    const onAcknowledge = (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage ?? 'Oops! Something went wrong. Please try again in sometime.');\n      } else {\n        onSubmit();\n      }\n    };\n\n    const { patch: rejectMilestoneAchievement, isProcessing } = usePatchMilestoneAchievement({\n      onComplete: onAcknowledge,\n    });\n\n    const handleOnSubmit = () => {\n      const payload = {\n        action: ACHIEVEMENT_ACTIONS.REJECTED,\n        action_data: {\n          asset_rejection_reason_category: selectedReason,\n          asset_rejection_custom_reason: customReason,\n        },\n      };\n\n      rejectMilestoneAchievement(milestoneAchievementId, payload);\n    };\n    const ACHIEVEMENT_NOT_SHARE_OPTIONS = useMemo(\n      () => generateAchievementNotShareOptions(studentName),\n      [studentName],\n    );\n    const canSubmit = () => {\n      const isDesignIssueSelected = selectedReason === 'design_preference_issue';\n\n      return Boolean(selectedReason) && (!isDesignIssueSelected || Boolean(customReason));\n    };\n\n    return (\n      <Styled.ModalWrapper $gutterX={1.5} $gapX={1.5} $flexGapX={3}>\n        <FlexView>\n          <Text $renderAs=\"h6\" $marginBottomX={0.75}>\n            Please give the reason why\n          </Text>\n          <RadioInput\n            options={ACHIEVEMENT_NOT_SHARE_OPTIONS}\n            value={selectedReason}\n            onChange={setSelectedReason}\n          />\n          {selectedReason === 'design_preference_issue' && (\n            <Styled.StyledTextArea\n              onChange={e => setCustomReason(e.target.value)}\n              value={customReason}\n            />\n          )}\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"right\">\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={16}\n            label=\"Submit\"\n            onClick={handleOnSubmit}\n            iconPosition=\"right\"\n            disabled={!canSubmit()}\n            busy={isProcessing}\n          />\n        </FlexView>\n      </Styled.ModalWrapper>\n    );\n  },\n);\n\nexport default ReasonSubmitModal;\n"],"names":["ReasonSubmitModal","memo","milestoneAchievementId","studentName","onSubmit","onError","selectedReason","setSelectedReason","useState","customReason","setCustomReason","onAcknowledge","errorMessage","rejectMilestoneAchievement","isProcessing","usePatchMilestoneAchievement","handleOnSubmit","payload","ACHIEVEMENT_ACTIONS","ACHIEVEMENT_NOT_SHARE_OPTIONS","useMemo","generateAchievementNotShareOptions","jsxs","Styled.ModalWrapper","FlexView","jsx","Text","RadioInput","Styled.StyledTextArea","Button","ReasonSubmitModal$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAA2DC;AAAA,EAC/D,CAAC,EAAE,wBAAAC,GAAwB,aAAAC,GAAa,UAAAC,GAAU,SAAAC,QAAc;AAC9D,UAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAiB,GACvD,CAACC,GAAcC,CAAe,IAAIF,EAAiB,GACnDG,IAAgB,CAACC,MAAgC;AACrD,MAAIA,IACFP,EAAQO,KAAgB,2DAA2D,IAE1ER;IACX,GAGI,EAAE,OAAOS,GAA4B,cAAAC,EAAA,IAAiBC,EAA6B;AAAA,MACvF,YAAYJ;AAAA,IAAA,CACb,GAEKK,IAAiB,MAAM;AAC3B,YAAMC,IAAU;AAAA,QACd,QAAQC,EAAoB;AAAA,QAC5B,aAAa;AAAA,UACX,iCAAiCZ;AAAA,UACjC,+BAA+BG;AAAA,QACjC;AAAA,MAAA;AAGF,MAAAI,EAA2BX,GAAwBe,CAAO;AAAA,IAAA,GAEtDE,IAAgCC;AAAA,MACpC,MAAMC,EAAmClB,CAAW;AAAA,MACpD,CAACA,CAAW;AAAA,IAAA;AASZ,WAAA,gBAAAmB,EAACC,GAAA,EAAoB,UAAU,KAAK,OAAO,KAAK,WAAW,GACzD,UAAA;AAAA,MAAA,gBAAAD,EAACE,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,MAAK,gBAAgB,MAAM,UAE3C,8BAAA;AAAA,QACA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAASR;AAAA,YACT,OAAOb;AAAA,YACP,UAAUC;AAAA,UAAA;AAAA,QACZ;AAAA,QACCD,MAAmB,6BAClB,gBAAAmB;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,UAAU,CAAA,MAAKlB,EAAgB,EAAE,OAAO,KAAK;AAAA,YAC7C,OAAOD;AAAA,UAAA;AAAA,QACT;AAAA,MAAA,GAEJ;AAAA,MACC,gBAAAgB,EAAAD,GAAA,EAAS,gBAAe,OAAM,iBAAgB,SAC7C,UAAA,gBAAAC;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAASb;AAAA,UACT,cAAa;AAAA,UACb,UAAU,EA7BT,EAAQV,MAAoB,EAFLA,MAAmB,8BAEY,EAAQG;AAAA,UA8B/D,MAAMK;AAAA,QAAA;AAAA,MAAA,GAEV;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAgB,IAAe9B;"}

package/dist/features/milestone/outcome/comps/achievement/share-instructions-modal.js

@@ -1,16 +1,16 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { memo as h, useMemo as d } from "react";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { memo as d, useMemo as f } from "react";
 import u from "../../../../ui/buttons/button/button.js";
-import A from "../../../../ui/layout/flex-view.js";
-import C from "../../../create/comps/info-points/info-points.js";
-import { usePatchMilestoneAchievement as S } from "../../api/milestone-achievement.js";
-import { ModalWrapper as E } from "../../milestone-outcome-styled.js";
-import { createAchievementShareInstructionConfig as I, ACHIEVEMENT_ACTIONS as g } from "./achievement-constants.js";
-const b = h(
-  ({ milestoneAchievementId: n, selectedAssetId: i, studentName: e, onSubmit: r, onError: s }) => {
+import S from "../../../../ui/layout/flex-view.js";
+import A from "../../../create/comps/info-points/info-points.js";
+import { usePatchMilestoneAchievement as C } from "../../api/milestone-achievement.js";
+import { ModalWrapper as I } from "../../milestone-outcome-styled.js";
+import { createAchievementShareInstructionConfig as E, ACHIEVEMENT_ACTIONS as g } from "./achievement-constants.js";
+const x = d(
+  ({ milestoneAchievementId: n, selectedAssetId: i, studentName: o, onSubmit: r, onError: s }) => {
     const a = (t) => {
       t ? s(t) : r();
-    }, { patch: c, isProcessing: l } = S({
+    }, { patch: c, isProcessing: l } = C({
       onComplete: a
     }), m = () => {
       const t = {
@@ -20,15 +20,15 @@ const b = h(
         }
       };
       c(n, t);
-    }, p = d(
-      () => I(e),
-      [e]
+    }, p = f(
+      () => E(o),
+      [o]
     );
-    return /* @__PURE__ */ f(E, { $gutterX: 1.5, $gapX: 1.5, $flexGapX: 3, children: [
-      /* @__PURE__ */ o(
-        C,
+    return /* @__PURE__ */ h(I, { $gutterX: 1.5, $gapX: 1.5, $flexGapX: 3, children: [
+      /* @__PURE__ */ e(
+        A,
         {
-          headerText: `Send snapshot to ${e} parent`,
+          headerText: `Send snapshot to ${o} parent`,
           loadStatically: !0,
           config: p,
           stepNumberOffset: 0,
@@ -36,7 +36,7 @@ const b = h(
           }
         }
       ),
-      /* @__PURE__ */ o(A, { $flexDirection: "row", $justifyContent: "right", children: /* @__PURE__ */ o(
+      /* @__PURE__ */ e(S, { $flexDirection: "row", $justifyContent: "right", children: /* @__PURE__ */ e(
         u,
         {
           renderAs: "primary",
@@ -50,8 +50,8 @@ const b = h(
       ) })
     ] });
   }
-);
+), w = x;
 export {
-  b as default
+  w as default
 };
 //# sourceMappingURL=share-instructions-modal.js.map

package/dist/features/milestone/outcome/comps/achievement/share-instructions-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"share-instructions-modal.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/share-instructions-modal.tsx"],"sourcesContent":["import type { IShareInstructionModalProps } from './achievement-types';\n\nimport React, { memo, useMemo } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport InfoPoints from '../../../create/comps/info-points/info-points';\nimport { usePatchMilestoneAchievement } from '../../api/milestone-achievement';\nimport * as Styled from '../../milestone-outcome-styled';\nimport {\n  ACHIEVEMENT_ACTIONS,\n  createAchievementShareInstructionConfig,\n} from './achievement-constants';\n\nconst ShareInstructionModal: React.FC<IShareInstructionModalProps> = memo(\n  ({ milestoneAchievementId, selectedAssetId, studentName, onSubmit, onError }) => {\n    const onAcknowledge = (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onSubmit();\n      }\n    };\n\n    const { patch: shareMilestoneAchievement, isProcessing } = usePatchMilestoneAchievement({\n      onComplete: onAcknowledge,\n    });\n    const handleOnSubmit = () => {\n      const payload = {\n        action: ACHIEVEMENT_ACTIONS.SHARED,\n        action_data: {\n          selected_asset_id: selectedAssetId,\n        },\n      };\n\n      shareMilestoneAchievement(milestoneAchievementId, payload);\n    };\n    const ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG = useMemo(\n      () => createAchievementShareInstructionConfig(studentName),\n      [studentName],\n    );\n\n    return (\n      <Styled.ModalWrapper $gutterX={1.5} $gapX={1.5} $flexGapX={3}>\n        <InfoPoints\n          headerText={`Send snapshot to ${studentName} parent`}\n          loadStatically={true}\n          config={ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG}\n          stepNumberOffset={0}\n          handleTransitionEnd={() => {}}\n        />\n        <FlexView $flexDirection=\"row\" $justifyContent=\"right\">\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={16}\n            label=\"Send to Cuechat\"\n            onClick={handleOnSubmit}\n            iconPosition=\"right\"\n            busy={isProcessing}\n          />\n        </FlexView>\n      </Styled.ModalWrapper>\n    );\n  },\n);\n\nexport default ShareInstructionModal;\n"],"names":["ShareInstructionModal","memo","milestoneAchievementId","selectedAssetId","studentName","onSubmit","onError","onAcknowledge","errorMessage","shareMilestoneAchievement","isProcessing","usePatchMilestoneAchievement","handleOnSubmit","payload","ACHIEVEMENT_ACTIONS","ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG","useMemo","createAchievementShareInstructionConfig","jsxs","Styled.ModalWrapper","jsx","InfoPoints","FlexView","Button"],"mappings":";;;;;;;;AAcA,MAAMA,IAA+DC;AAAA,EACnE,CAAC,EAAE,wBAAAC,GAAwB,iBAAAC,GAAiB,aAAAC,GAAa,UAAAC,GAAU,SAAAC,QAAc;AACzE,UAAAC,IAAgB,CAACC,MAAgC;AACrD,MAAIA,IACFF,EAAQE,CAAY,IAEXH,EAAA;AAAA,IAEb,GAEM,EAAE,OAAOI,GAA2B,cAAAC,EAAA,IAAiBC,EAA6B;AAAA,MACtF,YAAYJ;AAAA,IAAA,CACb,GACKK,IAAiB,MAAM;AAC3B,YAAMC,IAAU;AAAA,QACd,QAAQC,EAAoB;AAAA,QAC5B,aAAa;AAAA,UACX,mBAAmBX;AAAA,QAAA;AAAA,MAEvB;AAEA,MAAAM,EAA0BP,GAAwBW,CAAO;AAAA,IAC3D,GACME,IAAuCC;AAAA,MAC3C,MAAMC,EAAwCb,CAAW;AAAA,MACzD,CAACA,CAAW;AAAA,IACd;AAGE,WAAA,gBAAAc,EAACC,GAAA,EAAoB,UAAU,KAAK,OAAO,KAAK,WAAW,GACzD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY,oBAAoBjB,CAAW;AAAA,UAC3C,gBAAgB;AAAA,UAChB,QAAQW;AAAA,UACR,kBAAkB;AAAA,UAClB,qBAAqB,MAAM;AAAA,UAAA;AAAA,QAAC;AAAA,MAC9B;AAAA,MACC,gBAAAK,EAAAE,GAAA,EAAS,gBAAe,OAAM,iBAAgB,SAC7C,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAASX;AAAA,UACT,cAAa;AAAA,UACb,MAAMF;AAAA,QAAA;AAAA,MAAA,EAEV,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"share-instructions-modal.js","sources":["../../../../../../src/features/milestone/outcome/comps/achievement/share-instructions-modal.tsx"],"sourcesContent":["import type { IShareInstructionModalProps } from './achievement-types';\n\nimport React, { memo, useMemo } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport InfoPoints from '../../../create/comps/info-points/info-points';\nimport { usePatchMilestoneAchievement } from '../../api/milestone-achievement';\nimport * as Styled from '../../milestone-outcome-styled';\nimport {\n  ACHIEVEMENT_ACTIONS,\n  createAchievementShareInstructionConfig,\n} from './achievement-constants';\n\nconst ShareInstructionModal: React.FC<IShareInstructionModalProps> = memo(\n  ({ milestoneAchievementId, selectedAssetId, studentName, onSubmit, onError }) => {\n    const onAcknowledge = (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onSubmit();\n      }\n    };\n\n    const { patch: shareMilestoneAchievement, isProcessing } = usePatchMilestoneAchievement({\n      onComplete: onAcknowledge,\n    });\n    const handleOnSubmit = () => {\n      const payload = {\n        action: ACHIEVEMENT_ACTIONS.SHARED,\n        action_data: {\n          selected_asset_id: selectedAssetId,\n        },\n      };\n\n      shareMilestoneAchievement(milestoneAchievementId, payload);\n    };\n    const ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG = useMemo(\n      () => createAchievementShareInstructionConfig(studentName),\n      [studentName],\n    );\n\n    return (\n      <Styled.ModalWrapper $gutterX={1.5} $gapX={1.5} $flexGapX={3}>\n        <InfoPoints\n          headerText={`Send snapshot to ${studentName} parent`}\n          loadStatically={true}\n          config={ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG}\n          stepNumberOffset={0}\n          handleTransitionEnd={() => {}}\n        />\n        <FlexView $flexDirection=\"row\" $justifyContent=\"right\">\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={16}\n            label=\"Send to Cuechat\"\n            onClick={handleOnSubmit}\n            iconPosition=\"right\"\n            busy={isProcessing}\n          />\n        </FlexView>\n      </Styled.ModalWrapper>\n    );\n  },\n);\n\nexport default ShareInstructionModal;\n"],"names":["ShareInstructionModal","memo","milestoneAchievementId","selectedAssetId","studentName","onSubmit","onError","onAcknowledge","errorMessage","shareMilestoneAchievement","isProcessing","usePatchMilestoneAchievement","handleOnSubmit","payload","ACHIEVEMENT_ACTIONS","ACHIEVEMENT_SHARE_INSTRUCTION_CONFIG","useMemo","createAchievementShareInstructionConfig","jsxs","Styled.ModalWrapper","jsx","InfoPoints","FlexView","Button","ShareInstructionModal$1"],"mappings":";;;;;;;;AAcA,MAAMA,IAA+DC;AAAA,EACnE,CAAC,EAAE,wBAAAC,GAAwB,iBAAAC,GAAiB,aAAAC,GAAa,UAAAC,GAAU,SAAAC,QAAc;AACzE,UAAAC,IAAgB,CAACC,MAAgC;AACrD,MAAIA,IACFF,EAAQE,CAAY,IAEXH;IACX,GAGI,EAAE,OAAOI,GAA2B,cAAAC,EAAA,IAAiBC,EAA6B;AAAA,MACtF,YAAYJ;AAAA,IAAA,CACb,GACKK,IAAiB,MAAM;AAC3B,YAAMC,IAAU;AAAA,QACd,QAAQC,EAAoB;AAAA,QAC5B,aAAa;AAAA,UACX,mBAAmBX;AAAA,QACrB;AAAA,MAAA;AAGF,MAAAM,EAA0BP,GAAwBW,CAAO;AAAA,IAAA,GAErDE,IAAuCC;AAAA,MAC3C,MAAMC,EAAwCb,CAAW;AAAA,MACzD,CAACA,CAAW;AAAA,IAAA;AAIZ,WAAA,gBAAAc,EAACC,GAAA,EAAoB,UAAU,KAAK,OAAO,KAAK,WAAW,GACzD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,YAAY,oBAAoBjB,CAAW;AAAA,UAC3C,gBAAgB;AAAA,UAChB,QAAQW;AAAA,UACR,kBAAkB;AAAA,UAClB,qBAAqB,MAAM;AAAA,UAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,MACC,gBAAAK,EAAAE,GAAA,EAAS,gBAAe,OAAM,iBAAgB,SAC7C,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAASX;AAAA,UACT,cAAa;AAAA,UACb,MAAMF;AAAA,QAAA;AAAA,MAAA,GAEV;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAexB;"}