@cuemath/leap 3.5.69-as1 → 3.5.69-as3

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-confirmation-modal.js","sources":["../../../../../../src/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { TrialPageId } from '../../../trial-session-constants';\n\nconst ANIMATION_DURATION_MS = 500;\n\ninterface IConfirmationModalConfig {\n  title: string;\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\ninterface IConfirmationModalReturn {\n  modalConfig: IConfirmationModalConfig | undefined;\n  openModal: boolean;\n}\n\nconst useConfirmationModal = (): IConfirmationModalReturn => {\n  const [openModal, setOpenModal] = useState(false);\n  const { slideConfig, formData, updateSlideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n  const { confirmationModalActive } = formData || {};\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const closeModal = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      setOpenModal(false);\n      timeoutRef.current = null;\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const handleConfirm = useCallback(() => {\n    switch (id) {\n      case TrialPageId.LEARNING_WORKSHEET:\n        updateSlideConfig({\n          id: TrialPageId.LEARNING_LEVEL,\n          confirmationModalActive: false,\n          resetAttempt: true,\n        });\n        closeModal();\n        break;\n      default:\n        return null;\n    }\n  }, [id, updateSlideConfig, closeModal]);\n\n  const handleCancel = useCallback(() => {\n    updateSlideConfig({ confirmationModalActive: false });\n    closeModal();\n  }, [updateSlideConfig, closeModal]);\n\n  const modalConfigs: Partial<Record<TrialPageId, IConfirmationModalConfig>> = useMemo(\n    () => ({\n      [TrialPageId.LEARNING_WORKSHEET]: {\n        title: 'Changing the session level will reset current progress. Are you sure?',\n        confirmText: 'Yes, change session level',\n        onConfirm: handleConfirm,\n        onCancel: handleCancel,\n      },\n    }),\n    [handleCancel, handleConfirm],\n  );\n\n  const modalConfig = id ? modalConfigs[id] : undefined;\n\n  useEffect(() => {\n    if (confirmationModalActive && modalConfig) setOpenModal(true);\n  }, [confirmationModalActive, modalConfig]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return { modalConfig, openModal };\n};\n\nexport default useConfirmationModal;\n"],"names":["ANIMATION_DURATION_MS","useConfirmationModal","openModal","setOpenModal","useState","slideConfig","formData","updateSlideConfig","useTrialSessionContext","id","confirmationModalActive","timeoutRef","useRef","closeModal","useCallback","handleConfirm","TrialPageId","handleCancel","modalConfigs","useMemo","modalConfig","useEffect"],"mappings":";;;AAKA,MAAMA,IAAwB,KAexBC,IAAuB,MAAgC;AAC3D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,MAAsBC,EAAuB,GACtE,EAAE,IAAAC,EAAO,IAAAJ,GACT,EAAE,yBAAAK,EAAA,IAA4BJ,KAAY,IAC1CK,IAAaC,EAA8B,IAAI,GAE/CC,IAAaC,EAAY,MAAM;AACnC,IAAIH,EAAW,WACb,aAAaA,EAAW,OAAO,GAGtBA,EAAA,UAAU,WAAW,MAAM;AACpC,MAAAR,EAAa,EAAK,GAClBQ,EAAW,UAAU;AAAA,OACpBX,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECe,IAAgBD,EAAY,MAAM;AACtC,YAAQL,GAAI;AAAA,MACV,KAAKO,EAAY;AACG,QAAAT,EAAA;AAAA,UAChB,IAAIS,EAAY;AAAA,UAChB,yBAAyB;AAAA,UACzB,cAAc;AAAA,QAAA,CACf,GACUH;AACX;AAAA,MACF;AACS,eAAA;AAAA,IACX;AAAA,EACC,GAAA,CAACJ,GAAIF,GAAmBM,CAAU,CAAC,GAEhCI,IAAeH,EAAY,MAAM;AACnB,IAAAP,EAAA,EAAE,yBAAyB,GAAA,CAAO,GACzCM;EAAA,GACV,CAACN,GAAmBM,CAAU,CAAC,GAE5BK,IAAuEC;AAAA,IAC3E,OAAO;AAAA,MACL,CAACH,EAAY,kBAAkB,GAAG;AAAA,QAChC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,WAAWD;AAAA,QACX,UAAUE;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF,CAACA,GAAcF,CAAa;AAAA,EAAA,GAGxBK,IAAcX,IAAKS,EAAaT,CAAE,IAAI;AAE5C,SAAAY,EAAU,MAAM;AACV,IAAAX,KAA2BU,KAAajB,EAAa,EAAI;AAAA,EAAA,GAC5D,CAACO,GAAyBU,CAAW,CAAC,GAEzCC,EAAU,MACD,MAAM;AACX,IAAIV,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,EACjC,GAED,CAAE,CAAA,GAEE,EAAE,aAAAS,GAAa,WAAAlB;AACxB;"}
+{"version":3,"file":"use-confirmation-modal.js","sources":["../../../../../../src/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { TrialPageId } from '../../../trial-session-constants';\n\nconst ANIMATION_DURATION_MS = 500;\n\ninterface IConfirmationModalConfig {\n  title: string;\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\ninterface IConfirmationModalReturn {\n  modalConfig: IConfirmationModalConfig | undefined;\n  openModal: boolean;\n}\n\nconst useConfirmationModal = (): IConfirmationModalReturn => {\n  const [openModal, setOpenModal] = useState(false);\n  const { slideConfig, formData, demoType, updateSlideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n  const { confirmationModalActive } = formData || {};\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const isTrialV3 = demoType === 'TRIAL_V3';\n\n  const closeModal = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      setOpenModal(false);\n      timeoutRef.current = null;\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const handleConfirm = useCallback(() => {\n    switch (id) {\n      case TrialPageId.LEARNING_WORKSHEET:\n        updateSlideConfig({\n          id: isTrialV3 ? TrialPageId.LEARNING_LEVEL : TrialPageId.STUDENT_INFORMATION,\n          confirmationModalActive: false,\n          resetAttempt: true,\n          selectedTopics: undefined,\n        });\n        closeModal();\n        break;\n      default:\n        return null;\n    }\n  }, [id, updateSlideConfig, isTrialV3, closeModal]);\n\n  const handleCancel = useCallback(() => {\n    updateSlideConfig({ confirmationModalActive: false });\n    closeModal();\n  }, [updateSlideConfig, closeModal]);\n\n  const modalConfigs: Partial<Record<TrialPageId, IConfirmationModalConfig>> = useMemo(\n    () => ({\n      [TrialPageId.LEARNING_WORKSHEET]: {\n        title: isTrialV3\n          ? 'Changing the session level will reset current progress. Are you sure?'\n          : 'You will lose the current progress. Do you still wish to change the grade, level, or chapters for the session?',\n        confirmText: isTrialV3 ? 'Yes, change session level' : 'Yes, reset',\n        onConfirm: handleConfirm,\n        onCancel: handleCancel,\n      },\n    }),\n    [handleCancel, handleConfirm, isTrialV3],\n  );\n\n  const modalConfig = id ? modalConfigs[id] : undefined;\n\n  useEffect(() => {\n    if (confirmationModalActive && modalConfig) setOpenModal(true);\n  }, [confirmationModalActive, modalConfig]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return { modalConfig, openModal };\n};\n\nexport default useConfirmationModal;\n"],"names":["ANIMATION_DURATION_MS","useConfirmationModal","openModal","setOpenModal","useState","slideConfig","formData","demoType","updateSlideConfig","useTrialSessionContext","id","confirmationModalActive","timeoutRef","useRef","isTrialV3","closeModal","useCallback","handleConfirm","TrialPageId","handleCancel","modalConfigs","useMemo","modalConfig","useEffect"],"mappings":";;;AAKA,MAAMA,IAAwB,KAexBC,IAAuB,MAAgC;AAC3D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,mBAAAC,EAAA,IAAsBC,KACzD,EAAE,IAAAC,EAAO,IAAAL,GACT,EAAE,yBAAAM,EAAA,IAA4BL,KAAY,IAC1CM,IAAaC,EAA8B,IAAI,GAC/CC,IAAYP,MAAa,YAEzBQ,IAAaC,EAAY,MAAM;AACnC,IAAIJ,EAAW,WACb,aAAaA,EAAW,OAAO,GAGtBA,EAAA,UAAU,WAAW,MAAM;AACpC,MAAAT,EAAa,EAAK,GAClBS,EAAW,UAAU;AAAA,OACpBZ,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECiB,IAAgBD,EAAY,MAAM;AACtC,YAAQN,GAAI;AAAA,MACV,KAAKQ,EAAY;AACG,QAAAV,EAAA;AAAA,UAChB,IAAIM,IAAYI,EAAY,iBAAiBA,EAAY;AAAA,UACzD,yBAAyB;AAAA,UACzB,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA,CACjB,GACUH;AACX;AAAA,MACF;AACS,eAAA;AAAA,IACX;AAAA,KACC,CAACL,GAAIF,GAAmBM,GAAWC,CAAU,CAAC,GAE3CI,IAAeH,EAAY,MAAM;AACnB,IAAAR,EAAA,EAAE,yBAAyB,GAAA,CAAO,GACzCO;EAAA,GACV,CAACP,GAAmBO,CAAU,CAAC,GAE5BK,IAAuEC;AAAA,IAC3E,OAAO;AAAA,MACL,CAACH,EAAY,kBAAkB,GAAG;AAAA,QAChC,OAAOJ,IACH,0EACA;AAAA,QACJ,aAAaA,IAAY,8BAA8B;AAAA,QACvD,WAAWG;AAAA,QACX,UAAUE;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF,CAACA,GAAcF,GAAeH,CAAS;AAAA,EAAA,GAGnCQ,IAAcZ,IAAKU,EAAaV,CAAE,IAAI;AAE5C,SAAAa,EAAU,MAAM;AACV,IAAAZ,KAA2BW,KAAanB,EAAa,EAAI;AAAA,EAAA,GAC5D,CAACQ,GAAyBW,CAAW,CAAC,GAEzCC,EAAU,MACD,MAAM;AACX,IAAIX,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,EACjC,GAED,CAAE,CAAA,GAEE,EAAE,aAAAU,GAAa,WAAApB;AACxB;"}

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

@@ -1,20 +1,20 @@
 import t from "styled-components";
 import a from "../../../../assets/line-icons/icons/tick.js";
-import i from "../../../ui/layout/flex-view.js";
-import n from "../../../ui/text/text.js";
+import n from "../../../ui/layout/flex-view.js";
+import r from "../../../ui/text/text.js";
 const d = t.div`
   width: 100%;
   height: 100%;
   overflow: auto;
-`, h = t(i)`
+`, h = t(n)`
   position: relative;
-`, f = t(n)`
+`, f = t(r)`
   position: absolute;
   bottom: 20px;
-`, u = t(i)`
+`, u = t(n)`
   position: relative;
   overflow: hidden;
-`, g = t.div(
+`, $ = t.div(
   ({ $offset: o, $transitionEnabled: e }) => `
   position: absolute;
   top: 0;
@@ -24,26 +24,27 @@ const d = t.div`
   transition: ${e ? "transform 0.5s ease-in-out" : "none"};
   transform: translateX(${o * 100}%);
 `
-), v = t(a)(
-  ({ $top: o, $right: e }) => `
-    position: absolute;
-    top: ${o || 0}px;
-    right: ${e || 0}px;
+), g = t(a)(
+  ({ theme: o, $top: e, $right: i }) => `
     z-index: 1;
+    position: absolute;
+    top: ${e || 0}px;
+    right: ${i || 0}px;
+    color: ${o.colors.GREEN_4};
   `
-), $ = t(i)(({ $position: o }) => {
-  const { top: e, bottom: r, left: p, right: s } = o || {};
+), v = t(n)(({ $position: o }) => {
+  const { top: e, bottom: i, left: p, right: s } = o || {};
   return `
     position: absolute;
     z-index: 2;
     top: ${e || 0}px;
-    bottom: ${r || 0}px;
+    bottom: ${i || 0}px;
     left: ${p || 0}px;
     right: ${s || 0}px;
   `;
 }), b = t.div`
   position: relative;
-`, w = t(n)(
+`, w = t(r)(
   ({ theme: o }) => `
   white-space: pre-wrap;
   margin-top: -${o.layout.gutter * 0.25}px;
@@ -52,12 +53,12 @@ const d = t.div`
 export {
   d as Container,
   h as FlexRelative,
-  $ as FloatingElement,
-  v as GreenTick,
+  v as FloatingElement,
+  g as GreenTick,
   b as ImageWrapper,
   f as MathText,
   u as Slider,
-  g as SliderContent,
+  $ as SliderContent,
   w as TextElement
 };
 //# sourceMappingURL=learning-session-styled.js.map

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 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';\nimport type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\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":";;;;AAOA,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 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';\nimport type { TFloatingElement, TGreenTick, TSliderContent } from './learning-session-types';\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  ({ theme, $top, $right }) => `\n    z-index: 1;\n    position: absolute;\n    top: ${$top || 0}px;\n    right: ${$right || 0}px;\n    color: ${theme.colors.GREEN_4};\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","theme","$top","$right","FloatingElement","$position","top","bottom","left","right","ImageWrapper","TextElement"],"mappings":";;;;AAOA,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,OAAAC,GAAO,MAAAC,GAAM,QAAAC,EAAa,MAAA;AAAA;AAAA;AAAA,WAGpBD,KAAQ,CAAC;AAAA,aACPC,KAAU,CAAC;AAAA,aACXF,EAAM,OAAO,OAAO;AAAA;AAEjC,GAEMG,IAAkBd,EAAOE,CAAQ,EAAoB,CAAC,EAAE,WAAAa,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,IAAepB,EAAO;AAAA;AAAA,GAItBqB,IAAcrB,EAAOI,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAO,EAAA,MAAY;AAAA;AAAA,iBAEAA,EAAM,OAAO,SAAS,IAAI;AAAA;AAE3C;"}

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

@@ -1,28 +1,28 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { memo as T, useState as h, useEffect as E } from "react";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { memo as T, useState as h, useEffect as w } from "react";
 import c from "../../../ui/image/image.js";
-import n from "../../../ui/layout/flex-view.js";
-import _ from "../../../ui/separator/separator.js";
-import w from "../../../ui/theme/clrs.js";
+import o from "../../../ui/layout/flex-view.js";
+import E from "../../../ui/separator/separator.js";
 import { useTrialSessionContext as S } from "../../context/use-trial-session-context.js";
-import { TrialPageId as k } from "../../trial-session-constants.js";
-import L from "../slide-header/index.js";
-import { learningSessionImages as s, sessionPerks as x } from "./learning-session-constants.js";
-import { Container as R, FlexRelative as A, FloatingElement as j, ImageWrapper as K, GreenTick as $, TextElement as B, Slider as H, SliderContent as W, MathText as v } from "./learning-session-styled.js";
-const { GREEN_4: m } = w(), Q = T(function() {
-  const { slideConfig: g } = S(), { id: u, enableSessionPerk: f } = g, l = u === k.COMPLETED_WORKSHEET, [i, a] = h(0), [p, d] = h(!0);
-  return E(() => {
-    i === s.length - 1 && setTimeout(() => {
-      d(!1), a(0);
+import { TrialPageId as _ } from "../../trial-session-constants.js";
+import k from "../slide-header/index.js";
+import { learningSessionImages as s, sessionPerks as L } from "./learning-session-constants.js";
+import { Container as x, FlexRelative as A, FloatingElement as R, ImageWrapper as j, GreenTick as $, TextElement as K, Slider as B, SliderContent as H, MathText as W } from "./learning-session-styled.js";
+import v from "../communication-slide/index.js";
+const Q = T(function() {
+  const { slideConfig: m } = S(), { id: g, renderAVIn: u, enableSessionPerk: f } = m, d = g === _.COMPLETED_WORKSHEET, [n, a] = h(0), [p, l] = h(!0);
+  return w(() => {
+    n === s.length - 1 && setTimeout(() => {
+      l(!1), a(0);
     }, 500);
     const t = setInterval(() => {
-      d(!0), a((r) => (r + 1) % s.length);
+      l(!0), a((r) => (r + 1) % s.length);
     }, 1e3);
     return () => clearInterval(t);
-  }, [i]), /* @__PURE__ */ o(R, { children: [
-    /* @__PURE__ */ e(_, { height: 60 }),
-    /* @__PURE__ */ e(L, {}),
-    /* @__PURE__ */ e(n, { $alignItems: "center", children: /* @__PURE__ */ o(
+  }, [n]), u === "right" ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ i(x, { children: [
+    /* @__PURE__ */ e(E, { height: 60 }),
+    /* @__PURE__ */ e(k, {}),
+    /* @__PURE__ */ e(o, { $alignItems: "center", children: /* @__PURE__ */ i(
       A,
       {
         $width: 550,
@@ -33,10 +33,10 @@ const { GREEN_4: m } = w(), Q = T(function() {
         $alignItems: "center",
         $justifyContent: "center",
         children: [
-          f && x.map((t) => {
+          f && L.map((t) => {
             const { title: r, image: C, position: b, backgroundColor: I } = t;
-            return /* @__PURE__ */ o(
-              j,
+            return /* @__PURE__ */ i(
+              R,
               {
                 $width: 104,
                 $height: 104,
@@ -47,27 +47,18 @@ const { GREEN_4: m } = w(), Q = T(function() {
                 $background: I,
                 $position: b,
                 children: [
-                  /* @__PURE__ */ o(K, { children: [
-                    l ? /* @__PURE__ */ e(
-                      $,
-                      {
-                        width: 24,
-                        height: 28,
-                        color: m,
-                        $top: -15,
-                        $right: -20
-                      }
-                    ) : null,
+                  /* @__PURE__ */ i(j, { children: [
+                    d ? /* @__PURE__ */ e($, { width: 24, height: 28, $top: -15, $right: -20 }) : null,
                     /* @__PURE__ */ e(c, { withLoader: !0, height: 56, width: 56, src: C })
                   ] }),
-                  /* @__PURE__ */ e(B, { $renderAs: "ac4-black", $align: "center", children: r })
+                  /* @__PURE__ */ e(K, { $renderAs: "ac4-black", $align: "center", children: r })
                 ]
               },
               r
             );
           }),
           /* @__PURE__ */ e(
-            n,
+            o,
             {
               $width: 470,
               $height: 470,
@@ -76,8 +67,8 @@ const { GREEN_4: m } = w(), Q = T(function() {
               $borderColor: "BLACK_T_08",
               $alignItems: "center",
               $justifyContent: "center",
-              children: /* @__PURE__ */ o(
-                n,
+              children: /* @__PURE__ */ i(
+                o,
                 {
                   $width: 370,
                   $height: 370,
@@ -88,18 +79,18 @@ const { GREEN_4: m } = w(), Q = T(function() {
                   $justifyContent: "center",
                   $position: "relative",
                   children: [
-                    l ? /* @__PURE__ */ e($, { width: 60, height: 72, color: m, $top: 40, $right: 60 }) : null,
+                    d ? /* @__PURE__ */ e($, { width: 60, height: 72, $top: 40, $right: 60 }) : null,
                     /* @__PURE__ */ e(
-                      H,
+                      B,
                       {
                         $width: 270,
                         $height: 270,
                         $borderRadius: 270,
                         $borderColor: "BLACK_T_87",
                         children: s.map((t, r) => /* @__PURE__ */ e(
-                          W,
+                          H,
                           {
-                            $offset: r - i,
+                            $offset: r - n,
                             $transitionEnabled: p,
                             children: /* @__PURE__ */ e(
                               c,
@@ -112,11 +103,11 @@ const { GREEN_4: m } = w(), Q = T(function() {
                               }
                             )
                           },
-                          r
+                          t
                         ))
                       }
                     ),
-                    /* @__PURE__ */ e(v, { $renderAs: "ac3-black", children: "School Math" })
+                    /* @__PURE__ */ e(W, { $renderAs: "ac3-black", children: "School Math" })
                   ]
                 }
               )

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;"}