@cuemath/leap 3.3.38-m → 3.4.0

package/dist/features/trial-session/comps/test-prep/test-prep.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(() => {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [countryCode, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutTestPrep = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.TEST_PREP,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutTestPrep });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","stream","regionData","countryCode","grade","goals","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutTestPrep","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAWC,EAAK,MAAM;AAC1B,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,EAAa,IAAAF,GAC1B,EAAE,QAAAG,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUT,KAAY,CAAA,GAE/BU,IAAYC;AAAA,IAChB,MACEC,EAAmBb,GAAiB;AAAA,MAClC,aAAAQ;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcK,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACE,GAAaC,GAAOT,GAAiBM,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWS,OACjBL,KAAA,gBAAAA,EAAO,KAAK,CAAQM,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAuBX,KAAA,gBAAAA,EAAO;AAAA,UAClC,CAAAM,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,EAAA,CAAsB;AAEjD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBd,GAAOI,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACb,GAAOR,CAAiB;AAAA,EAAA;AAIzB,SAAA,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(() => {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo, intel_student: intelStudent } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [countryCode, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutTestPrep = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.TEST_PREP,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutTestPrep });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","intelStudent","stream","regionData","countryCode","grade","goals","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutTestPrep","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,KAAWC,EAAK,MAAM;AAC1B,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,GAAU,eAAeC,MAAiBH,GACvD,EAAE,QAAAI,GAAQ,aAAaC,EAAW,IAAIH,KAAY,CAAA,GAClD,EAAE,qBAAqBI,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUV,KAAY,CAAA,GAC/BW,IAAQC,EAAYP,KAAA,gBAAAA,EAAc,MAAM,GAExCQ,IAAYC;AAAA,IAChB,MACEC,EAAmBhB,GAAiB;AAAA,MAClC,aAAAS;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcO,EAAc;AAAA,MAC5B,cAAcV;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACE,GAAaC,GAAOV,GAAiBO,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWW,OACjBP,KAAA,gBAAAA,EAAO,KAAK,CAAQQ,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAuBb,KAAA,gBAAAA,EAAO;AAAA,UAClC,CAAAQ,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAf,EAAA,EAAE,OAAOsB,EAAA,CAAsB;AAEjD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBhB,GAAOM,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAAShB;AAAA,MAAA,CACV;AAEiB,MAAAV,EAAA,EAAE,OAAOwB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACf,GAAOC,GAAOV,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA2B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game-launch-screen/trial-circle-game-launch-screen-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-circle-game-launch-screen-styled.js","sources":["../../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game-launch-screen/trial-circle-game-launch-screen-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport { styled } from 'styled-components';\n\nimport TickIcon from '../../../../../assets/line-icons/icons/tick';\nimport { GAME_CARD_SIZE } from './constants';\n\nexport const ModalWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  min-height: 300px;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  background-color: ${({ theme }) => theme.colors.BLACK_1};\n`;\n\nexport const ModalContainer = styled.div`\n  height: 100%;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_3};\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  position: relative;\n`;\n\nexport const ModalContainerBody = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const CircularContainer = styled.div<{ isPlayed: boolean; bgColor: TColorNames }>`\n  height: ${GAME_CARD_SIZE}px;\n  width: ${GAME_CARD_SIZE}px;\n  border: 1px solid\n    ${({ theme, isPlayed }) => (isPlayed ? theme.colors.GREEN_4 : theme.colors.WHITE)};\n  margin-left: auto;\n  margin-right: auto;\n  border-radius: 100%;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: ${({ theme, bgColor }) => theme.colors[bgColor]};\n  position: relative;\n`;\n\nexport const CompletionCheck = styled(TickIcon)`\n  position: absolute;\n  right: 30px;\n  top: 0;\n  z-index: 1;\n  color: ${({ theme }) => theme.colors.GREEN_4};\n  height: 36px;\n  width: 30px;\n`;\n\nexport const LottieContainer = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const DescriptionContainer = styled.div`\n  width: 80%;\n  margin-top: 16px;\n`;\n\nexport const List = styled.ul`\n  color: ${({ theme }) => theme.colors.WHITE};\n`;\n"],"names":["ModalWrapper","styled","theme","ModalContainer","ModalContainerBody","CircularContainer","GAME_CARD_SIZE","isPlayed","bgColor","CompletionCheck","TickIcon","LottieContainer","DescriptionContainer","List"],"mappings":";;;AAOO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CC,IAAiBF,EAAO;AAAA;AAAA;AAAA,sBAGf,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5CE,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAc5BI,IAAoBJ,EAAO;AAAA,YAC5BK,CAAc;AAAA,WACfA,CAAc;AAAA;AAAA,MAEnB,CAAC,EAAE,OAAAJ,GAAO,UAAAK,EAAS,MAAOA,IAAWL,EAAM,OAAO,UAAUA,EAAM,OAAO,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASrE,CAAC,EAAE,OAAAA,GAAO,SAAAM,EAAA,MAAcN,EAAM,OAAOM,CAAO,CAAC;AAAA;AAAA,GAIhDC,IAAkBR,EAAOS,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnC,CAAC,EAAE,OAAAR,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,GAKjCS,IAAkBV,EAAO;AAAA;AAAA;AAAA,GAKzBW,IAAuBX,EAAO;AAAA;AAAA;AAAA,GAK9BY,IAAOZ,EAAO;AAAA,WAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;"}
+{"version":3,"file":"trial-circle-game-launch-screen-styled.js","sources":["../../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game-launch-screen/trial-circle-game-launch-screen-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport TickIcon from '../../../../../assets/line-icons/icons/tick';\nimport type { TColorNames } from '../../../../ui/types';\nimport { GAME_CARD_SIZE } from './constants';\n\nexport const ModalWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  min-height: 300px;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  background-color: ${({ theme }) => theme.colors.BLACK_1};\n`;\n\nexport const ModalContainer = styled.div`\n  height: 100%;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_3};\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  position: relative;\n`;\n\nexport const ModalContainerBody = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const CircularContainer = styled.div<{ isPlayed: boolean; bgColor: TColorNames }>`\n  height: ${GAME_CARD_SIZE}px;\n  width: ${GAME_CARD_SIZE}px;\n  border: 1px solid\n    ${({ theme, isPlayed }) => (isPlayed ? theme.colors.GREEN_4 : theme.colors.WHITE)};\n  margin-left: auto;\n  margin-right: auto;\n  border-radius: 100%;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: ${({ theme, bgColor }) => theme.colors[bgColor]};\n  position: relative;\n`;\n\nexport const CompletionCheck = styled(TickIcon)`\n  position: absolute;\n  right: 30px;\n  top: 0;\n  z-index: 1;\n  color: ${({ theme }) => theme.colors.GREEN_4};\n  height: 36px;\n  width: 30px;\n`;\n\nexport const LottieContainer = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const DescriptionContainer = styled.div`\n  width: 80%;\n  margin-top: 16px;\n`;\n\nexport const List = styled.ul`\n  color: ${({ theme }) => theme.colors.WHITE};\n`;\n"],"names":["ModalWrapper","styled","theme","ModalContainer","ModalContainerBody","CircularContainer","GAME_CARD_SIZE","isPlayed","bgColor","CompletionCheck","TickIcon","LottieContainer","DescriptionContainer","List"],"mappings":";;;AAMO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CC,IAAiBF,EAAO;AAAA;AAAA;AAAA,sBAGf,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5CE,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAc5BI,IAAoBJ,EAAO;AAAA,YAC5BK,CAAc;AAAA,WACfA,CAAc;AAAA;AAAA,MAEnB,CAAC,EAAE,OAAAJ,GAAO,UAAAK,EAAS,MAAOA,IAAWL,EAAM,OAAO,UAAUA,EAAM,OAAO,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASrE,CAAC,EAAE,OAAAA,GAAO,SAAAM,EAAA,MAAcN,EAAM,OAAOM,CAAO,CAAC;AAAA;AAAA,GAIhDC,IAAkBR,EAAOS,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnC,CAAC,EAAE,OAAAR,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,GAKjCS,IAAkBV,EAAO;AAAA;AAAA;AAAA,GAKzBW,IAAuBX,EAAO;AAAA;AAAA;AAAA,GAK9BY,IAAOZ,EAAO;AAAA,WAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;"}

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game-launch-screen/trial-circle-game-launch-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-circle-game-launch-screen.js","sources":["../../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game-launch-screen/trial-circle-game-launch-screen.tsx"],"sourcesContent":["import type { ITrialCircleGameLaunchScreenProps } from './trial-circle-game-launch-screen-types';\nimport type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useRef } from 'react';\n\nimport { Tutorial } from '../../../../circle-games/games/tutorial/tutorial';\nimport { PlayerType } from '../../../../circle-games/games/web-view/enums';\nimport { ArcButton } from '../../../../ui/arc-button/arc-button';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './trial-circle-game-launch-screen-styled';\n\nexport const TrialCircleGameLaunchScreen: FC<ITrialCircleGameLaunchScreenProps> = memo(\n  ({\n    isLoading,\n    playerType,\n    description,\n    descriptionHeader,\n    assetUrl,\n    isGamePlayed,\n    assetUrlType = 'lottie',\n    celebrationText,\n    custEle,\n    onPlay,\n  }) => {\n    const animationContainer = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (assetUrl && assetUrlType === 'lottie') {\n        const animation = Lottie.loadAnimation({\n          container: animationContainer.current as HTMLElement,\n          path: assetUrl || '',\n          loop: true,\n          autoplay: true,\n        });\n\n        animation.play();\n      }\n    }, [assetUrl, assetUrlType]);\n\n    return (\n      <Styled.ModalWrapper>\n        <Styled.ModalContainer>\n          <Styled.ModalContainerBody>\n            {celebrationText && (\n              <>\n                <Text $renderAs=\"ac3\" $color=\"GREEN_4\">\n                  {celebrationText}\n                </Text>\n                <Separator height={30} />\n              </>\n            )}\n            {(custEle || assetUrlType === 'lottie') && (\n              <Styled.CircularContainer\n                isPlayed={isGamePlayed}\n                bgColor={custEle ? 'GREEN_6' : 'TRANSPARENT'}\n              >\n                {isGamePlayed && <Styled.CompletionCheck />}\n                {!custEle && assetUrl && assetUrlType === 'lottie' && (\n                  <Styled.LottieContainer ref={animationContainer} />\n                )}\n                {custEle}\n              </Styled.CircularContainer>\n            )}\n\n            {/* no not tutorial when custEle is there to show */}\n            {!custEle && assetUrl && assetUrlType === 'video' && (\n              <Tutorial src={assetUrl} showProgress={false} />\n            )}\n\n            {/* description is allowed when no video to show */}\n            {assetUrlType !== 'video' && (\n              <Styled.DescriptionContainer>\n                {descriptionHeader && (\n                  <>\n                    <Text $renderAs=\"ub2\" $align=\"center\" $color=\"WHITE\">\n                      {descriptionHeader}\n                    </Text>\n                    <Separator height={10} />\n                  </>\n                )}\n                {description && description.length > 0 && (\n                  <Styled.List>\n                    {description.map((item, index) => (\n                      <li key={`trial-list-item-${index}`}>\n                        <Text $renderAs=\"ub2\" $align=\"center\" $color=\"WHITE\">\n                          {item}\n                        </Text>\n                      </li>\n                    ))}\n                  </Styled.List>\n                )}\n              </Styled.DescriptionContainer>\n            )}\n            {(custEle || assetUrlType === 'lottie') && <Separator height={45} />}\n          </Styled.ModalContainerBody>\n\n          {playerType === PlayerType.TEACHER && (\n            <ArcButton\n              onClick={onPlay}\n              analyticsLabel=\"start_game\"\n              renderAs=\"secondary\"\n              label={isLoading ? 'Waiting' : isGamePlayed ? 'Play again' : 'Start'}\n              disabled={isLoading}\n            >\n              <Text $renderAs=\"ac3-black\" $align=\"center\">\n                {isLoading ? 'Loading...' : isGamePlayed ? 'Play again' : 'Start'}\n              </Text>\n            </ArcButton>\n          )}\n        </Styled.ModalContainer>\n      </Styled.ModalWrapper>\n    );\n  },\n);\n"],"names":["TrialCircleGameLaunchScreen","memo","isLoading","playerType","description","descriptionHeader","assetUrl","isGamePlayed","assetUrlType","celebrationText","custEle","onPlay","animationContainer","useRef","useEffect","Lottie","Styled.ModalWrapper","jsxs","Styled.ModalContainer","Styled.ModalContainerBody","Fragment","jsx","Text","Separator","Styled.CircularContainer","Styled.CompletionCheck","Styled.LottieContainer","Tutorial","Styled.DescriptionContainer","Styled.List","item","index","PlayerType","ArcButton"],"mappings":";;;;;;;;;AAaO,MAAMA,IAAqEC;AAAA,EAChF,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAqBC,EAAuB,IAAI;AAEtD,WAAAC,EAAU,MAAM;AACV,MAAAR,KAAYE,MAAiB,YACbO,EAAO,cAAc;AAAA,QACrC,WAAWH,EAAmB;AAAA,QAC9B,MAAMN,KAAY;AAAA,QAClB,MAAM;AAAA,QACN,UAAU;AAAA,MAAA,CACX,EAES,KAAK;AAAA,IACjB,GACC,CAACA,GAAUE,CAAY,CAAC,qBAGxBQ,GAAA,EACC,UAAC,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAD,EAAAE,GAAA,EACE,UAAA;AAAA,QAAAV,KAEG,gBAAAQ,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHb,GAAA;AAAA,UACA,gBAAAY,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QAAA,GACzB;AAAA,SAEAb,KAAWF,MAAiB,aAC5B,gBAAAS;AAAA,UAACO;AAAAA,UAAA;AAAA,YACC,UAAUjB;AAAA,YACV,SAASG,IAAU,YAAY;AAAA,YAE9B,UAAA;AAAA,cAAgBH,KAAA,gBAAAc,EAACI,GAAA,EAAuB;AAAA,cACxC,CAACf,KAAWJ,KAAYE,MAAiB,8BACvCkB,GAAA,EAAuB,KAAKd,GAAoB;AAAA,cAElDF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAID,CAACA,KAAWJ,KAAYE,MAAiB,6BACvCmB,GAAS,EAAA,KAAKrB,GAAU,cAAc,GAAO,CAAA;AAAA,QAI/CE,MAAiB,WACf,gBAAAS,EAAAW,GAAA,EACE,UAAA;AAAA,UAAAvB,KAEG,gBAAAY,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAAS,QAAO,SAC1C,UACHjB,EAAA,CAAA;AAAA,YACA,gBAAAgB,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UAAA,GACzB;AAAA,UAEDnB,KAAeA,EAAY,SAAS,KAClC,gBAAAiB,EAAAQ,GAAA,EACE,UAAYzB,EAAA,IAAI,CAAC0B,GAAMC,MACtB,gBAAAV,EAAC,MACC,EAAA,UAAA,gBAAAA,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,QAAO,SAC1C,UAAAQ,EACH,CAAA,EAHO,GAAA,mBAAmBC,CAAK,EAIjC,CACD,GACH;AAAA,QAAA,GAEJ;AAAA,SAEArB,KAAWF,MAAiB,aAAc,gBAAAa,EAAAE,GAAA,EAAU,QAAQ,IAAI;AAAA,MAAA,GACpE;AAAA,MAECpB,MAAe6B,EAAW,WACzB,gBAAAX;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,SAAStB;AAAA,UACT,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,OAAOT,IAAY,YAAYK,IAAe,eAAe;AAAA,UAC7D,UAAUL;AAAA,UAEV,UAAA,gBAAAmB,EAACC,GAAK,EAAA,WAAU,aAAY,QAAO,UAChC,UAAYpB,IAAA,eAAeK,IAAe,eAAe,QAC5D,CAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,EAEJ,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"trial-circle-game-launch-screen.js","sources":["../../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game-launch-screen/trial-circle-game-launch-screen.tsx"],"sourcesContent":["import Lottie from 'lottie-web';\nimport type { FC } from 'react';\nimport { memo, useEffect, useRef } from 'react';\n\nimport { Tutorial } from '../../../../circle-games/games/tutorial/tutorial';\nimport { PlayerType } from '../../../../circle-games/games/web-view/enums';\nimport { ArcButton } from '../../../../ui/arc-button/arc-button';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './trial-circle-game-launch-screen-styled';\nimport type { ITrialCircleGameLaunchScreenProps } from './trial-circle-game-launch-screen-types';\n\nexport const TrialCircleGameLaunchScreen: FC<ITrialCircleGameLaunchScreenProps> = memo(\n  ({\n    isLoading,\n    playerType,\n    description,\n    descriptionHeader,\n    assetUrl,\n    isGamePlayed,\n    assetUrlType = 'lottie',\n    celebrationText,\n    custEle,\n    onPlay,\n  }) => {\n    const animationContainer = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (assetUrl && assetUrlType === 'lottie') {\n        const animation = Lottie.loadAnimation({\n          container: animationContainer.current as HTMLElement,\n          path: assetUrl || '',\n          loop: true,\n          autoplay: true,\n        });\n\n        animation.play();\n      }\n    }, [assetUrl, assetUrlType]);\n\n    return (\n      <Styled.ModalWrapper>\n        <Styled.ModalContainer>\n          <Styled.ModalContainerBody>\n            {celebrationText && (\n              <>\n                <Text $renderAs=\"ac3\" $color=\"GREEN_4\">\n                  {celebrationText}\n                </Text>\n                <Separator height={30} />\n              </>\n            )}\n            {(custEle || assetUrlType === 'lottie') && (\n              <Styled.CircularContainer\n                isPlayed={isGamePlayed}\n                bgColor={custEle ? 'GREEN_6' : 'TRANSPARENT'}\n              >\n                {isGamePlayed && <Styled.CompletionCheck />}\n                {!custEle && assetUrl && assetUrlType === 'lottie' && (\n                  <Styled.LottieContainer ref={animationContainer} />\n                )}\n                {custEle}\n              </Styled.CircularContainer>\n            )}\n\n            {/* no not tutorial when custEle is there to show */}\n            {!custEle && assetUrl && assetUrlType === 'video' && (\n              <Tutorial src={assetUrl} showProgress={false} />\n            )}\n\n            {/* description is allowed when no video to show */}\n            {assetUrlType !== 'video' && (\n              <Styled.DescriptionContainer>\n                {descriptionHeader && (\n                  <>\n                    <Text $renderAs=\"ub2\" $align=\"center\" $color=\"WHITE\">\n                      {descriptionHeader}\n                    </Text>\n                    <Separator height={10} />\n                  </>\n                )}\n                {description && description.length > 0 && (\n                  <Styled.List>\n                    {description.map((item, index) => (\n                      <li key={`trial-list-item-${index}`}>\n                        <Text $renderAs=\"ub2\" $align=\"center\" $color=\"WHITE\">\n                          {item}\n                        </Text>\n                      </li>\n                    ))}\n                  </Styled.List>\n                )}\n              </Styled.DescriptionContainer>\n            )}\n            {(custEle || assetUrlType === 'lottie') && <Separator height={45} />}\n          </Styled.ModalContainerBody>\n\n          {playerType === PlayerType.TEACHER && (\n            <ArcButton\n              onClick={onPlay}\n              analyticsLabel=\"start_game\"\n              renderAs=\"secondary\"\n              label={isLoading ? 'Waiting' : isGamePlayed ? 'Play again' : 'Start'}\n              disabled={isLoading}\n            >\n              <Text $renderAs=\"ac3-black\" $align=\"center\">\n                {isLoading ? 'Loading...' : isGamePlayed ? 'Play again' : 'Start'}\n              </Text>\n            </ArcButton>\n          )}\n        </Styled.ModalContainer>\n      </Styled.ModalWrapper>\n    );\n  },\n);\n"],"names":["TrialCircleGameLaunchScreen","memo","isLoading","playerType","description","descriptionHeader","assetUrl","isGamePlayed","assetUrlType","celebrationText","custEle","onPlay","animationContainer","useRef","useEffect","Lottie","Styled.ModalWrapper","jsxs","Styled.ModalContainer","Styled.ModalContainerBody","Fragment","jsx","Text","Separator","Styled.CircularContainer","Styled.CompletionCheck","Styled.LottieContainer","Tutorial","Styled.DescriptionContainer","Styled.List","item","index","PlayerType","ArcButton"],"mappings":";;;;;;;;;AAYO,MAAMA,IAAqEC;AAAA,EAChF,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAqBC,EAAuB,IAAI;AAEtD,WAAAC,EAAU,MAAM;AACV,MAAAR,KAAYE,MAAiB,YACbO,EAAO,cAAc;AAAA,QACrC,WAAWH,EAAmB;AAAA,QAC9B,MAAMN,KAAY;AAAA,QAClB,MAAM;AAAA,QACN,UAAU;AAAA,MAAA,CACX,EAES,KAAK;AAAA,IACjB,GACC,CAACA,GAAUE,CAAY,CAAC,qBAGxBQ,GAAA,EACC,UAAC,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAD,EAAAE,GAAA,EACE,UAAA;AAAA,QAAAV,KAEG,gBAAAQ,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHb,GAAA;AAAA,UACA,gBAAAY,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QAAA,GACzB;AAAA,SAEAb,KAAWF,MAAiB,aAC5B,gBAAAS;AAAA,UAACO;AAAAA,UAAA;AAAA,YACC,UAAUjB;AAAA,YACV,SAASG,IAAU,YAAY;AAAA,YAE9B,UAAA;AAAA,cAAgBH,KAAA,gBAAAc,EAACI,GAAA,EAAuB;AAAA,cACxC,CAACf,KAAWJ,KAAYE,MAAiB,8BACvCkB,GAAA,EAAuB,KAAKd,GAAoB;AAAA,cAElDF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAID,CAACA,KAAWJ,KAAYE,MAAiB,6BACvCmB,GAAS,EAAA,KAAKrB,GAAU,cAAc,GAAO,CAAA;AAAA,QAI/CE,MAAiB,WACf,gBAAAS,EAAAW,GAAA,EACE,UAAA;AAAA,UAAAvB,KAEG,gBAAAY,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAAS,QAAO,SAC1C,UACHjB,EAAA,CAAA;AAAA,YACA,gBAAAgB,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UAAA,GACzB;AAAA,UAEDnB,KAAeA,EAAY,SAAS,KAClC,gBAAAiB,EAAAQ,GAAA,EACE,UAAYzB,EAAA,IAAI,CAAC0B,GAAMC,MACtB,gBAAAV,EAAC,MACC,EAAA,UAAA,gBAAAA,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,QAAO,SAC1C,UAAAQ,EACH,CAAA,EAHO,GAAA,mBAAmBC,CAAK,EAIjC,CACD,GACH;AAAA,QAAA,GAEJ;AAAA,SAEArB,KAAWF,MAAiB,aAAc,gBAAAa,EAAAE,GAAA,EAAU,QAAQ,IAAI;AAAA,MAAA,GACpE;AAAA,MAECpB,MAAe6B,EAAW,WACzB,gBAAAX;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,SAAStB;AAAA,UACT,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,OAAOT,IAAY,YAAYK,IAAe,eAAe;AAAA,UAC7D,UAAUL;AAAA,UAEV,UAAA,gBAAAmB,EAACC,GAAK,EAAA,WAAU,aAAY,QAAO,UAChC,UAAYpB,IAAA,eAAeK,IAAe,eAAe,QAC5D,CAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,EAEJ,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js

@@ -1,60 +1,59 @@
-import { jsxs as s, Fragment as Q, jsx as t } from "react/jsx-runtime";
-import { memo as X, useRef as ee, useState as re, useMemo as h, useCallback as m, useEffect as te } from "react";
-import { getTimeStrInFormatHMS as ae } from "../../../../helpers/date-time.js";
-import { useWebViewGames as ie } from "../../../circle-games/games/web-view/hooks/use-webview-games.js";
-import { WebView as oe } from "../../../circle-games/games/web-view/web-view.js";
+import { jsxs as s, Fragment as K, jsx as t } from "react/jsx-runtime";
+import { memo as Q, useRef as X, useState as ee, useMemo as h, useCallback as m, useEffect as re } from "react";
+import { getTimeStrInFormatHMS as te } from "../../../../helpers/date-time.js";
+import { useWebViewGames as ae } from "../../../circle-games/games/web-view/hooks/use-webview-games.js";
+import { WebView as ie } from "../../../circle-games/games/web-view/web-view.js";
 import v from "../../../ui/layout/flex-view.js";
 import E from "../../../ui/separator/separator.js";
 import d from "../../../ui/text/text.js";
-import { useTrialSessionContext as ne } from "../../context/use-trial-session-context.js";
-import { TrialPageId as L } from "../../trial-session-constants.js";
-import { TrialCircleGameLaunchScreen as ce } from "./trial-circle-game-launch-screen/trial-circle-game-launch-screen.js";
-import { GameContainer as le, GameWrapper as se, GameLaunchOverlay as me } from "./trial-circle-game-styled.js";
+import { useTrialSessionContext as oe } from "../../context/use-trial-session-context.js";
+import { TrialPageId as y } from "../../trial-session-constants.js";
+import { TrialCircleGameLaunchScreen as ne } from "./trial-circle-game-launch-screen/trial-circle-game-launch-screen.js";
+import { GameContainer as le, GameWrapper as ce, GameLaunchOverlay as se } from "./trial-circle-game-styled.js";
 import { ProjectType as e } from "../../../circle-games/games/web-view/enums/project-type-enum.js";
 import S from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const de = {
-  [L.CIRCLE_GAME]: e.GAME,
-  [L.CIRCLE_PUZZLE]: e.PUZZLE,
-  [L.CIRCLE_SKILL]: e.LESSON
-}, _e = X(() => {
-  const { slideConfig: b, trialGameUrl: j, circleGames: A, formData: k, handleInfoMessage: $, updateSlideConfig: o } = ne(), {
-    showCircleGameScreen: C = !0,
+const me = {
+  [y.CIRCLE_GAME]: e.GAME,
+  [y.CIRCLE_PUZZLE]: e.PUZZLE,
+  [y.CIRCLE_SKILL]: e.LESSON
+}, Pe = Q(() => {
+  const { slideConfig: b, trialGameUrl: j, circleGames: A, formData: k, handleInfoMessage: $, updateSlideConfig: o } = oe(), {
+    showCircleGameScreen: g = !0,
     isCircleGamePlayed: u = !1,
-    isCirclePuzzleSolved: l = !1,
+    isCirclePuzzleSolved: c = !1,
     isCircleSkillCompleted: p = !1,
-    accuracyStr: g = "",
+    accuracyStr: C = "",
     totalTimeTaken: G = 0,
     matchmakingId: f
-  } = k || {}, I = ee(null), { playGame: P } = ie({ webViewRef: I }), [y, T] = re(!0), { header: U, id: M } = b, r = de[M], { circleConfig: O, playerDetails: W } = A, { games: c, puzzles: n, lessons: a } = O ?? {}, _ = h(() => ({
+  } = k || {}, I = X(null), { playGame: P } = ae({ webViewRef: I }), [T, L] = ee(!0), { header: U, id: M } = b, r = me[M], { circleConfig: O, playerDetails: W } = A, { games: l, puzzles: n, lessons: a } = O ?? {}, _ = h(() => ({
     [e.GAME]: u,
-    [e.PUZZLE]: l,
+    [e.PUZZLE]: c,
     [e.LESSON]: p
-  }), [u, l, p]), w = h(() => {
+  }), [u, c, p]), w = h(() => {
     const i = {
-      [e.GAME]: u ? c.game_card : c.tutorial,
-      [e.PUZZLE]: l ? n.game_card : n.tutorial,
+      [e.GAME]: u ? l.game_card : l.tutorial,
+      [e.PUZZLE]: c ? n.game_card : n.tutorial,
       [e.LESSON]: p ? a.game_card : a.tutorial
     };
     return r ? i[r] : "";
   }, [
     r,
-    c.game_card,
-    c.tutorial,
+    l.game_card,
+    l.tutorial,
     n.game_card,
     n.tutorial,
     a.game_card,
     a.tutorial,
     u,
-    l,
+    c,
     p
-  ]), x = h(() => r === e.PUZZLE && l ? "You've solved it!" : "", [r, l]), { circle_username: D, userId: N, grade: H, user_avatar: R, playerType: Z, countryCode: z } = W ?? {}, F = {
-    id: N,
+  ]), x = h(() => r === e.PUZZLE && c ? "You've solved it!" : "", [r, c]), { circle_username: D, userId: H, grade: N, user_avatar: R, playerType: Z } = W ?? {}, z = {
+    id: H,
     username: D,
-    grade: H,
+    grade: N,
     avatar: R,
-    playerType: Z,
-    countryCode: z || "IN"
-  }, B = h(() => {
+    playerType: Z
+  }, F = h(() => {
     const i = {
       joinByRoomId: f,
       enableCloseButton: !1,
@@ -63,8 +62,8 @@ const de = {
     };
     return r === e.GAME ? {
       ...i,
-      projectId: c.project_id,
-      variant: c.variant,
+      projectId: l.project_id,
+      variant: l.variant,
       projectType: e.GAME
     } : r === e.PUZZLE ? {
       ...i,
@@ -82,15 +81,15 @@ const de = {
       targetQuestions: a.target_questions,
       projectType: e.LESSON
     };
-  }, [c, n, a, r, f]), V = m(() => {
-    T(!1);
-  }, []), q = m(() => {
-    T(!0), (r === e.GAME || r === e.PUZZLE || r === e.LESSON) && o({ showCircleGameScreen: !0, matchmakingId: S() });
-  }, [r, o]), Y = m(() => {
+  }, [l, n, a, r, f]), B = m(() => {
+    L(!1);
+  }, []), V = m(() => {
+    L(!0), (r === e.GAME || r === e.PUZZLE || r === e.LESSON) && o({ showCircleGameScreen: !0, matchmakingId: S() });
+  }, [r, o]), q = m(() => {
     o({ showCircleGameScreen: !1, accuracyStr: "", totalTimeTaken: 0 });
-  }, [o]), J = m(
+  }, [o]), Y = m(
     (i) => {
-      T(!0), r === e.LESSON ? o({
+      L(!0), r === e.LESSON ? o({
         accuracyStr: i.value,
         totalTimeTaken: i.timeSpent,
         isCircleSkillCompleted: !0,
@@ -107,52 +106,52 @@ const de = {
       });
     },
     [o, r]
-  ), K = m(() => g && G ? /* @__PURE__ */ s(Q, { children: [
+  ), J = m(() => C && G ? /* @__PURE__ */ s(K, { children: [
     /* @__PURE__ */ s(v, { $flexDirection: "row", children: [
       /* @__PURE__ */ t(d, { $renderAs: "ab2", $color: "WHITE", children: "Finished in" }),
       /* @__PURE__ */ t(E, { width: 5 }),
-      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: ae(G) })
+      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: te(G) })
     ] }),
     /* @__PURE__ */ t(E, { height: 20 }),
     /* @__PURE__ */ s(v, { $flexDirection: "row", children: [
       /* @__PURE__ */ t(d, { $renderAs: "ab2", $color: "WHITE", children: "Accuracy:" }),
       /* @__PURE__ */ t(E, { width: 5 }),
-      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: g })
+      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: C })
     ] })
-  ] }) : null, [g, G]);
-  return te(() => {
-    !y && !C && P();
-  }, [C, P, y]), /* @__PURE__ */ s(le, { children: [
+  ] }) : null, [C, G]);
+  return re(() => {
+    !T && !g && P();
+  }, [g, P, T]), /* @__PURE__ */ s(le, { children: [
     /* @__PURE__ */ t(E, { height: 16 }),
     /* @__PURE__ */ t(d, { $renderAs: "ah3-bold", $color: "WHITE_T_87", $align: "center", $marginBottom: 16, children: U }),
-    /* @__PURE__ */ s(se, { children: [
-      C && /* @__PURE__ */ t(me, { children: /* @__PURE__ */ t(
-        ce,
+    /* @__PURE__ */ s(ce, { children: [
+      g && /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
+        ne,
         {
           assetUrl: w,
           assetUrlType: w.endsWith("mp4") ? "video" : "lottie",
           descriptionHeader: x,
           playerType: Z,
-          isLoading: y,
+          isLoading: T,
           isGamePlayed: (r && _[r]) ?? !1,
-          onPlay: Y,
-          custEle: r === e.LESSON ? K() : void 0,
+          onPlay: q,
+          custEle: r === e.LESSON ? J() : void 0,
           celebrationText: r && _[r] ? "WELL DONE!" : ""
         }
       ) }),
       f && /* @__PURE__ */ t(
-        oe,
+        ie,
         {
           ref: I,
           height: "100%",
           width: "100%",
           baseUrl: j,
-          playerDetails: F,
-          projectDetails: B,
-          onGameLoad: V,
-          onBack: q,
+          playerDetails: z,
+          projectDetails: F,
+          onGameLoad: B,
+          onBack: V,
           handleInfoMessage: $,
-          onGamePlayFinish: J,
+          onGamePlayFinish: Y,
           parentDomain: window.location.origin
         },
         f
@@ -161,6 +160,6 @@ const de = {
   ] });
 });
 export {
-  _e as default
+  Pe as default
 };
 //# sourceMappingURL=trial-circle-game.js.map

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-circle-game.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game.tsx"],"sourcesContent":["import type {\n  ILessonWebGameProps,\n  IMultiplayerWebGameProps,\n  IPlayer,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n} from '../../../circle-games/games/web-view/web-view-types';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { getTimeStrInFormatHMS } from '../../../../helpers/date-time';\nimport { ProjectType } from '../../../circle-games/games/web-view/enums';\nimport { useWebViewGames } from '../../../circle-games/games/web-view/hooks/use-webview-games';\nimport { WebView } from '../../../circle-games/games/web-view/web-view';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport { TrialCircleGameLaunchScreen } from './trial-circle-game-launch-screen/trial-circle-game-launch-screen';\nimport * as Styled from './trial-circle-game-styled';\n\nconst PROJECT_TYPE_MAP: Partial<Record<TrialPageId, Omit<ProjectType, ProjectType.TABLE>>> = {\n  [TrialPageId.CIRCLE_GAME]: ProjectType.GAME,\n  [TrialPageId.CIRCLE_PUZZLE]: ProjectType.PUZZLE,\n  [TrialPageId.CIRCLE_SKILL]: ProjectType.LESSON,\n};\n\nconst TrialCircleGame = memo(() => {\n  const { slideConfig, trialGameUrl, circleGames, formData, handleInfoMessage, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    showCircleGameScreen = true,\n    isCircleGamePlayed = false,\n    isCirclePuzzleSolved = false,\n    isCircleSkillCompleted = false,\n    accuracyStr = '',\n    totalTimeTaken = 0,\n    matchmakingId,\n  } = formData || {};\n  const webViewRef = useRef<HTMLIFrameElement>(null) as React.RefObject<HTMLIFrameElement>;\n  const { playGame } = useWebViewGames({ webViewRef });\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { header, id } = slideConfig;\n  const projectType = PROJECT_TYPE_MAP[id];\n  const { circleConfig, playerDetails } = circleGames;\n  const { games, puzzles, lessons } = circleConfig ?? {};\n\n  const isPlayed = useMemo(() => {\n    const playedStats = {\n      [ProjectType.GAME]: isCircleGamePlayed,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved,\n      [ProjectType.LESSON]: isCircleSkillCompleted,\n    };\n\n    return playedStats;\n  }, [isCircleGamePlayed, isCirclePuzzleSolved, isCircleSkillCompleted]);\n\n  const assetUrl = useMemo(() => {\n    const url: Omit<Record<ProjectType, string>, ProjectType.TABLE> = {\n      [ProjectType.GAME]: isCircleGamePlayed ? games.game_card : games.tutorial,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved ? puzzles.game_card : puzzles.tutorial,\n      [ProjectType.LESSON]: isCircleSkillCompleted ? lessons.game_card : lessons.tutorial,\n    };\n\n    return projectType\n      ? url[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n      : '';\n  }, [\n    projectType,\n    games.game_card,\n    games.tutorial,\n    puzzles.game_card,\n    puzzles.tutorial,\n    lessons.game_card,\n    lessons.tutorial,\n    isCircleGamePlayed,\n    isCirclePuzzleSolved,\n    isCircleSkillCompleted,\n  ]);\n\n  const descriptionHeader = useMemo(() => {\n    if (projectType === ProjectType.PUZZLE && isCirclePuzzleSolved) {\n      return \"You've solved it!\";\n    }\n\n    return '';\n  }, [projectType, isCirclePuzzleSolved]);\n\n  const { circle_username, userId, grade, user_avatar, playerType, countryCode } =\n    playerDetails ?? {};\n\n  const playerData: IPlayer = {\n    id: userId,\n    username: circle_username,\n    grade: grade,\n    avatar: user_avatar,\n    playerType,\n    countryCode: countryCode || 'IN',\n  };\n\n  const projectDetails = useMemo(() => {\n    const commonConfig = {\n      joinByRoomId: matchmakingId,\n      enableCloseButton: false,\n      enablePlayerTurnIndicators: true,\n      enableSync: true,\n    };\n\n    if (projectType === ProjectType.GAME) {\n      return {\n        ...commonConfig,\n        projectId: games.project_id,\n        variant: games.variant,\n        projectType: ProjectType.GAME,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (projectType === ProjectType.PUZZLE) {\n      return {\n        ...commonConfig,\n        projectId: puzzles.project_id,\n        variant: puzzles.variant,\n        question: puzzles.question,\n        askHintPermission: false,\n        projectType: ProjectType.PUZZLE,\n      } as IPuzzleWebGameProps;\n    }\n\n    return {\n      ...commonConfig,\n      projectId: lessons.project_id,\n      variant: lessons.variant,\n      miniGameIdentifier: lessons.mini_game_identifier,\n      sessionId: lessons.session_id,\n      targetQuestions: lessons.target_questions,\n      projectType: ProjectType.LESSON,\n    } as ILessonWebGameProps;\n\n    // return commonConfig;\n  }, [games, puzzles, lessons, projectType, matchmakingId]);\n\n  const onGameLoad = useCallback(() => {\n    setIsLoading(false);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setIsLoading(true);\n    if (\n      projectType === ProjectType.GAME ||\n      projectType === ProjectType.PUZZLE ||\n      projectType === ProjectType.LESSON\n    ) {\n      updateSlideConfig({ showCircleGameScreen: true, matchmakingId: uuidv4() });\n    }\n  }, [projectType, updateSlideConfig]);\n\n  const onPlay = useCallback(() => {\n    updateSlideConfig({ showCircleGameScreen: false, accuracyStr: '', totalTimeTaken: 0 });\n  }, [updateSlideConfig]);\n\n  const handleGameFinish = useCallback(\n    (playerStats: IPlayerStats) => {\n      setIsLoading(true);\n      if (projectType === ProjectType.LESSON) {\n        updateSlideConfig({\n          accuracyStr: playerStats.value,\n          totalTimeTaken: playerStats.timeSpent,\n          isCircleSkillCompleted: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.GAME) {\n        updateSlideConfig({\n          isCircleGamePlayed: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.PUZZLE) {\n        updateSlideConfig({\n          isCirclePuzzleSolved: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      }\n    },\n    [updateSlideConfig, projectType],\n  );\n\n  const getCustEle = useCallback(() => {\n    if (accuracyStr && totalTimeTaken) {\n      return (\n        <>\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Finished in\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {getTimeStrInFormatHMS(totalTimeTaken)}\n            </Text>\n          </FlexView>\n          <Separator height={20} />\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Accuracy:\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {accuracyStr}\n            </Text>\n          </FlexView>\n        </>\n      );\n    }\n\n    return null;\n  }, [accuracyStr, totalTimeTaken]);\n\n  useEffect(() => {\n    if (!isLoading && !showCircleGameScreen) {\n      playGame();\n    }\n  }, [showCircleGameScreen, playGame, isLoading]);\n\n  return (\n    <Styled.GameContainer>\n      <Separator height={16} />\n      <Text $renderAs=\"ah3-bold\" $color=\"WHITE_T_87\" $align=\"center\" $marginBottom={16}>\n        {header}\n      </Text>\n      <Styled.GameWrapper>\n        {showCircleGameScreen && (\n          <Styled.GameLaunchOverlay>\n            <TrialCircleGameLaunchScreen\n              assetUrl={assetUrl}\n              assetUrlType={assetUrl.endsWith('mp4') ? 'video' : 'lottie'}\n              descriptionHeader={descriptionHeader}\n              playerType={playerType}\n              isLoading={isLoading}\n              isGamePlayed={\n                (projectType &&\n                  isPlayed[\n                    projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>\n                  ]) ??\n                false\n              }\n              onPlay={onPlay}\n              custEle={projectType === ProjectType.LESSON ? getCustEle() : undefined}\n              celebrationText={\n                projectType &&\n                isPlayed[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n                  ? 'WELL DONE!'\n                  : ''\n              }\n            />\n          </Styled.GameLaunchOverlay>\n        )}\n        {matchmakingId && (\n          <WebView\n            key={matchmakingId}\n            ref={webViewRef}\n            height=\"100%\"\n            width=\"100%\"\n            baseUrl={trialGameUrl}\n            playerDetails={playerData}\n            projectDetails={projectDetails}\n            onGameLoad={onGameLoad}\n            onBack={handleBack}\n            handleInfoMessage={handleInfoMessage}\n            onGamePlayFinish={handleGameFinish}\n            parentDomain={window.location.origin}\n          />\n        )}\n      </Styled.GameWrapper>\n    </Styled.GameContainer>\n  );\n});\n\nexport default TrialCircleGame;\n"],"names":["PROJECT_TYPE_MAP","TrialPageId","ProjectType","TrialCircleGame","memo","slideConfig","trialGameUrl","circleGames","formData","handleInfoMessage","updateSlideConfig","useTrialSessionContext","showCircleGameScreen","isCircleGamePlayed","isCirclePuzzleSolved","isCircleSkillCompleted","accuracyStr","totalTimeTaken","matchmakingId","webViewRef","useRef","playGame","useWebViewGames","isLoading","setIsLoading","useState","header","id","projectType","circleConfig","playerDetails","games","puzzles","lessons","isPlayed","useMemo","assetUrl","url","descriptionHeader","circle_username","userId","grade","user_avatar","playerType","countryCode","playerData","projectDetails","commonConfig","onGameLoad","useCallback","handleBack","uuidv4","onPlay","handleGameFinish","playerStats","getCustEle","jsxs","Fragment","FlexView","jsx","Text","Separator","getTimeStrInFormatHMS","useEffect","Styled.GameContainer","Styled.GameWrapper","Styled.GameLaunchOverlay","TrialCircleGameLaunchScreen","WebView"],"mappings":"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"}
+{"version":3,"file":"trial-circle-game.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef, useState, type RefObject } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { getTimeStrInFormatHMS } from '../../../../helpers/date-time';\nimport { ProjectType } from '../../../circle-games/games/web-view/enums';\nimport { useWebViewGames } from '../../../circle-games/games/web-view/hooks/use-webview-games';\nimport { WebView } from '../../../circle-games/games/web-view/web-view';\nimport type {\n  ILessonWebGameProps,\n  IMultiplayerWebGameProps,\n  IPlayer,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n} from '../../../circle-games/games/web-view/web-view-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport { TrialCircleGameLaunchScreen } from './trial-circle-game-launch-screen/trial-circle-game-launch-screen';\nimport * as Styled from './trial-circle-game-styled';\n\nconst PROJECT_TYPE_MAP: Partial<Record<TrialPageId, Omit<ProjectType, ProjectType.TABLE>>> = {\n  [TrialPageId.CIRCLE_GAME]: ProjectType.GAME,\n  [TrialPageId.CIRCLE_PUZZLE]: ProjectType.PUZZLE,\n  [TrialPageId.CIRCLE_SKILL]: ProjectType.LESSON,\n};\n\nconst TrialCircleGame = memo(() => {\n  const { slideConfig, trialGameUrl, circleGames, formData, handleInfoMessage, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    showCircleGameScreen = true,\n    isCircleGamePlayed = false,\n    isCirclePuzzleSolved = false,\n    isCircleSkillCompleted = false,\n    accuracyStr = '',\n    totalTimeTaken = 0,\n    matchmakingId,\n  } = formData || {};\n  const webViewRef = useRef<HTMLIFrameElement>(null) as RefObject<HTMLIFrameElement>;\n  const { playGame } = useWebViewGames({ webViewRef });\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { header, id } = slideConfig;\n  const projectType = PROJECT_TYPE_MAP[id];\n  const { circleConfig, playerDetails } = circleGames;\n  const { games, puzzles, lessons } = circleConfig ?? {};\n\n  const isPlayed = useMemo(() => {\n    const playedStats = {\n      [ProjectType.GAME]: isCircleGamePlayed,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved,\n      [ProjectType.LESSON]: isCircleSkillCompleted,\n    };\n\n    return playedStats;\n  }, [isCircleGamePlayed, isCirclePuzzleSolved, isCircleSkillCompleted]);\n\n  const assetUrl = useMemo(() => {\n    const url: Omit<Record<ProjectType, string>, ProjectType.TABLE> = {\n      [ProjectType.GAME]: isCircleGamePlayed ? games.game_card : games.tutorial,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved ? puzzles.game_card : puzzles.tutorial,\n      [ProjectType.LESSON]: isCircleSkillCompleted ? lessons.game_card : lessons.tutorial,\n    };\n\n    return projectType\n      ? url[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n      : '';\n  }, [\n    projectType,\n    games.game_card,\n    games.tutorial,\n    puzzles.game_card,\n    puzzles.tutorial,\n    lessons.game_card,\n    lessons.tutorial,\n    isCircleGamePlayed,\n    isCirclePuzzleSolved,\n    isCircleSkillCompleted,\n  ]);\n\n  const descriptionHeader = useMemo(() => {\n    if (projectType === ProjectType.PUZZLE && isCirclePuzzleSolved) {\n      return \"You've solved it!\";\n    }\n\n    return '';\n  }, [projectType, isCirclePuzzleSolved]);\n\n  const { circle_username, userId, grade, user_avatar, playerType } = playerDetails ?? {};\n\n  const playerData: IPlayer = {\n    id: userId,\n    username: circle_username,\n    grade: grade,\n    avatar: user_avatar,\n    playerType,\n  };\n\n  const projectDetails = useMemo(() => {\n    const commonConfig = {\n      joinByRoomId: matchmakingId,\n      enableCloseButton: false,\n      enablePlayerTurnIndicators: true,\n      enableSync: true,\n    };\n\n    if (projectType === ProjectType.GAME) {\n      return {\n        ...commonConfig,\n        projectId: games.project_id,\n        variant: games.variant,\n        projectType: ProjectType.GAME,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (projectType === ProjectType.PUZZLE) {\n      return {\n        ...commonConfig,\n        projectId: puzzles.project_id,\n        variant: puzzles.variant,\n        question: puzzles.question,\n        askHintPermission: false,\n        projectType: ProjectType.PUZZLE,\n      } as IPuzzleWebGameProps;\n    }\n\n    return {\n      ...commonConfig,\n      projectId: lessons.project_id,\n      variant: lessons.variant,\n      miniGameIdentifier: lessons.mini_game_identifier,\n      sessionId: lessons.session_id,\n      targetQuestions: lessons.target_questions,\n      projectType: ProjectType.LESSON,\n    } as ILessonWebGameProps;\n\n    // return commonConfig;\n  }, [games, puzzles, lessons, projectType, matchmakingId]);\n\n  const onGameLoad = useCallback(() => {\n    setIsLoading(false);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setIsLoading(true);\n    if (\n      projectType === ProjectType.GAME ||\n      projectType === ProjectType.PUZZLE ||\n      projectType === ProjectType.LESSON\n    ) {\n      updateSlideConfig({ showCircleGameScreen: true, matchmakingId: uuidv4() });\n    }\n  }, [projectType, updateSlideConfig]);\n\n  const onPlay = useCallback(() => {\n    updateSlideConfig({ showCircleGameScreen: false, accuracyStr: '', totalTimeTaken: 0 });\n  }, [updateSlideConfig]);\n\n  const handleGameFinish = useCallback(\n    (playerStats: IPlayerStats) => {\n      setIsLoading(true);\n      if (projectType === ProjectType.LESSON) {\n        updateSlideConfig({\n          accuracyStr: playerStats.value,\n          totalTimeTaken: playerStats.timeSpent,\n          isCircleSkillCompleted: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.GAME) {\n        updateSlideConfig({\n          isCircleGamePlayed: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.PUZZLE) {\n        updateSlideConfig({\n          isCirclePuzzleSolved: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      }\n    },\n    [updateSlideConfig, projectType],\n  );\n\n  const getCustEle = useCallback(() => {\n    if (accuracyStr && totalTimeTaken) {\n      return (\n        <>\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Finished in\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {getTimeStrInFormatHMS(totalTimeTaken)}\n            </Text>\n          </FlexView>\n          <Separator height={20} />\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Accuracy:\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {accuracyStr}\n            </Text>\n          </FlexView>\n        </>\n      );\n    }\n\n    return null;\n  }, [accuracyStr, totalTimeTaken]);\n\n  useEffect(() => {\n    if (!isLoading && !showCircleGameScreen) {\n      playGame();\n    }\n  }, [showCircleGameScreen, playGame, isLoading]);\n\n  return (\n    <Styled.GameContainer>\n      <Separator height={16} />\n      <Text $renderAs=\"ah3-bold\" $color=\"WHITE_T_87\" $align=\"center\" $marginBottom={16}>\n        {header}\n      </Text>\n      <Styled.GameWrapper>\n        {showCircleGameScreen && (\n          <Styled.GameLaunchOverlay>\n            <TrialCircleGameLaunchScreen\n              assetUrl={assetUrl}\n              assetUrlType={assetUrl.endsWith('mp4') ? 'video' : 'lottie'}\n              descriptionHeader={descriptionHeader}\n              playerType={playerType}\n              isLoading={isLoading}\n              isGamePlayed={\n                (projectType &&\n                  isPlayed[\n                    projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>\n                  ]) ??\n                false\n              }\n              onPlay={onPlay}\n              custEle={projectType === ProjectType.LESSON ? getCustEle() : undefined}\n              celebrationText={\n                projectType &&\n                isPlayed[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n                  ? 'WELL DONE!'\n                  : ''\n              }\n            />\n          </Styled.GameLaunchOverlay>\n        )}\n        {matchmakingId && (\n          <WebView\n            key={matchmakingId}\n            ref={webViewRef}\n            height=\"100%\"\n            width=\"100%\"\n            baseUrl={trialGameUrl}\n            playerDetails={playerData}\n            projectDetails={projectDetails}\n            onGameLoad={onGameLoad}\n            onBack={handleBack}\n            handleInfoMessage={handleInfoMessage}\n            onGamePlayFinish={handleGameFinish}\n            parentDomain={window.location.origin}\n          />\n        )}\n      </Styled.GameWrapper>\n    </Styled.GameContainer>\n  );\n});\n\nexport default TrialCircleGame;\n"],"names":["PROJECT_TYPE_MAP","TrialPageId","ProjectType","TrialCircleGame","memo","slideConfig","trialGameUrl","circleGames","formData","handleInfoMessage","updateSlideConfig","useTrialSessionContext","showCircleGameScreen","isCircleGamePlayed","isCirclePuzzleSolved","isCircleSkillCompleted","accuracyStr","totalTimeTaken","matchmakingId","webViewRef","useRef","playGame","useWebViewGames","isLoading","setIsLoading","useState","header","id","projectType","circleConfig","playerDetails","games","puzzles","lessons","isPlayed","useMemo","assetUrl","url","descriptionHeader","circle_username","userId","grade","user_avatar","playerType","playerData","projectDetails","commonConfig","onGameLoad","useCallback","handleBack","uuidv4","onPlay","handleGameFinish","playerStats","getCustEle","jsxs","Fragment","FlexView","jsx","Text","Separator","getTimeStrInFormatHMS","useEffect","Styled.GameContainer","Styled.GameWrapper","Styled.GameLaunchOverlay","TrialCircleGameLaunchScreen","WebView"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,KAAuF;AAAA,EAC3F,CAACC,EAAY,WAAW,GAAGC,EAAY;AAAA,EACvC,CAACD,EAAY,aAAa,GAAGC,EAAY;AAAA,EACzC,CAACD,EAAY,YAAY,GAAGC,EAAY;AAC1C,GAEMC,KAAkBC,EAAK,MAAM;AAC3B,QAAA,EAAE,aAAAC,GAAa,cAAAC,GAAc,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,GAAmB,mBAAAC,MAC3EC,MACI;AAAA,IACJ,sBAAAC,IAAuB;AAAA,IACvB,oBAAAC,IAAqB;AAAA,IACrB,sBAAAC,IAAuB;AAAA,IACvB,wBAAAC,IAAyB;AAAA,IACzB,aAAAC,IAAc;AAAA,IACd,gBAAAC,IAAiB;AAAA,IACjB,eAAAC;AAAA,EAAA,IACEV,KAAY,CAAA,GACVW,IAAaC,EAA0B,IAAI,GAC3C,EAAE,UAAAC,EAAS,IAAIC,GAAgB,EAAE,YAAAH,EAAY,CAAA,GAC7C,CAACI,GAAWC,CAAY,IAAIC,GAAS,EAAI,GAEzC,EAAE,QAAAC,GAAQ,IAAAC,EAAO,IAAAtB,GACjBuB,IAAc5B,GAAiB2B,CAAE,GACjC,EAAE,cAAAE,GAAc,eAAAC,EAAkB,IAAAvB,GAClC,EAAE,OAAAwB,GAAO,SAAAC,GAAS,SAAAC,EAAQ,IAAIJ,KAAgB,CAAA,GAE9CK,IAAWC,EAAQ,OACH;AAAA,IAClB,CAACjC,EAAY,IAAI,GAAGW;AAAA,IACpB,CAACX,EAAY,MAAM,GAAGY;AAAA,IACtB,CAACZ,EAAY,MAAM,GAAGa;AAAA,EAAA,IAIvB,CAACF,GAAoBC,GAAsBC,CAAsB,CAAC,GAE/DqB,IAAWD,EAAQ,MAAM;AAC7B,UAAME,IAA4D;AAAA,MAChE,CAACnC,EAAY,IAAI,GAAGW,IAAqBkB,EAAM,YAAYA,EAAM;AAAA,MACjE,CAAC7B,EAAY,MAAM,GAAGY,IAAuBkB,EAAQ,YAAYA,EAAQ;AAAA,MACzE,CAAC9B,EAAY,MAAM,GAAGa,IAAyBkB,EAAQ,YAAYA,EAAQ;AAAA,IAAA;AAGtE,WAAAL,IACHS,EAAIT,CAAyE,IAC7E;AAAA,EAAA,GACH;AAAA,IACDA;AAAA,IACAG,EAAM;AAAA,IACNA,EAAM;AAAA,IACNC,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACRC,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACRpB;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD,GAEKuB,IAAoBH,EAAQ,MAC5BP,MAAgB1B,EAAY,UAAUY,IACjC,sBAGF,IACN,CAACc,GAAad,CAAoB,CAAC,GAEhC,EAAE,iBAAAyB,GAAiB,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,GAAa,YAAAC,EAAW,IAAIb,KAAiB,IAE/Ec,IAAsB;AAAA,IAC1B,IAAIJ;AAAA,IACJ,UAAUD;AAAA,IACV,OAAAE;AAAA,IACA,QAAQC;AAAA,IACR,YAAAC;AAAA,EAAA,GAGIE,IAAiBV,EAAQ,MAAM;AACnC,UAAMW,IAAe;AAAA,MACnB,cAAc5B;AAAA,MACd,mBAAmB;AAAA,MACnB,4BAA4B;AAAA,MAC5B,YAAY;AAAA,IAAA;AAGV,WAAAU,MAAgB1B,EAAY,OACvB;AAAA,MACL,GAAG4C;AAAA,MACH,WAAWf,EAAM;AAAA,MACjB,SAASA,EAAM;AAAA,MACf,aAAa7B,EAAY;AAAA,IAAA,IAIzB0B,MAAgB1B,EAAY,SACvB;AAAA,MACL,GAAG4C;AAAA,MACH,WAAWd,EAAQ;AAAA,MACnB,SAASA,EAAQ;AAAA,MACjB,UAAUA,EAAQ;AAAA,MAClB,mBAAmB;AAAA,MACnB,aAAa9B,EAAY;AAAA,IAAA,IAItB;AAAA,MACL,GAAG4C;AAAA,MACH,WAAWb,EAAQ;AAAA,MACnB,SAASA,EAAQ;AAAA,MACjB,oBAAoBA,EAAQ;AAAA,MAC5B,WAAWA,EAAQ;AAAA,MACnB,iBAAiBA,EAAQ;AAAA,MACzB,aAAa/B,EAAY;AAAA,IAAA;AAAA,EAC3B,GAGC,CAAC6B,GAAOC,GAASC,GAASL,GAAaV,CAAa,CAAC,GAElD6B,IAAaC,EAAY,MAAM;AACnC,IAAAxB,EAAa,EAAK;AAAA,EACpB,GAAG,CAAE,CAAA,GAECyB,IAAaD,EAAY,MAAM;AACnC,IAAAxB,EAAa,EAAI,IAEfI,MAAgB1B,EAAY,QAC5B0B,MAAgB1B,EAAY,UAC5B0B,MAAgB1B,EAAY,WAE5BQ,EAAkB,EAAE,sBAAsB,IAAM,eAAewC,KAAU;AAAA,EAC3E,GACC,CAACtB,GAAalB,CAAiB,CAAC,GAE7ByC,IAASH,EAAY,MAAM;AAC/B,IAAAtC,EAAkB,EAAE,sBAAsB,IAAO,aAAa,IAAI,gBAAgB,GAAG;AAAA,EAAA,GACpF,CAACA,CAAiB,CAAC,GAEhB0C,IAAmBJ;AAAA,IACvB,CAACK,MAA8B;AAC7B,MAAA7B,EAAa,EAAI,GACbI,MAAgB1B,EAAY,SACZQ,EAAA;AAAA,QAChB,aAAa2C,EAAY;AAAA,QACzB,gBAAgBA,EAAY;AAAA,QAC5B,wBAAwB;AAAA,QACxB,sBAAsB;AAAA,QACtB,eAAeH,EAAO;AAAA,MAAA,CACvB,IACQtB,MAAgB1B,EAAY,OACnBQ,EAAA;AAAA,QAChB,oBAAoB;AAAA,QACpB,sBAAsB;AAAA,QACtB,eAAewC,EAAO;AAAA,MAAA,CACvB,IACQtB,MAAgB1B,EAAY,UACnBQ,EAAA;AAAA,QAChB,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,eAAewC,EAAO;AAAA,MAAA,CACvB;AAAA,IAEL;AAAA,IACA,CAACxC,GAAmBkB,CAAW;AAAA,EAAA,GAG3B0B,IAAaN,EAAY,MACzBhC,KAAeC,IAGb,gBAAAsC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAAE,GAAA,EAAS,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,eAAA;AAAA,MACA,gBAAAD,EAACE,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,MACrB,gBAAAF,EAACC,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAE,GAAsB5C,CAAc,GACvC;AAAA,IAAA,GACF;AAAA,IACA,gBAAAyC,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,aAAA;AAAA,MACA,gBAAAD,EAACE,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,wBACpBD,GAAK,EAAA,WAAU,YAAW,QAAO,SAC/B,UACH3C,GAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA,IAIG,MACN,CAACA,GAAaC,CAAc,CAAC;AAEhC,SAAA6C,GAAU,MAAM;AACV,IAAA,CAACvC,KAAa,CAACX,KACRS;EAEV,GAAA,CAACT,GAAsBS,GAAUE,CAAS,CAAC,GAG5C,gBAAAgC,EAACQ,IAAA,EACC,UAAA;AAAA,IAAC,gBAAAL,EAAAE,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAF,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,cAAa,QAAO,UAAS,eAAe,IAC3E,UACHjC,EAAA,CAAA;AAAA,IACA,gBAAA6B,EAACS,IAAA,EACE,UAAA;AAAA,MACCpD,KAAA,gBAAA8C,EAACO,IAAA,EACC,UAAA,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,UAAA9B;AAAA,UACA,cAAcA,EAAS,SAAS,KAAK,IAAI,UAAU;AAAA,UACnD,mBAAAE;AAAA,UACA,YAAAK;AAAA,UACA,WAAApB;AAAA,UACA,eACGK,KACCM,EACEN,CACF,MACF;AAAA,UAEF,QAAAuB;AAAA,UACA,SAASvB,MAAgB1B,EAAY,SAASoD,MAAe;AAAA,UAC7D,iBACE1B,KACAM,EAASN,CAAyE,IAC9E,eACA;AAAA,QAAA;AAAA,MAAA,GAGV;AAAA,MAEDV,KACC,gBAAAwC;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,KAAKhD;AAAA,UACL,QAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASb;AAAA,UACT,eAAesC;AAAA,UACf,gBAAAC;AAAA,UACA,YAAAE;AAAA,UACA,QAAQE;AAAA,UACR,mBAAAxC;AAAA,UACA,kBAAkB2C;AAAA,UAClB,cAAc,OAAO,SAAS;AAAA,QAAA;AAAA,QAXzBlC;AAAA,MAYP;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/worksheet/worksheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData, course } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode, course });\n    }\n  }, [countryCode, course, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","course","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AAUA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,GAAY,QAAAC,EAAO,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAIF,KAAc,CAAA,GAE5DG,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFP,EAAW,EAAI,GAGbQ,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAZ,EAAkB,EAAE,YAAAa,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIxB,MACFO,EAAW,EAAK,GAChBa,EAAWnB,GAAW,EAAE,cAAcW,GAAa,QAAAD,EAAQ,CAAA;AAAA,EAC7D,GACC,CAACC,GAAaD,GAAQX,GAAWoB,GAAYnB,CAAS,CAAC;AAM1D,SAJAwB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVjB,IACM,gBAAAoB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACnB,IACZ,gBAAAwB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3B1B;AACT;"}
+{"version":3,"file":"worksheet.js","sources":["../../../../../src/features/trial-session/comps/worksheet/worksheet.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../../types/models/worksheet';\nimport Error from '../../../ui/error/error';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport { useResumeTrialWorksheet } from '../../api/trial-nodes';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst SessionWorksheet: FC = () => {\n  const { isTeacher, studentId, worksheet, updateSlideConfig, trialHomeData } =\n    useTrialSessionContext();\n  const [isError, setIserror] = useState<boolean>(false);\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { region_data: regionData, course } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const onComplete = (error: string | null, sheetData?: IResumeWorksheetModel) => {\n    if (error) {\n      setIserror(true);\n    }\n\n    if (sheetData) {\n      const {\n        user_node_id: userNodeId,\n        node_id: nodeId,\n        user_attempt_id: attemptId,\n        node_type: nodeType,\n      } = sheetData;\n\n      updateSlideConfig({ userNodeId, nodeId, attemptId, nodeType });\n    }\n  };\n\n  const { patch: resumeNode, isProcessing } = useResumeTrialWorksheet({\n    onComplete,\n  });\n\n  const fetchData = useCallback(() => {\n    if (isTeacher) {\n      setIserror(false);\n      resumeNode(studentId, { country_code: countryCode, course });\n    }\n  }, [countryCode, course, isTeacher, resumeNode, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isError) {\n    return <Error height=\"100%\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !worksheet) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  return worksheet;\n};\n\nexport default SessionWorksheet;\n"],"names":["SessionWorksheet","isTeacher","studentId","worksheet","updateSlideConfig","trialHomeData","useTrialSessionContext","isError","setIserror","useState","demoInfo","regionData","course","countryCode","onComplete","error","sheetData","userNodeId","nodeId","attemptId","nodeType","resumeNode","isProcessing","useResumeTrialWorksheet","fetchData","useCallback","useEffect","jsx","Error","AppLoader"],"mappings":";;;;;;AASA,MAAMA,IAAuB,MAAM;AACjC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,EAAA,IAC1DC,KACI,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAE/C,EAAE,WAAWC,EAAa,IAAAL,GAC1B,EAAE,aAAaM,GAAY,QAAAC,EAAO,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAIF,KAAc,CAAA,GAE5DG,IAAa,CAACC,GAAsBC,MAAsC;AAK9E,QAJID,KACFP,EAAW,EAAI,GAGbQ,GAAW;AACP,YAAA;AAAA,QACJ,cAAcC;AAAA,QACd,SAASC;AAAA,QACT,iBAAiBC;AAAA,QACjB,WAAWC;AAAA,MACT,IAAAJ;AAEJ,MAAAZ,EAAkB,EAAE,YAAAa,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,EAAU,CAAA;AAAA,IAC/D;AAAA,EAAA,GAGI,EAAE,OAAOC,GAAY,cAAAC,EAAA,IAAiBC,EAAwB;AAAA,IAClE,YAAAT;AAAA,EAAA,CACD,GAEKU,IAAYC,EAAY,MAAM;AAClC,IAAIxB,MACFO,EAAW,EAAK,GAChBa,EAAWnB,GAAW,EAAE,cAAcW,GAAa,QAAAD,EAAQ,CAAA;AAAA,EAC7D,GACC,CAACC,GAAaD,GAAQX,GAAWoB,GAAYnB,CAAS,CAAC;AAM1D,SAJAwB,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVjB,IACM,gBAAAoB,EAAAC,GAAA,EAAM,QAAO,QAAO,YAAYJ,EAAW,CAAA,IAGjDF,KAAgB,CAACnB,IACZ,gBAAAwB,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IAG3B1B;AACT;"}

package/dist/features/trial-session/context/trial-session-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-session-context.js","sources":["../../../../src/features/trial-session/context/trial-session-context.tsx"],"sourcesContent":["import type { IMilestoneConfig } from '../../milestone/create/milestone-create-types';\nimport type { ITrialCircleGameParams } from '../comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  IClassTimeAlertConfig,\n  ISlide,\n  ITrialHomeData,\n  ITrialSessionContext,\n} from '../trial-session-types';\n\nimport { createContext } from 'react';\n\nimport { DEFAULT_BUTTON_STATE } from '../trial-session-constants';\n\nconst TrialSessionContext = createContext<ITrialSessionContext>({\n  isTeacher: false,\n  slideConfig: {} as ISlide,\n  formData: undefined,\n  milestoneConfig: {} as IMilestoneConfig,\n  updateSlideConfig: () => undefined,\n  buttonState: DEFAULT_BUTTON_STATE,\n  updateButtonState: () => undefined,\n  teacherId: '',\n  studentId: '',\n  trialHomeData: {} as ITrialHomeData,\n  openEndClassModal: () => undefined,\n  studentAbsentInClass: false,\n  circleGames: {} as ITrialCircleGameParams,\n  trialGameUrl: '',\n  handleInfoMessage: () => undefined,\n  classTimeAlertConfig: {} as IClassTimeAlertConfig,\n  classDuration: 0,\n});\n\nexport default TrialSessionContext;\n"],"names":["TrialSessionContext","createContext","DEFAULT_BUTTON_STATE"],"mappings":";;AAaA,MAAMA,IAAsBC,EAAoC;AAAA,EAC9D,WAAW;AAAA,EACX,aAAa,CAAC;AAAA,EACd,UAAU;AAAA,EACV,iBAAiB,CAAC;AAAA,EAClB,mBAAmB,MAAM;AAAA;AAAA,EACzB,aAAaC;AAAA,EACb,mBAAmB,MAAM;AAAA;AAAA,EACzB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,mBAAmB,MAAM;AAAA;AAAA,EACzB,sBAAsB;AAAA,EACtB,aAAa,CAAC;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB,MAAM;AAAA;AAAA,EACzB,sBAAsB,CAAC;AAAA,EACvB,eAAe;AACjB,CAAC;"}
+{"version":3,"file":"trial-session-context.js","sources":["../../../../src/features/trial-session/context/trial-session-context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { IMilestoneConfig } from '../../milestone/create/milestone-create-types';\nimport type { ITrialCircleGameParams } from '../comps/trial-circle-game/trial-circle-game-types';\nimport { DEFAULT_BUTTON_STATE } from '../trial-session-constants';\nimport type {\n  IClassTimeAlertConfig,\n  ISlide,\n  ITrialHomeData,\n  ITrialSessionContext,\n} from '../trial-session-types';\n\nconst TrialSessionContext = createContext<ITrialSessionContext>({\n  isTeacher: false,\n  slideConfig: {} as ISlide,\n  formData: undefined,\n  milestoneConfig: {} as IMilestoneConfig,\n  updateSlideConfig: () => undefined,\n  buttonState: DEFAULT_BUTTON_STATE,\n  updateButtonState: () => undefined,\n  teacherId: '',\n  studentId: '',\n  trialHomeData: {} as ITrialHomeData,\n  openEndClassModal: () => undefined,\n  studentAbsentInClass: false,\n  circleGames: {} as ITrialCircleGameParams,\n  trialGameUrl: '',\n  handleInfoMessage: () => undefined,\n  classTimeAlertConfig: {} as IClassTimeAlertConfig,\n  classDuration: 0,\n});\n\nexport default TrialSessionContext;\n"],"names":["TrialSessionContext","createContext","DEFAULT_BUTTON_STATE"],"mappings":";;AAYA,MAAMA,IAAsBC,EAAoC;AAAA,EAC9D,WAAW;AAAA,EACX,aAAa,CAAC;AAAA,EACd,UAAU;AAAA,EACV,iBAAiB,CAAC;AAAA,EAClB,mBAAmB,MAAM;AAAA;AAAA,EACzB,aAAaC;AAAA,EACb,mBAAmB,MAAM;AAAA;AAAA,EACzB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,mBAAmB,MAAM;AAAA;AAAA,EACzB,sBAAsB;AAAA,EACtB,aAAa,CAAC;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB,MAAM;AAAA;AAAA,EACzB,sBAAsB,CAAC;AAAA,EACvB,eAAe;AACjB,CAAC;"}

package/dist/features/trial-session/helper.js

@@ -1,80 +1,95 @@
-import { DAYS as N } from "../../constants/date-time.js";
-import { getOffsetBetweenTimezone as y, convertEpochToDateTime as O, getTimeUnits as x, convertToMilliseconds as D } from "../../helpers/date-time.js";
-import { GOAL_CATEGORY as h } from "../milestone/constants.js";
-import { getGoalsFromConfig as R } from "../milestone/create/milestone-create-helpers.js";
-import { TrialPageId as a, TEACHER_TIMEZONE as L } from "./trial-session-constants.js";
-const U = (c, t, r) => {
-  const e = c ? [...c] : [], s = e == null ? void 0 : e.findIndex((d) => d.goal_category === t);
-  if (s === -1) {
-    const d = {
-      ...r,
-      goal_category: t,
-      publish: !1
+import { DAYS as y } from "../../constants/date-time.js";
+import { getOffsetBetweenTimezone as h, convertEpochToDateTime as D, getTimeUnits as O, convertToMilliseconds as R } from "../../helpers/date-time.js";
+import { GOAL_CATEGORY as N } from "../milestone/constants.js";
+import { getGoalsFromConfig as x } from "../milestone/create/milestone-create-helpers.js";
+import { TrialPageId as d, TEACHER_TIMEZONE as L } from "./trial-session-constants.js";
+const $ = (n) => n === "PLA", v = (n, e, o) => {
+  const t = n ? [...n] : [], r = t == null ? void 0 : t.findIndex((i) => i.goal_category === e);
+  if (r === -1) {
+    const i = {
+      ...o,
+      goal_category: e
     };
-    e.push(d);
+    t.push(i);
   } else
-    e[s] = {
-      ...e[s],
-      ...r
+    t[r] = {
+      ...t[r],
+      ...o
     };
-  return e;
-}, $ = (c, t) => {
-  if (!t) return [];
-  const r = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), e = y(L, t), s = r + e, { day: d = "" } = O(s, t), m = N.indexOf(d);
-  return c.length > 0 ? c.filter((f) => f.selectedDay && f.selectedTime).map((f) => {
-    const { selectedDay: P, selectedTime: u } = f, { hours: i, minutes: o, period: g } = x(u), T = (N.indexOf(P) - m + 7) % 7;
+  return t;
+}, U = (n, e) => {
+  if (!e) return [];
+  const o = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), t = h(L, e), r = o + t, { day: i = "" } = D(r, e), l = y.indexOf(i);
+  return n.length > 0 ? n.filter((c) => c.selectedDay && c.selectedTime).map((c) => {
+    const { selectedDay: P, selectedTime: f } = c, { hours: u, minutes: s, period: T } = O(f), m = (y.indexOf(P) - l + 7) % 7;
     return {
-      id: r + e + D({ days: T, hours: i, minutes: o }),
-      value: `${P}, ${u} - ${i + 1}:${o < 10 ? "0" : ""}${o} ${g}`
+      id: o + t + R({ days: m, hours: u, minutes: s }),
+      value: `${P}, ${f} - ${u + 1}:${s < 10 ? "0" : ""}${s} ${T}`
       // Formatted the value string as required
     };
   }) : [];
-}, b = ({
-  milestoneConfigData: c,
-  trialHomeData: t,
-  grade: r
+}, b = (n) => n.filter((e) => typeof e.id == "number" && !isNaN(e.id)).map((e) => {
+  const o = new Date(e.id), t = y[o.getDay()], r = t ? t.toLowerCase() : "unknown", i = o.getHours(), l = o.getMinutes(), c = `${i.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}:00`;
+  return { weekday: r, start_time: c };
+}), F = ({
+  milestoneConfigData: n,
+  trialHomeData: e,
+  grade: o
 }) => {
   var I;
-  const { student: e, demo_info: s } = t, { grade: d } = e || {}, { stream: m, region_data: f } = s || {}, { opportunity_country: P = "US" } = f || {}, u = (l) => R(c, {
+  const { student: t, demo_info: r } = e, { grade: i } = t || {}, { stream: l, region_data: c } = r || {}, { opportunity_country: P = "US" } = c || {}, f = (g) => x(n, {
     countryCode: P,
-    grade: r || d || "",
-    goalCategory: l,
-    courseStream: m,
+    grade: o || i || "",
+    goalCategory: g,
+    courseStream: l,
     enrollmentType: "ONLINE"
-  }), i = u(h.TEST_PREP), o = u(h.ENRICHMENT);
-  if ((i == null ? void 0 : i.length) > 0 && (o == null ? void 0 : o.length) > 0)
-    return t;
-  const g = { ...t }, p = Object.fromEntries(g.pages.map((l) => [l.id, l])), T = (() => {
-    var l, _, n, E;
-    return ((_ = (l = p[a.SCHOOL_GOALS]) == null ? void 0 : l.nextPage) == null ? void 0 : _.pageId) === a.TEST_PREP && i.length === 0 ? a.SCHOOL_GOALS : i.length > 0 && ((E = (n = p[a.TEST_PREP]) == null ? void 0 : n.nextPage) == null ? void 0 : E.pageId) === a.STUDENT_ENRICHMENT && o.length === 0 ? a.TEST_PREP : null;
-  })(), S = T ? (I = p[(o == null ? void 0 : o.length) === 0 ? a.STUDENT_ENRICHMENT : a.TEST_PREP]) == null ? void 0 : I.nextPage : null;
-  if (S && T) {
-    const l = (n) => i.length === 0 && n === a.TEST_PREP || o.length === 0 && n === a.STUDENT_ENRICHMENT, _ = g.pages.filter((n) => !l(n.id));
-    g.pages = _.map((n) => {
-      var E;
-      return n.id === T ? { ...n, nextPage: S } : n.id === S.pageId ? {
-        ...n,
+  }), u = f(N.TEST_PREP), s = f(N.ENRICHMENT);
+  if ((u == null ? void 0 : u.length) > 0 && (s == null ? void 0 : s.length) > 0)
+    return e;
+  const T = { ...e }, E = Object.fromEntries(T.pages.map((g) => [g.id, g])), m = (() => {
+    var g, p, a, S;
+    return ((p = (g = E[d.SCHOOL_GOALS]) == null ? void 0 : g.nextPage) == null ? void 0 : p.pageId) === d.TEST_PREP && u.length === 0 ? d.SCHOOL_GOALS : u.length > 0 && ((S = (a = E[d.TEST_PREP]) == null ? void 0 : a.nextPage) == null ? void 0 : S.pageId) === d.STUDENT_ENRICHMENT && s.length === 0 ? d.TEST_PREP : null;
+  })(), _ = m ? (I = E[(s == null ? void 0 : s.length) === 0 ? d.STUDENT_ENRICHMENT : d.TEST_PREP]) == null ? void 0 : I.nextPage : null;
+  if (_ && m) {
+    const g = (a) => u.length === 0 && a === d.TEST_PREP || s.length === 0 && a === d.STUDENT_ENRICHMENT, p = T.pages.filter((a) => !g(a.id));
+    T.pages = p.map((a) => {
+      var S;
+      return a.id === m ? { ...a, nextPage: _ } : a.id === _.pageId ? {
+        ...a,
         prevPage: {
-          buttonLabel: ((E = p[T]) == null ? void 0 : E.navigationLabel) ?? "",
-          pageId: T
+          buttonLabel: ((S = E[m]) == null ? void 0 : S.navigationLabel) ?? "",
+          pageId: m
         }
-      } : n;
+      } : a;
     });
   }
-  return g;
-}, F = (c, t) => {
-  var e;
-  const { preference_config: r } = c;
-  return t.length > 0 ? ((e = r == null ? void 0 : r.filter((s) => t.includes(s.preference_code))) == null ? void 0 : e.map(({ preference_code: s, preference_name: d, preference_category: m }) => ({
-    preference_code: s,
-    preference_name: d,
-    preference_category: m
-  }))) || [] : [];
+  return T;
+}, k = (n, e) => {
+  var t;
+  const { preference_config: o } = n;
+  return e.length > 0 ? ((t = o == null ? void 0 : o.filter((r) => e.includes(r.preference_code))) == null ? void 0 : t.map(
+    ({ preference_code: r, preference_name: i, preference_category: l, preference_description: c }) => ({
+      preference_code: r,
+      preference_name: i,
+      preference_category: l,
+      preference_description: c
+    })
+  )) || [] : [];
+}, G = (n, e, o = !1) => {
+  if (!(n != null && n.length)) return [];
+  if (o) {
+    const t = n.find((r) => (r == null ? void 0 : r.preference_category) === e);
+    return t ? [t.preference_code] : [];
+  }
+  return n.filter((t) => (t == null ? void 0 : t.preference_category) === e).map((t) => t.preference_code);
 };
 export {
-  b as filterAndUpdateSlideNavigation,
-  $ as getFormattedPreferences,
-  F as getFormattedStudentPersonalizedPreference,
-  U as updateGoalInFormData
+  F as filterAndUpdateSlideNavigation,
+  U as getFormattedPreferences,
+  k as getFormattedStudentPersonalizedPreference,
+  G as getPreferenceCodesByCategory,
+  b as getWeekdayAndStartTimeFromPreference,
+  $ as isPLASource,
+  v as updateGoalInFormData
 };
 //# sourceMappingURL=helper.js.map