@cuemath/leap 2.8.61-rj-12 → 2.8.61-rj-13

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":"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"}
+{"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":"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"}

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>{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>{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/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 type { TColorNames } from '../../../ui/types';\n\nimport { 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 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 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 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            {pricingData &&\n              Array.isArray(pricingData) &&\n              pricingData.map((pricing, index) => {\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                } = pricing || {};\n                const {\n                  discount_duration: discountDuration,\n                  original_plan_details: originalPlanDetails,\n                } = discountDetails || {};\n                const { duration } = originalPlanDetails || {};\n\n                return (\n                  <Styled.PricingBoard\n                    key={`price-${index}`}\n                    $width={287}\n                    $height={393}\n                    $gutterX={2.5}\n                    $gapX={2.125}\n                    $justifyContent=\"space-between\"\n                  >\n                    <Styled.ImageWrapper $color={layoutPrimaryColor[index % 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[index % 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[index % 2] ?? 'WHITE_4'}\n                      >\n                        {metaText}\n                      </Styled.OfferText>\n                    )}\n                  </Styled.PricingBoard>\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":["layoutPrimaryColor","SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","pricing","index","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","currencySymbol","discountDetails","feePerClassAfterDiscount","metaText","noOfClasses","discountDuration","originalPlanDetails","duration","Styled.PricingBoard","Styled.ImageWrapper","HangingBoardComp","Text","Styled.OfferText","Styled.PolicyWrapper","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":"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"}
+{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { 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 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 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 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            {pricingData &&\n              Array.isArray(pricingData) &&\n              pricingData.map((pricing, index) => {\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                } = pricing || {};\n                const {\n                  discount_duration: discountDuration,\n                  original_plan_details: originalPlanDetails,\n                } = discountDetails || {};\n                const { duration } = originalPlanDetails || {};\n\n                return (\n                  <Styled.PricingBoard\n                    key={`price-${index}`}\n                    $width={287}\n                    $height={393}\n                    $gutterX={2.5}\n                    $gapX={2.125}\n                    $justifyContent=\"space-between\"\n                  >\n                    <Styled.ImageWrapper $color={layoutPrimaryColor[index % 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[index % 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[index % 2] ?? 'WHITE_4'}\n                      >\n                        {metaText}\n                      </Styled.OfferText>\n                    )}\n                  </Styled.PricingBoard>\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":["layoutPrimaryColor","SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","pricing","index","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","currencySymbol","discountDetails","feePerClassAfterDiscount","metaText","noOfClasses","discountDuration","originalPlanDetails","duration","Styled.PricingBoard","Styled.ImageWrapper","HangingBoardComp","Text","Styled.OfferText","Styled.PolicyWrapper","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":"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"}

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  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 = ({\n  name,\n  onNameChange,\n  grade,\n  grades,\n  onGradeChange,\n  curriculum,\n  curriculumStandards,\n  onCurriculumChange,\n  selectedGoal,\n  goalsList,\n  onGoalChange,\n}: ISchoolGoals) => {\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            />\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","name","onNameChange","grade","grades","onGradeChange","curriculum","curriculumStandards","onCurriculumChange","selectedGoal","goalsList","onGoalChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,oBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,IACA,gBAAAR;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAY;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASC;AAAA,gBACT,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,UAAA,GACF;AAAA,UACA,gBAAAS;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOlB;AAAA,cACP,SAASC;AAAA,cACT,UAAU,CAACJ;AAAA,cACX,OAAM;AAAA,cACN,iBAAgB;AAAA,cAChB,OAAM;AAAA,cACN,UAAUK;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,UACA,gBAAAM;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOhB;AAAA,cACP,SAASC;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUC;AAAA,cACV,eAAa;AAAA,cACb,UAAU,CAACR,KAAS,CAACG;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GACF;AACF,EAAA,CAAA;"}
+{"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  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 = ({\n  name,\n  onNameChange,\n  grade,\n  grades,\n  onGradeChange,\n  curriculum,\n  curriculumStandards,\n  onCurriculumChange,\n  selectedGoal,\n  goalsList,\n  onGoalChange,\n}: ISchoolGoals) => {\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            />\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","name","onNameChange","grade","grades","onGradeChange","curriculum","curriculumStandards","onCurriculumChange","selectedGoal","goalsList","onGoalChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,oBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,IACA,gBAAAR;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAY;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASC;AAAA,gBACT,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,eAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UACf,GACF;AAAA,UACA,gBAAAS;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOlB;AAAA,cACP,SAASC;AAAA,cACT,UAAU,CAACJ;AAAA,cACX,OAAM;AAAA,cACN,iBAAgB;AAAA,cAChB,OAAM;AAAA,cACN,UAAUK;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,UACA,gBAAAM;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOhB;AAAA,cACP,SAASC;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUC;AAAA,cACV,eAAa;AAAA,cACb,UAAU,CAACR,KAAS,CAACG;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EACF,CAAA;AAAA,GACF;"}

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 } = 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  >(event => updateStudentInformation('name', event.target.value), [updateStudentInformation]);\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      curriculum={curriculum}\n      grades={grades}\n      curriculumStandards={curriculumStandards}\n      goalsList={goalsList}\n      selectedGoal={selectedGoal}\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","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 } = 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  >(event => updateStudentInformation('name', event.target.value), [updateStudentInformation]);\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      curriculum={curriculum}\n      grades={grades}\n      curriculumStandards={curriculumStandards}\n      goalsList={goalsList}\n      selectedGoal={selectedGoal}\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","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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"session-insights.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights.tsx"],"sourcesContent":["import type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Error from '../../../ui/error/error';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionInsights } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\n\nconst proficiencyLottieMap: TProficiencyLottieMap = {\n  BEGINNER: LOTTIE.BEGINNER1X,\n  FAMILIAR: LOTTIE.FAMILIAR1X,\n  PROFICIENT: LOTTIE.PROFICIENT1X,\n};\n\nconst STAR_RATING_ICONS: Record<TDepthAggregation['star'], string> = {\n  1: ILLUSTRATIONS.ONE_STAR_FILLED,\n  2: ILLUSTRATIONS.TWO_STARS_FILLED,\n  3: ILLUSTRATIONS.THREE_STARS_FILLED,\n};\n\nconst SessionInsights = memo(() => {\n  const { formData } = useTrialSessionContext();\n  const { attemptId = 'kdbkb' } = formData || {};\n\n  const {\n    data: sessionInsights,\n    get: getSessionInsights,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionInsights();\n\n  const { topic_aggregation: topicAggregation = [], depth_aggregation: depthAggregation = [] } =\n    sessionInsights || {};\n\n  const fetchData = useCallback(() => {\n    if (attemptId) {\n      getSessionInsights(attemptId);\n    }\n  }, [attemptId, getSessionInsights]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionInsights) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $alignItems=\"center\" $width={650} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map((aggregation, index) => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={index}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={250}\n                $flexDirection=\"column\"\n                $justifyContent=\"space-between\"\n              >\n                <Styled.TopicName title={topicName} $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n                  {topicName}\n                </Styled.TopicName>\n                <Styled.LottieWrapper>\n                  <LottieAnimation height={272} src={proficiencyLottieMap[level]} />\n                </Styled.LottieWrapper>\n                <div>\n                  <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\">\n                    {level}\n                  </Text>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n                    {levelDescription}\n                  </Text>\n                </div>\n              </Styled.TopicWrapper>\n            );\n          })}\n        </FlexView>\n        <Styled.RatingBlock\n          $width=\"100%\"\n          $borderColor=\"BLACK_T_87\"\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $flexGap={80}\n          $background=\"WHITE\"\n          $gap={25.5}\n        >\n          {depthAggregation.map((aggregation, index) => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={index} $width={88}>\n                <img src={STAR_RATING_ICONS[star]} height={24} width={88} />\n                <Separator height={4} />\n                <FlexView\n                  $background=\"WHITE_4\"\n                  $gutterX={0.25}\n                  $gap={2}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $width=\"fit-content\"\n                  $alignSelf=\"center\"\n                >\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_87\">\n                    {starDescription}\n                  </Text>\n                </FlexView>\n                <Separator heightX={1} />\n                <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\" $align=\"center\">\n                  {depthDescription}\n                </Text>\n              </FlexView>\n            );\n          })}\n        </Styled.RatingBlock>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionInsights;\n"],"names":["proficiencyLottieMap","LOTTIE","STAR_RATING_ICONS","ILLUSTRATIONS","SessionInsights","memo","formData","useTrialSessionContext","attemptId","sessionInsights","getSessionInsights","isProcessing","isProcessingFailed","useGetSessionInsights","topicAggregation","depthAggregation","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","FlexView","aggregation","index","level","topicName","levelDescription","Styled.TopicWrapper","Styled.TopicName","Styled.LottieWrapper","LottieAnimation","Text","Styled.RatingBlock","star","depthDescription","starDescription"],"mappings":"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"}
+{"version":3,"file":"session-insights.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights.tsx"],"sourcesContent":["import type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Error from '../../../ui/error/error';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionInsights } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\n\nconst proficiencyLottieMap: TProficiencyLottieMap = {\n  BEGINNER: LOTTIE.BEGINNER1X,\n  FAMILIAR: LOTTIE.FAMILIAR1X,\n  PROFICIENT: LOTTIE.PROFICIENT1X,\n};\n\nconst STAR_RATING_ICONS: Record<TDepthAggregation['star'], string> = {\n  1: ILLUSTRATIONS.ONE_STAR_FILLED,\n  2: ILLUSTRATIONS.TWO_STARS_FILLED,\n  3: ILLUSTRATIONS.THREE_STARS_FILLED,\n};\n\nconst SessionInsights = memo(() => {\n  const { formData } = useTrialSessionContext();\n  const { attemptId = 'kdbkb' } = formData || {};\n\n  const {\n    data: sessionInsights,\n    get: getSessionInsights,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionInsights();\n\n  const { topic_aggregation: topicAggregation = [], depth_aggregation: depthAggregation = [] } =\n    sessionInsights || {};\n\n  const fetchData = useCallback(() => {\n    if (attemptId) {\n      getSessionInsights(attemptId);\n    }\n  }, [attemptId, getSessionInsights]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionInsights) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $alignItems=\"center\" $width={650} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map((aggregation, index) => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={index}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={250}\n                $flexDirection=\"column\"\n                $justifyContent=\"space-between\"\n              >\n                <Styled.TopicName title={topicName} $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n                  {topicName}\n                </Styled.TopicName>\n                <Styled.LottieWrapper>\n                  <LottieAnimation height={272} src={proficiencyLottieMap[level]} />\n                </Styled.LottieWrapper>\n                <div>\n                  <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\">\n                    {level}\n                  </Text>\n                  <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n                    {levelDescription}\n                  </Text>\n                </div>\n              </Styled.TopicWrapper>\n            );\n          })}\n        </FlexView>\n        <Styled.RatingBlock\n          $width=\"100%\"\n          $borderColor=\"BLACK_T_87\"\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $flexGap={80}\n          $background=\"WHITE\"\n          $gap={25.5}\n        >\n          {depthAggregation.map((aggregation, index) => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={index} $width={88}>\n                <img src={STAR_RATING_ICONS[star]} height={24} width={88} />\n                <Separator height={4} />\n                <FlexView\n                  $background=\"WHITE_4\"\n                  $gutterX={0.25}\n                  $gap={2}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $width=\"fit-content\"\n                  $alignSelf=\"center\"\n                >\n                  <Text $renderAs=\"ub3\" $color=\"BLACK_T_87\">\n                    {starDescription}\n                  </Text>\n                </FlexView>\n                <Separator heightX={1} />\n                <Text $renderAs=\"ac4\" $color=\"BLACK_T_87\" $align=\"center\">\n                  {depthDescription}\n                </Text>\n              </FlexView>\n            );\n          })}\n        </Styled.RatingBlock>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionInsights;\n"],"names":["proficiencyLottieMap","LOTTIE","STAR_RATING_ICONS","ILLUSTRATIONS","SessionInsights","memo","formData","useTrialSessionContext","attemptId","sessionInsights","getSessionInsights","isProcessing","isProcessingFailed","useGetSessionInsights","topicAggregation","depthAggregation","fetchData","useCallback","useEffect","jsx","Error","AppLoader","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","FlexView","aggregation","index","level","topicName","levelDescription","Styled.TopicWrapper","Styled.TopicName","Styled.LottieWrapper","LottieAnimation","Text","Styled.RatingBlock","star","depthDescription","starDescription"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"session-overview-styled.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype TSessionGoal = {\n  $bgImage: string;\n};\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst GoalsWrapper = styled.div(({ theme }) => {\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n    width: 550px;\n    margin: auto;\n    border: 1px solid ${BLACK_T_87};\n    & > *:not(:last-child) {\n      border-bottom: 1px solid ${BLACK_T_87};\n    }\n    .period-text {\n      margin-left: 23px;\n    }\n  `;\n});\n\nconst Goal = styled.div<TSessionGoal>(({ theme, $bgImage }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    height: ${350 / 3}px;\n    padding: ${gutter * 2.5}px ${gutter}px;\n    background-image: url(${$bgImage});\n    background-repeat: no-repeat;\n    background-position: right, center;\n    background-size: cover;\n  `;\n});\n\nexport { Container, GoalsWrapper, Goal };\n"],"names":["Container","styled","GoalsWrapper","theme","BLACK_T_87","Goal","$bgImage","gutter"],"mappings":";AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAeD,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACvC,QAAA,EAAE,YAAAC,EAAW,IAAID,EAAM;AAEtB,SAAA;AAAA;AAAA;AAAA,wBAGeC,CAAU;AAAA;AAAA,iCAEDA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM3C,CAAC,GAEKC,IAAOJ,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,UAAAG,QAAe;AACvD,QAAA,EAAE,QAAAC,EAAO,IAAIJ,EAAM;AAElB,SAAA;AAAA;AAAA,cAEK,MAAM,CAAC;AAAA,eACNI,IAAS,GAAG,MAAMA,CAAM;AAAA,4BACXD,CAAQ;AAAA;AAAA;AAAA;AAAA;AAKpC,CAAC;"}
+{"version":3,"file":"session-overview-styled.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype TSessionGoal = {\n  $bgImage: string;\n};\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst GoalsWrapper = styled.div(({ theme }) => {\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n    width: 550px;\n    margin: auto;\n    border: 1px solid ${BLACK_T_87};\n    & > *:not(:last-child) {\n      border-bottom: 1px solid ${BLACK_T_87};\n    }\n    .period-text {\n      margin-left: 23px;\n    }\n  `;\n});\n\nconst Goal = styled.div<TSessionGoal>(({ theme, $bgImage }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    height: ${350 / 3}px;\n    padding: ${gutter * 2.5}px ${gutter}px;\n    background-image: url(${$bgImage});\n    background-repeat: no-repeat;\n    background-position: right, center;\n    background-size: cover;\n  `;\n});\n\nexport { Container, GoalsWrapper, Goal };\n"],"names":["Container","styled","GoalsWrapper","theme","BLACK_T_87","Goal","$bgImage","gutter"],"mappings":";AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAeD,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACvC,QAAA,EAAE,YAAAC,MAAeD,EAAM;AAEtB,SAAA;AAAA;AAAA;AAAA,wBAGeC,CAAU;AAAA;AAAA,iCAEDA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM3C,CAAC,GAEKC,IAAOJ,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,UAAAG,QAAe;AACvD,QAAA,EAAE,QAAAC,MAAWJ,EAAM;AAElB,SAAA;AAAA;AAAA,cAEK,MAAM,CAAC;AAAA,eACNI,IAAS,GAAG,MAAMA,CAAM;AAAA,4BACXD,CAAQ;AAAA;AAAA;AAAA;AAAA;AAKpC,CAAC;"}

package/dist/features/trial-session/comps/session-overview/session-overview-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-overview-utils.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-utils.tsx"],"sourcesContent":["import { GIF } from '../../../../assets/gif/gif';\nimport { TrialPageId } from '../../trial-session-constants';\n\ntype TSessionItem = {\n  title: string;\n  image: string;\n  period?: string;\n  archived?: boolean;\n};\n\nconst sessionOverview = [\n  {\n    title: 'Your goals',\n    period: '10 min',\n    image: GIF.YOUR_GOALS,\n  },\n  {\n    title: 'learning session',\n    period: '30 min',\n    image: GIF.LEARNING_SESSION,\n  },\n  {\n    title: 'way forward',\n    period: '15 min',\n    image: GIF.WAY_FORWARD,\n  },\n];\n\nconst sessionSummary = [\n  {\n    title: 'Your goals',\n    image: GIF.YOUR_GOALS,\n    archived: true,\n  },\n  {\n    title: 'learning session',\n    image: GIF.LEARNING_SESSION,\n    archived: true,\n  },\n  {\n    title: 'way forward',\n    image: GIF.WAY_FORWARD,\n    archived: true,\n  },\n];\n\nexport const getSessionConfig = (pageId: TrialPageId) => {\n  if (!pageId) return;\n\n  const sessions: Partial<Record<TrialPageId, TSessionItem[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: sessionOverview,\n    [TrialPageId.SESSION_SUMMARY]: sessionSummary,\n  };\n\n  return sessions[pageId];\n};\n"],"names":["sessionOverview","GIF","sessionSummary","getSessionConfig","pageId","TrialPageId"],"mappings":";;AAUA,MAAMA,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOC,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AACF,GAEMC,IAAiB;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAOD,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AACF,GAEaE,IAAmB,CAACC,MAC1BA,IAE0D;AAAA,EAC7D,CAACC,EAAY,gBAAgB,GAAGL;AAAA,EAChC,CAACK,EAAY,eAAe,GAAGH;AAAA,EAGjBE,CAAM,IAPT;"}
+{"version":3,"file":"session-overview-utils.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-utils.tsx"],"sourcesContent":["import { GIF } from '../../../../assets/gif/gif';\nimport { TrialPageId } from '../../trial-session-constants';\n\ntype TSessionItem = {\n  title: string;\n  image: string;\n  period?: string;\n  archived?: boolean;\n};\n\nconst sessionOverview = [\n  {\n    title: 'Your goals',\n    period: '10 min',\n    image: GIF.YOUR_GOALS,\n  },\n  {\n    title: 'learning session',\n    period: '30 min',\n    image: GIF.LEARNING_SESSION,\n  },\n  {\n    title: 'way forward',\n    period: '15 min',\n    image: GIF.WAY_FORWARD,\n  },\n];\n\nconst sessionSummary = [\n  {\n    title: 'Your goals',\n    image: GIF.YOUR_GOALS,\n    archived: true,\n  },\n  {\n    title: 'learning session',\n    image: GIF.LEARNING_SESSION,\n    archived: true,\n  },\n  {\n    title: 'way forward',\n    image: GIF.WAY_FORWARD,\n    archived: true,\n  },\n];\n\nexport const getSessionConfig = (pageId: TrialPageId) => {\n  if (!pageId) return;\n\n  const sessions: Partial<Record<TrialPageId, TSessionItem[]>> = {\n    [TrialPageId.SESSION_OVERVIEW]: sessionOverview,\n    [TrialPageId.SESSION_SUMMARY]: sessionSummary,\n  };\n\n  return sessions[pageId];\n};\n"],"names":["sessionOverview","GIF","sessionSummary","getSessionConfig","pageId","TrialPageId"],"mappings":";;AAUA,MAAMA,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOC,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOA,EAAI;AAAA,EAAA;AAEf,GAEMC,IAAiB;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAOD,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAOA,EAAI;AAAA,IACX,UAAU;AAAA,EAAA;AAEd,GAEaE,IAAmB,CAACC,MAC1BA,IAE0D;AAAA,EAC7D,CAACC,EAAY,gBAAgB,GAAGL;AAAA,EAChC,CAACK,EAAY,eAAe,GAAGH;AACjC,EAEgBE,CAAM,IAPT;"}

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

@@ -1 +1 @@
-{"version":3,"file":"session-overview.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\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 SlideHeader from '../slide-header';\nimport * as Styled from './session-overview-styled';\nimport { getSessionConfig } from './session-overview-utils';\n\nconst SessionOverview = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n\n  const sessionConfigs = getSessionConfig(id);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.GoalsWrapper>\n        {sessionConfigs &&\n          sessionConfigs.map((goal, index: number) => {\n            const { title, period, image, archived } = goal;\n\n            return (\n              <Styled.Goal key={`goal-${index}`} $bgImage={image}>\n                <FlexView\n                  $flexDirection=\"row\"\n                  $justifyContent=\"flex-start\"\n                  $alignItems=\"center\"\n                  $flexGap={12}\n                >\n                  {archived ? (\n                    <TickIcon height={24} width={20} color=\"WHITE\" />\n                  ) : (\n                    <Text $renderAs=\"ac2\">{index + 1 + '. '}</Text>\n                  )}\n                  <Text $renderAs=\"ac2\">{title}</Text>\n                </FlexView>\n                {period && (\n                  <Text $renderAs=\"ub2\" className=\"period-text\">\n                    {period}\n                  </Text>\n                )}\n              </Styled.Goal>\n            );\n          })}\n      </Styled.GoalsWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionOverview;\n"],"names":["SessionOverview","memo","slideConfig","useTrialSessionContext","id","sessionConfigs","getSessionConfig","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.GoalsWrapper","goal","index","title","period","image","archived","Styled.Goal","FlexView","TickIcon","Text"],"mappings":";;;;;;;;;;AAWM,MAAAA,IAAkBC,EAAK,MAAM;AAC3B,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,IAAAC,EAAA,IAAOF,KAAe,IAExBG,IAAiBC,EAAiBF,CAAE;AAGxC,SAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAF,EAACG,GAAA,EACE,eACCP,EAAe,IAAI,CAACQ,GAAMC,MAAkB;AAC1C,YAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,MAAaL;AAE3C,aACG,gBAAAN,EAAAY,GAAA,EAAkC,UAAUF,GAC3C,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,UAAU;AAAA,YAET,UAAA;AAAA,cAAAF,IACE,gBAAAT,EAAAY,GAAA,EAAS,QAAQ,IAAI,OAAO,IAAI,OAAM,QAAQ,CAAA,sBAE9CC,GAAK,EAAA,WAAU,OAAO,UAAAR,IAAQ,IAAI,MAAK;AAAA,cAEzC,gBAAAL,EAAAa,GAAA,EAAK,WAAU,OAAO,UAAMP,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/B;AAAA,QACCC,KACE,gBAAAP,EAAAa,GAAA,EAAK,WAAU,OAAM,WAAU,eAC7B,UACHN,GAAA;AAAA,MAjBc,EAAA,GAAA,QAAQF,CAAK,EAmB/B;AAAA,IAEH,CAAA,GACL;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"session-overview.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport TickIcon from '../../../../assets/line-icons/icons/tick';\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 SlideHeader from '../slide-header';\nimport * as Styled from './session-overview-styled';\nimport { getSessionConfig } from './session-overview-utils';\n\nconst SessionOverview = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n\n  const sessionConfigs = getSessionConfig(id);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.GoalsWrapper>\n        {sessionConfigs &&\n          sessionConfigs.map((goal, index: number) => {\n            const { title, period, image, archived } = goal;\n\n            return (\n              <Styled.Goal key={`goal-${index}`} $bgImage={image}>\n                <FlexView\n                  $flexDirection=\"row\"\n                  $justifyContent=\"flex-start\"\n                  $alignItems=\"center\"\n                  $flexGap={12}\n                >\n                  {archived ? (\n                    <TickIcon height={24} width={20} color=\"WHITE\" />\n                  ) : (\n                    <Text $renderAs=\"ac2\">{index + 1 + '. '}</Text>\n                  )}\n                  <Text $renderAs=\"ac2\">{title}</Text>\n                </FlexView>\n                {period && (\n                  <Text $renderAs=\"ub2\" className=\"period-text\">\n                    {period}\n                  </Text>\n                )}\n              </Styled.Goal>\n            );\n          })}\n      </Styled.GoalsWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default SessionOverview;\n"],"names":["SessionOverview","memo","slideConfig","useTrialSessionContext","id","sessionConfigs","getSessionConfig","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.GoalsWrapper","goal","index","title","period","image","archived","Styled.Goal","FlexView","TickIcon","Text"],"mappings":";;;;;;;;;;AAWM,MAAAA,IAAkBC,EAAK,MAAM;AAC3B,QAAA,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GACzC,EAAE,IAAAC,MAAOF,KAAe,CAAC,GAEzBG,IAAiBC,EAAiBF,CAAE;AAGxC,SAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAF,EAACG,GAAA,EACE,eACCP,EAAe,IAAI,CAACQ,GAAMC,MAAkB;AAC1C,YAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,EAAa,IAAAL;AAE3C,aACG,gBAAAN,EAAAY,GAAA,EAAkC,UAAUF,GAC3C,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,UAAU;AAAA,YAET,UAAA;AAAA,cAAAF,IACE,gBAAAT,EAAAY,GAAA,EAAS,QAAQ,IAAI,OAAO,IAAI,OAAM,QAAQ,CAAA,sBAE9CC,GAAK,EAAA,WAAU,OAAO,UAAAR,IAAQ,IAAI,MAAK;AAAA,cAEzC,gBAAAL,EAAAa,GAAA,EAAK,WAAU,OAAO,UAAMP,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/B;AAAA,QACCC,KACE,gBAAAP,EAAAa,GAAA,EAAK,WAAU,OAAM,WAAU,eAC7B,UACHN,EAAA,CAAA;AAAA,MAjBc,EAAA,GAAA,QAAQF,CAAK,EAmB/B;AAAA,IAAA,CAEH,EACL,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/session-report/report-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-card.js","sources":["../../../../../src/features/trial-session/comps/session-report/report-card.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IReportCard {\n  title: string;\n  value?: string | number;\n}\n\nconst ReportCard: FC<IReportCard> = props => {\n  const { title, value } = props;\n\n  return value ? (\n    <FlexView\n      $gutterX={0.5}\n      $gapX={1}\n      $flex={1}\n      $height=\"100%\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n    >\n      <Text $renderAs=\"ac4\" $align=\"center\" $color=\"BLACK_T_60\">\n        {title}\n      </Text>\n      <Text $renderAs=\"ah3-bold\" $align=\"center\">\n        {value}\n      </Text>\n    </FlexView>\n  ) : null;\n};\n\nexport default memo(ReportCard);\n"],"names":["ReportCard","props","title","value","jsxs","FlexView","jsx","Text","ReportCard$1","memo"],"mappings":";;;;AAYA,MAAMA,IAA8B,CAASC,MAAA;AACrC,QAAA,EAAE,OAAAC,GAAO,OAAAC,EAAU,IAAAF;AAEzB,SAAOE,IACL,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAAS,QAAO,cAC1C,UACHL,EAAA,CAAA;AAAA,0BACCK,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHJ,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEA,IAAA;AACN,GAEeK,IAAAC,EAAKT,CAAU;"}
+{"version":3,"file":"report-card.js","sources":["../../../../../src/features/trial-session/comps/session-report/report-card.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IReportCard {\n  title: string;\n  value?: string | number;\n}\n\nconst ReportCard: FC<IReportCard> = props => {\n  const { title, value } = props;\n\n  return value ? (\n    <FlexView\n      $gutterX={0.5}\n      $gapX={1}\n      $flex={1}\n      $height=\"100%\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n    >\n      <Text $renderAs=\"ac4\" $align=\"center\" $color=\"BLACK_T_60\">\n        {title}\n      </Text>\n      <Text $renderAs=\"ah3-bold\" $align=\"center\">\n        {value}\n      </Text>\n    </FlexView>\n  ) : null;\n};\n\nexport default memo(ReportCard);\n"],"names":["ReportCard","props","title","value","jsxs","FlexView","jsx","Text","ReportCard$1","memo"],"mappings":";;;;AAYA,MAAMA,IAA8B,CAASC,MAAA;AACrC,QAAA,EAAE,OAAAC,GAAO,OAAAC,EAAA,IAAUF;AAEzB,SAAOE,IACL,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,UAAS,QAAO,cAC1C,UACHL,EAAA,CAAA;AAAA,0BACCK,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHJ,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAEA;AACN,GAEeK,IAAAC,EAAKT,CAAU;"}

package/dist/features/trial-session/comps/session-report/session-report.js

@@ -1,7 +1,7 @@
 import { jsxs as t, Fragment as E, jsx as e } from "react/jsx-runtime";
 import { memo as W, useMemo as w, useCallback as B, useEffect as D } from "react";
 import { ILLUSTRATIONS as x } from "../../../../assets/illustrations/illustrations.js";
-import { COURSE_STREAMS as F, PREFERENCE_CATEGORY as H } from "../../../milestone/constants.js";
+import { PREFERENCE_CATEGORY as F, COURSE_STREAMS as H } from "../../../milestone/constants.js";
 import { getPreferencesFromConfig as U } from "../../../milestone/create/milestone-create-helpers.js";
 import { useUIContext as Y } from "../../../ui/context/context.js";
 import j from "../../../ui/error/error.js";
@@ -27,8 +27,8 @@ const Ce = W(() => {
     var r, m;
     const i = ((m = (r = U(d, {
       grade: C ?? "",
-      courseStream: F.MATH,
-      preferenceCategory: H.LEVEL
+      courseStream: H.MATH,
+      preferenceCategory: F.LEVEL
     })) == null ? void 0 : r.find((_) => _.id === (a == null ? void 0 : a[0]))) == null ? void 0 : m.label) ?? "";
     return J[i.toLowerCase()];
   }, [C, d, a]), {