@cuemath/leap 2.8.53-link.2 → 2.8.53

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { circleDetails, goalDetails, parentAppDetails } from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${index}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={450}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":"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"}
+{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { circleDetails, goalDetails, parentAppDetails } from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${index}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={450}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;AAaM,MAAAA,IAAsBC,EAAK,MAAM;AAC/B,QAAA,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GACzC,EAAE,IAAAC,MAAOF,GAETG,IAAkBC,EAAQ,MAAM;AACpC,YAAQF,GAAI;AAAA,MACV,KAAKG,EAAY;AACR,eAAAC;AAAA,MACT,KAAKD,EAAY;AACR,eAAAE;AAAA,MACT,KAAKF,EAAY;AACR,eAAAG;AAAA,MACT;AACE,eAAO,CAAC;AAAA,IAAA;AAAA,EACZ,GACC,CAACN,CAAE,CAAC;AAGL,SAAA,gBAAAO,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAe,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UAC/D,UAAAX,EAAgB,SAAS,IACtBA,EAAgB,IAAI,CAACY,GAASC,GAAOC,MAAiB;AAC9C,YAAA;AAAA,QACJ,OAAAC;AAAA,QACA,aAAAC;AAAA,QACA,qBAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,WAAAC;AAAA,MACF,IAAIT,KAAW,CAAC,GACV,CAACU,GAAOC,CAAM,IAAIF,KAAa,CAAC,GAChCG,IAAcX,MAAUC,EAAa,SAAS;AAGlD,aAAA,gBAAAR,EAACmB,GAAmC,EAAA,OAAO,GACzC,UAAA;AAAA,QAAA,gBAAAjB;AAAA,UAACkB;AAAAA,UAAA;AAAA,YACC,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,cAAa;AAAA,YACb,aAAaT;AAAA,YACb,MAAMG;AAAA,YACN,gBAAgBI;AAAA,YAEhB,4BAACG,GAAM,EAAA,KAAKR,GAAiB,OAAAG,GAAc,QAAAC,GAAgB,YAAU,GAAC,CAAA;AAAA,UAAA;AAAA,QACxE;AAAA,QACA,gBAAAjB;AAAA,UAACsB;AAAAA,UAAA;AAAA,YACC,aAAaV;AAAA,YACb,OAAO;AAAA,YACP,UAAU;AAAA,YACV,cAAa;AAAA,YACb,gBAAgBM;AAAA,YAChB,UAAQ;AAAA,YAER,UAAA;AAAA,cAAA,gBAAAhB,EAACqB,GAAA,EAAmB,WAAU,aAAa,UAAMd,GAAA;AAAA,cACjD,gBAAAP,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,gCACtBoB,GAAA,EAAmB,WAAU,OAC3B,UAAO,OAAAb,KAAgB,WACpBA,IACAA,EAAY,IAAI,CAAAc,wBAAS,MAAI,EAAA,UAAAA,EAAK,CAAA,CAAK,EAC7C,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAzBW,EAAA,GAAA,YAAYjB,CAAK,EA2BhC;AAAA,IAAA,CAEH,IACD,KACN,CAAA;AAAA,IACCd,MAAOG,EAAY,cAEhB,gBAAAI,EAAAyB,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAvB,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,MACvB,gBAAAH;AAAA,QAACK;AAAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA;AAAA,YAAC,gBAAAH,EAAAwB,GAAA,EAAK,WAAU,OAAM,UAA2C,+CAAA;AAAA,YACjE,gBAAAxB,EAACyB,GAAA,EACC,UAAA,gBAAAzB;AAAA,cAACmB;AAAA,cAAA;AAAA,gBACC,KAAKO,EAAc;AAAA,gBACnB,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,YAAU;AAAA,cAAA;AAAA,YAAA,EAEd,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EACF,CAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetTrialPricing } from '../../api/trial-pricing';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst SessionPricing = memo(() => {\n  const { isTeacher, studentId, updateButtonState } = useTrialSessionContext();\n\n  const {\n    data: pricingData,\n    get: getTrialPricing,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetTrialPricing('trial-v3-pricing', {\n    student_id: studentId,\n  });\n\n  const fetchData = useCallback(() => {\n    if (studentId && !isProcessed) {\n      getTrialPricing('trial-v3-pricing', { student_id: studentId });\n    }\n  }, [getTrialPricing, isProcessed, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, isTeacher, updateButtonState]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error height=\"100vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.Container>\n        <Separator height={60} />\n        <SlideHeader marginBottom={38} />\n        <Styled.PricingWrapper>\n          <FlexView\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGap={20}\n            $flexWrap\n          >\n            {pricingData &&\n              Array.isArray(pricingData) &&\n              pricingData.map((pricing, index) => {\n                const {\n                  amount,\n                  duration: durationWithoutCoupon,\n                  amount_after_coupon: amountAfterCoupon,\n                  classes_per_week: classesPerWeek,\n                  currency_symbol: currencySymbol,\n                  discount_details: discountDetails,\n                  fee_per_class_after_discount: feePerClassAfterDiscount,\n                  meta_text: metaText,\n                  no_of_classes: noOfClasses,\n                } = pricing || {};\n                const {\n                  discount_duration: discountDuration,\n                  original_plan_details: originalPlanDetails,\n                } = discountDetails || {};\n                const { duration } = originalPlanDetails || {};\n\n                return (\n                  <Styled.PricingBoard\n                    key={`price-${index}`}\n                    $width={287}\n                    $height={393}\n                    $gutterX={2.5}\n                    $gapX={2.125}\n                    $justifyContent=\"space-between\"\n                  >\n                    <Styled.ImageWrapper $color={layoutPrimaryColor[index % 2] ?? 'WHITE_4'}>\n                      <HangingBoardComp width={287} height={393} />\n                    </Styled.ImageWrapper>\n                    <div>\n                      <Separator height={30} />\n                      <Text $renderAs=\"ah2-black\">\n                        {duration || durationWithoutCoupon}&nbsp;\n                        <Text $renderAs=\"ac2-black\" $inline>\n                          Months\n                        </Text>\n                      </Text>\n                      {discountDuration && (\n                        <Styled.OfferText\n                          $renderAs=\"ub3-bold\"\n                          $background={layoutPrimaryColor[index % 2] ?? 'WHITE_4'}\n                        >\n                          Get extra {discountDuration} Months FREE\n                        </Styled.OfferText>\n                      )}\n                    </div>\n\n                    <div>\n                      {amountAfterCoupon !== amount ? (\n                        <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n                          {currencySymbol + amount}\n                          <Text $renderAs=\"ab1-black\" $inline>\n                            &nbsp;\n                            {currencySymbol + amountAfterCoupon}\n                          </Text>\n                        </Text>\n                      ) : (\n                        <Text $renderAs=\"ab1-black\" $inline>\n                          {currencySymbol + amountAfterCoupon}\n                        </Text>\n                      )}\n                      <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n                    </div>\n\n                    <div>\n                      <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n                      <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n                    </div>\n\n                    {metaText && (\n                      <Styled.OfferText\n                        $renderAs=\"ub3-bold\"\n                        $background={layoutPrimaryColor[index % 2] ?? 'WHITE_4'}\n                      >\n                        {metaText}\n                      </Styled.OfferText>\n                    )}\n                  </Styled.PricingBoard>\n                );\n              })}\n          </FlexView>\n          <Separator height={50} />\n          <Styled.PolicyWrapper>\n            <Text $renderAs=\"ab1-bold\" $color=\"GREEN_6\">\n              We have a no-questions-asked refund policy\n            </Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY}\n                width={168}\n                height={100}\n                withLoader={false}\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.PolicyWrapper>\n        </Styled.PricingWrapper>\n      </Styled.Container>\n    );\n  }\n\n  return null;\n});\n\nexport default SessionPricing;\n"],"names":["layoutPrimaryColor","SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","pricing","index","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","currencySymbol","discountDetails","feePerClassAfterDiscount","metaText","noOfClasses","discountDuration","originalPlanDetails","duration","Styled.PricingBoard","Styled.ImageWrapper","HangingBoardComp","Text","Styled.OfferText","Styled.PolicyWrapper","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAMA,IAAkD;AAAA,EACtD,GAAG;AAAA,EACH,GAAG;AACL,GAEMC,KAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,MAAsBC,EAAuB,GAErE;AAAA,IACJ,MAAMC;AAAA,IACN,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAmB,oBAAoB;AAAA,IACzC,YAAYR;AAAA,EAAA,CACb,GAEKS,IAAYC,EAAY,MAAM;AAC9B,IAAAV,KAAa,CAACK,KAChBD,EAAgB,oBAAoB,EAAE,YAAYJ,EAAW,CAAA;AAAA,EAE9D,GAAA,CAACI,GAAiBC,GAAaL,CAAS,CAAC;AAU5C,SARAW,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAAV,EAAkB,SAAS,EAAE,YAAYK,GAAc,WAAW,IAAO;AAAA,EACxE,GAAA,CAACA,GAAcP,GAAWE,CAAiB,CAAC,GAE3CK,IACK,gBAAAM,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BN,IACM,gBAAAK,EAAAE,GAAA,EAAM,QAAO,SAAQ,YAAYL,EAAW,CAAA,IAGlDJ,IAEA,gBAAAU,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,GAAI,CAAA;AAAA,IAC/B,gBAAAH,EAACI,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAS;AAAA,UAER,UAAAjB,KACC,MAAM,QAAQA,CAAW,KACzBA,EAAY,IAAI,CAACkB,GAASC,MAAU;AAC5B,kBAAA;AAAA,cACJ,QAAAC;AAAA,cACA,UAAUC;AAAA,cACV,qBAAqBC;AAAA,cACrB,kBAAkBC;AAAA,cAClB,iBAAiBC;AAAA,cACjB,kBAAkBC;AAAA,cAClB,8BAA8BC;AAAA,cAC9B,WAAWC;AAAA,cACX,eAAeC;AAAA,YAAA,IACbV,KAAW,CAAA,GACT;AAAA,cACJ,mBAAmBW;AAAA,cACnB,uBAAuBC;AAAA,YAAA,IACrBL,KAAmB,CAAA,GACjB,EAAE,UAAAM,EAAA,IAAaD,KAAuB;AAG1C,mBAAA,gBAAAlB;AAAA,cAACoB;AAAAA,cAAA;AAAA,gBAEC,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,iBAAgB;AAAA,gBAEhB,UAAA;AAAA,kBAAA,gBAAAvB,EAACwB,GAAA,EAAoB,QAAQxC,EAAmB0B,IAAQ,CAAC,KAAK,WAC5D,4BAACe,GAAiB,EAAA,OAAO,KAAK,QAAQ,IAAK,CAAA,GAC7C;AAAA,oCACC,OACC,EAAA,UAAA;AAAA,oBAAC,gBAAAzB,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACvB,gBAAAF,EAACuB,GAAK,EAAA,WAAU,aACb,UAAA;AAAA,sBAAYJ,KAAAV;AAAA,sBAAsB;AAAA,wCAClCc,GAAK,EAAA,WAAU,aAAY,SAAO,IAAC,UAEpC,UAAA;AAAA,oBAAA,GACF;AAAA,oBACCN,KACC,gBAAAjB;AAAA,sBAACwB;AAAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,aAAa3C,EAAmB0B,IAAQ,CAAC,KAAK;AAAA,wBAC/C,UAAA;AAAA,0BAAA;AAAA,0BACYU;AAAA,0BAAiB;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAC9B;AAAA,kBAAA,GAEJ;AAAA,oCAEC,OACE,EAAA,UAAA;AAAA,oBAAAP,MAAsBF,IACpB,gBAAAR,EAAAuB,GAAA,EAAK,WAAU,OAAM,iBAAgB,gBACnC,UAAA;AAAA,sBAAiBX,IAAAJ;AAAA,sBACjB,gBAAAR,EAAAuB,GAAA,EAAK,WAAU,aAAY,SAAO,IAAC,UAAA;AAAA,wBAAA;AAAA,wBAEjCX,IAAiBF;AAAA,sBAAA,GACpB;AAAA,oBACF,EAAA,CAAA,sBAECa,GAAK,EAAA,WAAU,aAAY,SAAO,IAChC,cAAiBb,EACpB,CAAA;AAAA,oBAEF,gBAAAV,EAACuB,GAAK,EAAA,WAAU,OAAM,UAAA;AAAA,sBAAA;AAAA,sBAAET;AAAA,sBAAyB;AAAA,oBAAA,GAAO;AAAA,kBAAA,GAC1D;AAAA,oCAEC,OACC,EAAA,UAAA;AAAA,oBAAC,gBAAAd,EAAAuB,GAAA,EAAK,WAAU,OAAO,UAAA;AAAA,sBAAAP;AAAA,sBAAY;AAAA,oBAAA,GAAQ;AAAA,oBAC3C,gBAAAhB,EAACuB,GAAK,EAAA,WAAU,OAAM,UAAA;AAAA,sBAAA;AAAA,sBAAEZ,IAAiB;AAAA,sBAAE;AAAA,oBAAA,GAAY;AAAA,kBAAA,GACzD;AAAA,kBAECI,KACC,gBAAAlB;AAAA,oBAAC2B;AAAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,aAAa3C,EAAmB0B,IAAQ,CAAC,KAAK;AAAA,sBAE7C,UAAAQ;AAAA,oBAAA;AAAA,kBACH;AAAA,gBAAA;AAAA,cAAA;AAAA,cAxDG,SAASR,CAAK;AAAA,YAAA;AAAA,UA0DrB,CAEH;AAAA,QAAA;AAAA,MACL;AAAA,MACA,gBAAAV,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,MACvB,gBAAAF,EAACyB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAA5B,EAAC0B,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,QACA,gBAAA1B,EAAC6B,GAAA,EACC,UAAA,gBAAA7B;AAAA,UAAC8B;AAAA,UAAA;AAAA,YACC,KAAKC,EAAc;AAAA,YACnB,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UAAA;AAAA,QAAA,GAEhB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}
+{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetTrialPricing } from '../../api/trial-pricing';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst SessionPricing = memo(() => {\n  const { isTeacher, studentId, updateButtonState } = useTrialSessionContext();\n\n  const {\n    data: pricingData,\n    get: getTrialPricing,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetTrialPricing('trial-v3-pricing', {\n    student_id: studentId,\n  });\n\n  const fetchData = useCallback(() => {\n    if (studentId && !isProcessed) {\n      getTrialPricing('trial-v3-pricing', { student_id: studentId });\n    }\n  }, [getTrialPricing, isProcessed, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, isTeacher, updateButtonState]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error height=\"100vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.Container>\n        <Separator height={60} />\n        <SlideHeader marginBottom={38} />\n        <Styled.PricingWrapper>\n          <FlexView\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGap={20}\n            $flexWrap\n          >\n            {pricingData &&\n              Array.isArray(pricingData) &&\n              pricingData.map((pricing, index) => {\n                const {\n                  amount,\n                  duration: durationWithoutCoupon,\n                  amount_after_coupon: amountAfterCoupon,\n                  classes_per_week: classesPerWeek,\n                  currency_symbol: currencySymbol,\n                  discount_details: discountDetails,\n                  fee_per_class_after_discount: feePerClassAfterDiscount,\n                  meta_text: metaText,\n                  no_of_classes: noOfClasses,\n                } = pricing || {};\n                const {\n                  discount_duration: discountDuration,\n                  original_plan_details: originalPlanDetails,\n                } = discountDetails || {};\n                const { duration } = originalPlanDetails || {};\n\n                return (\n                  <Styled.PricingBoard\n                    key={`price-${index}`}\n                    $width={287}\n                    $height={393}\n                    $gutterX={2.5}\n                    $gapX={2.125}\n                    $justifyContent=\"space-between\"\n                  >\n                    <Styled.ImageWrapper $color={layoutPrimaryColor[index % 2] ?? 'WHITE_4'}>\n                      <HangingBoardComp width={287} height={393} />\n                    </Styled.ImageWrapper>\n                    <div>\n                      <Separator height={30} />\n                      <Text $renderAs=\"ah2-black\">\n                        {duration || durationWithoutCoupon}&nbsp;\n                        <Text $renderAs=\"ac2-black\" $inline>\n                          Months\n                        </Text>\n                      </Text>\n                      {discountDuration && (\n                        <Styled.OfferText\n                          $renderAs=\"ub3-bold\"\n                          $background={layoutPrimaryColor[index % 2] ?? 'WHITE_4'}\n                        >\n                          Get extra {discountDuration} Months FREE\n                        </Styled.OfferText>\n                      )}\n                    </div>\n\n                    <div>\n                      {amountAfterCoupon !== amount ? (\n                        <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n                          {currencySymbol + amount}\n                          <Text $renderAs=\"ab1-black\" $inline>\n                            &nbsp;\n                            {currencySymbol + amountAfterCoupon}\n                          </Text>\n                        </Text>\n                      ) : (\n                        <Text $renderAs=\"ab1-black\" $inline>\n                          {currencySymbol + amountAfterCoupon}\n                        </Text>\n                      )}\n                      <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n                    </div>\n\n                    <div>\n                      <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n                      <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n                    </div>\n\n                    {metaText && (\n                      <Styled.OfferText\n                        $renderAs=\"ub3-bold\"\n                        $background={layoutPrimaryColor[index % 2] ?? 'WHITE_4'}\n                      >\n                        {metaText}\n                      </Styled.OfferText>\n                    )}\n                  </Styled.PricingBoard>\n                );\n              })}\n          </FlexView>\n          <Separator height={50} />\n          <Styled.PolicyWrapper>\n            <Text $renderAs=\"ab1-bold\" $color=\"GREEN_6\">\n              We have a no-questions-asked refund policy\n            </Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY}\n                width={168}\n                height={100}\n                withLoader={false}\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.PolicyWrapper>\n        </Styled.PricingWrapper>\n      </Styled.Container>\n    );\n  }\n\n  return null;\n});\n\nexport default SessionPricing;\n"],"names":["layoutPrimaryColor","SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","pricing","index","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","currencySymbol","discountDetails","feePerClassAfterDiscount","metaText","noOfClasses","discountDuration","originalPlanDetails","duration","Styled.PricingBoard","Styled.ImageWrapper","HangingBoardComp","Text","Styled.OfferText","Styled.PolicyWrapper","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './school-goals-styled';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  onNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = ({\n  name,\n  onNameChange,\n  grade,\n  grades,\n  onGradeChange,\n  curriculum,\n  curriculumStandards,\n  onCurriculumChange,\n  selectedGoal,\n  goalsList,\n  onGoalChange,\n}: ISchoolGoals) => {\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n            />\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Select Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Select Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","name","onNameChange","grade","grades","onGradeChange","curriculum","curriculumStandards","onCurriculumChange","selectedGoal","goalsList","onGoalChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,oBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,IACA,gBAAAR;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAY;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASC;AAAA,gBACT,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,UAAA,GACF;AAAA,UACA,gBAAAS;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOlB;AAAA,cACP,SAASC;AAAA,cACT,UAAU,CAACJ;AAAA,cACX,OAAM;AAAA,cACN,iBAAgB;AAAA,cAChB,OAAM;AAAA,cACN,UAAUK;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,UACA,gBAAAM;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOhB;AAAA,cACP,SAASC;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUC;AAAA,cACV,eAAa;AAAA,cACb,UAAU,CAACR,KAAS,CAACG;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GACF;AACF,EAAA,CAAA;"}
+{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './school-goals-styled';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  onNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = ({\n  name,\n  onNameChange,\n  grade,\n  grades,\n  onGradeChange,\n  curriculum,\n  curriculumStandards,\n  onCurriculumChange,\n  selectedGoal,\n  goalsList,\n  onGoalChange,\n}: ISchoolGoals) => {\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n            />\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Select Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Select Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","name","onNameChange","grade","grades","onGradeChange","curriculum","curriculumStandards","onCurriculumChange","selectedGoal","goalsList","onGoalChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,oBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,IACA,gBAAAR;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAY;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASC;AAAA,gBACT,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,eAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UACf,GACF;AAAA,UACA,gBAAAS;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOlB;AAAA,cACP,SAASC;AAAA,cACT,UAAU,CAACJ;AAAA,cACX,OAAM;AAAA,cACN,iBAAgB;AAAA,cAChB,OAAM;AAAA,cACN,UAAUK;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,UACA,gBAAAM;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOhB;AAAA,cACP,SAASC;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUC;AAAA,cACV,eAAa;AAAA,cACb,UAAU,CAACR,KAAS,CAACG;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EACF,CAAA;AAAA,GACF;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"session-report.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { useUIContext } from '../../../ui/context/context';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionReports } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from '../student-feedback/student-feedback-constants';\nimport ReportCard from './report-card';\nimport * as Styled from './session-report-styled';\n\nconst SessionReport = memo(() => {\n  const { onEvent: trackEvent } = useUIContext();\n  const { formData, milestoneConfig } = useTrialSessionContext();\n  const { name, grade, attemptId = 'shg', personalizedLevel = [] } = formData || {};\n\n  const {\n    data: sessionReports,\n    get: getSessionReports,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionReports();\n\n  const selectedSessionLevel = useMemo(() => {\n    const selectedLabel =\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      })?.find(sessionLevel => sessionLevel.id === personalizedLevel?.[0])?.label ?? '';\n\n    return studentLevels[selectedLabel.toLowerCase()];\n  }, [grade, milestoneConfig, personalizedLevel]);\n\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const fetchData = useCallback(() => {\n    const studentLevel = getFormattedStudentPersonalizedPreference(\n      milestoneConfig,\n      personalizedLevel,\n    );\n\n    if (attemptId && name && studentLevel.length > 0) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel[0]?.preference_name ?? '',\n        student_name: name,\n      });\n    }\n  }, [attemptId, getSessionReports, milestoneConfig, name, personalizedLevel]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={selectedSessionLevel?.title ?? ''} />\n      {renderReportsInfoCard ? (\n        <Styled.ContentWrapper $width={750} $borderColor=\"BLACK_1\">\n          <Styled.ReportWrapper $flexDirection=\"row\" $height={100} $background=\"YELLOW_1\">\n            {renderReportsInfoCard}\n          </Styled.ReportWrapper>\n          <Styled.TopicWrapper $flexDirection=\"row\" $background=\"WHITE_1\">\n            {topicData &&\n              topicData.length > 0 &&\n              topicData.map(topic => {\n                const {\n                  topic_name: topicName,\n                  topic_image: topicImage,\n                  summary,\n                  is_attempted: isAttempted,\n                } = topic;\n\n                if (!topicImage) {\n                  trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n                }\n\n                return (\n                  <FlexView\n                    key={topicName}\n                    $gap={35}\n                    $gutter={29}\n                    $flex={1}\n                    $alignItems=\"center\"\n                    $opacity={isAttempted ? 1 : 0.4}\n                  >\n                    <Styled.TopicImage\n                      $active={!!isAttempted}\n                      src={topicImage || defaultTopicImage}\n                      borderRadius={96}\n                      height={96}\n                      width={96}\n                      alt=\"topic\"\n                      withLoader\n                    />\n                    <Separator height={12} />\n                    <Text $renderAs=\"ab3-black\" $align=\"center\">\n                      {topicName}\n                    </Text>\n                    <Separator height={2} />\n                    <Text $renderAs=\"ub3\" $align=\"center\">\n                      {summary}\n                    </Text>\n                  </FlexView>\n                );\n              })}\n          </Styled.TopicWrapper>\n          <FlexView\n            $flexDirection=\"row\"\n            $background=\"YELLOW_3\"\n            $flexGap={4}\n            $alignItems=\"center\"\n            $gap={9}\n            $gutter={8}\n          >\n            <Image\n              src={ILLUSTRATIONS.COMMUNITY_BULB}\n              width={80}\n              height={80}\n              withLoader\n              alt=\"bulb\"\n            />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-black\">\n                Next Steps: <Styled.InlineText $renderAs=\"ab2\">{nextSteps}</Styled.InlineText>\n              </Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper\n          $width={750}\n          $height={400}\n          $borderColor=\"BLACK_1\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $background=\"WHITE_1\"\n        >\n          <Image\n            src={ILLUSTRATIONS.REPORT_404}\n            height={152}\n            width={152}\n            withLoader\n            alt=\"report-404\"\n          />\n          <Text $renderAs=\"ab1-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n            Oops! {name} didn’t attempt\n            <br />\n            any problems.\n          </Text>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default SessionReport;\n"],"names":["SessionReport","memo","trackEvent","useUIContext","formData","milestoneConfig","useTrialSessionContext","name","grade","attemptId","personalizedLevel","sessionReports","getSessionReports","isProcessing","isProcessingFailed","useGetSessionReports","selectedSessionLevel","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","studentLevels","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","fetchData","useCallback","studentLevel","getFormattedStudentPersonalizedPreference","useEffect","renderReportsInfoCard","jsxs","Fragment","jsx","ReportCard","Error","AppLoader","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","FlexView","Styled.TopicImage","Text","Image","ILLUSTRATIONS","Styled.InlineText"],"mappings":"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"}
+{"version":3,"file":"session-report.js","sources":["../../../../../src/features/trial-session/comps/session-report/session-report.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { useUIContext } from '../../../ui/context/context';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetSessionReports } from '../../api/trial-home';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { getFormattedStudentPersonalizedPreference } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport { studentLevels } from '../student-feedback/student-feedback-constants';\nimport ReportCard from './report-card';\nimport * as Styled from './session-report-styled';\n\nconst SessionReport = memo(() => {\n  const { onEvent: trackEvent } = useUIContext();\n  const { formData, milestoneConfig } = useTrialSessionContext();\n  const { name, grade, attemptId = 'shg', personalizedLevel = [] } = formData || {};\n\n  const {\n    data: sessionReports,\n    get: getSessionReports,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetSessionReports();\n\n  const selectedSessionLevel = useMemo(() => {\n    const selectedLabel =\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      })?.find(sessionLevel => sessionLevel.id === personalizedLevel?.[0])?.label ?? '';\n\n    return studentLevels[selectedLabel.toLowerCase()];\n  }, [grade, milestoneConfig, personalizedLevel]);\n\n  const {\n    next_steps: nextSteps,\n    topic_data: topicData,\n    solved_with_help: solvedWithHelp,\n    problems_attempted: problemsAttempted,\n    new_concepts_learnt: newConceptsLearnt,\n    solved_independently: solvedIndependently,\n    default_topic_image_url: defaultTopicImage,\n  } = sessionReports || {};\n\n  const fetchData = useCallback(() => {\n    const studentLevel = getFormattedStudentPersonalizedPreference(\n      milestoneConfig,\n      personalizedLevel,\n    );\n\n    if (attemptId && name && studentLevel.length > 0) {\n      getSessionReports(attemptId, {\n        student_level: studentLevel[0]?.preference_name ?? '',\n        student_name: name,\n      });\n    }\n  }, [attemptId, getSessionReports, milestoneConfig, name, personalizedLevel]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const renderReportsInfoCard = useMemo(() => {\n    if (!problemsAttempted) return null;\n\n    if (problemsAttempted === solvedIndependently || (!solvedWithHelp && solvedIndependently)) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} />\n          <ReportCard\n            title=\"Performance\"\n            value={`${Math.round((solvedIndependently / problemsAttempted) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    if (!solvedWithHelp && !solvedIndependently) {\n      return <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />;\n    }\n\n    if (solvedWithHelp && newConceptsLearnt) {\n      return (\n        <>\n          <ReportCard title=\"Problems Attempted\" value={problemsAttempted} />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (isProcessingFailed) {\n    return <Error height=\"70vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessing || !sessionReports) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={selectedSessionLevel?.title ?? ''} />\n      {renderReportsInfoCard ? (\n        <Styled.ContentWrapper $width={750} $borderColor=\"BLACK_1\">\n          <Styled.ReportWrapper $flexDirection=\"row\" $height={100} $background=\"YELLOW_1\">\n            {renderReportsInfoCard}\n          </Styled.ReportWrapper>\n          <Styled.TopicWrapper $flexDirection=\"row\" $background=\"WHITE_1\">\n            {topicData &&\n              topicData.length > 0 &&\n              topicData.map(topic => {\n                const {\n                  topic_name: topicName,\n                  topic_image: topicImage,\n                  summary,\n                  is_attempted: isAttempted,\n                } = topic;\n\n                if (!topicImage) {\n                  trackEvent('TOPIC_THUMBNAIL_NOT_AVAILABLE', topic);\n                }\n\n                return (\n                  <FlexView\n                    key={topicName}\n                    $gap={35}\n                    $gutter={29}\n                    $flex={1}\n                    $alignItems=\"center\"\n                    $opacity={isAttempted ? 1 : 0.4}\n                  >\n                    <Styled.TopicImage\n                      $active={!!isAttempted}\n                      src={topicImage || defaultTopicImage}\n                      borderRadius={96}\n                      height={96}\n                      width={96}\n                      alt=\"topic\"\n                      withLoader\n                    />\n                    <Separator height={12} />\n                    <Text $renderAs=\"ab3-black\" $align=\"center\">\n                      {topicName}\n                    </Text>\n                    <Separator height={2} />\n                    <Text $renderAs=\"ub3\" $align=\"center\">\n                      {summary}\n                    </Text>\n                  </FlexView>\n                );\n              })}\n          </Styled.TopicWrapper>\n          <FlexView\n            $flexDirection=\"row\"\n            $background=\"YELLOW_3\"\n            $flexGap={4}\n            $alignItems=\"center\"\n            $gap={9}\n            $gutter={8}\n          >\n            <Image\n              src={ILLUSTRATIONS.COMMUNITY_BULB}\n              width={80}\n              height={80}\n              withLoader\n              alt=\"bulb\"\n            />\n            <FlexView $flex={1}>\n              <Text $renderAs=\"ab2-black\">\n                Next Steps: <Styled.InlineText $renderAs=\"ab2\">{nextSteps}</Styled.InlineText>\n              </Text>\n            </FlexView>\n          </FlexView>\n        </Styled.ContentWrapper>\n      ) : (\n        <Styled.ContentWrapper\n          $width={750}\n          $height={400}\n          $borderColor=\"BLACK_1\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $background=\"WHITE_1\"\n        >\n          <Image\n            src={ILLUSTRATIONS.REPORT_404}\n            height={152}\n            width={152}\n            withLoader\n            alt=\"report-404\"\n          />\n          <Text $renderAs=\"ab1-bold\" $color=\"BLACK_T_60\" $align=\"center\">\n            Oops! {name} didn’t attempt\n            <br />\n            any problems.\n          </Text>\n        </Styled.ContentWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default SessionReport;\n"],"names":["SessionReport","memo","trackEvent","useUIContext","formData","milestoneConfig","useTrialSessionContext","name","grade","attemptId","personalizedLevel","sessionReports","getSessionReports","isProcessing","isProcessingFailed","useGetSessionReports","selectedSessionLevel","useMemo","selectedLabel","_b","_a","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","sessionLevel","studentLevels","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","fetchData","useCallback","studentLevel","getFormattedStudentPersonalizedPreference","useEffect","renderReportsInfoCard","jsxs","Fragment","jsx","ReportCard","Error","AppLoader","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","FlexView","Styled.TopicImage","Text","Image","ILLUSTRATIONS","Styled.InlineText"],"mappings":"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"}

package/dist/features/trial-session/comps/slide-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/slide-header/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\ninterface ISlideHeader {\n  marginBottom?: number;\n  textToInsert?: string;\n}\n\nconst Header = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst SlideHeader: FC<ISlideHeader> = memo(props => {\n  const { marginBottom = 50, textToInsert } = props;\n  const { slideConfig } = useTrialSessionContext();\n  const { header, subHeader } = slideConfig;\n\n  const bottomSeparatorHeight = useMemo(() => {\n    if (subHeader) {\n      return marginBottom - 20;\n    }\n\n    return marginBottom;\n  }, [marginBottom, subHeader]);\n\n  return (\n    <>\n      <Header $renderAs=\"ah3-bold\" $align=\"center\">\n        {header}\n      </Header>\n      {subHeader ? (\n        <Text $renderAs=\"ub2-bold\" $align=\"center\" $color=\"BLACK_T_60\">\n          {textToInsert ? subHeader.replace('/insert-text/', textToInsert) : subHeader}\n        </Text>\n      ) : null}\n      <Separator height={bottomSeparatorHeight} />\n    </>\n  );\n});\n\nexport default SlideHeader;\n"],"names":["Header","styled","Text","SlideHeader","memo","props","marginBottom","textToInsert","slideConfig","useTrialSessionContext","header","subHeader","bottomSeparatorHeight","useMemo","jsxs","Fragment","jsx","Separator"],"mappings":";;;;;;AAcA,MAAMA,IAASC,EAAOC,CAAI;AAAA;AAAA,GAIpBC,IAAgCC,EAAK,CAASC,MAAA;AAClD,QAAM,EAAE,cAAAC,IAAe,IAAI,cAAAC,EAAA,IAAiBF,GACtC,EAAE,aAAAG,MAAgBC,KAClB,EAAE,QAAAC,GAAQ,WAAAC,EAAc,IAAAH,GAExBI,IAAwBC,EAAQ,MAChCF,IACKL,IAAe,KAGjBA,GACN,CAACA,GAAcK,CAAS,CAAC;AAE5B,SAEI,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAChB,GAAO,EAAA,WAAU,YAAW,QAAO,UACjC,UACHU,GAAA;AAAA,IACCC,IACE,gBAAAK,EAAAd,GAAA,EAAK,WAAU,YAAW,QAAO,UAAS,QAAO,cAC/C,UAAAK,IAAeI,EAAU,QAAQ,iBAAiBJ,CAAY,IAAII,EACrE,CAAA,IACE;AAAA,IACJ,gBAAAK,EAACC,GAAU,EAAA,QAAQL,EAAuB,CAAA;AAAA,EAC5C,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/slide-header/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\ninterface ISlideHeader {\n  marginBottom?: number;\n  textToInsert?: string;\n}\n\nconst Header = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst SlideHeader: FC<ISlideHeader> = memo(props => {\n  const { marginBottom = 50, textToInsert } = props;\n  const { slideConfig } = useTrialSessionContext();\n  const { header, subHeader } = slideConfig;\n\n  const bottomSeparatorHeight = useMemo(() => {\n    if (subHeader) {\n      return marginBottom - 20;\n    }\n\n    return marginBottom;\n  }, [marginBottom, subHeader]);\n\n  return (\n    <>\n      <Header $renderAs=\"ah3-bold\" $align=\"center\">\n        {header}\n      </Header>\n      {subHeader ? (\n        <Text $renderAs=\"ub2-bold\" $align=\"center\" $color=\"BLACK_T_60\">\n          {textToInsert ? subHeader.replace('/insert-text/', textToInsert) : subHeader}\n        </Text>\n      ) : null}\n      <Separator height={bottomSeparatorHeight} />\n    </>\n  );\n});\n\nexport default SlideHeader;\n"],"names":["Header","styled","Text","SlideHeader","memo","props","marginBottom","textToInsert","slideConfig","useTrialSessionContext","header","subHeader","bottomSeparatorHeight","useMemo","jsxs","Fragment","jsx","Separator"],"mappings":";;;;;;AAcA,MAAMA,IAASC,EAAOC,CAAI;AAAA;AAAA,GAIpBC,IAAgCC,EAAK,CAASC,MAAA;AAClD,QAAM,EAAE,cAAAC,IAAe,IAAI,cAAAC,EAAiB,IAAAF,GACtC,EAAE,aAAAG,EAAY,IAAIC,EAAuB,GACzC,EAAE,QAAAC,GAAQ,WAAAC,EAAA,IAAcH,GAExBI,IAAwBC,EAAQ,MAChCF,IACKL,IAAe,KAGjBA,GACN,CAACA,GAAcK,CAAS,CAAC;AAE5B,SAEI,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAChB,GAAO,EAAA,WAAU,YAAW,QAAO,UACjC,UACHU,GAAA;AAAA,IACCC,IACE,gBAAAK,EAAAd,GAAA,EAAK,WAAU,YAAW,QAAO,UAAS,QAAO,cAC/C,UAAAK,IAAeI,EAAU,QAAQ,iBAAiBJ,CAAY,IAAII,EACrE,CAAA,IACE;AAAA,IACJ,gBAAAK,EAACC,GAAU,EAAA,QAAQL,EAAuB,CAAA;AAAA,EAAA,GAC5C;AAEJ,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/solutions/index.tsx"],"sourcesContent":["import type { ISolution } from '../../trial-session-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './solutions.styled';\n\nconst Solutions: React.FC<{ solutions: ISolution[] }> = ({ solutions }) => {\n  return solutions && solutions.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        SOLUTIONS\n      </Text>\n      <Separator height={8} />\n      <Styled.SolutionContainer $flexDirection=\"column\" $flexGap={8}>\n        {solutions.map((solution: ISolution) => {\n          const { media, text, media_type } = solution;\n\n          return (\n            <FlexView\n              key={media || text}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <FlexView>\n                {text && (\n                  <>\n                    <Styled.SolutionText $renderAs=\"body2\">{text}</Styled.SolutionText>\n                    {media && <Separator />}\n                  </>\n                )}\n                {media_type === 'image' && media && <Styled.SolutionImage src={media} />}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.SolutionContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Solutions;\n"],"names":["Solutions","solutions","FlexView","jsx","Text","Separator","Styled.SolutionContainer","solution","media","text","media_type","jsxs","Styled.ChatIcon","Fragment","Styled.SolutionText","Styled.SolutionImage"],"mappings":";;;;;AASA,MAAMA,IAAkD,CAAC,EAAE,WAAAC,QAClDA,KAAaA,EAAU,SAAS,sBACpCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,aAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAyB,gBAAe,UAAS,UAAU,GACzD,UAAAL,EAAU,IAAI,CAACM,MAAwB;AACtC,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAA,IAAeH;AAGlC,WAAA,gBAAAI;AAAA,MAACT;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAgB;AAAA,4BAChBV,GACE,EAAA,UAAA;AAAA,YAAAO,KAEG,gBAAAE,EAAAE,GAAA,EAAA,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAoB,WAAU,SAAS,UAAKL,GAAA;AAAA,cAC5CD,uBAAUH,GAAU,EAAA;AAAA,YAAA,GACvB;AAAA,YAEDK,MAAe,WAAWF,KAAS,gBAAAL,EAACY,GAAA,EAAqB,KAAKP,GAAO;AAAA,UAAA,GACxE;AAAA,QAAA;AAAA,MAAA;AAAA,MAfKA,KAASC;AAAA,IAAA;AAAA,EAkBnB,CAAA,GACH;AAAA,EACF,CAAA,IACE;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/solutions/index.tsx"],"sourcesContent":["import type { ISolution } from '../../trial-session-types';\n\nimport React from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './solutions.styled';\n\nconst Solutions: React.FC<{ solutions: ISolution[] }> = ({ solutions }) => {\n  return solutions && solutions.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"eyebrow2\" $color=\"REAL_BLACK_60\">\n        SOLUTIONS\n      </Text>\n      <Separator height={8} />\n      <Styled.SolutionContainer $flexDirection=\"column\" $flexGap={8}>\n        {solutions.map((solution: ISolution) => {\n          const { media, text, media_type } = solution;\n\n          return (\n            <FlexView\n              key={media || text}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <FlexView>\n                {text && (\n                  <>\n                    <Styled.SolutionText $renderAs=\"body2\">{text}</Styled.SolutionText>\n                    {media && <Separator />}\n                  </>\n                )}\n                {media_type === 'image' && media && <Styled.SolutionImage src={media} />}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.SolutionContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Solutions;\n"],"names":["Solutions","solutions","FlexView","jsx","Text","Separator","Styled.SolutionContainer","solution","media","text","media_type","jsxs","Styled.ChatIcon","Fragment","Styled.SolutionText","Styled.SolutionImage"],"mappings":";;;;;AASA,MAAMA,IAAkD,CAAC,EAAE,WAAAC,QAClDA,KAAaA,EAAU,SAAS,sBACpCC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,iBAAgB,UAElD,aAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAyB,gBAAe,UAAS,UAAU,GACzD,UAAAL,EAAU,IAAI,CAACM,MAAwB;AACtC,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,YAAAC,EAAe,IAAAH;AAGlC,WAAA,gBAAAI;AAAA,MAACT;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAgB;AAAA,4BAChBV,GACE,EAAA,UAAA;AAAA,YAAAO,KAEG,gBAAAE,EAAAE,GAAA,EAAA,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAoB,WAAU,SAAS,UAAKL,GAAA;AAAA,cAC5CD,uBAAUH,GAAU,CAAA,CAAA;AAAA,YAAA,GACvB;AAAA,YAEDK,MAAe,WAAWF,KAAS,gBAAAL,EAACY,GAAA,EAAqB,KAAKP,EAAO,CAAA;AAAA,UAAA,EACxE,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAfKA,KAASC;AAAA,IAgBhB;AAAA,EAAA,CAEH,EACH,CAAA;AAAA,EAAA,CACF,IACE;"}

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

@@ -1,12 +1,12 @@
 import o from "styled-components";
-import i from "../../../../assets/line-icons/icons/chat.js";
-import n from "../../../ui/layout/flex-view.js";
+import r from "../../../../assets/line-icons/icons/chat.js";
+import i from "../../../ui/layout/flex-view.js";
 import e from "../../../ui/text/text.js";
 import { getTheme as m } from "../../../ui/theme/get-theme.js";
-const r = m(), { gutter: t } = r.layout, { WHITE: p } = r.colors, l = o(n)`
-  background-color: ${p};
+const n = m(), { gutter: t } = n.layout, { WHITE: c } = n.colors, l = o(i)`
+  background-color: ${c};
   padding: ${t}px ${t * 0.75}px;
-`, g = o(i)`
+`, g = o(r)`
   flex-shrink: 0;
 `, u = o(e)`
   margin-top: ${t * 0.125}px;

package/dist/features/trial-session/comps/student-enrichment/student-enrichment.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutEnrichment = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.ENRICHMENT,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutEnrichment });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","stream","regionData","countryCode","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutEnrichment","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,EAAa,IAAAJ,GAC1B,EAAE,QAAAK,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAA,GAClD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAA,GAE5DE,IAAYC;AAAA,IAChB,MACEC,EAAmBZ,GAAiB;AAAA,MAClC,aAAAS;AAAA,MACA,OAAOL,KAAS;AAAA,MAChB,cAAcS,EAAc;AAAA,MAC5B,cAAcN;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACP,GAAiBS,GAAaL,GAAOG,CAAM;AAAA,EAAA,GAGxC,EAAE,WAAWO,EAAA,IAAiBH;AAAA,IAClC,OAAMN,KAAA,gBAAAA,EAAO,KAAK,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACR,CAAK;AAAA,EAAA,GAGFW,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAyBf,KAAA,gBAAAA,EAAO;AAAA,UACpC,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,EAAA,CAAwB;AAEnD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBlB,GAAOQ,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACjB,GAAOJ,CAAiB;AAAA,EAAA;AAIzB,SAAA,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UACvE,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(() => {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutEnrichment = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.ENRICHMENT,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutEnrichment });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","stream","regionData","countryCode","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutEnrichment","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAiBM,MAAAA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,EAAuB,GACzF,EAAE,OAAAC,GAAO,OAAAC,EAAM,IAAIN,KAAY,CAAC,GAEhC,EAAE,WAAWO,EAAA,IAAaJ,GAC1B,EAAE,QAAAK,GAAQ,aAAaC,EAAW,IAAIF,KAAY,CAAC,GACnD,EAAE,qBAAqBG,IAAc,KAAK,IAAID,KAAc,CAAC,GAE7DE,IAAYC;AAAA,IAChB,MACEC,EAAmBZ,GAAiB;AAAA,MAClC,aAAAS;AAAA,MACA,OAAOL,KAAS;AAAA,MAChB,cAAcS,EAAc;AAAA,MAC5B,cAAcN;AAAA,MACd,gBAAgB;AAAA,IAAA,CACjB;AAAA,IACH,CAACP,GAAiBS,GAAaL,GAAOG,CAAM;AAAA,EAC9C,GAEM,EAAE,WAAWO,EAAA,IAAiBH;AAAA,IAClC,OAAMN,KAAA,gBAAAA,EAAO,KAAK,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACR,CAAK;AAAA,EACR,GAEMW,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAyBf,KAAA,gBAAAA,EAAO;AAAA,UACpC,CAAAU,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAZ,EAAA,EAAE,OAAOmB,GAAwB;AAEnD;AAAA,MAAA;AAGI,YAAA,EAAE,OAAAC,MAAUF,GAEZG,IAAeC,EAAqBlB,GAAOQ,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,MAAA,CAC/C;AAEiB,MAAAvB,EAAA,EAAE,OAAOqB,GAAc;AAAA,IAC3C;AAAA,IACA,CAACjB,GAAOJ,CAAiB;AAAA,EAC3B;AAGE,SAAA,gBAAAwB,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UACvE,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,uCAAA,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"student-feedback-constants.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const studentLevels: Record<string, { title: string; description: string; icon: string }> = {\n  beginner: {\n    title: 'Basic',\n    description: 'Student needs to focus on foundational concepts and skills',\n    icon: ILLUSTRATIONS.ORANGE_FACE,\n  },\n  intermediate: {\n    title: 'Intermediate',\n    description: 'Student is comfortable with the basics, and is ready to apply them in problems',\n    icon: ILLUSTRATIONS.YELLOW_FACE,\n  },\n  advanced: {\n    title: 'Advanced',\n    description: 'Student is ready to tackle challenging concepts and problems.',\n    icon: ILLUSTRATIONS.GREEN_FACE,\n  },\n};\n"],"names":["studentLevels","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAsF;AAAA,EACjG,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AACF;"}
+{"version":3,"file":"student-feedback-constants.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const studentLevels: Record<string, { title: string; description: string; icon: string }> = {\n  beginner: {\n    title: 'Basic',\n    description: 'Student needs to focus on foundational concepts and skills',\n    icon: ILLUSTRATIONS.ORANGE_FACE,\n  },\n  intermediate: {\n    title: 'Intermediate',\n    description: 'Student is comfortable with the basics, and is ready to apply them in problems',\n    icon: ILLUSTRATIONS.YELLOW_FACE,\n  },\n  advanced: {\n    title: 'Advanced',\n    description: 'Student is ready to tackle challenging concepts and problems.',\n    icon: ILLUSTRATIONS.GREEN_FACE,\n  },\n};\n"],"names":["studentLevels","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAsF;AAAA,EACjG,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMC,EAAc;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMA,EAAc;AAAA,EAAA;AAExB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"student-feedback-styled.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FeedbackWrapper = styled(FlexView)(({ theme }) => {\n  const { GREEN_1, GREEN_4 } = theme.colors;\n\n  return `\n  width: 550px;\n  margin: auto;\n  background-color: ${GREEN_1};\n  border: 1px solid ${GREEN_4};\n  position: relative;\n`;\n});\n\nconst Feedback = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    &:hover {\n      background-color: ${theme.colors.BLACK_T_87};\n      \n      .feedback-title {\n        color: ${theme.colors.WHITE_T_87};\n      }\n      .feedback-desc {\n        color: ${theme.colors.WHITE_T_60};\n      }\n    }\n  `;\n});\n\nconst BalloonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -${gutter * 0.75}px;\n  `;\n});\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\nexport { Container, FeedbackWrapper, Feedback, BalloonWrapper, InlineText };\n"],"names":["Container","styled","FeedbackWrapper","FlexView","theme","GREEN_1","GREEN_4","Feedback","BalloonWrapper","gutter","InlineText","Text"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAkBD,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA,sBAGaC,CAAO;AAAA,sBACPC,CAAO;AAAA;AAAA;AAG7B,CAAC,GAEKC,IAAWN,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC5B;AAAA;AAAA;AAAA;AAAA,0BAIiBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGhCA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGvBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,GAIvC,GAEKI,IAAiBP,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,QAAAK,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,YAIGK,IAAS,IAAI;AAAA;AAEzB,CAAC,GAEKC,IAAaT,EAAOU,CAAI;AAAA;AAAA;"}
+{"version":3,"file":"student-feedback-styled.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FeedbackWrapper = styled(FlexView)(({ theme }) => {\n  const { GREEN_1, GREEN_4 } = theme.colors;\n\n  return `\n  width: 550px;\n  margin: auto;\n  background-color: ${GREEN_1};\n  border: 1px solid ${GREEN_4};\n  position: relative;\n`;\n});\n\nconst Feedback = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    &:hover {\n      background-color: ${theme.colors.BLACK_T_87};\n      \n      .feedback-title {\n        color: ${theme.colors.WHITE_T_87};\n      }\n      .feedback-desc {\n        color: ${theme.colors.WHITE_T_60};\n      }\n    }\n  `;\n});\n\nconst BalloonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -${gutter * 0.75}px;\n  `;\n});\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\nexport { Container, FeedbackWrapper, Feedback, BalloonWrapper, InlineText };\n"],"names":["Container","styled","FeedbackWrapper","FlexView","theme","GREEN_1","GREEN_4","Feedback","BalloonWrapper","gutter","InlineText","Text"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAkBD,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAQ,IAAIF,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA,sBAGaC,CAAO;AAAA,sBACPC,CAAO;AAAA;AAAA;AAG7B,CAAC,GAEKC,IAAWN,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC5B;AAAA;AAAA;AAAA;AAAA,0BAIiBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGhCA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGvBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,GAIvC,GAEKI,IAAiBP,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,QAAAK,MAAWL,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,YAIGK,IAAS,IAAI;AAAA;AAEzB,CAAC,GAEKC,IAAaT,EAAOU,CAAI;AAAA;AAAA;"}