@cuemath/leap 3.1.15 → 3.1.17-hg1

package/dist/features/trial-session/comps/learning-plan/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { useGetChapterData } from '../../../chapters/api/chapter';\nimport Chapter from '../../../chapters/chapter/chapter';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\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 { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, teacherId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const {\n    get: getChapterData,\n    data: chapterData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetChapterData();\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      getChapterData(chapterId, undefined, {\n        studentId,\n      }).then(() => {\n        const scrollElement = containerRef.current;\n\n        scrollElement?.scrollTo({\n          top: 0,\n          behavior: 'smooth',\n        });\n      });\n    }\n  }, [getChapterData, studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if ((chapterData && isTeacher) || isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, chapterData, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $height=\"100%\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{error?.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={fetchChapter}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId && chapterData ? (\n          <>\n            <Styled.BackIconWrapper>\n              <Styled.BackIcon $clickable={isTeacher} onClick={handleOnBackIconClick} />\n            </Styled.BackIconWrapper>\n\n            <Styled.ChapterWrapper>\n              <Chapter\n                user_type={isTeacher ? 'TEACHER' : 'STUDENT'}\n                teacherId={teacherId}\n                {...chapterData}\n                loading={isProcessing}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType=\"DRAFT\"\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","teacherId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","getChapterData","chapterData","isProcessing","isProcessingFailed","error","useGetChapterData","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.Container","Styled.Wrapper","Fragment","Styled.BackIconWrapper","Styled.BackIcon","Styled.ChapterWrapper","Chapter","MilestoneList"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/index.tsx"],"sourcesContent":["import type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { useGetChapterData } from '../../../chapters/api/chapter';\nimport Chapter from '../../../chapters/chapter/chapter';\nimport MilestoneList from '../../../milestone/milestone-list-container/milestone-list-container';\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 { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport * as Styled from './learning-plan-styled';\nimport { useLearningPlanScrollSync } from './use-learning-plan-scroll-sync';\n\nconst LearningPlan: React.FC = () => {\n  const { trialHomeData, studentId, teacherId, formData, isTeacher, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    demo_info: { student_classroom_id: studentClassroomId, stream },\n  } = trialHomeData || {};\n  const { name = '', chapterId } = formData || {};\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollPointsRef = useRef<number[]>([]);\n  const isSendingScrollPointsRef = useRef(false);\n\n  const {\n    publishScrollEvents,\n    closeChannel,\n    scrollPoints: receivedScrollPoints,\n  } = useLearningPlanScrollSync(studentClassroomId);\n\n  const {\n    get: getChapterData,\n    data: chapterData,\n    isProcessing,\n    isProcessingFailed,\n    error,\n  } = useGetChapterData();\n\n  const fetchChapter = useCallback(() => {\n    if (chapterId && studentId) {\n      getChapterData(chapterId, undefined, {\n        studentId,\n      }).then(() => {\n        const scrollElement = containerRef.current;\n\n        scrollElement?.scrollTo({\n          top: 0,\n          behavior: 'smooth',\n        });\n      });\n    }\n  }, [getChapterData, studentId, chapterId]);\n\n  const handleOnChapterClick = useCallback(\n    (chapter: IChapterDataProps) => {\n      updateSlideConfig({\n        chapterId: chapter.id,\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleOnBackIconClick = useCallback(() => {\n    updateSlideConfig({\n      chapterId: undefined,\n    });\n  }, [updateSlideConfig]);\n\n  const sendScrollPoints = useCallback(() => {\n    if (scrollPointsRef.current.length === 0 || isSendingScrollPointsRef.current) return;\n\n    isSendingScrollPointsRef.current = true;\n\n    if (publishScrollEvents) {\n      publishScrollEvents({\n        eventName: 'TRIAL_SESSION_GOAL_PLAN_SCROLL',\n        eventPayload: {\n          scrollPoints: scrollPointsRef.current,\n        },\n      });\n    }\n\n    scrollPointsRef.current = [];\n    isSendingScrollPointsRef.current = false;\n  }, [publishScrollEvents]);\n\n  const throttleSend = useMemo(() => throttle(sendScrollPoints, 500), [sendScrollPoints]);\n\n  const handleScroll = useCallback(() => {\n    const scrollPoint = containerRef.current?.scrollTop || 0;\n\n    scrollPointsRef.current.push(scrollPoint);\n\n    throttleSend();\n  }, [throttleSend]);\n\n  useEffect(() => {\n    fetchChapter();\n  }, [fetchChapter]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      if ((chapterData && isTeacher) || isTeacher) {\n        const scrollElement = containerRef.current;\n\n        scrollElement.addEventListener('scroll', handleScroll);\n\n        return () => {\n          if (scrollElement) {\n            scrollElement.removeEventListener('scroll', handleScroll);\n          }\n        };\n      }\n    }\n  }, [isTeacher, chapterData, handleScroll]);\n\n  useEffect(() => {\n    const scrollElement = containerRef.current;\n\n    if (\n      receivedScrollPoints &&\n      Array.isArray(receivedScrollPoints) &&\n      !isTeacher &&\n      scrollElement\n    ) {\n      const averageScroll = Math.floor(\n        receivedScrollPoints.reduce((a, b) => a + b, 0) / receivedScrollPoints.length,\n      );\n\n      scrollElement.scrollTo({\n        top: averageScroll,\n        behavior: 'smooth',\n      });\n    }\n  }, [receivedScrollPoints, isTeacher]);\n\n  useEffect(() => {\n    return () => {\n      closeChannel();\n    };\n  }, [closeChannel]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100%\" />;\n  }\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $height=\"100%\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{error?.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={fetchChapter}\n        />\n      </FlexView>\n    );\n  }\n\n  return (\n    <Styled.Container ref={containerRef} $isScrollable={isTeacher}>\n      <Styled.Wrapper\n        $clickable={isTeacher}\n        $gutterX={2}\n        $isScrollable={isTeacher}\n        id=\"milestone-list-element-container\"\n      >\n        {chapterId && chapterData ? (\n          <>\n            <Styled.BackIconWrapper>\n              <Styled.BackIcon $clickable={isTeacher} onClick={handleOnBackIconClick} />\n            </Styled.BackIconWrapper>\n\n            <Styled.ChapterWrapper>\n              <Chapter\n                user_type={isTeacher ? 'TEACHER' : 'STUDENT'}\n                teacherId={teacherId}\n                {...chapterData}\n                loading={isProcessing}\n              />\n            </Styled.ChapterWrapper>\n          </>\n        ) : (\n          <MilestoneList\n            userType={isTeacher ? 'TEACHER' : 'STUDENT'}\n            studentName={name}\n            studentId={studentId}\n            studentClassroomId={studentClassroomId}\n            milestoneType=\"DRAFT\"\n            onChapterClick={handleOnChapterClick}\n            courseStream={stream}\n          />\n        )}\n      </Styled.Wrapper>\n    </Styled.Container>\n  );\n};\n\nexport default LearningPlan;\n"],"names":["LearningPlan","trialHomeData","studentId","teacherId","formData","isTeacher","updateSlideConfig","useTrialSessionContext","studentClassroomId","stream","name","chapterId","containerRef","useRef","scrollPointsRef","isSendingScrollPointsRef","publishScrollEvents","closeChannel","receivedScrollPoints","useLearningPlanScrollSync","getChapterData","chapterData","isProcessing","isProcessingFailed","error","useGetChapterData","fetchChapter","useCallback","scrollElement","handleOnChapterClick","chapter","handleOnBackIconClick","sendScrollPoints","throttleSend","useMemo","throttle","handleScroll","scrollPoint","_a","useEffect","averageScroll","a","b","jsx","AppLoader","jsxs","FlexView","Text","Button","Styled.Container","Styled.Wrapper","Fragment","Styled.BackIconWrapper","Styled.BackIcon","Styled.ChapterWrapper","Chapter","MilestoneList"],"mappings":"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"}

package/dist/features/trial-session/comps/learning-plan/learning-plan-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"learning-plan-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/learning-plan-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface IStyledContainer {\n  $isScrollable?: boolean;\n}\n\nconst Container = styled.div<IStyledContainer>(({ $isScrollable }) => {\n  return `\n    overflow-y: auto;\n    pointer-events: ${$isScrollable ? 'auto' : 'none'};\n  `;\n});\n\ninterface IWrapper {\n  $clickable: boolean;\n  $isScrollable?: boolean;\n}\n\nconst Wrapper = styled(FlexView)<IWrapper>(({ $clickable, $isScrollable }) => {\n  return `\n    & > * {\n      pointer-events: ${$isScrollable ? 'auto' : 'none'};\n    }\n    \n    cursor: not-allowed;\n\n    ${\n      $clickable &&\n      `\n      & .goal-widget-chapter-item {\n        pointer-events: auto;\n      }\n    `\n    }\n\n  `;\n});\n\nconst ChapterContainer = styled(FlexView)`\n  position: relative;\n  overflow: auto;\n`;\n\nconst ChapterWrapper = styled(FlexView)`\n  & > * {\n    pointer-events: none;\n  }\n\n  cursor: not-allowed;\n`;\n\nconst BackIconWrapper = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  padding: 16px;\n  height: 100%;\n`;\n\nconst BackIcon = styled(Back2Icon)<IWrapper>(({ theme, $clickable }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    position: sticky;\n    top: 16px;\n    left: 24px;\n    width: ${gutter * 2.5}px;\n    height: ${gutter * 2.5}px;\n    cursor: ${$clickable ? 'pointer' : 'not-allowed'};\n  `;\n});\n\nexport { Container, Wrapper, BackIconWrapper, BackIcon, ChapterContainer, ChapterWrapper };\n"],"names":["Container","styled","$isScrollable","Wrapper","FlexView","$clickable","ChapterWrapper","BackIconWrapper","BackIcon","Back2Icon","theme","gutter"],"mappings":";;;AASA,MAAMA,IAAYC,EAAO,IAAsB,CAAC,EAAE,eAAAC,QACzC;AAAA;AAAA,sBAEaA,IAAgB,SAAS,MAAM;AAAA,GAEpD,GAOKC,IAAUF,EAAOG,CAAQ,EAAY,CAAC,EAAE,YAAAC,GAAY,eAAAH,QACjD;AAAA;AAAA,wBAEeA,IAAgB,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,MAMjDG,KACA;AAAA;AAAA;AAAA;AAAA,KAKF;AAAA;AAAA,GAGH;AAEwBJ,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAKlC,MAAAE,IAAiBL,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhCG,IAAkBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASzBO,IAAWP,EAAOQ,CAAS,EAAY,CAAC,EAAE,OAAAC,GAAO,YAAAL,QAAiB;AAChE,QAAA,EAAE,QAAAM,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,aAIIC,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA,cACZN,IAAa,YAAY,aAAa;AAAA;AAEpD,CAAC;"}
+{"version":3,"file":"learning-plan-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/learning-plan-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface IStyledContainer {\n  $isScrollable?: boolean;\n}\n\nconst Container = styled.div<IStyledContainer>(({ $isScrollable }) => {\n  return `\n    overflow-y: auto;\n    pointer-events: ${$isScrollable ? 'auto' : 'none'};\n  `;\n});\n\ninterface IWrapper {\n  $clickable: boolean;\n  $isScrollable?: boolean;\n}\n\nconst Wrapper = styled(FlexView)<IWrapper>(({ $clickable, $isScrollable }) => {\n  return `\n    & > * {\n      pointer-events: ${$isScrollable ? 'auto' : 'none'};\n    }\n    \n    cursor: not-allowed;\n\n    ${\n      $clickable &&\n      `\n      & .goal-widget-chapter-item {\n        pointer-events: auto;\n      }\n    `\n    }\n\n  `;\n});\n\nconst ChapterContainer = styled(FlexView)`\n  position: relative;\n  overflow: auto;\n`;\n\nconst ChapterWrapper = styled(FlexView)`\n  & > * {\n    pointer-events: none;\n  }\n\n  cursor: not-allowed;\n`;\n\nconst BackIconWrapper = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n  padding: 16px;\n  height: 100%;\n`;\n\nconst BackIcon = styled(Back2Icon)<IWrapper>(({ theme, $clickable }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    position: sticky;\n    top: 16px;\n    left: 24px;\n    width: ${gutter * 2.5}px;\n    height: ${gutter * 2.5}px;\n    cursor: ${$clickable ? 'pointer' : 'not-allowed'};\n  `;\n});\n\nexport { Container, Wrapper, BackIconWrapper, BackIcon, ChapterContainer, ChapterWrapper };\n"],"names":["Container","styled","$isScrollable","Wrapper","FlexView","$clickable","ChapterWrapper","BackIconWrapper","BackIcon","Back2Icon","theme","gutter"],"mappings":";;;AASA,MAAMA,IAAYC,EAAO,IAAsB,CAAC,EAAE,eAAAC,QACzC;AAAA;AAAA,sBAEaA,IAAgB,SAAS,MAAM;AAAA,GAEpD,GAOKC,IAAUF,EAAOG,CAAQ,EAAY,CAAC,EAAE,YAAAC,GAAY,eAAAH,QACjD;AAAA;AAAA,wBAEeA,IAAgB,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,MAMjDG,KACA;AAAA;AAAA;AAAA;AAAA,KAKF;AAAA;AAAA,GAGH;AAEwBJ,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAKlC,MAAAE,IAAiBL,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhCG,IAAkBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASzBO,IAAWP,EAAOQ,CAAS,EAAY,CAAC,EAAE,OAAAC,GAAO,YAAAL,QAAiB;AAChE,QAAA,EAAE,QAAAM,MAAWD,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,aAIIC,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA,cACZN,IAAa,YAAY,aAAa;AAAA;AAEpD,CAAC;"}

package/dist/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-learning-plan-scroll-sync.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.ts"],"sourcesContent":["import type { IChannelMessage } from '@cuemath/cue-message-broker';\n\nimport { useMessageBrokerChannel } from '@cuemath/cue-message-broker';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    scrollPoints: number[];\n  };\n}\n\nconst useLearningPlanScrollSync = (studentClassroomId: string) => {\n  const [scrollPoints, setScrollPoints] = useState<number[]>();\n  const channelId = `trial-session-goal-plan-${studentClassroomId}`;\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      /**\n       * * 1 -> Message expires after 1 min\n       * * 0 -> Message never expires\n       */\n      ttl: 1,\n    }),\n    [channelId],\n  );\n\n  const handleOnMessageReceive = useCallback((messages: Array<IChannelMessage>) => {\n    messages.forEach(message => {\n      const { payload } = message.message;\n      const { eventPayload } = payload as IMessage;\n      const { scrollPoints: updatedScrollPoint } = eventPayload || {};\n\n      setScrollPoints(updatedScrollPoint);\n    });\n  }, []);\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions: channelOptions,\n    consumerFn: handleOnMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) channel.destroyChannel();\n  }, [channel]);\n\n  useEffect(() => {\n    if (!channelStatus && channel) {\n      channel.init();\n    }\n  }, [channel, channelStatus]);\n\n  return {\n    publishScrollEvents: publish,\n    channelStatus,\n    closeChannel,\n    scrollPoints,\n  };\n};\n\nexport { useLearningPlanScrollSync };\n"],"names":["useLearningPlanScrollSync","studentClassroomId","scrollPoints","setScrollPoints","useState","channelId","channelOptions","useMemo","handleOnMessageReceive","useCallback","messages","message","payload","eventPayload","updatedScrollPoint","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useEffect"],"mappings":";;AAYM,MAAAA,IAA4B,CAACC,MAA+B;AAChE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAmB,GACrDC,IAAY,2BAA2BJ,CAAkB,IAEzDK,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAF;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA,KAAK;AAAA,IAAA;AAAA,IAEP,CAACA,CAAS;AAAA,EAAA,GAGNG,IAAyBC,EAAY,CAACC,MAAqC;AAC/E,IAAAA,EAAS,QAAQ,CAAWC,MAAA;AACpB,YAAA,EAAE,SAAAC,EAAQ,IAAID,EAAQ,SACtB,EAAE,cAAAE,EAAiB,IAAAD,GACnB,EAAE,cAAcE,MAAuBD,KAAgB,CAAA;AAE7D,MAAAV,EAAgBW,CAAkB;AAAA,IAAA,CACnC;AAAA,EACH,GAAG,CAAE,CAAA,GAEC,EAAE,SAAAC,GAAS,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAwB;AAAA,IAClE,gBAAAZ;AAAA,IACA,YAAYE;AAAA,EAAA,CACb,GAEKW,IAAeV,EAAY,MAAM;AACjC,IAAAQ,OAAiB;EAAe,GACnC,CAACA,CAAO,CAAC;AAEZ,SAAAG,EAAU,MAAM;AACV,IAAA,CAACJ,KAAiBC,KACpBA,EAAQ,KAAK;AAAA,EACf,GACC,CAACA,GAASD,CAAa,CAAC,GAEpB;AAAA,IACL,qBAAqBD;AAAA,IACrB,eAAAC;AAAA,IACA,cAAAG;AAAA,IACA,cAAAjB;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-learning-plan-scroll-sync.js","sources":["../../../../../src/features/trial-session/comps/learning-plan/use-learning-plan-scroll-sync.ts"],"sourcesContent":["import type { IChannelMessage } from '@cuemath/cue-message-broker';\n\nimport { useMessageBrokerChannel } from '@cuemath/cue-message-broker';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    scrollPoints: number[];\n  };\n}\n\nconst useLearningPlanScrollSync = (studentClassroomId: string) => {\n  const [scrollPoints, setScrollPoints] = useState<number[]>();\n  const channelId = `trial-session-goal-plan-${studentClassroomId}`;\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      /**\n       * * 1 -> Message expires after 1 min\n       * * 0 -> Message never expires\n       */\n      ttl: 1,\n    }),\n    [channelId],\n  );\n\n  const handleOnMessageReceive = useCallback((messages: Array<IChannelMessage>) => {\n    messages.forEach(message => {\n      const { payload } = message.message;\n      const { eventPayload } = payload as IMessage;\n      const { scrollPoints: updatedScrollPoint } = eventPayload || {};\n\n      setScrollPoints(updatedScrollPoint);\n    });\n  }, []);\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions: channelOptions,\n    consumerFn: handleOnMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) channel.destroyChannel();\n  }, [channel]);\n\n  useEffect(() => {\n    if (!channelStatus && channel) {\n      channel.init();\n    }\n  }, [channel, channelStatus]);\n\n  return {\n    publishScrollEvents: publish,\n    channelStatus,\n    closeChannel,\n    scrollPoints,\n  };\n};\n\nexport { useLearningPlanScrollSync };\n"],"names":["useLearningPlanScrollSync","studentClassroomId","scrollPoints","setScrollPoints","useState","channelId","channelOptions","useMemo","handleOnMessageReceive","useCallback","messages","message","payload","eventPayload","updatedScrollPoint","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useEffect"],"mappings":";;AAYM,MAAAA,IAA4B,CAACC,MAA+B;AAChE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAmB,GACrDC,IAAY,2BAA2BJ,CAAkB,IAEzDK,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAF;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA,KAAK;AAAA,IAAA;AAAA,IAEP,CAACA,CAAS;AAAA,EACZ,GAEMG,IAAyBC,EAAY,CAACC,MAAqC;AAC/E,IAAAA,EAAS,QAAQ,CAAWC,MAAA;AACpB,YAAA,EAAE,SAAAC,MAAYD,EAAQ,SACtB,EAAE,cAAAE,MAAiBD,GACnB,EAAE,cAAcE,EAAmB,IAAID,KAAgB,CAAC;AAE9D,MAAAV,EAAgBW,CAAkB;AAAA,IAAA,CACnC;AAAA,EACH,GAAG,EAAE,GAEC,EAAE,SAAAC,GAAS,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAwB;AAAA,IAClE,gBAAAZ;AAAA,IACA,YAAYE;AAAA,EAAA,CACb,GAEKW,IAAeV,EAAY,MAAM;AACjC,IAAAQ,OAAiB,eAAe;AAAA,EAAA,GACnC,CAACA,CAAO,CAAC;AAEZ,SAAAG,EAAU,MAAM;AACV,IAAA,CAACJ,KAAiBC,KACpBA,EAAQ,KAAK;AAAA,EACf,GACC,CAACA,GAASD,CAAa,CAAC,GAEpB;AAAA,IACL,qBAAqBD;AAAA,IACrB,eAAAC;AAAA,IACA,cAAAG;AAAA,IACA,cAAAjB;AAAA,EACF;AACF;"}

