@cuemath/leap 3.5.58 → 3.5.59-link1

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(function LearningSession() {\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 { 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';\nimport CommunicationSlide from '../communication-slide';\n\nconst LearningSession = memo(function LearningSession() {\n  const { slideConfig } = useTrialSessionContext();\n  const { id, renderAVIn, 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  if (renderAVIn === 'right') return <CommunicationSlide />;\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 width={24} height={28} $top={-15} $right={-20} />\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} $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={imageUrl}\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":["LearningSession","memo","slideConfig","useTrialSessionContext","id","renderAVIn","enableSessionPerk","worksheetCompleted","TrialPageId","currentIndex","setCurrentIndex","useState","transitionEnabled","setTransitionEnabled","useEffect","learningSessionImages","timer","prevIndex","jsx","CommunicationSlide","jsxs","Styled.Container","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

@@ -1,104 +1,102 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { useMemo as s, useCallback as u } from "react";
-import _ from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import z from "../../../ui/buttons/button/button.js";
-import b from "../../../ui/buttons/icon-button/icon-button.js";
-import g from "../../../ui/layout/flex-view.js";
-import h from "../../../ui/text/text.js";
-import { useTrialSessionContext as E } from "../../context/use-trial-session-context.js";
-import { isPLASource as S } from "../../helper.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useMemo as c, useCallback as I } from "react";
+import k from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import M from "../../../ui/buttons/button/button.js";
+import h from "../../../ui/buttons/icon-button/icon-button.js";
+import C from "../../../ui/layout/flex-view.js";
+import L from "../../../ui/text/text.js";
+import { useTrialSessionContext as z } from "../../context/use-trial-session-context.js";
+import { isPLASource as O } from "../../helper.js";
 import { useTrialSessionNavigation as F } from "../../hooks/use-trial-session-navigation.js";
 import { Container as G, ForwardArrow as K } from "./navigation-bar-styled.js";
-import M from "../../../../assets/line-icons/icons/back2.js";
-const ee = () => {
-  var f;
+import { TrialPageId as R, MAXIMUM_TOPICS_TO_SELECT as x } from "../../trial-session-constants.js";
+import X from "../../../../assets/line-icons/icons/back2.js";
+const re = () => {
+  var g;
   const {
-    slideConfig: x,
-    buttonState: L,
-    openEndClassModal: C,
+    slideConfig: $,
+    buttonState: A,
+    openEndClassModal: B,
     studentAbsentInClass: e,
-    trialHomeData: a,
-    formData: I
-  } = E(), { handleNavigation: o } = F(), {
-    left: { isDisabled: m, isLoading: $ },
-    right: { isDisabled: p, isLoading: B }
-  } = L || {}, { prevPage: A, nextPage: v } = x || {}, { buttonLabel: l, pageId: r } = A || {}, { buttonLabel: d, pageId: i } = v || {}, { numberInNameError: t } = I || {}, y = r && !i, w = S((f = a == null ? void 0 : a.intel_student) == null ? void 0 : f.source), D = s(
-    () => p || e || t,
-    [p, e, t]
-  ), P = s(
+    trialHomeData: s,
+    formData: T
+  } = z(), { handleNavigation: n } = F(), {
+    left: { isDisabled: m, isLoading: y },
+    right: { isDisabled: p, isLoading: P }
+  } = A || {}, { id: f, prevPage: v, nextPage: w } = $ || {}, { buttonLabel: a, pageId: o } = v || {}, { buttonLabel: l, pageId: r } = w || {}, { numberInNameError: i, selectedTopics: u = [] } = T || {}, D = o && !r, _ = O((g = s == null ? void 0 : s.intel_student) == null ? void 0 : g.source), E = c(
+    () => p || e || i,
+    [p, e, i]
+  ), S = c(
     () => m || e,
     [m, e]
-  ), T = s(() => t ? "Please enter a valid name" : "Waiting for student to join...", [t]), j = s(
-    () => e || t,
-    [e, t]
-  ), k = u(() => {
-    o("next", i);
-  }, [o, i]), N = u(() => {
-    o("prev", r);
-  }, [o, r]);
-  return /* @__PURE__ */ c(
+  ), b = c(() => i ? "Please enter a valid name" : f === R.TOPIC_SELECTION && u.length < x ? `Select any ${x} topics to proceed` : e ? "Waiting for student to join..." : "", [f, i, u.length, e]), j = I(() => {
+    n("next", r);
+  }, [n, r]), N = I(() => {
+    n("prev", o);
+  }, [n, o]);
+  return /* @__PURE__ */ d(
     G,
     {
       $flexDirection: "row-reverse",
       $justifyContent: "space-between",
       $alignItems: "center",
       children: [
-        y && /* @__PURE__ */ n(
-          z,
+        D && /* @__PURE__ */ t(
+          M,
           {
             renderAs: "tertiary",
             size: "small",
-            label: w ? "End the session" : "End the class",
+            label: _ ? "End the session" : "End the class",
             shape: "square",
-            onClick: C
+            onClick: B
           }
         ),
-        i && d && /* @__PURE__ */ c(g, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 12, children: [
-          /* @__PURE__ */ n(h, { $renderAs: "ab2", $color: "BLACK_T_60", children: d }),
-          /* @__PURE__ */ n(
-            _,
+        r && l && /* @__PURE__ */ d(C, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 12, children: [
+          /* @__PURE__ */ t(L, { $renderAs: "ab2", $color: "BLACK_T_60", children: l }),
+          /* @__PURE__ */ t(
+            k,
             {
               widthX: 8,
               zIndex: 2,
               position: "top-left",
               renderAs: "primary",
-              tooltipItem: T,
-              hidden: !j,
-              children: /* @__PURE__ */ n(
-                b,
+              tooltipItem: b,
+              hidden: !b,
+              children: /* @__PURE__ */ t(
+                h,
                 {
                   Icon: K,
                   renderAs: "primary",
-                  analyticsLabel: d,
+                  analyticsLabel: l,
                   size: "small",
-                  onClick: k,
-                  disabled: D,
-                  busy: B
+                  onClick: j,
+                  disabled: E,
+                  busy: P
                 }
               )
             }
           )
         ] }),
-        r && l && /* @__PURE__ */ c(g, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 12, children: [
-          /* @__PURE__ */ n(
-            b,
+        o && a && /* @__PURE__ */ d(C, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 12, children: [
+          /* @__PURE__ */ t(
+            h,
             {
-              Icon: M,
+              Icon: X,
               renderAs: "secondary",
-              analyticsLabel: l,
+              analyticsLabel: a,
               size: "small",
               onClick: N,
-              disabled: P,
-              busy: $
+              disabled: S,
+              busy: y
             }
           ),
-          /* @__PURE__ */ n(h, { $renderAs: "ab2", $color: "BLACK_T_60", children: l })
+          /* @__PURE__ */ t(L, { $renderAs: "ab2", $color: "BLACK_T_60", children: a })
         ] })
       ]
     }
   );
 };
 export {
-  ee as default
+  re as default
 };
 //# sourceMappingURL=index.js.map

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 { useCallback, useMemo, type FC } 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 { isPLASource } from '../../helper';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: FC = () => {\n  const {\n    slideConfig,\n    buttonState,\n    openEndClassModal,\n    studentAbsentInClass,\n    trialHomeData,\n    formData,\n  } = useTrialSessionContext();\n\n  const { handleNavigation } = useTrialSessionNavigation();\n\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { numberInNameError } = formData || {};\n\n  const isLastPage = prevPageId && !nextPageId;\n  const isPLA = isPLASource(trialHomeData?.intel_student?.source);\n\n  const nextButtonDisabled = useMemo(\n    () => isRightBtnDisabled || studentAbsentInClass || numberInNameError,\n    [isRightBtnDisabled, studentAbsentInClass, numberInNameError],\n  );\n  const prevButtonDisabled = useMemo(\n    () => isLeftBtnDisabled || studentAbsentInClass,\n    [isLeftBtnDisabled, studentAbsentInClass],\n  );\n\n  const tooltipContent = useMemo(() => {\n    if (numberInNameError) return 'Please enter a valid name';\n\n    return 'Waiting for student to join...';\n  }, [numberInNameError]);\n  const showTooltip = useMemo(\n    () => studentAbsentInClass || numberInNameError,\n    [studentAbsentInClass, numberInNameError],\n  );\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={isPLA ? 'End the session' : '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={tooltipContent}\n            hidden={!showTooltip}\n          >\n            <IconButton\n              Icon={Styled.ForwardArrow}\n              renderAs=\"primary\"\n              analyticsLabel={nextButtonLabel}\n              size=\"small\"\n              onClick={handleNext}\n              disabled={nextButtonDisabled}\n              busy={isRightBtnLoading}\n            />\n          </ArrowTooltip>\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={prevButtonDisabled}\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","trialHomeData","formData","useTrialSessionContext","handleNavigation","useTrialSessionNavigation","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","numberInNameError","isLastPage","isPLA","isPLASource","_a","nextButtonDisabled","useMemo","prevButtonDisabled","tooltipContent","showTooltip","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import { useCallback, useMemo, type FC } 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 { isPLASource } from '../../helper';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\nimport { MAXIMUM_TOPICS_TO_SELECT, TrialPageId } from '../../trial-session-constants';\n\nconst NavigationBar: FC = () => {\n  const {\n    slideConfig,\n    buttonState,\n    openEndClassModal,\n    studentAbsentInClass,\n    trialHomeData,\n    formData,\n  } = useTrialSessionContext();\n\n  const { handleNavigation } = useTrialSessionNavigation();\n\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n\n  const { id, prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { numberInNameError, selectedTopics = [] } = formData || {};\n\n  const isLastPage = prevPageId && !nextPageId;\n  const isPLA = isPLASource(trialHomeData?.intel_student?.source);\n\n  const nextButtonDisabled = useMemo(\n    () => isRightBtnDisabled || studentAbsentInClass || numberInNameError,\n    [isRightBtnDisabled, studentAbsentInClass, numberInNameError],\n  );\n  const prevButtonDisabled = useMemo(\n    () => isLeftBtnDisabled || studentAbsentInClass,\n    [isLeftBtnDisabled, studentAbsentInClass],\n  );\n\n  const tooltipContent = useMemo(() => {\n    if (numberInNameError) return 'Please enter a valid name';\n\n    if (id === TrialPageId.TOPIC_SELECTION && selectedTopics.length < MAXIMUM_TOPICS_TO_SELECT)\n      return `Select any ${MAXIMUM_TOPICS_TO_SELECT} topics to proceed`;\n\n    if (studentAbsentInClass) return 'Waiting for student to join...';\n\n    return '';\n  }, [id, numberInNameError, selectedTopics.length, studentAbsentInClass]);\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={isPLA ? 'End the session' : '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={tooltipContent}\n            hidden={!tooltipContent}\n          >\n            <IconButton\n              Icon={Styled.ForwardArrow}\n              renderAs=\"primary\"\n              analyticsLabel={nextButtonLabel}\n              size=\"small\"\n              onClick={handleNext}\n              disabled={nextButtonDisabled}\n              busy={isRightBtnLoading}\n            />\n          </ArrowTooltip>\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={prevButtonDisabled}\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","trialHomeData","formData","useTrialSessionContext","handleNavigation","useTrialSessionNavigation","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","id","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","numberInNameError","selectedTopics","isLastPage","isPLA","isPLASource","_a","nextButtonDisabled","useMemo","prevButtonDisabled","tooltipContent","TrialPageId","MAXIMUM_TOPICS_TO_SELECT","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":"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"}

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

@@ -22,6 +22,28 @@ const o = [
     dimension: ["100%", "100%"]
   }
 ], e = [
+  {
+    title: "School Success",
+    description: "Keep in sync with school, get help with homework, and prepare for school tests.",
+    infoBackground: "PURPLE_1",
+    animationSource: n.SCHOOL_SUCCESS_MINI,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: "Test Prep",
+    description: "Prepare for contests and standardized tests, like the AMC, Math Kangaroo, SAT, CogAT, NJSLA, etc.",
+    infoBackground: "BLUE_1",
+    animationSource: n.TEST_PREP_MINI,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: "Enrichment",
+    description: "Explore beyond-school topics like Financial Math, Data Science, etc.",
+    infoBackground: "ORANGE_1",
+    animationSource: n.ENRICHMENT_MINI,
+    dimension: ["100%", "100%"]
+  }
+], a = [
   {
     title: `stay 
 connected`,
@@ -29,7 +51,7 @@ connected`,
 receive real-time updates.`,
     infoBackground: "BLUE_1",
     animationSource: n.STAY_CONNECTED,
-    dimension: ["100%", "100%"]
+    dimension: [233, 250]
   },
   {
     title: `track 
@@ -38,7 +60,7 @@ progress`,
 areas of improvement.`,
     infoBackground: "PURPLE_1",
     animationSource: n.TRACK_PROGRESS,
-    dimension: ["100%", "100%"]
+    dimension: [233, 250]
   },
   {
     title: `easy 
@@ -47,9 +69,9 @@ rescheduling`,
 your class timings.`,
     infoBackground: "GREEN_1",
     animationSource: n.EASY_RESCHEDULING,
-    dimension: ["100%", "100%"]
+    dimension: [233, 250]
   }
-], a = [
+], t = [
   {
     title: `mental 
 math`,
@@ -85,8 +107,9 @@ and stay sharp.`,
   }
 ];
 export {
-  a as circleDetails,
+  t as circleDetails,
   o as goalDetails,
-  e as parentAppDetails
+  e as goalPlans,
+  a as parentAppDetails
 };
 //# sourceMappingURL=offering-information-constants.js.map

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 { GIF } from '../../../../assets/gif/gif';\nimport type { TColorNames } from '../../../ui/types';\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: 'Personalized Sessions',\n    description: 'Aligned with school curriculum or specific needs',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.PERSONALIZED_SESSION,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'Regular Practice',\n    description: 'Homework assignments plus daily practice on app',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.REGULAR_PRACTICE,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'Parent-tutor conference',\n    description: 'Progress review and approach adjustment',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.STEPUP,\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":";AAcA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,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 { GIF } from '../../../../assets/gif/gif';\nimport type { TColorNames } from '../../../ui/types';\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: 'Personalized Sessions',\n    description: 'Aligned with school curriculum or specific needs',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.PERSONALIZED_SESSION,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'Regular Practice',\n    description: 'Homework assignments plus daily practice on app',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.REGULAR_PRACTICE,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'Parent-tutor conference',\n    description: 'Progress review and approach adjustment',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.STEPUP,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst goalPlans: TCircleDetails = [\n  {\n    title: 'School Success',\n    description: 'Keep in sync with school, get help with homework, and prepare for school tests.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.SCHOOL_SUCCESS_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'Test Prep',\n    description:\n      'Prepare for contests and standardized tests, like the AMC, Math Kangaroo, SAT, CogAT, NJSLA, etc.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.TEST_PREP_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'Enrichment',\n    description: 'Explore beyond-school topics like Financial Math, Data Science, 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: [233, 250],\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: [233, 250],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: [233, 250],\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, goalPlans, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","goalPlans","parentAppDetails","circleDetails"],"mappings":";AAcA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEMC,IAA4B;AAAA,EAChC;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEME,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AACF,GAEMG,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBH,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;"}

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

@@ -1,89 +1,99 @@
-import { jsxs as e, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import { memo as P, useMemo as b } from "react";
-import { ILLUSTRATIONS as w } from "../../../../assets/illustrations/illustrations.js";
+import { jsxs as e, jsx as r, Fragment as P } from "react/jsx-runtime";
+import { memo as N, useMemo as O } from "react";
+import { ILLUSTRATIONS as D } from "../../../../assets/illustrations/illustrations.js";
 import c from "../../../ui/image/image.js";
-import D from "../../../ui/layout/flex-view.js";
+import b from "../../../ui/layout/flex-view.js";
 import o from "../../../ui/separator/separator.js";
-import O from "../../../ui/text/text.js";
+import w from "../../../ui/text/text.js";
 import { useTrialSessionContext as x } from "../../context/use-trial-session-context.js";
-import { TrialPageId as t } from "../../trial-session-constants.js";
-import N from "../slide-header/index.js";
-import { goalDetails as R, parentAppDetails as S, circleDetails as k } from "./offering-information-constants.js";
-import { Container as W, Wrapper as d, AnimationWrapper as B, DetailsWrapper as j, TextElement as p, RefundImageWrapper as F } from "./offering-information-styled.js";
-const Q = P(function() {
-  const { slideConfig: h } = x(), { id: i } = h, a = b(() => {
+import { TrialPageId as t, RIGHT_PANEL_CONTENT_WIDTH as d } from "../../trial-session-constants.js";
+import R from "../slide-header/index.js";
+import { goalPlans as S, goalDetails as W, parentAppDetails as k, circleDetails as H } from "./offering-information-constants.js";
+import { Container as B, Wrapper as p, AnimationWrapper as j, DetailsWrapper as F, TextElement as h, RefundImageWrapper as G } from "./offering-information-styled.js";
+const rr = N(function() {
+  const { slideConfig: f } = x(), { id: i } = f, a = O(() => {
     switch (i) {
       case t.CIRCLE_INFORMATION:
-        return k;
+        return H;
       case t.PARENT_APP:
-        return S;
+        return k;
       case t.GOAL_DETAILS:
-        return R;
+        return W;
+      case t.GOAL_PLANS:
+        return S;
       default:
         return [];
     }
   }, [i]);
-  return /* @__PURE__ */ e(W, { children: [
+  return /* @__PURE__ */ e(B, { children: [
     /* @__PURE__ */ r(o, { height: 60 }),
-    /* @__PURE__ */ r(N, {}),
-    /* @__PURE__ */ r(d, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: a.length > 0 ? a.map((f, l, g) => {
-      const {
-        title: u,
-        description: n,
-        animationBackground: $,
-        infoBackground: A,
-        animationSource: L,
-        animationPadding: C,
-        dimension: I
-      } = f || {}, [E, T] = I || [], m = l === g.length - 1;
-      return /* @__PURE__ */ e(D, { $flex: 1, children: [
-        /* @__PURE__ */ r(
-          B,
-          {
-            $justifyContent: "center",
-            $alignItems: "center",
-            $borderColor: "BLACK_1",
-            $background: $,
-            $gap: C,
-            $isLastElement: m,
-            children: /* @__PURE__ */ r(c, { src: L, width: E, height: T, withLoader: !0 })
-          }
-        ),
-        /* @__PURE__ */ e(
-          j,
-          {
-            $background: A,
-            $gapX: 1.375,
-            $gutterX: 2,
-            $borderColor: "BLACK_1",
-            $isLastElement: m,
-            $inherit: !0,
-            children: [
-              /* @__PURE__ */ r(p, { $renderAs: "ac2-black", children: u }),
-              /* @__PURE__ */ r(o, { heightX: 1 }),
-              /* @__PURE__ */ r(p, { $renderAs: "ab3", children: typeof n == "string" ? n : n.map((s) => /* @__PURE__ */ r("li", { children: s }, s)) })
-            ]
-          }
-        )
-      ] }, `offering-${l}`);
-    }) : null }),
-    i === t.PARENT_APP && /* @__PURE__ */ e(_, { children: [
+    /* @__PURE__ */ r(R, {}),
+    /* @__PURE__ */ r(
+      p,
+      {
+        $width: d,
+        $flexDirection: "row",
+        $justifyContent: "center",
+        children: a.length > 0 ? a.map((g, u, $) => {
+          const {
+            title: l,
+            description: n,
+            animationBackground: A,
+            infoBackground: L,
+            animationSource: I,
+            animationPadding: T,
+            dimension: _
+          } = g || {}, [C, E] = _ || [], s = u === $.length - 1;
+          return /* @__PURE__ */ e(b, { $flex: 1, children: [
+            /* @__PURE__ */ r(
+              j,
+              {
+                $justifyContent: "center",
+                $alignItems: "center",
+                $borderColor: "BLACK_1",
+                $background: A,
+                $gap: T,
+                $isLastElement: s,
+                children: /* @__PURE__ */ r(c, { src: I, width: C, height: E, withLoader: !0 })
+              }
+            ),
+            /* @__PURE__ */ e(
+              F,
+              {
+                $background: L,
+                $gapX: 1.375,
+                $gutterX: 2,
+                $borderColor: "BLACK_1",
+                $isLastElement: s,
+                $inherit: !0,
+                children: [
+                  /* @__PURE__ */ r(h, { $renderAs: "ac2-black", children: l }),
+                  /* @__PURE__ */ r(o, { heightX: 1 }),
+                  /* @__PURE__ */ r(h, { $renderAs: "ab3", children: typeof n == "string" ? n : n.map((m) => /* @__PURE__ */ r("li", { children: m }, m)) })
+                ]
+              }
+            )
+          ] }, `offering-${l}`);
+        }) : null
+      }
+    ),
+    i === t.PARENT_APP && /* @__PURE__ */ e(P, { children: [
       /* @__PURE__ */ r(o, { height: 50 }),
       /* @__PURE__ */ e(
-        d,
+        p,
         {
-          $width: 450,
+          $width: d - 200,
           $gap: 14,
           $gutter: 30,
           $background: "YELLOW_1",
           $borderColor: "BLACK_T_15",
           $position: "relative",
           children: [
-            /* @__PURE__ */ r(O, { $renderAs: "ab2", children: "Get 24/7 customer support through this app." }),
-            /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(w, { $renderAs: "ab2", children: "Get 24/7 customer support through this app." }),
+            /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(
               c,
               {
-                src: w.REFUND_POLICY_WITH_HEADPHONE,
+                src: D.REFUND_POLICY_WITH_HEADPHONE,
                 width: 135,
                 height: 80,
                 withLoader: !0
@@ -96,6 +106,6 @@ const Q = P(function() {
   ] });
 });
 export {
-  Q as default
+  rr as default
 };
 //# sourceMappingURL=offering-information.js.map

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

@@ -1,15 +1,16 @@
 import o from "styled-components";
 import r from "../../../ui/layout/flex-view.js";
-const n = o.div`
+import { RIGHT_PANEL_CONTENT_WIDTH as i } from "../../trial-session-constants.js";
+const a = o.div`
   width: 100%;
   height: 100%;
-`, p = o(r)(
+`, l = o(r)(
   ({ $readOnly: t }) => `
-  width: 750px;
+  width: ${i}px;
   margin: auto;
   ${t ? "pointer-events: none;" : ""}
 `
-), a = o.div(
+), g = o.div(
   ({ theme: t }) => `
   position: relative;
   width: ${t.layout.gutter * 18.75}px;
@@ -23,14 +24,14 @@ const n = o.div`
     bottom: 0;
   }
 `
-), l = o(r)`
+), s = o(r)`
   flex-grow: 1;
   border-left: none;
 `;
 export {
-  n as Container,
-  p as ContentWrapper,
-  a as ImageWrapper,
-  l as InputContainer
+  a as Container,
+  l as ContentWrapper,
+  g as ImageWrapper,
+  s as InputContainer
 };
 //# sourceMappingURL=school-goals-styled.js.map