package/dist/features/trial-session/comps/learning-session/learning-session-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"learning-session-constants.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-constants.ts"],"sourcesContent":["import type { TSessionPerks } from './learning-session-types';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const learningSessionImages = [\n  ILLUSTRATIONS.CHAPTER_1,\n  ILLUSTRATIONS.CHAPTER_2,\n  ILLUSTRATIONS.CHAPTER_3,\n  ILLUSTRATIONS.CHAPTER_4,\n  ILLUSTRATIONS.CHAPTER_5,\n  ILLUSTRATIONS.CHAPTER_6,\n  ILLUSTRATIONS.CHAPTER_7,\n  ILLUSTRATIONS.CHAPTER_8,\n  ILLUSTRATIONS.CHAPTER_9,\n  ILLUSTRATIONS.CHAPTER_10,\n  ILLUSTRATIONS.CHAPTER_1,\n];\n\nexport const sessionPerks: TSessionPerks = [\n  {\n    title: 'Strategy\\nGames',\n    image: ILLUSTRATIONS.GAME_PLAY,\n    backgroundColor: 'PURPLE_1',\n    position: {\n      top: 5,\n      left: 250,\n    },\n  },\n  {\n    title: 'Logic\\nPuzzles',\n    image: ILLUSTRATIONS.PUZZLE,\n    backgroundColor: 'YELLOW_1',\n    position: {\n      top: 230,\n      left: 5,\n    },\n  },\n  {\n    title: 'MentaL\\nMath',\n    image: ILLUSTRATIONS.MENTAL_MATH,\n    backgroundColor: 'ORANGE_1',\n    position: {\n      top: 335,\n      left: 405,\n    },\n  },\n];\n"],"names":["learningSessionImages","ILLUSTRATIONS","sessionPerks"],"mappings":";AAIO,MAAMA,IAAwB;AAAA,EACnCC,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAChB,GAEaC,IAA8B;AAAA,EACzC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOD,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}
+{"version":3,"file":"learning-session-constants.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-constants.ts"],"sourcesContent":["import type { TSessionPerks } from './learning-session-types';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const learningSessionImages = [\n  ILLUSTRATIONS.CHAPTER_1,\n  ILLUSTRATIONS.CHAPTER_2,\n  ILLUSTRATIONS.CHAPTER_3,\n  ILLUSTRATIONS.CHAPTER_4,\n  ILLUSTRATIONS.CHAPTER_5,\n  ILLUSTRATIONS.CHAPTER_6,\n  ILLUSTRATIONS.CHAPTER_7,\n  ILLUSTRATIONS.CHAPTER_8,\n  ILLUSTRATIONS.CHAPTER_9,\n  ILLUSTRATIONS.CHAPTER_10,\n  ILLUSTRATIONS.CHAPTER_1,\n];\n\nexport const sessionPerks: TSessionPerks = [\n  {\n    title: 'Strategy\\nGames',\n    image: ILLUSTRATIONS.GAME_PLAY,\n    backgroundColor: 'PURPLE_1',\n    position: {\n      top: 5,\n      left: 250,\n    },\n  },\n  {\n    title: 'Logic\\nPuzzles',\n    image: ILLUSTRATIONS.PUZZLE,\n    backgroundColor: 'YELLOW_1',\n    position: {\n      top: 230,\n      left: 5,\n    },\n  },\n  {\n    title: 'MentaL\\nMath',\n    image: ILLUSTRATIONS.MENTAL_MATH,\n    backgroundColor: 'ORANGE_1',\n    position: {\n      top: 335,\n      left: 405,\n    },\n  },\n];\n"],"names":["learningSessionImages","ILLUSTRATIONS","sessionPerks"],"mappings":";AAIO,MAAMA,IAAwB;AAAA,EACnCC,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAAA,EACdA,EAAc;AAChB,GAEaC,IAA8B;AAAA,EACzC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOD,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,OAAOA,EAAc;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/dist/features/trial-session/comps/learning-session/learning-session-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"learning-session-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-styled.tsx"],"sourcesContent":["import type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\n\nimport styled from 'styled-components';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FlexRelative = styled(FlexView)`\n  position: relative;\n`;\n\nconst MathText = styled(Text)`\n  position: absolute;\n  bottom: 20px;\n`;\n\nconst Slider = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst SliderContent = styled.div<TSliderContent>(\n  ({ $offset, $transitionEnabled }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: auto;\n  transition: ${$transitionEnabled ? 'transform 0.5s ease-in-out' : 'none'};\n  transform: translateX(${$offset * 100}%);\n`,\n);\n\nconst GreenTick = styled(TickIcon)<TGreenTick>(\n  ({ $top, $right }) => `\n    position: absolute;\n    top: ${$top || 0}px;\n    right: ${$right || 0}px;\n    z-index: 1;\n  `,\n);\n\nconst FloatingElement = styled(FlexView)<TFloatingElement>(({ $position }) => {\n  const { top, bottom, left, right } = $position || {};\n\n  return `\n    position: absolute;\n    z-index: 2;\n    top: ${top || 0}px;\n    bottom: ${bottom || 0}px;\n    left: ${left || 0}px;\n    right: ${right || 0}px;\n  `;\n});\n\nconst ImageWrapper = styled.div`\n  position: relative;\n`;\n\nconst TextElement = styled(Text)(\n  ({ theme }) => `\n  white-space: pre-wrap;\n  margin-top: -${theme.layout.gutter * 0.25}px;\n`,\n);\n\nexport {\n  Container,\n  FlexRelative,\n  MathText,\n  Slider,\n  SliderContent,\n  GreenTick,\n  FloatingElement,\n  ImageWrapper,\n  TextElement,\n};\n"],"names":["Container","styled","FlexRelative","FlexView","MathText","Text","Slider","SliderContent","$offset","$transitionEnabled","GreenTick","TickIcon","$top","$right","FloatingElement","$position","top","bottom","left","right","ImageWrapper","TextElement","theme"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAWH,EAAOI,CAAI;AAAA;AAAA;AAAA,GAKtBC,IAASL,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKxBI,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,SAAAO,GAAS,oBAAAC,EAAA,MAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMvBA,IAAqB,+BAA+B,MAAM;AAAA,0BAChDD,IAAU,GAAG;AAAA;AAEvC,GAEME,IAAYT,EAAOU,CAAQ;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,QAAAC,EAAA,MAAa;AAAA;AAAA,WAEbD,KAAQ,CAAC;AAAA,aACPC,KAAU,CAAC;AAAA;AAAA;AAGxB,GAEMC,IAAkBb,EAAOE,CAAQ,EAAoB,CAAC,EAAE,WAAAY,QAAgB;AAC5E,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,EAAM,IAAIJ,KAAa;AAE3C,SAAA;AAAA;AAAA;AAAA,WAGEC,KAAO,CAAC;AAAA,cACLC,KAAU,CAAC;AAAA,YACbC,KAAQ,CAAC;AAAA,aACRC,KAAS,CAAC;AAAA;AAEvB,CAAC,GAEKC,IAAenB,EAAO;AAAA;AAAA,GAItBoB,IAAcpB,EAAOI,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAiB,EAAA,MAAY;AAAA;AAAA,iBAEAA,EAAM,OAAO,SAAS,IAAI;AAAA;AAE3C;"}
+{"version":3,"file":"learning-session-styled.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session-styled.tsx"],"sourcesContent":["import type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\n\nimport styled from 'styled-components';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FlexRelative = styled(FlexView)`\n  position: relative;\n`;\n\nconst MathText = styled(Text)`\n  position: absolute;\n  bottom: 20px;\n`;\n\nconst Slider = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n`;\n\nconst SliderContent = styled.div<TSliderContent>(\n  ({ $offset, $transitionEnabled }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: auto;\n  transition: ${$transitionEnabled ? 'transform 0.5s ease-in-out' : 'none'};\n  transform: translateX(${$offset * 100}%);\n`,\n);\n\nconst GreenTick = styled(TickIcon)<TGreenTick>(\n  ({ $top, $right }) => `\n    position: absolute;\n    top: ${$top || 0}px;\n    right: ${$right || 0}px;\n    z-index: 1;\n  `,\n);\n\nconst FloatingElement = styled(FlexView)<TFloatingElement>(({ $position }) => {\n  const { top, bottom, left, right } = $position || {};\n\n  return `\n    position: absolute;\n    z-index: 2;\n    top: ${top || 0}px;\n    bottom: ${bottom || 0}px;\n    left: ${left || 0}px;\n    right: ${right || 0}px;\n  `;\n});\n\nconst ImageWrapper = styled.div`\n  position: relative;\n`;\n\nconst TextElement = styled(Text)(\n  ({ theme }) => `\n  white-space: pre-wrap;\n  margin-top: -${theme.layout.gutter * 0.25}px;\n`,\n);\n\nexport {\n  Container,\n  FlexRelative,\n  MathText,\n  Slider,\n  SliderContent,\n  GreenTick,\n  FloatingElement,\n  ImageWrapper,\n  TextElement,\n};\n"],"names":["Container","styled","FlexRelative","FlexView","MathText","Text","Slider","SliderContent","$offset","$transitionEnabled","GreenTick","TickIcon","$top","$right","FloatingElement","$position","top","bottom","left","right","ImageWrapper","TextElement","theme"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAWH,EAAOI,CAAI;AAAA;AAAA;AAAA,GAKtBC,IAASL,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKxBI,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,SAAAO,GAAS,oBAAAC,QAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMvBA,IAAqB,+BAA+B,MAAM;AAAA,0BAChDD,IAAU,GAAG;AAAA;AAEvC,GAEME,IAAYT,EAAOU,CAAQ;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,QAAAC,QAAa;AAAA;AAAA,WAEbD,KAAQ,CAAC;AAAA,aACPC,KAAU,CAAC;AAAA;AAAA;AAGxB,GAEMC,IAAkBb,EAAOE,CAAQ,EAAoB,CAAC,EAAE,WAAAY,QAAgB;AAC5E,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,EAAM,IAAIJ,KAAa,CAAC;AAE5C,SAAA;AAAA;AAAA;AAAA,WAGEC,KAAO,CAAC;AAAA,cACLC,KAAU,CAAC;AAAA,YACbC,KAAQ,CAAC;AAAA,aACRC,KAAS,CAAC;AAAA;AAEvB,CAAC,GAEKC,IAAenB,EAAO;AAAA;AAAA,GAItBoB,IAAcpB,EAAOI,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAiB,EAAA,MAAY;AAAA;AAAA,iBAEAA,EAAM,OAAO,SAAS,IAAI;AAAA;AAE3C;"}

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

@@ -1 +1 @@
-{"version":3,"file":"learning-session.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session.tsx"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport getColors from '../../../ui/theme/clrs';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { learningSessionImages, sessionPerks } from './learning-session-constants';\nimport * as Styled from './learning-session-styled';\n\nconst { GREEN_4 } = getColors();\n\nconst LearningSession = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id, enableSessionPerk } = slideConfig;\n\n  const worksheetCompleted = id === TrialPageId.COMPLETED_WORKSHEET;\n\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [transitionEnabled, setTransitionEnabled] = useState(true);\n\n  useEffect(() => {\n    if (currentIndex === learningSessionImages.length - 1) {\n      setTimeout(() => {\n        setTransitionEnabled(false);\n        setCurrentIndex(0);\n      }, 500);\n    }\n\n    const timer = setInterval(() => {\n      setTransitionEnabled(true);\n      setCurrentIndex(prevIndex => (prevIndex + 1) % learningSessionImages.length);\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [currentIndex]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $alignItems=\"center\">\n        <Styled.FlexRelative\n          $width={550}\n          $height={549}\n          $borderRadius={550}\n          $background=\"WHITE_1\"\n          $borderColor=\"BLACK_T_04\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {enableSessionPerk &&\n            sessionPerks.map(sessionPerk => {\n              const { title, image, position, backgroundColor } = sessionPerk;\n\n              return (\n                <Styled.FloatingElement\n                  key={title}\n                  $width={104}\n                  $height={104}\n                  $borderRadius={104}\n                  $borderColor=\"BLACK_1\"\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $background={backgroundColor}\n                  $position={position}\n                >\n                  <Styled.ImageWrapper>\n                    {worksheetCompleted ? (\n                      <Styled.GreenTick\n                        width={24}\n                        height={28}\n                        color={GREEN_4}\n                        $top={-15}\n                        $right={-20}\n                      />\n                    ) : null}\n                    <Image withLoader height={56} width={56} src={image} />\n                  </Styled.ImageWrapper>\n                  <Styled.TextElement $renderAs=\"ac4-black\" $align=\"center\">\n                    {title}\n                  </Styled.TextElement>\n                </Styled.FloatingElement>\n              );\n            })}\n\n          <FlexView\n            $width={470}\n            $height={470}\n            $borderRadius={470}\n            $background=\"WHITE_2\"\n            $borderColor=\"BLACK_T_08\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <FlexView\n              $width={370}\n              $height={370}\n              $borderRadius={370}\n              $background=\"WHITE_3\"\n              $borderColor=\"BLACK_T_15\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $position=\"relative\"\n            >\n              {worksheetCompleted ? (\n                <Styled.GreenTick width={60} height={72} color={GREEN_4} $top={40} $right={60} />\n              ) : null}\n              <Styled.Slider\n                $width={270}\n                $height={270}\n                $borderRadius={270}\n                $borderColor=\"BLACK_T_87\"\n              >\n                {learningSessionImages.map((imageUrl, index) => {\n                  return (\n                    <Styled.SliderContent\n                      key={index}\n                      $offset={index - currentIndex}\n                      $transitionEnabled={transitionEnabled}\n                    >\n                      <Image\n                        withLoader\n                        src={imageUrl}\n                        width={270}\n                        height={270}\n                        alt={`slide-${index}`}\n                      />\n                    </Styled.SliderContent>\n                  );\n                })}\n              </Styled.Slider>\n              <Styled.MathText $renderAs=\"ac3-black\">School Math</Styled.MathText>\n            </FlexView>\n          </FlexView>\n        </Styled.FlexRelative>\n      </FlexView>\n    </Styled.Container>\n  );\n});\n\nexport default LearningSession;\n"],"names":["GREEN_4","getColors","LearningSession","memo","slideConfig","useTrialSessionContext","id","enableSessionPerk","worksheetCompleted","TrialPageId","currentIndex","setCurrentIndex","useState","transitionEnabled","setTransitionEnabled","useEffect","learningSessionImages","timer","prevIndex","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","Styled.FlexRelative","sessionPerks","sessionPerk","title","image","position","backgroundColor","Styled.FloatingElement","Styled.ImageWrapper","Styled.GreenTick","Image","Styled.TextElement","Styled.Slider","imageUrl","index","Styled.SliderContent","Styled.MathText"],"mappings":";;;;;;;;;;;AAYA,MAAM,EAAE,SAAAA,EAAQ,IAAIC,KAEdC,IAAkBC,EAAK,MAAM;AAC3B,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,IAAAC,GAAI,mBAAAC,EAAsB,IAAAH,GAE5BI,IAAqBF,MAAOG,EAAY,qBAExC,CAACC,GAAcC,CAAe,IAAIC,EAAS,CAAC,GAC5C,CAACC,GAAmBC,CAAoB,IAAIF,EAAS,EAAI;AAE/D,SAAAG,EAAU,MAAM;AACV,IAAAL,MAAiBM,EAAsB,SAAS,KAClD,WAAW,MAAM;AACf,MAAAF,EAAqB,EAAK,GAC1BH,EAAgB,CAAC;AAAA,OAChB,GAAG;AAGF,UAAAM,IAAQ,YAAY,MAAM;AAC9B,MAAAH,EAAqB,EAAI,GACzBH,EAAgB,CAAcO,OAAAA,IAAY,KAAKF,EAAsB,MAAM;AAAA,OAC1E,GAAI;AAEA,WAAA,MAAM,cAAcC,CAAK;AAAA,EAAA,GAC/B,CAACP,CAAY,CAAC,GAGf,gBAAAS,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAF,EAACG,GAAS,EAAA,aAAY,UACpB,UAAA,gBAAAL;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAEf,UAAA;AAAA,UACClB,KAAAmB,EAAa,IAAI,CAAeC,MAAA;AAC9B,kBAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,iBAAAC,MAAoBJ;AAGlD,mBAAA,gBAAAR;AAAA,cAACa;AAAAA,cAAA;AAAA,gBAEC,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,cAAa;AAAA,gBACb,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,aAAaD;AAAA,gBACb,WAAWD;AAAA,gBAEX,UAAA;AAAA,kBAAC,gBAAAX,EAAAc,GAAA,EACE,UAAA;AAAA,oBACCzB,IAAA,gBAAAa;AAAA,sBAACa;AAAAA,sBAAA;AAAA,wBACC,OAAO;AAAA,wBACP,QAAQ;AAAA,wBACR,OAAOlC;AAAA,wBACP,MAAM;AAAA,wBACN,QAAQ;AAAA,sBAAA;AAAA,oBAAA,IAER;AAAA,oBACJ,gBAAAqB,EAACc,KAAM,YAAU,IAAC,QAAQ,IAAI,OAAO,IAAI,KAAKN,EAAO,CAAA;AAAA,kBAAA,GACvD;AAAA,kBACA,gBAAAR,EAACe,GAAA,EAAmB,WAAU,aAAY,QAAO,UAC9C,UACHR,GAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAxBKA;AAAA,YAAA;AAAA,UAyBP,CAEH;AAAA,UAEH,gBAAAP;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,aAAY;AAAA,cACZ,cAAa;AAAA,cACb,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEhB,UAAA,gBAAAL;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,eAAe;AAAA,kBACf,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,iBAAgB;AAAA,kBAChB,WAAU;AAAA,kBAET,UAAA;AAAA,oBAAAhB,IACE,gBAAAa,EAAAa,GAAA,EAAiB,OAAO,IAAI,QAAQ,IAAI,OAAOlC,GAAS,MAAM,IAAI,QAAQ,GAAI,CAAA,IAC7E;AAAA,oBACJ,gBAAAqB;AAAA,sBAACgB;AAAAA,sBAAA;AAAA,wBACC,QAAQ;AAAA,wBACR,SAAS;AAAA,wBACT,eAAe;AAAA,wBACf,cAAa;AAAA,wBAEZ,UAAsBrB,EAAA,IAAI,CAACsB,GAAUC,MAElC,gBAAAlB;AAAA,0BAACmB;AAAAA,0BAAA;AAAA,4BAEC,SAASD,IAAQ7B;AAAA,4BACjB,oBAAoBG;AAAA,4BAEpB,UAAA,gBAAAQ;AAAA,8BAACc;AAAA,8BAAA;AAAA,gCACC,YAAU;AAAA,gCACV,KAAKG;AAAA,gCACL,OAAO;AAAA,gCACP,QAAQ;AAAA,gCACR,KAAK,SAASC,CAAK;AAAA,8BAAA;AAAA,4BACrB;AAAA,0BAAA;AAAA,0BAVKA;AAAA,wBAAA,CAaV;AAAA,sBAAA;AAAA,oBACH;AAAA,sCACCE,GAAA,EAAgB,WAAU,aAAY,UAAW,eAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACpD;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"learning-session.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session.tsx"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport getColors from '../../../ui/theme/clrs';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { learningSessionImages, sessionPerks } from './learning-session-constants';\nimport * as Styled from './learning-session-styled';\n\nconst { GREEN_4 } = getColors();\n\nconst LearningSession = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id, enableSessionPerk } = slideConfig;\n\n  const worksheetCompleted = id === TrialPageId.COMPLETED_WORKSHEET;\n\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [transitionEnabled, setTransitionEnabled] = useState(true);\n\n  useEffect(() => {\n    if (currentIndex === learningSessionImages.length - 1) {\n      setTimeout(() => {\n        setTransitionEnabled(false);\n        setCurrentIndex(0);\n      }, 500);\n    }\n\n    const timer = setInterval(() => {\n      setTransitionEnabled(true);\n      setCurrentIndex(prevIndex => (prevIndex + 1) % learningSessionImages.length);\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [currentIndex]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $alignItems=\"center\">\n        <Styled.FlexRelative\n          $width={550}\n          $height={549}\n          $borderRadius={550}\n          $background=\"WHITE_1\"\n          $borderColor=\"BLACK_T_04\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {enableSessionPerk &&\n            sessionPerks.map(sessionPerk => {\n              const { title, image, position, backgroundColor } = sessionPerk;\n\n              return (\n                <Styled.FloatingElement\n                  key={title}\n                  $width={104}\n                  $height={104}\n                  $borderRadius={104}\n                  $borderColor=\"BLACK_1\"\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $background={backgroundColor}\n                  $position={position}\n                >\n                  <Styled.ImageWrapper>\n                    {worksheetCompleted ? (\n                      <Styled.GreenTick\n                        width={24}\n                        height={28}\n                        color={GREEN_4}\n                        $top={-15}\n                        $right={-20}\n                      />\n                    ) : null}\n                    <Image withLoader height={56} width={56} src={image} />\n                  </Styled.ImageWrapper>\n                  <Styled.TextElement $renderAs=\"ac4-black\" $align=\"center\">\n                    {title}\n                  </Styled.TextElement>\n                </Styled.FloatingElement>\n              );\n            })}\n\n          <FlexView\n            $width={470}\n            $height={470}\n            $borderRadius={470}\n            $background=\"WHITE_2\"\n            $borderColor=\"BLACK_T_08\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <FlexView\n              $width={370}\n              $height={370}\n              $borderRadius={370}\n              $background=\"WHITE_3\"\n              $borderColor=\"BLACK_T_15\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $position=\"relative\"\n            >\n              {worksheetCompleted ? (\n                <Styled.GreenTick width={60} height={72} color={GREEN_4} $top={40} $right={60} />\n              ) : null}\n              <Styled.Slider\n                $width={270}\n                $height={270}\n                $borderRadius={270}\n                $borderColor=\"BLACK_T_87\"\n              >\n                {learningSessionImages.map((imageUrl, index) => {\n                  return (\n                    <Styled.SliderContent\n                      key={index}\n                      $offset={index - currentIndex}\n                      $transitionEnabled={transitionEnabled}\n                    >\n                      <Image\n                        withLoader\n                        src={imageUrl}\n                        width={270}\n                        height={270}\n                        alt={`slide-${index}`}\n                      />\n                    </Styled.SliderContent>\n                  );\n                })}\n              </Styled.Slider>\n              <Styled.MathText $renderAs=\"ac3-black\">School Math</Styled.MathText>\n            </FlexView>\n          </FlexView>\n        </Styled.FlexRelative>\n      </FlexView>\n    </Styled.Container>\n  );\n});\n\nexport default LearningSession;\n"],"names":["GREEN_4","getColors","LearningSession","memo","slideConfig","useTrialSessionContext","id","enableSessionPerk","worksheetCompleted","TrialPageId","currentIndex","setCurrentIndex","useState","transitionEnabled","setTransitionEnabled","useEffect","learningSessionImages","timer","prevIndex","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","Styled.FlexRelative","sessionPerks","sessionPerk","title","image","position","backgroundColor","Styled.FloatingElement","Styled.ImageWrapper","Styled.GreenTick","Image","Styled.TextElement","Styled.Slider","imageUrl","index","Styled.SliderContent","Styled.MathText"],"mappings":";;;;;;;;;;;AAYA,MAAM,EAAE,SAAAA,EAAQ,IAAIC,EAAU,GAExBC,IAAkBC,EAAK,MAAM;AAC3B,QAAA,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GACzC,EAAE,IAAAC,GAAI,mBAAAC,EAAA,IAAsBH,GAE5BI,IAAqBF,MAAOG,EAAY,qBAExC,CAACC,GAAcC,CAAe,IAAIC,EAAS,CAAC,GAC5C,CAACC,GAAmBC,CAAoB,IAAIF,EAAS,EAAI;AAE/D,SAAAG,EAAU,MAAM;AACV,IAAAL,MAAiBM,EAAsB,SAAS,KAClD,WAAW,MAAM;AACf,MAAAF,EAAqB,EAAK,GAC1BH,EAAgB,CAAC;AAAA,OAChB,GAAG;AAGF,UAAAM,IAAQ,YAAY,MAAM;AAC9B,MAAAH,EAAqB,EAAI,GACzBH,EAAgB,CAAcO,OAAAA,IAAY,KAAKF,EAAsB,MAAM;AAAA,OAC1E,GAAI;AAEA,WAAA,MAAM,cAAcC,CAAK;AAAA,EAAA,GAC/B,CAACP,CAAY,CAAC,GAGf,gBAAAS,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAF,EAACG,GAAS,EAAA,aAAY,UACpB,UAAA,gBAAAL;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAEf,UAAA;AAAA,UACClB,KAAAmB,EAAa,IAAI,CAAeC,MAAA;AAC9B,kBAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,iBAAAC,EAAoB,IAAAJ;AAGlD,mBAAA,gBAAAR;AAAA,cAACa;AAAAA,cAAA;AAAA,gBAEC,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,cAAa;AAAA,gBACb,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,aAAaD;AAAA,gBACb,WAAWD;AAAA,gBAEX,UAAA;AAAA,kBAAC,gBAAAX,EAAAc,GAAA,EACE,UAAA;AAAA,oBACCzB,IAAA,gBAAAa;AAAA,sBAACa;AAAAA,sBAAA;AAAA,wBACC,OAAO;AAAA,wBACP,QAAQ;AAAA,wBACR,OAAOlC;AAAA,wBACP,MAAM;AAAA,wBACN,QAAQ;AAAA,sBAAA;AAAA,oBAAA,IAER;AAAA,oBACJ,gBAAAqB,EAACc,KAAM,YAAU,IAAC,QAAQ,IAAI,OAAO,IAAI,KAAKN,EAAO,CAAA;AAAA,kBAAA,GACvD;AAAA,kBACA,gBAAAR,EAACe,GAAA,EAAmB,WAAU,aAAY,QAAO,UAC9C,UACHR,EAAA,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAxBKA;AAAA,YAyBP;AAAA,UAAA,CAEH;AAAA,UAEH,gBAAAP;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,aAAY;AAAA,cACZ,cAAa;AAAA,cACb,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEhB,UAAA,gBAAAL;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,eAAe;AAAA,kBACf,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,aAAY;AAAA,kBACZ,iBAAgB;AAAA,kBAChB,WAAU;AAAA,kBAET,UAAA;AAAA,oBAAAhB,IACE,gBAAAa,EAAAa,GAAA,EAAiB,OAAO,IAAI,QAAQ,IAAI,OAAOlC,GAAS,MAAM,IAAI,QAAQ,GAAI,CAAA,IAC7E;AAAA,oBACJ,gBAAAqB;AAAA,sBAACgB;AAAAA,sBAAA;AAAA,wBACC,QAAQ;AAAA,wBACR,SAAS;AAAA,wBACT,eAAe;AAAA,wBACf,cAAa;AAAA,wBAEZ,UAAsBrB,EAAA,IAAI,CAACsB,GAAUC,MAElC,gBAAAlB;AAAA,0BAACmB;AAAAA,0BAAA;AAAA,4BAEC,SAASD,IAAQ7B;AAAA,4BACjB,oBAAoBG;AAAA,4BAEpB,UAAA,gBAAAQ;AAAA,8BAACc;AAAA,8BAAA;AAAA,gCACC,YAAU;AAAA,gCACV,KAAKG;AAAA,gCACL,OAAO;AAAA,gCACP,QAAQ;AAAA,gCACR,KAAK,SAASC,CAAK;AAAA,8BAAA;AAAA,4BAAA;AAAA,0BACrB;AAAA,0BAVKA;AAAA,wBAWP,CAEH;AAAA,sBAAA;AAAA,oBACH;AAAA,sCACCE,GAAA,EAAgB,WAAU,aAAY,UAAW,cAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACpD;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,EAEJ,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/navigation-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: React.FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label=\"End the class\"\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,EAAA,IACnDC,KACI;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpEP,KAAe,CAAA,GACb,EAAE,UAAAQ,GAAU,UAAAC,MAAaV,KAAe,CAAA,GACxC,EAAE,aAAaW,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,kBAAAK,MAAqBC,KACvBC,IAAaL,KAAc,CAACE,GAE5BI,IAAaC,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BM,IAAaD,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SAAStB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDY,KAAcD,KACb,gBAAAQ,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHb,GAAA;AAAA,UACA,gBAAAU;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAACxB;AAAA,cACT,UACE,gBAAAoB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBhB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASK;AAAA,kBACT,UAAUX,KAAsBJ;AAAA,kBAChC,MAAMK;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAU,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBnB;AAAA,cAChB,MAAK;AAAA,cACL,SAASS;AAAA,cACT,UAAUf;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCoB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHf,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: React.FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label=\"End the class\"\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,EAAA,IACnDC,EAAuB,GACnB;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EACxE,IAAIP,KAAe,CAAC,GACd,EAAE,UAAAQ,GAAU,UAAAC,EAAS,IAAIV,KAAe,CAAC,GACzC,EAAE,aAAaW,GAAiB,QAAQC,EAAW,IAAIH,KAAY,CAAC,GACpE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,CAAC,GACpE,EAAE,kBAAAK,EAAiB,IAAIC,EAA0B,GACjDC,IAAaL,KAAc,CAACE,GAE5BI,IAAaC,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BM,IAAaD,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SAAStB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDY,KAAcD,KACb,gBAAAQ,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHb,GAAA;AAAA,UACA,gBAAAU;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAACxB;AAAA,cACT,UACE,gBAAAoB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBhB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASK;AAAA,kBACT,UAAUX,KAAsBJ;AAAA,kBAChC,MAAMK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAEJ,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAU,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBnB;AAAA,cAChB,MAAK;AAAA,cACL,SAASS;AAAA,cACT,UAAUf;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCoB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHf,EAAA,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/features/trial-session/comps/navigation-bar/navigation-bar-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-bar-styled.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/navigation-bar-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { NAVIGATION_BAR_HEIGHT } from '../../trial-session-constants';\n\nconst Container = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_5, WHITE_4 } = theme.colors;\n\n  return `\n    flex-shrink: 0;\n    height: ${NAVIGATION_BAR_HEIGHT}px;\n    padding: 0 ${gutter}px;\n    border-top: 1px solid ${WHITE_5};\n    background-color: ${WHITE_4};\n  `;\n});\n\nconst ForwardArrow = styled(Back2Icon)`\n  rotate: calc(180deg);\n`;\n\nexport { Back2Icon as BackwardArrow, Container, ForwardArrow };\n"],"names":["Container","styled","FlexView","theme","gutter","WHITE_5","WHITE_4","NAVIGATION_BAR_HEIGHT","ForwardArrow","Back2Icon"],"mappings":";;;;AAMA,MAAMA,IAAYC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC1C,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,SAAAE,GAAS,SAAAC,MAAYH,EAAM;AAE5B,SAAA;AAAA;AAAA,cAEKI,CAAqB;AAAA,iBAClBH,CAAM;AAAA,4BACKC,CAAO;AAAA,wBACXC,CAAO;AAAA;AAE/B,CAAC,GAEKE,IAAeP,EAAOQ,CAAS;AAAA;AAAA;"}
+{"version":3,"file":"navigation-bar-styled.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/navigation-bar-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { NAVIGATION_BAR_HEIGHT } from '../../trial-session-constants';\n\nconst Container = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_5, WHITE_4 } = theme.colors;\n\n  return `\n    flex-shrink: 0;\n    height: ${NAVIGATION_BAR_HEIGHT}px;\n    padding: 0 ${gutter}px;\n    border-top: 1px solid ${WHITE_5};\n    background-color: ${WHITE_4};\n  `;\n});\n\nconst ForwardArrow = styled(Back2Icon)`\n  rotate: calc(180deg);\n`;\n\nexport { Back2Icon as BackwardArrow, Container, ForwardArrow };\n"],"names":["Container","styled","FlexView","theme","gutter","WHITE_5","WHITE_4","NAVIGATION_BAR_HEIGHT","ForwardArrow","Back2Icon"],"mappings":";;;;AAMA,MAAMA,IAAYC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC1C,QAAA,EAAE,QAAAC,MAAWD,EAAM,QACnB,EAAE,SAAAE,GAAS,SAAAC,EAAQ,IAAIH,EAAM;AAE5B,SAAA;AAAA;AAAA,cAEKI,CAAqB;AAAA,iBAClBH,CAAM;AAAA,4BACKC,CAAO;AAAA,wBACXC,CAAO;AAAA;AAE/B,CAAC,GAEKE,IAAeP,EAAOQ,CAAS;AAAA;AAAA;"}

package/dist/features/trial-session/comps/offering-information/offering-information-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"offering-information-constants.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\ntype TCircleDetails = {\n  title: string;\n  description: string | string[];\n  animationBackground?: TColorNames;\n  infoBackground: TColorNames;\n  animationSource: string;\n  animationPadding?: number;\n  dimension?: (number | string | undefined)[];\n  coverAnimation?: boolean;\n}[];\n\nconst goalDetails: TCircleDetails = [\n  {\n    title: 'school success',\n    description: ['Synced Curriculum', 'Homework Help', 'School Tests Prep'],\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.SCHOOL_SUCCESS_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'test prep',\n    description: ['Math Kangaroo', 'NJSLA', 'STAAR, etc'],\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.TEST_PREP_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'enrichment',\n    description: ['Financial Literacy', 'Data Science', 'Decision Making, etc'],\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.ENRICHMENT_MINI,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst parentAppDetails: TCircleDetails = [\n  {\n    title: 'stay \\nconnected',\n    description: 'Chat with your tutor and \\nreceive real-time updates.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.STAY_CONNECTED,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: 'Progress, strengths, and \\nareas of improvement.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.TRACK_PROGRESS,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst circleDetails: TCircleDetails = [\n  {\n    title: 'mental \\nmath',\n    description: 'Get faster and stay \\nahead in school.',\n    animationBackground: 'YELLOW_4',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.SKILLS,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'strategy \\ngames',\n    description: 'Train to think deeper \\nand plan ahead',\n    animationBackground: 'BLUE_4',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.GAMES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'logic \\npuzzles',\n    description: 'Think in new ways, \\nand stay sharp.',\n    animationBackground: 'ORANGE_4',\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.PUZZLES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n];\n\nexport { goalDetails, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","parentAppDetails","circleDetails"],"mappings":";AAeA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,qBAAqB,iBAAiB,mBAAmB;AAAA,IACvE,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,iBAAiB,SAAS,YAAY;AAAA,IACpD,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC1E,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEMC,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEME,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AACF;"}
+{"version":3,"file":"offering-information-constants.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\ntype TCircleDetails = {\n  title: string;\n  description: string | string[];\n  animationBackground?: TColorNames;\n  infoBackground: TColorNames;\n  animationSource: string;\n  animationPadding?: number;\n  dimension?: (number | string | undefined)[];\n  coverAnimation?: boolean;\n}[];\n\nconst goalDetails: TCircleDetails = [\n  {\n    title: 'school success',\n    description: ['Synced Curriculum', 'Homework Help', 'School Tests Prep'],\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.SCHOOL_SUCCESS_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'test prep',\n    description: ['Math Kangaroo', 'NJSLA', 'STAAR, etc'],\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.TEST_PREP_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'enrichment',\n    description: ['Financial Literacy', 'Data Science', 'Decision Making, etc'],\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.ENRICHMENT_MINI,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst parentAppDetails: TCircleDetails = [\n  {\n    title: 'stay \\nconnected',\n    description: 'Chat with your tutor and \\nreceive real-time updates.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.STAY_CONNECTED,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: 'Progress, strengths, and \\nareas of improvement.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.TRACK_PROGRESS,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst circleDetails: TCircleDetails = [\n  {\n    title: 'mental \\nmath',\n    description: 'Get faster and stay \\nahead in school.',\n    animationBackground: 'YELLOW_4',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.SKILLS,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'strategy \\ngames',\n    description: 'Train to think deeper \\nand plan ahead',\n    animationBackground: 'BLUE_4',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.GAMES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'logic \\npuzzles',\n    description: 'Think in new ways, \\nand stay sharp.',\n    animationBackground: 'ORANGE_4',\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.PUZZLES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n];\n\nexport { goalDetails, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","parentAppDetails","circleDetails"],"mappings":";AAeA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,qBAAqB,iBAAiB,mBAAmB;AAAA,IACvE,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,iBAAiB,SAAS,YAAY;AAAA,IACpD,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC1E,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAAA;AAE9B,GAEMC,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAAA;AAE9B,GAEME,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EAAA;AAExB;"}

package/dist/features/trial-session/comps/offering-information/offering-information-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"offering-information-styled.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst Wrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst AnimationWrapper = styled(FlexView)<{ $isLastElement: boolean }>(\n  ({ $isLastElement }) => `\n    ${\n      !$isLastElement\n        ? `\n          border-right: none;\n          border-bottom: none;\n        `\n        : `border-bottom: none;`\n    }\n    overflow: hidden;\n  `,\n);\n\nconst DetailsWrapper = styled(FlexView)<{ $isLastElement: boolean }>(\n  ({ $isLastElement }) => `\n  ${!$isLastElement ? `border-right: none;` : null}\n`,\n);\n\nconst TextElement = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst RefundImageWrapper = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  right: -${layout.gutter * 2.75}px;\n  bottom: -1px;\n`,\n);\n\nexport { Container, Wrapper, AnimationWrapper, TextElement, DetailsWrapper, RefundImageWrapper };\n"],"names":["Container","styled","Wrapper","FlexView","AnimationWrapper","$isLastElement","DetailsWrapper","TextElement","Text","RefundImageWrapper","layout"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAUD,EAAOE,CAAQ;AAAA;AAAA,GAIzBC,IAAmBH,EAAOE,CAAQ;AAAA,EACtC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,MAEnBA,IAKG,yBAJA;AAAA;AAAA;AAAA,SAKN;AAAA;AAAA;AAGJ,GAEMC,IAAiBL,EAAOE,CAAQ;AAAA,EACpC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,IACrBA,IAAyC,OAAxB,qBAA4B;AAAA;AAElD,GAEME,IAAcN,EAAOO,CAAI;AAAA;AAAA,GAIzBC,IAAqBR,EAAO;AAAA,EAChC,CAAC,EAAE,OAAO,EAAE,QAAAS,EAAA,EAAe,MAAA;AAAA;AAAA,YAEjBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAGhC;"}
+{"version":3,"file":"offering-information-styled.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst Wrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst AnimationWrapper = styled(FlexView)<{ $isLastElement: boolean }>(\n  ({ $isLastElement }) => `\n    ${\n      !$isLastElement\n        ? `\n          border-right: none;\n          border-bottom: none;\n        `\n        : `border-bottom: none;`\n    }\n    overflow: hidden;\n  `,\n);\n\nconst DetailsWrapper = styled(FlexView)<{ $isLastElement: boolean }>(\n  ({ $isLastElement }) => `\n  ${!$isLastElement ? `border-right: none;` : null}\n`,\n);\n\nconst TextElement = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst RefundImageWrapper = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  right: -${layout.gutter * 2.75}px;\n  bottom: -1px;\n`,\n);\n\nexport { Container, Wrapper, AnimationWrapper, TextElement, DetailsWrapper, RefundImageWrapper };\n"],"names":["Container","styled","Wrapper","FlexView","AnimationWrapper","$isLastElement","DetailsWrapper","TextElement","Text","RefundImageWrapper","layout"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAUD,EAAOE,CAAQ;AAAA;AAAA,GAIzBC,IAAmBH,EAAOE,CAAQ;AAAA,EACtC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,MAEnBA,IAKG,yBAJA;AAAA;AAAA;AAAA,SAKN;AAAA;AAAA;AAGJ,GAEMC,IAAiBL,EAAOE,CAAQ;AAAA,EACpC,CAAC,EAAE,gBAAAE,EAAA,MAAqB;AAAA,IACrBA,IAAyC,OAAxB,qBAA4B;AAAA;AAElD,GAEME,IAAcN,EAAOO,CAAI;AAAA;AAAA,GAIzBC,IAAqBR,EAAO;AAAA,EAChC,CAAC,EAAE,OAAO,EAAE,QAAAS,EAAA,QAAe;AAAA;AAAA,YAEjBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAGhC;"}

package/dist/features/trial-session/comps/offering-information/offering-information.js.map

@@ -1 +1 @@
-{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\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 SlideHeader from '../slide-header';\nimport { circleDetails, goalDetails, parentAppDetails } from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${index}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li key={desc}>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={450}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":"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"}
+{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\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 SlideHeader from '../slide-header';\nimport { circleDetails, goalDetails, parentAppDetails } from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${index}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li key={desc}>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={450}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":"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"}

package/dist/features/trial-session/comps/pricing/board-comp.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-comp.js","sources":["../../../../../src/features/trial-session/comps/pricing/board-comp.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nconst HangingBoardComp: FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"289\"\n    height=\"395\"\n    viewBox=\"0 0 289 395\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M9 386V50.326L144.5 18.2215L280 50.326V386H9Z\"\n      fill=\"white\"\n      stroke=\"currentColor\"\n      strokeWidth=\"16\"\n    />\n    <path d=\"M1 44L144.5 10L288 44V394H1V44Z\" stroke=\"black\" strokeOpacity=\"0.87\" />\n    <circle cx=\"144.745\" cy=\"33.4258\" r=\"5\" fill=\"#0D0D0D\" />\n    <path\n      d=\"M138.626 6.32896C139.986 3.38256 142.11 1 144.881 1C147.652 1 149.775 3.38256 151.135 6.32896C152.542 9.3785 153.381 13.5061 153.381 18C153.381 22.4939 152.542 26.6215 151.135 29.671C149.775 32.6174 147.652 35 144.881 35V32.5714C146.133 32.5714 147.653 31.4202 148.93 28.6533C150.159 25.9896 150.952 22.2243 150.952 18C150.952 13.7757 150.159 10.0104 148.93 7.34667C147.653 4.57976 146.133 3.42857 144.881 3.42857C143.628 3.42857 142.108 4.57976 140.831 7.34667C140.455 8.16222 140.12 9.08102 139.835 10.0846C139.796 10.2215 139.759 10.36 139.722 10.5L139.5 11L137 11.5C137.385 9.57358 137.937 7.82206 138.626 6.32896Z\"\n      fill=\"black\"\n      fillOpacity=\"0.6\"\n      stroke=\"#0D0D0D\"\n    />\n  </svg>\n);\n\nexport default HangingBoardComp;\n"],"names":["HangingBoardComp","props","jsxs","jsx"],"mappings":";AAEA,MAAMA,IAAsD,CAC1DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,wBACC,QAAK,EAAA,GAAE,mCAAkC,QAAO,SAAQ,eAAc,QAAO;AAAA,MAC9E,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,KAAI,MAAK,UAAU,CAAA;AAAA,MACvD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"board-comp.js","sources":["../../../../../src/features/trial-session/comps/pricing/board-comp.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nconst HangingBoardComp: FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"289\"\n    height=\"395\"\n    viewBox=\"0 0 289 395\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M9 386V50.326L144.5 18.2215L280 50.326V386H9Z\"\n      fill=\"white\"\n      stroke=\"currentColor\"\n      strokeWidth=\"16\"\n    />\n    <path d=\"M1 44L144.5 10L288 44V394H1V44Z\" stroke=\"black\" strokeOpacity=\"0.87\" />\n    <circle cx=\"144.745\" cy=\"33.4258\" r=\"5\" fill=\"#0D0D0D\" />\n    <path\n      d=\"M138.626 6.32896C139.986 3.38256 142.11 1 144.881 1C147.652 1 149.775 3.38256 151.135 6.32896C152.542 9.3785 153.381 13.5061 153.381 18C153.381 22.4939 152.542 26.6215 151.135 29.671C149.775 32.6174 147.652 35 144.881 35V32.5714C146.133 32.5714 147.653 31.4202 148.93 28.6533C150.159 25.9896 150.952 22.2243 150.952 18C150.952 13.7757 150.159 10.0104 148.93 7.34667C147.653 4.57976 146.133 3.42857 144.881 3.42857C143.628 3.42857 142.108 4.57976 140.831 7.34667C140.455 8.16222 140.12 9.08102 139.835 10.0846C139.796 10.2215 139.759 10.36 139.722 10.5L139.5 11L137 11.5C137.385 9.57358 137.937 7.82206 138.626 6.32896Z\"\n      fill=\"black\"\n      fillOpacity=\"0.6\"\n      stroke=\"#0D0D0D\"\n    />\n  </svg>\n);\n\nexport default HangingBoardComp;\n"],"names":["HangingBoardComp","props","jsxs","jsx"],"mappings":";AAEA,MAAMA,IAAsD,CAC1DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,wBACC,QAAK,EAAA,GAAE,mCAAkC,QAAO,SAAQ,eAAc,QAAO;AAAA,MAC9E,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,KAAI,MAAK,UAAU,CAAA;AAAA,MACvD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AACF;"}

package/dist/features/trial-session/comps/pricing/india-pricing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/pricing/india-pricing/index.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n  IPricingIndiaProps,\n  TPricingDetails,\n  TLowIntentPricingDetails,\n} from '../pricing-typed';\n\nimport React, { useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './india-pricing-styled';\n\nconst isPricingDetails = (\n  plan: TPricingDetails | TLowIntentPricingDetails,\n): plan is TPricingDetails => {\n  return 'duration' in plan && 'class_ratio' in plan;\n};\n\nconst getColorIndex = (index: number, ratio?: 1 | 2): TColorNames => {\n  if (ratio === 1) return `YELLOW_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n\n  return `GREEN_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n};\n\nconst PricingIndia: React.FC<IPricingIndiaProps> = props => {\n  const { plans } = props;\n  const { oneVsOnePlan, oneVsTowPlan } = useMemo(\n    () => ({\n      oneVsOnePlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 1,\n        )\n        .sort((a, b) => a.duration - b.duration),\n      oneVsTowPlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 2,\n        )\n        .sort((a, b) => a.duration - b.duration),\n    }),\n    [plans],\n  );\n\n  return (\n    <>\n      {[oneVsOnePlan, oneVsTowPlan].map((plan, planIndex) => (\n        <Styled.CardContainer key={`plan-${planIndex}`}>\n          <Separator height={12} />\n          <Styled.CardBoard>\n            <Styled.ClipImage src={ILLUSTRATIONS.ELLIPSE_CLIP} />\n            <Styled.BoardHole\n              $height={10}\n              $width={10}\n              $borderRadius={5}\n              $background=\"BLACK_1\"\n              $position=\"absolute\"\n            />\n          </Styled.CardBoard>\n          <Styled.CardBoardContent>\n            <Separator height={10} />\n            <Text $renderAs=\"ac1\" $align=\"center\">\n              1:{planIndex + 1}\n            </Text>\n            <Separator height={5} />\n            {plan.map((planConfig, index) => {\n              const {\n                amount,\n                duration,\n                class_ratio: classRatio,\n                no_of_classes: noOfClasses,\n                currency_symbol: currencySymbol,\n                amount_after_coupon: amountAfterCoupon,\n                fee_per_class_after_discount: feePerClassAfterDiscount,\n              } = planConfig;\n\n              return (\n                <FlexView\n                  key={`ind-pricing-${duration}`}\n                  $gap={14}\n                  $gutter={40}\n                  $background={getColorIndex(index, classRatio)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    <Text $renderAs=\"ac3-black\">{duration} MONTHS</Text>\n                    <Styled.DiscountTag $renderAs=\"ub3-bold\">\n                      {Math.round(((amount - amountAfterCoupon) / amount) * 100)}% off\n                    </Styled.DiscountTag>\n                  </FlexView>\n                  <Separator height={4} />\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\" $textDecoration=\"line-through\">\n                      {currencySymbol + Math.round(amount)}\n                    </Text>\n                    <Text $renderAs=\"ab1-bold\">\n                      {currencySymbol + Math.round(amountAfterCoupon)}\n                    </Text>\n                  </FlexView>\n                  <FlexView $flexDirection=\"row\" $flexGap={2} $alignItems=\"center\">\n                    <Text $renderAs=\"ub2\">{noOfClasses} classes @</Text>\n                    <Text $renderAs=\"ub2-bold\">\n                      {currencySymbol + Math.round(feePerClassAfterDiscount)}/class\n                    </Text>\n                  </FlexView>\n                  <Separator height={4} />\n                </FlexView>\n              );\n            })}\n          </Styled.CardBoardContent>\n        </Styled.CardContainer>\n      ))}\n    </>\n  );\n};\n\nexport default PricingIndia;\n"],"names":["isPricingDetails","plan","getColorIndex","index","ratio","PricingIndia","props","plans","oneVsOnePlan","oneVsTowPlan","useMemo","element","a","b","jsx","Fragment","planIndex","jsxs","Styled.CardContainer","Separator","Styled.CardBoard","Styled.ClipImage","ILLUSTRATIONS","Styled.BoardHole","Styled.CardBoardContent","Text","planConfig","amount","duration","classRatio","noOfClasses","currencySymbol","amountAfterCoupon","feePerClassAfterDiscount","FlexView","Styled.DiscountTag"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/pricing/india-pricing/index.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n  IPricingIndiaProps,\n  TPricingDetails,\n  TLowIntentPricingDetails,\n} from '../pricing-typed';\n\nimport React, { useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './india-pricing-styled';\n\nconst isPricingDetails = (\n  plan: TPricingDetails | TLowIntentPricingDetails,\n): plan is TPricingDetails => {\n  return 'duration' in plan && 'class_ratio' in plan;\n};\n\nconst getColorIndex = (index: number, ratio?: 1 | 2): TColorNames => {\n  if (ratio === 1) return `YELLOW_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n\n  return `GREEN_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n};\n\nconst PricingIndia: React.FC<IPricingIndiaProps> = props => {\n  const { plans } = props;\n  const { oneVsOnePlan, oneVsTowPlan } = useMemo(\n    () => ({\n      oneVsOnePlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 1,\n        )\n        .sort((a, b) => a.duration - b.duration),\n      oneVsTowPlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 2,\n        )\n        .sort((a, b) => a.duration - b.duration),\n    }),\n    [plans],\n  );\n\n  return (\n    <>\n      {[oneVsOnePlan, oneVsTowPlan].map((plan, planIndex) => (\n        <Styled.CardContainer key={`plan-${planIndex}`}>\n          <Separator height={12} />\n          <Styled.CardBoard>\n            <Styled.ClipImage src={ILLUSTRATIONS.ELLIPSE_CLIP} />\n            <Styled.BoardHole\n              $height={10}\n              $width={10}\n              $borderRadius={5}\n              $background=\"BLACK_1\"\n              $position=\"absolute\"\n            />\n          </Styled.CardBoard>\n          <Styled.CardBoardContent>\n            <Separator height={10} />\n            <Text $renderAs=\"ac1\" $align=\"center\">\n              1:{planIndex + 1}\n            </Text>\n            <Separator height={5} />\n            {plan.map((planConfig, index) => {\n              const {\n                amount,\n                duration,\n                class_ratio: classRatio,\n                no_of_classes: noOfClasses,\n                currency_symbol: currencySymbol,\n                amount_after_coupon: amountAfterCoupon,\n                fee_per_class_after_discount: feePerClassAfterDiscount,\n              } = planConfig;\n\n              return (\n                <FlexView\n                  key={`ind-pricing-${duration}`}\n                  $gap={14}\n                  $gutter={40}\n                  $background={getColorIndex(index, classRatio)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    <Text $renderAs=\"ac3-black\">{duration} MONTHS</Text>\n                    <Styled.DiscountTag $renderAs=\"ub3-bold\">\n                      {Math.round(((amount - amountAfterCoupon) / amount) * 100)}% off\n                    </Styled.DiscountTag>\n                  </FlexView>\n                  <Separator height={4} />\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\" $textDecoration=\"line-through\">\n                      {currencySymbol + Math.round(amount)}\n                    </Text>\n                    <Text $renderAs=\"ab1-bold\">\n                      {currencySymbol + Math.round(amountAfterCoupon)}\n                    </Text>\n                  </FlexView>\n                  <FlexView $flexDirection=\"row\" $flexGap={2} $alignItems=\"center\">\n                    <Text $renderAs=\"ub2\">{noOfClasses} classes @</Text>\n                    <Text $renderAs=\"ub2-bold\">\n                      {currencySymbol + Math.round(feePerClassAfterDiscount)}/class\n                    </Text>\n                  </FlexView>\n                  <Separator height={4} />\n                </FlexView>\n              );\n            })}\n          </Styled.CardBoardContent>\n        </Styled.CardContainer>\n      ))}\n    </>\n  );\n};\n\nexport default PricingIndia;\n"],"names":["isPricingDetails","plan","getColorIndex","index","ratio","PricingIndia","props","plans","oneVsOnePlan","oneVsTowPlan","useMemo","element","a","b","jsx","Fragment","planIndex","jsxs","Styled.CardContainer","Separator","Styled.CardBoard","Styled.ClipImage","ILLUSTRATIONS","Styled.BoardHole","Styled.CardBoardContent","Text","planConfig","amount","duration","classRatio","noOfClasses","currencySymbol","amountAfterCoupon","feePerClassAfterDiscount","FlexView","Styled.DiscountTag"],"mappings":"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"}

package/dist/features/trial-session/comps/pricing/pricing-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-cards.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-cards.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type {\n  IPricingCardsProps,\n  TLowIntentPricingDetails,\n  TPricingDetails,\n} from './pricing-typed';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst PricingCards: FC<IPricingCardsProps> = ({ pricingConfig, intentType, colorIndex }) => {\n  if (intentType === 'LOW') {\n    const {\n      plan_name: pricingName,\n      original_price: originalPrice,\n      discounted_price: discountedPrice,\n      price_per_class: pricePerClass,\n      classes_per_cycle: classesPerCycle,\n      billing_cycle: billingCycle,\n      offer: metaText,\n      currency_symbol: currencySymbol,\n    } = (pricingConfig as TLowIntentPricingDetails) || {};\n\n    return (\n      <Styled.PricingBoard $width={287} $height={393} $gutterX={2.5} $gapX={2.125}>\n        <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n          <HangingBoardComp width={287} height={393} />\n        </Styled.ImageWrapper>\n        <FlexView $height=\"100%\" $justifyContent=\"space-between\">\n          <div>\n            <Separator height={50} />\n            <Text $renderAs=\"ac2-black\">{pricingName}</Text>\n            <Separator height={20} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n              {originalPrice && originalPrice !== discountedPrice ? (\n                <Text $renderAs=\"ub3-bold\" $textDecoration=\"line-through\">\n                  {currencySymbol + originalPrice}\n                </Text>\n              ) : null}\n              <FlexView $flexDirection=\"row\" $alignItems=\"end\">\n                <Text $renderAs=\"ah3-bold\">{currencySymbol + discountedPrice}</Text>\n                <Text $renderAs=\"ab1-bold\">/{billingCycle === 'yearly' ? 'year' : 'month'}</Text>\n              </FlexView>\n            </FlexView>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({currencySymbol + pricePerClass}/class)</Text>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({classesPerCycle} classes/mo)</Text>\n          </div>\n\n          {metaText && (\n            <Styled.OfferText\n              $renderAs=\"ub3-bold\"\n              $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n            >\n              {metaText}\n            </Styled.OfferText>\n          )}\n        </FlexView>\n      </Styled.PricingBoard>\n    );\n  }\n\n  const {\n    amount,\n    duration: durationWithoutCoupon,\n    amount_after_coupon: amountAfterCoupon,\n    classes_per_week: classesPerWeek,\n    currency_symbol: currencySymbol,\n    discount_details: discountDetails,\n    fee_per_class_after_discount: feePerClassAfterDiscount,\n    meta_text: metaText,\n    no_of_classes: noOfClasses,\n  } = (pricingConfig as TPricingDetails) || {};\n  const { discount_duration: discountDuration, original_plan_details: originalPlanDetails } =\n    discountDetails || {};\n  const { duration } = originalPlanDetails || {};\n\n  return (\n    <Styled.PricingBoard\n      $width={287}\n      $height={393}\n      $gutterX={2.5}\n      $gapX={2.125}\n      $justifyContent=\"space-between\"\n    >\n      <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n        <HangingBoardComp width={287} height={393} />\n      </Styled.ImageWrapper>\n      <div>\n        <Separator height={30} />\n        <Text $renderAs=\"ah2-black\">\n          {duration || durationWithoutCoupon}&nbsp;\n          <Text $renderAs=\"ac2-black\" $inline>\n            Months\n          </Text>\n        </Text>\n        {discountDuration && (\n          <Styled.OfferText\n            $renderAs=\"ub3-bold\"\n            $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n          >\n            Get extra {discountDuration} Months FREE\n          </Styled.OfferText>\n        )}\n      </div>\n\n      <div>\n        {amountAfterCoupon !== amount ? (\n          <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n            {currencySymbol + amount}\n            <Text $renderAs=\"ab1-black\" $inline>\n              &nbsp;\n              {currencySymbol + amountAfterCoupon}\n            </Text>\n          </Text>\n        ) : (\n          <Text $renderAs=\"ab1-black\" $inline>\n            {currencySymbol + amountAfterCoupon}\n          </Text>\n        )}\n        <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n      </div>\n\n      <div>\n        <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n        <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n      </div>\n\n      {metaText && (\n        <Styled.OfferText\n          $renderAs=\"ub3-bold\"\n          $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n        >\n          {metaText}\n        </Styled.OfferText>\n      )}\n    </Styled.PricingBoard>\n  );\n};\n\nexport default PricingCards;\n"],"names":["layoutPrimaryColor","PricingCards","pricingConfig","intentType","colorIndex","pricingName","originalPrice","discountedPrice","pricePerClass","classesPerCycle","billingCycle","metaText","currencySymbol","jsxs","Styled.PricingBoard","jsx","Styled.ImageWrapper","HangingBoardComp","FlexView","Separator","Text","Styled.OfferText","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","discountDetails","feePerClassAfterDiscount","noOfClasses","discountDuration","originalPlanDetails","duration"],"mappings":"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"}
+{"version":3,"file":"pricing-cards.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-cards.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type {\n  IPricingCardsProps,\n  TLowIntentPricingDetails,\n  TPricingDetails,\n} from './pricing-typed';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst PricingCards: FC<IPricingCardsProps> = ({ pricingConfig, intentType, colorIndex }) => {\n  if (intentType === 'LOW') {\n    const {\n      plan_name: pricingName,\n      original_price: originalPrice,\n      discounted_price: discountedPrice,\n      price_per_class: pricePerClass,\n      classes_per_cycle: classesPerCycle,\n      billing_cycle: billingCycle,\n      offer: metaText,\n      currency_symbol: currencySymbol,\n    } = (pricingConfig as TLowIntentPricingDetails) || {};\n\n    return (\n      <Styled.PricingBoard $width={287} $height={393} $gutterX={2.5} $gapX={2.125}>\n        <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n          <HangingBoardComp width={287} height={393} />\n        </Styled.ImageWrapper>\n        <FlexView $height=\"100%\" $justifyContent=\"space-between\">\n          <div>\n            <Separator height={50} />\n            <Text $renderAs=\"ac2-black\">{pricingName}</Text>\n            <Separator height={20} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n              {originalPrice && originalPrice !== discountedPrice ? (\n                <Text $renderAs=\"ub3-bold\" $textDecoration=\"line-through\">\n                  {currencySymbol + originalPrice}\n                </Text>\n              ) : null}\n              <FlexView $flexDirection=\"row\" $alignItems=\"end\">\n                <Text $renderAs=\"ah3-bold\">{currencySymbol + discountedPrice}</Text>\n                <Text $renderAs=\"ab1-bold\">/{billingCycle === 'yearly' ? 'year' : 'month'}</Text>\n              </FlexView>\n            </FlexView>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({currencySymbol + pricePerClass}/class)</Text>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({classesPerCycle} classes/mo)</Text>\n          </div>\n\n          {metaText && (\n            <Styled.OfferText\n              $renderAs=\"ub3-bold\"\n              $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n            >\n              {metaText}\n            </Styled.OfferText>\n          )}\n        </FlexView>\n      </Styled.PricingBoard>\n    );\n  }\n\n  const {\n    amount,\n    duration: durationWithoutCoupon,\n    amount_after_coupon: amountAfterCoupon,\n    classes_per_week: classesPerWeek,\n    currency_symbol: currencySymbol,\n    discount_details: discountDetails,\n    fee_per_class_after_discount: feePerClassAfterDiscount,\n    meta_text: metaText,\n    no_of_classes: noOfClasses,\n  } = (pricingConfig as TPricingDetails) || {};\n  const { discount_duration: discountDuration, original_plan_details: originalPlanDetails } =\n    discountDetails || {};\n  const { duration } = originalPlanDetails || {};\n\n  return (\n    <Styled.PricingBoard\n      $width={287}\n      $height={393}\n      $gutterX={2.5}\n      $gapX={2.125}\n      $justifyContent=\"space-between\"\n    >\n      <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n        <HangingBoardComp width={287} height={393} />\n      </Styled.ImageWrapper>\n      <div>\n        <Separator height={30} />\n        <Text $renderAs=\"ah2-black\">\n          {duration || durationWithoutCoupon}&nbsp;\n          <Text $renderAs=\"ac2-black\" $inline>\n            Months\n          </Text>\n        </Text>\n        {discountDuration && (\n          <Styled.OfferText\n            $renderAs=\"ub3-bold\"\n            $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n          >\n            Get extra {discountDuration} Months FREE\n          </Styled.OfferText>\n        )}\n      </div>\n\n      <div>\n        {amountAfterCoupon !== amount ? (\n          <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n            {currencySymbol + amount}\n            <Text $renderAs=\"ab1-black\" $inline>\n              &nbsp;\n              {currencySymbol + amountAfterCoupon}\n            </Text>\n          </Text>\n        ) : (\n          <Text $renderAs=\"ab1-black\" $inline>\n            {currencySymbol + amountAfterCoupon}\n          </Text>\n        )}\n        <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n      </div>\n\n      <div>\n        <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n        <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n      </div>\n\n      {metaText && (\n        <Styled.OfferText\n          $renderAs=\"ub3-bold\"\n          $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n        >\n          {metaText}\n        </Styled.OfferText>\n      )}\n    </Styled.PricingBoard>\n  );\n};\n\nexport default PricingCards;\n"],"names":["layoutPrimaryColor","PricingCards","pricingConfig","intentType","colorIndex","pricingName","originalPrice","discountedPrice","pricePerClass","classesPerCycle","billingCycle","metaText","currencySymbol","jsxs","Styled.PricingBoard","jsx","Styled.ImageWrapper","HangingBoardComp","FlexView","Separator","Text","Styled.OfferText","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","discountDetails","feePerClassAfterDiscount","noOfClasses","discountDuration","originalPlanDetails","duration"],"mappings":"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"}

package/dist/features/trial-session/comps/pricing/pricing-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-styled.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n`;\n\nconst PricingWrapper = styled.div(\n  ({ theme }) => `\n  width: 600px;\n  margin: auto;\n  transform: translateY(-${theme.layout.gutter * 1.875}px);\n`,\n);\n\nconst PricingBoard = styled(FlexView)`\n  position: relative;\n`;\n\nconst ImageWrapper = styled.div<{ $color: TColorNames }>(\n  ({ theme, $color }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: -1;\n  height: 100%;\n  color: ${theme.colors[$color]}\n`,\n);\n\nconst OfferText = styled(Text)<{ $background: TColorNames }>(\n  ({ $background, theme: { colors, layout } }) => `\n  background: ${colors[$background]};\n  padding: ${layout.gutter * 0.125}px ${layout.gutter * 0.5}px;\n  width: max-content;\n  white-space: pre-wrap;\n`,\n);\n\nconst PolicyWrapper = styled.div(\n  ({ theme: { layout, colors } }) => `\n  position: relative;\n  padding: ${layout.gutter * 1.5}px;\n  background: ${colors.WHITE_3};\n`,\n);\n\nconst RefundImageWrapper = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  right: -${layout.gutter}px;\n  bottom: 0;\n`,\n);\n\nexport {\n  Container,\n  PricingWrapper,\n  PricingBoard,\n  ImageWrapper,\n  OfferText,\n  PolicyWrapper,\n  RefundImageWrapper,\n};\n"],"names":["Container","styled","PricingWrapper","theme","PricingBoard","FlexView","ImageWrapper","$color","OfferText","Text","$background","colors","layout","PolicyWrapper","RefundImageWrapper"],"mappings":";;;AAOA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD,GAEMC,IAAeH,EAAOI,CAAQ;AAAA;AAAA,GAI9BC,IAAeL,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAE,GAAO,QAAAI,EAAA,MAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOdJ,EAAM,OAAOI,CAAM,CAAC;AAAA;AAE/B,GAEMC,IAAYP,EAAOQ,CAAI;AAAA,EAC3B,CAAC,EAAE,aAAAC,GAAa,OAAO,EAAE,QAAAC,GAAQ,QAAAC,UAAe;AAAA,gBAClCD,EAAOD,CAAW,CAAC;AAAA,aACtBE,EAAO,SAAS,KAAK,MAAMA,EAAO,SAAS,GAAG;AAAA;AAAA;AAAA;AAI3D,GAEMC,IAAgBZ,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,QAAAW,GAAQ,QAAAD,EAAA,EAAe,MAAA;AAAA;AAAA,aAExBC,EAAO,SAAS,GAAG;AAAA,gBAChBD,EAAO,OAAO;AAAA;AAE9B,GAEMG,IAAqBb,EAAO;AAAA,EAChC,CAAC,EAAE,OAAO,EAAE,QAAAW,EAAA,EAAe,MAAA;AAAA;AAAA,YAEjBA,EAAO,MAAM;AAAA;AAAA;AAGzB;"}
+{"version":3,"file":"pricing-styled.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n`;\n\nconst PricingWrapper = styled.div(\n  ({ theme }) => `\n  width: 600px;\n  margin: auto;\n  transform: translateY(-${theme.layout.gutter * 1.875}px);\n`,\n);\n\nconst PricingBoard = styled(FlexView)`\n  position: relative;\n`;\n\nconst ImageWrapper = styled.div<{ $color: TColorNames }>(\n  ({ theme, $color }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: -1;\n  height: 100%;\n  color: ${theme.colors[$color]}\n`,\n);\n\nconst OfferText = styled(Text)<{ $background: TColorNames }>(\n  ({ $background, theme: { colors, layout } }) => `\n  background: ${colors[$background]};\n  padding: ${layout.gutter * 0.125}px ${layout.gutter * 0.5}px;\n  width: max-content;\n  white-space: pre-wrap;\n`,\n);\n\nconst PolicyWrapper = styled.div(\n  ({ theme: { layout, colors } }) => `\n  position: relative;\n  padding: ${layout.gutter * 1.5}px;\n  background: ${colors.WHITE_3};\n`,\n);\n\nconst RefundImageWrapper = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  right: -${layout.gutter}px;\n  bottom: 0;\n`,\n);\n\nexport {\n  Container,\n  PricingWrapper,\n  PricingBoard,\n  ImageWrapper,\n  OfferText,\n  PolicyWrapper,\n  RefundImageWrapper,\n};\n"],"names":["Container","styled","PricingWrapper","theme","PricingBoard","FlexView","ImageWrapper","$color","OfferText","Text","$background","colors","layout","PolicyWrapper","RefundImageWrapper"],"mappings":";;;AAOA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD,GAEMC,IAAeH,EAAOI,CAAQ;AAAA;AAAA,GAI9BC,IAAeL,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAE,GAAO,QAAAI,QAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOdJ,EAAM,OAAOI,CAAM,CAAC;AAAA;AAE/B,GAEMC,IAAYP,EAAOQ,CAAI;AAAA,EAC3B,CAAC,EAAE,aAAAC,GAAa,OAAO,EAAE,QAAAC,GAAQ,QAAAC,UAAe;AAAA,gBAClCD,EAAOD,CAAW,CAAC;AAAA,aACtBE,EAAO,SAAS,KAAK,MAAMA,EAAO,SAAS,GAAG;AAAA;AAAA;AAAA;AAI3D,GAEMC,IAAgBZ,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,QAAAW,GAAQ,QAAAD,UAAe;AAAA;AAAA,aAExBC,EAAO,SAAS,GAAG;AAAA,gBAChBD,EAAO,OAAO;AAAA;AAE9B,GAEMG,IAAqBb,EAAO;AAAA,EAChC,CAAC,EAAE,OAAO,EAAE,QAAAW,EAAA,QAAe;AAAA;AAAA,YAEjBA,EAAO,MAAM;AAAA;AAAA;AAGzB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetTrialPricing } from '../../api/trial-pricing';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport PricingIndia from './india-pricing';\nimport PricingCards from './pricing-cards';\nimport * as Styled from './pricing-styled';\n\nconst SessionPricing = memo(() => {\n  const { isTeacher, studentId, updateButtonState } = useTrialSessionContext();\n\n  const {\n    data: pricingData,\n    get: getTrialPricing,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetTrialPricing('trial-v3-pricing', {\n    student_id: studentId,\n  });\n\n  const { plans: pricingPlans, intent_level: intentLevel, country } = pricingData || {};\n  const fetchData = useCallback(() => {\n    if (studentId && !isProcessed) {\n      getTrialPricing('trial-v3-pricing', { student_id: studentId });\n    }\n  }, [getTrialPricing, isProcessed, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, isTeacher, updateButtonState]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error height=\"100vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.Container>\n        <Separator height={60} />\n        <SlideHeader marginBottom={38} />\n        <Styled.PricingWrapper>\n          <FlexView\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGap={20}\n            $flexWrap\n          >\n            {pricingPlans &&\n              Array.isArray(pricingPlans) &&\n              (country === 'IN' ? (\n                <PricingIndia plans={pricingPlans} />\n              ) : (\n                intentLevel &&\n                pricingPlans.map((pricing, index) => {\n                  return (\n                    <PricingCards\n                      key={index}\n                      colorIndex={index}\n                      intentType={intentLevel}\n                      pricingConfig={pricing}\n                    />\n                  );\n                })\n              ))}\n          </FlexView>\n          <Separator height={50} />\n          <Styled.PolicyWrapper>\n            <Text $renderAs=\"ab1-bold\" $color=\"GREEN_6\">\n              We have a no-questions-asked refund policy\n            </Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY}\n                width={168}\n                height={100}\n                withLoader={false}\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.PolicyWrapper>\n        </Styled.PricingWrapper>\n      </Styled.Container>\n    );\n  }\n\n  return null;\n});\n\nexport default SessionPricing;\n"],"names":["SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","pricingPlans","intentLevel","country","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","PricingIndia","pricing","index","PricingCards","Styled.PolicyWrapper","Text","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;;;;AAgBM,MAAAA,IAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,MAAsBC,EAAuB,GAErE;AAAA,IACJ,MAAMC;AAAA,IACN,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAmB,oBAAoB;AAAA,IACzC,YAAYR;AAAA,EAAA,CACb,GAEK,EAAE,OAAOS,GAAc,cAAcC,GAAa,SAAAC,EAAQ,IAAIR,KAAe,IAC7ES,IAAYC,EAAY,MAAM;AAC9B,IAAAb,KAAa,CAACK,KAChBD,EAAgB,oBAAoB,EAAE,YAAYJ,EAAW,CAAA;AAAA,EAE9D,GAAA,CAACI,GAAiBC,GAAaL,CAAS,CAAC;AAU5C,SARAc,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAAb,EAAkB,SAAS,EAAE,YAAYK,GAAc,WAAW,IAAO;AAAA,EACxE,GAAA,CAACA,GAAcP,GAAWE,CAAiB,CAAC,GAE3CK,IACK,gBAAAS,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BT,IACM,gBAAAQ,EAAAE,GAAA,EAAM,QAAO,SAAQ,YAAYL,EAAW,CAAA,IAGlDP,IAEA,gBAAAa,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,GAAI,CAAA;AAAA,IAC/B,gBAAAH,EAACI,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAS;AAAA,UAER,eACC,MAAM,QAAQd,CAAY,MACzBE,MAAY,OACX,gBAAAI,EAACS,GAAa,EAAA,OAAOf,EAAc,CAAA,IAEnCC,KACAD,EAAa,IAAI,CAACgB,GAASC,MAEvB,gBAAAX;AAAA,YAACY;AAAA,YAAA;AAAA,cAEC,YAAYD;AAAA,cACZ,YAAYhB;AAAA,cACZ,eAAee;AAAA,YAAA;AAAA,YAHVC;AAAA,UAAA,CAMV;AAAA,QAAA;AAAA,MAEP;AAAA,MACA,gBAAAX,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,MACvB,gBAAAF,EAACU,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAb,EAACc,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,QACA,gBAAAd,EAACe,GAAA,EACC,UAAA,gBAAAf;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,KAAKC,EAAc;AAAA,YACnB,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UAAA;AAAA,QAAA,GAEhB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}
+{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetTrialPricing } from '../../api/trial-pricing';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport PricingIndia from './india-pricing';\nimport PricingCards from './pricing-cards';\nimport * as Styled from './pricing-styled';\n\nconst SessionPricing = memo(() => {\n  const { isTeacher, studentId, updateButtonState } = useTrialSessionContext();\n\n  const {\n    data: pricingData,\n    get: getTrialPricing,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetTrialPricing('trial-v3-pricing', {\n    student_id: studentId,\n  });\n\n  const { plans: pricingPlans, intent_level: intentLevel, country } = pricingData || {};\n  const fetchData = useCallback(() => {\n    if (studentId && !isProcessed) {\n      getTrialPricing('trial-v3-pricing', { student_id: studentId });\n    }\n  }, [getTrialPricing, isProcessed, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, isTeacher, updateButtonState]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error height=\"100vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.Container>\n        <Separator height={60} />\n        <SlideHeader marginBottom={38} />\n        <Styled.PricingWrapper>\n          <FlexView\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGap={20}\n            $flexWrap\n          >\n            {pricingPlans &&\n              Array.isArray(pricingPlans) &&\n              (country === 'IN' ? (\n                <PricingIndia plans={pricingPlans} />\n              ) : (\n                intentLevel &&\n                pricingPlans.map((pricing, index) => {\n                  return (\n                    <PricingCards\n                      key={index}\n                      colorIndex={index}\n                      intentType={intentLevel}\n                      pricingConfig={pricing}\n                    />\n                  );\n                })\n              ))}\n          </FlexView>\n          <Separator height={50} />\n          <Styled.PolicyWrapper>\n            <Text $renderAs=\"ab1-bold\" $color=\"GREEN_6\">\n              We have a no-questions-asked refund policy\n            </Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY}\n                width={168}\n                height={100}\n                withLoader={false}\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.PolicyWrapper>\n        </Styled.PricingWrapper>\n      </Styled.Container>\n    );\n  }\n\n  return null;\n});\n\nexport default SessionPricing;\n"],"names":["SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","pricingPlans","intentLevel","country","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","PricingIndia","pricing","index","PricingCards","Styled.PolicyWrapper","Text","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;;;;AAgBM,MAAAA,IAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,EAAA,IAAsBC,EAAuB,GAErE;AAAA,IACJ,MAAMC;AAAA,IACN,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAmB,oBAAoB;AAAA,IACzC,YAAYR;AAAA,EAAA,CACb,GAEK,EAAE,OAAOS,GAAc,cAAcC,GAAa,SAAAC,EAAQ,IAAIR,KAAe,CAAC,GAC9ES,IAAYC,EAAY,MAAM;AAC9B,IAAAb,KAAa,CAACK,KAChBD,EAAgB,oBAAoB,EAAE,YAAYJ,EAAA,CAAW;AAAA,EAE9D,GAAA,CAACI,GAAiBC,GAAaL,CAAS,CAAC;AAU5C,SARAc,EAAU,MAAM;AACJ,IAAAF,EAAA;AAAA,EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAAb,EAAkB,SAAS,EAAE,YAAYK,GAAc,WAAW,IAAO;AAAA,EACxE,GAAA,CAACA,GAAcP,GAAWE,CAAiB,CAAC,GAE3CK,IACK,gBAAAS,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BT,IACM,gBAAAQ,EAAAE,GAAA,EAAM,QAAO,SAAQ,YAAYL,GAAW,IAGlDP,IAEA,gBAAAa,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,GAAI,CAAA;AAAA,IAC/B,gBAAAH,EAACI,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAS;AAAA,UAER,eACC,MAAM,QAAQd,CAAY,MACzBE,MAAY,OACX,gBAAAI,EAACS,GAAa,EAAA,OAAOf,EAAc,CAAA,IAEnCC,KACAD,EAAa,IAAI,CAACgB,GAASC,MAEvB,gBAAAX;AAAA,YAACY;AAAA,YAAA;AAAA,cAEC,YAAYD;AAAA,cACZ,YAAYhB;AAAA,cACZ,eAAee;AAAA,YAAA;AAAA,YAHVC;AAAA,UAIP,CAEH;AAAA,QAAA;AAAA,MAEP;AAAA,MACA,gBAAAX,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,MACvB,gBAAAF,EAACU,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAb,EAACc,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,QACA,gBAAAd,EAACe,GAAA,EACC,UAAA,gBAAAf;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,KAAKC,EAAc;AAAA,YACnB,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UAAA;AAAA,QAAA,EAEhB,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF,IAIG;AACT,CAAC;"}

package/dist/features/trial-session/comps/school-goals/school-goals-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './school-goals-styled';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  numberInNameError?: boolean;\n  onNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = (props: ISchoolGoals) => {\n  const {\n    name,\n    grade,\n    grades,\n    goalsList,\n    curriculum,\n    selectedGoal,\n    numberInNameError,\n    curriculumStandards,\n    onNameChange,\n    onGoalChange,\n    onGradeChange,\n    onCurriculumChange,\n  } = props;\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.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n              errorMessage={numberInNameError ? 'Please enter a valid name' : undefined}\n            />\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Select Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Select Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","props","name","grade","grades","goalsList","curriculum","selectedGoal","numberInNameError","curriculumStandards","onNameChange","onGoalChange","onGradeChange","onCurriculumChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA8BM,MAAAA,IAAkB,CAACC,MAAwB;AACzC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAZ;AAGF,SAAA,gBAAAa,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,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,MACA,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,cAAA,gBAAAR;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOvB;AAAA,kBACP,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAUQ;AAAA,kBACV,OAAM;AAAA,kBACN,eAAa;AAAA,kBACb,cAAcF,IAAoB,8BAA8B;AAAA,gBAAA;AAAA,cAClE;AAAA,cACA,gBAAAQ;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOvB;AAAA,kBACP,SAASC;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUQ;AAAA,kBACV,OAAM;AAAA,kBACN,QAAQ;AAAA,kBACR,eAAa;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA,GACF;AAAA,YACA,gBAAAI;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOpB;AAAA,gBACP,SAASG;AAAA,gBACT,UAAU,CAACN;AAAA,gBACX,OAAM;AAAA,gBACN,iBAAgB;AAAA,gBAChB,OAAM;AAAA,gBACN,UAAUU;AAAA,gBACV,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAG;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOpB;AAAA,gBACP,SAASF;AAAA,gBACT,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,UAAUM;AAAA,gBACV,eAAa;AAAA,gBACb,UAAU,CAACR,KAAS,CAACG;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './school-goals-styled';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  numberInNameError?: boolean;\n  onNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = (props: ISchoolGoals) => {\n  const {\n    name,\n    grade,\n    grades,\n    goalsList,\n    curriculum,\n    selectedGoal,\n    numberInNameError,\n    curriculumStandards,\n    onNameChange,\n    onGoalChange,\n    onGradeChange,\n    onCurriculumChange,\n  } = props;\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.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n              errorMessage={numberInNameError ? 'Please enter a valid name' : undefined}\n            />\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Select Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Select Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","props","name","grade","grades","goalsList","curriculum","selectedGoal","numberInNameError","curriculumStandards","onNameChange","onGoalChange","onGradeChange","onCurriculumChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA8BM,MAAAA,IAAkB,CAACC,MAAwB;AACzC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEZ;AAGF,SAAA,gBAAAa,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,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,MACA,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,cAAA,gBAAAR;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOvB;AAAA,kBACP,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAUQ;AAAA,kBACV,OAAM;AAAA,kBACN,eAAa;AAAA,kBACb,cAAcF,IAAoB,8BAA8B;AAAA,gBAAA;AAAA,cAClE;AAAA,cACA,gBAAAQ;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOvB;AAAA,kBACP,SAASC;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUQ;AAAA,kBACV,OAAM;AAAA,kBACN,QAAQ;AAAA,kBACR,eAAa;AAAA,gBAAA;AAAA,cAAA;AAAA,YACf,GACF;AAAA,YACA,gBAAAI;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOpB;AAAA,gBACP,SAASG;AAAA,gBACT,UAAU,CAACN;AAAA,gBACX,OAAM;AAAA,gBACN,iBAAgB;AAAA,gBAChB,OAAM;AAAA,gBACN,UAAUU;AAAA,gBACV,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAG;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOpB;AAAA,gBACP,SAASF;AAAA,gBACT,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,UAAUM;AAAA,gBACV,eAAa;AAAA,gBACb,UAAU,CAACR,KAAS,CAACG;AAAA,cAAA;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/features/trial-session/comps/school-goals/school-goals.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\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  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}
+{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\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  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}