@cuemath/leap 4.0.2 → 4.0.3

package/dist/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport User2Icon from '../../../../../assets/line-icons/icons/user2';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport * as Styled from './student-av-panel-styled';\nimport type { IStudentAVPanelProps } from './student-av-panel-types';\n\nconst StudentAVPanel: FC<IStudentAVPanelProps> = memo(function StudentAVPanel({ insideLeftPanel }) {\n  const { studentPanel, trialHomeData, isTeacher } = useTrialSessionContext();\n  const { student, parent } = trialHomeData;\n  const { name: studentName, grade } = student;\n  const { name: parentName } = parent;\n\n  return (\n    <Styled.Container $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {studentPanel}\n      {isTeacher && (\n        <Styled.AbsoluteWrapper $gapX={0.75} $gutterX={0.75} $flexRowGap={0.125}>\n          <Text $renderAs={insideLeftPanel ? 'ac4-black' : 'ac3-black'} $color=\"WHITE\">\n            {studentName || ''} / G{grade || ''}\n          </Text>\n          <Styled.ParentInfoWrapper\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.125}\n            $alignItems=\"center\"\n            $insideLeftPanel={insideLeftPanel}\n          >\n            <User2Icon\n              width={insideLeftPanel ? 16 : 24}\n              height={insideLeftPanel ? 16 : 24}\n              color=\"WHITE\"\n            />\n            <Text $renderAs={insideLeftPanel ? 'ub3' : 'ac3-black'} $color=\"WHITE\">\n              {parentName || ''}\n            </Text>\n          </Styled.ParentInfoWrapper>\n        </Styled.AbsoluteWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentAVPanel;\n"],"names":["StudentAVPanel","memo","insideLeftPanel","studentPanel","trialHomeData","isTeacher","useTrialSessionContext","student","parent","studentName","grade","parentName","jsxs","Styled.Container","Styled.AbsoluteWrapper","Text","Styled.ParentInfoWrapper","jsx","User2Icon"],"mappings":";;;;;;AAQA,MAAMA,IAA2CC,EAAK,SAAwB,EAAE,iBAAAC,KAAmB;AACjG,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,WAAAC,MAAcC,EAAuB,GACpE,EAAE,SAAAC,GAAS,QAAAC,EAAW,IAAAJ,GACtB,EAAE,MAAMK,GAAa,OAAAC,EAAA,IAAUH,GAC/B,EAAE,MAAMI,EAAe,IAAAH;AAG3B,SAAA,gBAAAI,EAACC,GAAA,EAAiB,WAAU,YAAW,QAAO,QAAO,SAAQ,QAC1D,UAAA;AAAA,IAAAV;AAAA,IACAE,KACE,gBAAAO,EAAAE,GAAA,EAAuB,OAAO,MAAM,UAAU,MAAM,aAAa,OAChE,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAK,WAAWb,IAAkB,cAAc,aAAa,QAAO,SAClE,UAAA;AAAA,QAAeO,KAAA;AAAA,QAAG;AAAA,QAAKC,KAAS;AAAA,MAAA,GACnC;AAAA,MACA,gBAAAE;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,aAAY;AAAA,UACZ,kBAAkBd;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAe;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAOhB,IAAkB,KAAK;AAAA,gBAC9B,QAAQA,IAAkB,KAAK;AAAA,gBAC/B,OAAM;AAAA,cAAA;AAAA,YACR;AAAA,YACA,gBAAAe,EAACF,KAAK,WAAWb,IAAkB,QAAQ,aAAa,QAAO,SAC5D,UAAAS,KAAc,GACjB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-av-panel.js","sources":["../../../../../../src/features/trial-session/comps/av-panels/student-av-panel/student-av-panel.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport User2Icon from '../../../../../assets/line-icons/icons/user2';\nimport Text from '../../../../ui/text/text';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport * as Styled from './student-av-panel-styled';\nimport type { IStudentAVPanelProps } from './student-av-panel-types';\n\nconst StudentAVPanel: FC<IStudentAVPanelProps> = memo(function StudentAVPanel({ insideLeftPanel }) {\n  const { studentPanel, trialHomeData, isTeacher } = useTrialSessionContext();\n  const { student, parent } = trialHomeData;\n  const { name: studentName, grade } = student;\n  const { name: parentName } = parent;\n\n  return (\n    <Styled.Container $position=\"relative\" $width=\"100%\" $height=\"100%\">\n      {studentPanel}\n      {isTeacher && (\n        <Styled.AbsoluteWrapper $gapX={0.75} $gutterX={0.75} $flexRowGap={0.125}>\n          <Text $renderAs={insideLeftPanel ? 'ac4-black' : 'ac3-black'} $color=\"WHITE\">\n            {studentName || ''} / G{grade || ''}\n          </Text>\n          <Styled.ParentInfoWrapper\n            $flexDirection=\"row\"\n            $flexColumnGapX={0.125}\n            $alignItems=\"center\"\n            $insideLeftPanel={insideLeftPanel}\n          >\n            <User2Icon\n              width={insideLeftPanel ? 16 : 24}\n              height={insideLeftPanel ? 16 : 24}\n              color=\"WHITE\"\n            />\n            <Text $renderAs={insideLeftPanel ? 'ub4' : 'ac3-black'} $color=\"WHITE\">\n              {parentName || ''}\n            </Text>\n          </Styled.ParentInfoWrapper>\n        </Styled.AbsoluteWrapper>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default StudentAVPanel;\n"],"names":["StudentAVPanel","memo","insideLeftPanel","studentPanel","trialHomeData","isTeacher","useTrialSessionContext","student","parent","studentName","grade","parentName","jsxs","Styled.Container","Styled.AbsoluteWrapper","Text","Styled.ParentInfoWrapper","jsx","User2Icon"],"mappings":";;;;;;AAQA,MAAMA,IAA2CC,EAAK,SAAwB,EAAE,iBAAAC,KAAmB;AACjG,QAAM,EAAE,cAAAC,GAAc,eAAAC,GAAe,WAAAC,MAAcC,EAAuB,GACpE,EAAE,SAAAC,GAAS,QAAAC,EAAW,IAAAJ,GACtB,EAAE,MAAMK,GAAa,OAAAC,EAAA,IAAUH,GAC/B,EAAE,MAAMI,EAAe,IAAAH;AAG3B,SAAA,gBAAAI,EAACC,GAAA,EAAiB,WAAU,YAAW,QAAO,QAAO,SAAQ,QAC1D,UAAA;AAAA,IAAAV;AAAA,IACAE,KACE,gBAAAO,EAAAE,GAAA,EAAuB,OAAO,MAAM,UAAU,MAAM,aAAa,OAChE,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAK,WAAWb,IAAkB,cAAc,aAAa,QAAO,SAClE,UAAA;AAAA,QAAeO,KAAA;AAAA,QAAG;AAAA,QAAKC,KAAS;AAAA,MAAA,GACnC;AAAA,MACA,gBAAAE;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,aAAY;AAAA,UACZ,kBAAkBd;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAe;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAOhB,IAAkB,KAAK;AAAA,gBAC9B,QAAQA,IAAkB,KAAK;AAAA,gBAC/B,OAAM;AAAA,cAAA;AAAA,YACR;AAAA,YACA,gBAAAe,EAACF,KAAK,WAAWb,IAAkB,QAAQ,aAAa,QAAO,SAC5D,UAAAS,KAAc,GACjB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/cue-tips/cues/index.js

@@ -15,7 +15,7 @@ const $ = ({ cues: e }) => e && e.length > 0 ? /* @__PURE__ */ o(n, { children:
       $flexGap: 8,
       children: [
         /* @__PURE__ */ r(m, {}),
-        /* @__PURE__ */ r(f, { $renderAs: "ub2", children: t })
+        /* @__PURE__ */ r(f, { $renderAs: "ub3", children: t })
       ]
     },
     t

package/dist/features/trial-session/comps/cue-tips/cues/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/cues/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './cues-styled';\n\nconst Cues: FC<{ cues: string[] }> = ({ cues }) => {\n  return cues && cues.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"ac4\" $color=\"REAL_BLACK_60\">\n        CUES\n      </Text>\n      <Separator height={8} />\n      <Styled.CueContainer $flexDirection=\"column\" $flexGap={8}>\n        {cues.map((cue: string) => {\n          return (\n            <FlexView\n              key={cue}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <Styled.CueText $renderAs=\"ub2\">{cue}</Styled.CueText>\n            </FlexView>\n          );\n        })}\n      </Styled.CueContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Cues;\n"],"names":["Cues","cues","FlexView","jsx","Text","Separator","Styled.CueContainer","cue","jsxs","Styled.ChatIcon","Styled.CueText"],"mappings":";;;;;AAOA,MAAMA,IAA+B,CAAC,EAAE,MAAAC,QAC/BA,KAAQA,EAAK,SAAS,sBAC1BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,iBAAgB,UAE7C,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAAL,EAAK,IAAI,CAACM,MAEP,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAM,GAAA,EAAgB;AAAA,0BAChBC,GAAA,EAAe,WAAU,OAAO,UAAIH,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAPhCA;AAAA,EAAA,CAUV,GACH;AAAA,EACF,CAAA,IACE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/cues/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './cues-styled';\n\nconst Cues: FC<{ cues: string[] }> = ({ cues }) => {\n  return cues && cues.length > 0 ? (\n    <FlexView>\n      <Text $renderAs=\"ac4\" $color=\"REAL_BLACK_60\">\n        CUES\n      </Text>\n      <Separator height={8} />\n      <Styled.CueContainer $flexDirection=\"column\" $flexGap={8}>\n        {cues.map((cue: string) => {\n          return (\n            <FlexView\n              key={cue}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.ChatIcon />\n              <Styled.CueText $renderAs=\"ub3\">{cue}</Styled.CueText>\n            </FlexView>\n          );\n        })}\n      </Styled.CueContainer>\n    </FlexView>\n  ) : null;\n};\n\nexport default Cues;\n"],"names":["Cues","cues","FlexView","jsx","Text","Separator","Styled.CueContainer","cue","jsxs","Styled.ChatIcon","Styled.CueText"],"mappings":";;;;;AAOA,MAAMA,IAA+B,CAAC,EAAE,MAAAC,QAC/BA,KAAQA,EAAK,SAAS,sBAC1BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,iBAAgB,UAE7C,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,EACtB,gBAAAF,EAACG,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAAL,EAAK,IAAI,CAACM,MAEP,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC,gBAAAC,EAAAM,GAAA,EAAgB;AAAA,0BAChBC,GAAA,EAAe,WAAU,OAAO,UAAIH,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAPhCA;AAAA,EAAA,CAUV,GACH;AAAA,EACF,CAAA,IACE;"}

package/dist/features/trial-session/comps/cue-tips/tips/index.js

@@ -16,7 +16,7 @@ const u = ({ dos: o, donts: l }) => /* @__PURE__ */ t(i, { children: [
         $flexGap: 8,
         children: [
           /* @__PURE__ */ r(f, {}),
-          /* @__PURE__ */ r(n, { $renderAs: "ub2", children: e })
+          /* @__PURE__ */ r(n, { $renderAs: "ub3", children: e })
         ]
       },
       e
@@ -30,7 +30,7 @@ const u = ({ dos: o, donts: l }) => /* @__PURE__ */ t(i, { children: [
         $flexGap: 8,
         children: [
           /* @__PURE__ */ r(p, {}),
-          /* @__PURE__ */ r(n, { $renderAs: "ub2", children: e })
+          /* @__PURE__ */ r(n, { $renderAs: "ub3", children: e })
         ]
       },
       e

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"ac4\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"ub2\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"ub2\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon"],"mappings":";;;;;AAOA,MAAMA,IAA+C,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAExDC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,iBAAgB,UAE7C,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,OAAO,UAAOH,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPnCA;AAAA,IAAA,CAUV;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,OAAO,UAASC,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAAA,CAUV;AAAA,EAAA,GACH;AACF,EAAA,CAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"ac4\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"ub3\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"ub3\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon"],"mappings":";;;;;AAOA,MAAMA,IAA+C,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAExDC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,iBAAgB,UAE7C,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,OAAO,UAAOH,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPnCA;AAAA,IAAA,CAUV;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,OAAO,UAASC,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAAA,CAUV;AAAA,EAAA,GACH;AACF,EAAA,CAAA;"}

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

@@ -61,7 +61,7 @@ const f = (o) => "duration" in o && "class_ratio" in o, E = (o, a) => a === 1 ?
                   h,
                   " MONTHS"
                 ] }),
-                $ ? /* @__PURE__ */ r(S, { $renderAs: "ub3-bold", children: [
+                $ ? /* @__PURE__ */ r(S, { $renderAs: "ub4-bold", children: [
                   x,
                   "% off"
                 ] }) : null
@@ -75,11 +75,11 @@ const f = (o) => "duration" in o && "class_ratio" in o, E = (o, a) => a === 1 ?
                 ] })
               ] }) : /* @__PURE__ */ n(t, { $renderAs: "ab1-bold", $inline: !0, children: l + Math.round(d) }) }),
               /* @__PURE__ */ r(u, { $flexDirection: "row", $flexGap: 2, $alignItems: "center", children: [
-                /* @__PURE__ */ r(t, { $renderAs: "ub2", children: [
+                /* @__PURE__ */ r(t, { $renderAs: "ub3", children: [
                   A,
                   " classes @"
                 ] }),
-                /* @__PURE__ */ r(t, { $renderAs: "ub2-bold", children: [
+                /* @__PURE__ */ r(t, { $renderAs: "ub3-bold", children: [
                   l + Math.round(C),
                   "/class"
                 ] })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/pricing/india-pricing/index.tsx"],"sourcesContent":["import { useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport type { TColorNames } from '../../../../ui/types';\nimport type {\n  IPricingIndiaProps,\n  TPricingDetails,\n  TLowIntentPricingDetails,\n} from '../pricing-typed';\nimport * as Styled from './india-pricing-styled';\n\nconst isPricingDetails = (\n  plan: TPricingDetails | TLowIntentPricingDetails,\n): plan is TPricingDetails => {\n  return 'duration' in plan && 'class_ratio' in plan;\n};\n\nconst getColorIndex = (index: number, ratio?: 1 | 2): TColorNames => {\n  if (ratio === 1) return `YELLOW_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n\n  return `GREEN_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n};\n\nconst PricingIndia: FC<IPricingIndiaProps> = props => {\n  const { plans } = props;\n  const { oneVsOnePlan, oneVsTowPlan } = useMemo(\n    () => ({\n      oneVsOnePlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 1,\n        )\n        .sort((a, b) => a.duration - b.duration),\n      oneVsTowPlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 2,\n        )\n        .sort((a, b) => a.duration - b.duration),\n    }),\n    [plans],\n  );\n\n  return (\n    <>\n      {[oneVsOnePlan, oneVsTowPlan].map((plan, planIndex) => (\n        <Styled.CardContainer key={`plan-${planIndex}`}>\n          <Separator height={12} />\n          <Styled.CardBoard>\n            <Styled.ClipImage src={ILLUSTRATIONS.ELLIPSE_CLIP} />\n            <Styled.BoardHole\n              $height={10}\n              $width={10}\n              $borderRadius={5}\n              $background=\"BLACK_1\"\n              $position=\"absolute\"\n            />\n          </Styled.CardBoard>\n          <Styled.CardBoardContent>\n            <Separator height={10} />\n            <Text $renderAs=\"ac1\" $align=\"center\">\n              1:{planIndex + 1}\n            </Text>\n            <Separator height={5} />\n            {plan.map((planConfig, index) => {\n              const {\n                amount,\n                duration,\n                class_ratio: classRatio,\n                no_of_classes: noOfClasses,\n                currency_symbol: currencySymbol,\n                amount_after_coupon: amountAfterCoupon,\n                fee_per_class_after_discount: feePerClassAfterDiscount,\n              } = planConfig;\n\n              const isDiscounted = amountAfterCoupon !== amount;\n              const discountPercentage = Math.round(((amount - amountAfterCoupon) / amount) * 100);\n\n              return (\n                <FlexView\n                  key={`ind-pricing-${duration}`}\n                  $gap={14}\n                  $gutter={40}\n                  $background={getColorIndex(index, classRatio)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    <Text $renderAs=\"ac3-black\">{duration} MONTHS</Text>\n                    {isDiscounted ? (\n                      <Styled.DiscountTag $renderAs=\"ub3-bold\">\n                        {discountPercentage}% off\n                      </Styled.DiscountTag>\n                    ) : null}\n                  </FlexView>\n                  <Separator height={4} />\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    {isDiscounted ? (\n                      <Text $renderAs=\"ab2\" $textDecoration=\"line-through\">\n                        {currencySymbol + Math.round(amount)}\n                        <Text $renderAs=\"ab1-bold\" $inline>\n                          &nbsp;\n                          {currencySymbol + Math.round(amountAfterCoupon)}\n                        </Text>\n                      </Text>\n                    ) : (\n                      <Text $renderAs=\"ab1-bold\" $inline>\n                        {currencySymbol + Math.round(amountAfterCoupon)}\n                      </Text>\n                    )}\n                  </FlexView>\n                  <FlexView $flexDirection=\"row\" $flexGap={2} $alignItems=\"center\">\n                    <Text $renderAs=\"ub2\">{noOfClasses} classes @</Text>\n                    <Text $renderAs=\"ub2-bold\">\n                      {currencySymbol + Math.round(feePerClassAfterDiscount)}/class\n                    </Text>\n                  </FlexView>\n                  <Separator height={4} />\n                </FlexView>\n              );\n            })}\n          </Styled.CardBoardContent>\n        </Styled.CardContainer>\n      ))}\n    </>\n  );\n};\n\nexport default PricingIndia;\n"],"names":["isPricingDetails","plan","getColorIndex","index","ratio","PricingIndia","props","plans","oneVsOnePlan","oneVsTowPlan","useMemo","element","a","b","jsx","Fragment","planIndex","jsxs","Styled.CardContainer","Separator","Styled.CardBoard","Styled.ClipImage","ILLUSTRATIONS","Styled.BoardHole","Styled.CardBoardContent","Text","planConfig","amount","duration","classRatio","noOfClasses","currencySymbol","amountAfterCoupon","feePerClassAfterDiscount","isDiscounted","discountPercentage","FlexView","Styled.DiscountTag"],"mappings":";;;;;;;AAcA,MAAMA,IAAmB,CACvBC,MAEO,cAAcA,KAAQ,iBAAiBA,GAG1CC,IAAgB,CAACC,GAAeC,MAChCA,MAAU,IAAU,UAAWD,IAAQ,CAA2B,KAE/D,SAAUA,IAAQ,CAA2B,IAGhDE,IAAuC,CAASC,MAAA;AAC9C,QAAA,EAAE,OAAAC,EAAU,IAAAD,GACZ,EAAE,cAAAE,GAAc,cAAAC,EAAA,IAAiBC;AAAA,IACrC,OAAO;AAAA,MACL,cAAcH,EACX;AAAA,QACC,CAACI,MACCX,EAAiBW,CAAO,KAAKA,EAAQ,gBAAgB;AAAA,MAAA,EAExD,KAAK,CAACC,GAAGC,MAAMD,EAAE,WAAWC,EAAE,QAAQ;AAAA,MACzC,cAAcN,EACX;AAAA,QACC,CAACI,MACCX,EAAiBW,CAAO,KAAKA,EAAQ,gBAAgB;AAAA,MAAA,EAExD,KAAK,CAACC,GAAGC,MAAMD,EAAE,WAAWC,EAAE,QAAQ;AAAA,IAAA;AAAA,IAE3C,CAACN,CAAK;AAAA,EAAA;AAGR,SAEK,gBAAAO,EAAAC,GAAA,EAAA,UAAA,CAACP,GAAcC,CAAY,EAAE,IAAI,CAACR,GAAMe,MACvC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAF,EAACG,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAN,EAACO,GAAA,EAAiB,KAAKC,EAAc,aAAc,CAAA;AAAA,MACnD,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,eAAe;AAAA,UACf,aAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,IACA,gBAAAN,EAACO,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAV,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,MACtB,gBAAAF,EAAAQ,GAAA,EAAK,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,QAAA;AAAA,QACjCT,IAAY;AAAA,MAAA,GACjB;AAAA,MACA,gBAAAF,EAACK,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MACrBlB,EAAK,IAAI,CAACyB,GAAYvB,MAAU;AACzB,cAAA;AAAA,UACJ,QAAAwB;AAAA,UACA,UAAAC;AAAA,UACA,aAAaC;AAAA,UACb,eAAeC;AAAA,UACf,iBAAiBC;AAAA,UACjB,qBAAqBC;AAAA,UACrB,8BAA8BC;AAAA,QAC5B,IAAAP,GAEEQ,IAAeF,MAAsBL,GACrCQ,IAAqB,KAAK,OAAQR,IAASK,KAAqBL,IAAU,GAAG;AAGjF,eAAA,gBAAAV;AAAA,UAACmB;AAAA,UAAA;AAAA,YAEC,MAAM;AAAA,YACN,SAAS;AAAA,YACT,aAAalC,EAAcC,GAAO0B,CAAU;AAAA,YAE5C,UAAA;AAAA,cAAA,gBAAAZ,EAACmB,KAAS,gBAAe,OAAM,UAAU,IAAI,aAAY,UACvD,UAAA;AAAA,gBAAC,gBAAAnB,EAAAQ,GAAA,EAAK,WAAU,aAAa,UAAA;AAAA,kBAAAG;AAAA,kBAAS;AAAA,gBAAA,GAAO;AAAA,gBAC5CM,IACE,gBAAAjB,EAAAoB,GAAA,EAAmB,WAAU,YAC3B,UAAA;AAAA,kBAAAF;AAAA,kBAAmB;AAAA,gBAAA,EAAA,CACtB,IACE;AAAA,cAAA,GACN;AAAA,cACA,gBAAArB,EAACK,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,cACrB,gBAAAL,EAAAsB,GAAA,EAAS,gBAAe,OAAM,UAAU,IAAI,aAAY,UACtD,UAAAF,IACE,gBAAAjB,EAAAQ,GAAA,EAAK,WAAU,OAAM,iBAAgB,gBACnC,UAAA;AAAA,gBAAiBM,IAAA,KAAK,MAAMJ,CAAM;AAAA,gBAClC,gBAAAV,EAAAQ,GAAA,EAAK,WAAU,YAAW,SAAO,IAAC,UAAA;AAAA,kBAAA;AAAA,kBAEhCM,IAAiB,KAAK,MAAMC,CAAiB;AAAA,gBAAA,GAChD;AAAA,cAAA,EACF,CAAA,IAEA,gBAAAlB,EAACW,GAAK,EAAA,WAAU,YAAW,SAAO,IAC/B,UAAAM,IAAiB,KAAK,MAAMC,CAAiB,EAChD,CAAA,GAEJ;AAAA,gCACCI,GAAS,EAAA,gBAAe,OAAM,UAAU,GAAG,aAAY,UACtD,UAAA;AAAA,gBAAC,gBAAAnB,EAAAQ,GAAA,EAAK,WAAU,OAAO,UAAA;AAAA,kBAAAK;AAAA,kBAAY;AAAA,gBAAA,GAAU;AAAA,gBAC7C,gBAAAb,EAACQ,GAAK,EAAA,WAAU,YACb,UAAA;AAAA,kBAAiBM,IAAA,KAAK,MAAME,CAAwB;AAAA,kBAAE;AAAA,gBAAA,GACzD;AAAA,cAAA,GACF;AAAA,cACA,gBAAAnB,EAACK,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAnCjB,eAAeS,CAAQ;AAAA,QAAA;AAAA,MAoC9B,CAEH;AAAA,IAAA,GACH;AAAA,EAAA,EAAA,GAzEyB,QAAQZ,CAAS,EA0E5C,CACD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/pricing/india-pricing/index.tsx"],"sourcesContent":["import { useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport type { TColorNames } from '../../../../ui/types';\nimport type {\n  IPricingIndiaProps,\n  TPricingDetails,\n  TLowIntentPricingDetails,\n} from '../pricing-typed';\nimport * as Styled from './india-pricing-styled';\n\nconst isPricingDetails = (\n  plan: TPricingDetails | TLowIntentPricingDetails,\n): plan is TPricingDetails => {\n  return 'duration' in plan && 'class_ratio' in plan;\n};\n\nconst getColorIndex = (index: number, ratio?: 1 | 2): TColorNames => {\n  if (ratio === 1) return `YELLOW_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n\n  return `GREEN_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n};\n\nconst PricingIndia: FC<IPricingIndiaProps> = props => {\n  const { plans } = props;\n  const { oneVsOnePlan, oneVsTowPlan } = useMemo(\n    () => ({\n      oneVsOnePlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 1,\n        )\n        .sort((a, b) => a.duration - b.duration),\n      oneVsTowPlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 2,\n        )\n        .sort((a, b) => a.duration - b.duration),\n    }),\n    [plans],\n  );\n\n  return (\n    <>\n      {[oneVsOnePlan, oneVsTowPlan].map((plan, planIndex) => (\n        <Styled.CardContainer key={`plan-${planIndex}`}>\n          <Separator height={12} />\n          <Styled.CardBoard>\n            <Styled.ClipImage src={ILLUSTRATIONS.ELLIPSE_CLIP} />\n            <Styled.BoardHole\n              $height={10}\n              $width={10}\n              $borderRadius={5}\n              $background=\"BLACK_1\"\n              $position=\"absolute\"\n            />\n          </Styled.CardBoard>\n          <Styled.CardBoardContent>\n            <Separator height={10} />\n            <Text $renderAs=\"ac1\" $align=\"center\">\n              1:{planIndex + 1}\n            </Text>\n            <Separator height={5} />\n            {plan.map((planConfig, index) => {\n              const {\n                amount,\n                duration,\n                class_ratio: classRatio,\n                no_of_classes: noOfClasses,\n                currency_symbol: currencySymbol,\n                amount_after_coupon: amountAfterCoupon,\n                fee_per_class_after_discount: feePerClassAfterDiscount,\n              } = planConfig;\n\n              const isDiscounted = amountAfterCoupon !== amount;\n              const discountPercentage = Math.round(((amount - amountAfterCoupon) / amount) * 100);\n\n              return (\n                <FlexView\n                  key={`ind-pricing-${duration}`}\n                  $gap={14}\n                  $gutter={40}\n                  $background={getColorIndex(index, classRatio)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    <Text $renderAs=\"ac3-black\">{duration} MONTHS</Text>\n                    {isDiscounted ? (\n                      <Styled.DiscountTag $renderAs=\"ub4-bold\">\n                        {discountPercentage}% off\n                      </Styled.DiscountTag>\n                    ) : null}\n                  </FlexView>\n                  <Separator height={4} />\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    {isDiscounted ? (\n                      <Text $renderAs=\"ab2\" $textDecoration=\"line-through\">\n                        {currencySymbol + Math.round(amount)}\n                        <Text $renderAs=\"ab1-bold\" $inline>\n                          &nbsp;\n                          {currencySymbol + Math.round(amountAfterCoupon)}\n                        </Text>\n                      </Text>\n                    ) : (\n                      <Text $renderAs=\"ab1-bold\" $inline>\n                        {currencySymbol + Math.round(amountAfterCoupon)}\n                      </Text>\n                    )}\n                  </FlexView>\n                  <FlexView $flexDirection=\"row\" $flexGap={2} $alignItems=\"center\">\n                    <Text $renderAs=\"ub3\">{noOfClasses} classes @</Text>\n                    <Text $renderAs=\"ub3-bold\">\n                      {currencySymbol + Math.round(feePerClassAfterDiscount)}/class\n                    </Text>\n                  </FlexView>\n                  <Separator height={4} />\n                </FlexView>\n              );\n            })}\n          </Styled.CardBoardContent>\n        </Styled.CardContainer>\n      ))}\n    </>\n  );\n};\n\nexport default PricingIndia;\n"],"names":["isPricingDetails","plan","getColorIndex","index","ratio","PricingIndia","props","plans","oneVsOnePlan","oneVsTowPlan","useMemo","element","a","b","jsx","Fragment","planIndex","jsxs","Styled.CardContainer","Separator","Styled.CardBoard","Styled.ClipImage","ILLUSTRATIONS","Styled.BoardHole","Styled.CardBoardContent","Text","planConfig","amount","duration","classRatio","noOfClasses","currencySymbol","amountAfterCoupon","feePerClassAfterDiscount","isDiscounted","discountPercentage","FlexView","Styled.DiscountTag"],"mappings":"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"}

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

@@ -27,7 +27,7 @@ const c = {
           /* @__PURE__ */ r(n, { $renderAs: "ac2-black", children: W }),
           /* @__PURE__ */ r(t, { height: 20 }),
           /* @__PURE__ */ e(d, { $flexDirection: "row", $alignItems: "center", children: [
-            o && o !== _ ? /* @__PURE__ */ r(n, { $renderAs: "ub3-bold", $textDecoration: "line-through", children: a + o }) : null,
+            o && o !== _ ? /* @__PURE__ */ r(n, { $renderAs: "ub4-bold", $textDecoration: "line-through", children: a + o }) : null,
             /* @__PURE__ */ e(d, { $flexDirection: "row", $alignItems: "end", children: [
               /* @__PURE__ */ r(n, { $renderAs: "ah3-bold", children: a + _ }),
               /* @__PURE__ */ e(n, { $renderAs: "ab1-bold", children: [
@@ -37,13 +37,13 @@ const c = {
             ] })
           ] }),
           /* @__PURE__ */ r(t, { height: 4 }),
-          /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
+          /* @__PURE__ */ e(n, { $renderAs: "ub4", children: [
             "(",
             a + D,
             "/class)"
           ] }),
           /* @__PURE__ */ r(t, { height: 4 }),
-          /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
+          /* @__PURE__ */ e(n, { $renderAs: "ub4", children: [
             "(",
             H,
             " classes/mo)"
@@ -52,7 +52,7 @@ const c = {
         g && /* @__PURE__ */ r(
           h,
           {
-            $renderAs: "ub3-bold",
+            $renderAs: "ub4-bold",
             $background: c[i % 2] ?? "WHITE_4",
             children: g
           }
@@ -91,7 +91,7 @@ const c = {
           m && /* @__PURE__ */ e(
             h,
             {
-              $renderAs: "ub3-bold",
+              $renderAs: "ub4-bold",
               $background: c[i % 2] ?? "WHITE_4",
               children: [
                 "Get extra ",
@@ -109,7 +109,7 @@ const c = {
               s + l
             ] })
           ] }) : /* @__PURE__ */ r(n, { $renderAs: "ab1-black", $inline: !0, children: s + l }),
-          /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
+          /* @__PURE__ */ e(n, { $renderAs: "ub4", children: [
             "(",
             x,
             "/class)"
@@ -120,7 +120,7 @@ const c = {
             E,
             " classes"
           ] }),
-          /* @__PURE__ */ e(n, { $renderAs: "ub2", children: [
+          /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
             "(",
             k * 4,
             " classes/mo)"
@@ -129,7 +129,7 @@ const c = {
         b && /* @__PURE__ */ r(
           h,
           {
-            $renderAs: "ub3-bold",
+            $renderAs: "ub4-bold",
             $background: c[i % 2] ?? "WHITE_4",
             children: b
           }

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

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

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

@@ -63,7 +63,7 @@ const O = {
                   /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(S, { height: 272, src: O[o] }) }),
                   /* @__PURE__ */ r("div", { children: [
                     /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "BLACK_T_87", children: o }),
-                    /* @__PURE__ */ e(n, { $renderAs: "ub2", $color: "BLACK_T_60", children: l })
+                    /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "BLACK_T_60", children: l })
                   ] })
                 ]
               },
@@ -102,7 +102,7 @@ const O = {
                   $alignItems: "center",
                   $width: "fit-content",
                   $alignSelf: "center",
-                  children: /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "BLACK_T_87", children: l })
+                  children: /* @__PURE__ */ e(n, { $renderAs: "ub4", $color: "BLACK_T_87", children: l })
                 }
               ),
               /* @__PURE__ */ e(d, { heightX: 1 }),

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 { 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-session-report';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\nimport type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\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(function SessionInsights() {\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    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $alignItems=\"center\" $width={RIGHT_PANEL_CONTENT_WIDTH - 100} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map(aggregation => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={topicName}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={240}\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 => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={depthDescription} $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      </FlexView>\n    </FlexView>\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","FlexView","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","aggregation","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 { 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-session-report';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-insights-styled';\nimport type { TDepthAggregation, TProficiencyLottieMap } from './session-insights-types';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\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(function SessionInsights() {\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    <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $alignItems=\"center\" $width={RIGHT_PANEL_CONTENT_WIDTH - 100} $alignSelf=\"center\">\n        <FlexView\n          $flexDirection=\"row\"\n          $justifyContent=\"center\"\n          $borderColor=\"BLACK_T_87\"\n          $width=\"100%\"\n        >\n          {topicAggregation.map(aggregation => {\n            const {\n              level,\n              topic_name: topicName,\n              level_description: levelDescription,\n            } = aggregation;\n\n            return (\n              <Styled.TopicWrapper\n                key={topicName}\n                $gapX={1}\n                $gutterX={1}\n                $width=\"100%\"\n                $height={240}\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=\"ub3\" $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 => {\n            const {\n              star,\n              depth_description: depthDescription,\n              star_description: starDescription,\n            } = aggregation;\n\n            return (\n              <FlexView key={depthDescription} $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=\"ub4\" $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      </FlexView>\n    </FlexView>\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","FlexView","Separator","SlideHeader","RIGHT_PANEL_CONTENT_WIDTH","aggregation","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.js

@@ -29,7 +29,7 @@ const D = f(function() {
             ]
           }
         ),
-        n && /* @__PURE__ */ e(o, { $renderAs: "ub2", className: "period-text", children: n })
+        n && /* @__PURE__ */ e(o, { $renderAs: "ub3", className: "period-text", children: n })
       ] }, `goal-${t}`);
     }) })
   ] });

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(function SessionOverview() {\n  const { slideConfig, demoType } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n\n  const sessionConfigs = getSessionConfig(id, demoType);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.GoalsWrapper>\n        {sessionConfigs &&\n          sessionConfigs.map((goal, index) => {\n            const { title, period, image, archived } = goal;\n\n            return (\n              <Styled.Goal key={`goal-${title}`} $bgImage={image}>\n                <FlexView\n                  $flexDirection=\"row\"\n                  $justifyContent=\"flex-start\"\n                  $alignItems={archived ? 'center' : 'start'}\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\" $whiteSpace=\"pre-line\">\n                    {title}\n                  </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","demoType","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,WAA2B;AACtD,QAAM,EAAE,aAAAC,GAAa,UAAAC,EAAS,IAAIC,EAAuB,GACnD,EAAE,IAAAC,EAAA,IAAOH,KAAe,IAExBI,IAAiBC,EAAiBF,GAAIF,CAAQ;AAGlD,SAAA,gBAAAK,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,MAAU;AAClC,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,aAAaF,IAAW,WAAW;AAAA,YACnC,UAAU;AAAA,YAET,UAAA;AAAA,cAAAA,IACE,gBAAAT,EAAAY,GAAA,EAAS,QAAQ,IAAI,OAAO,IAAI,OAAM,QAAQ,CAAA,sBAE9CC,GAAK,EAAA,WAAU,OAAO,UAAAR,IAAQ,IAAI,MAAK;AAAA,gCAEzCQ,GAAK,EAAA,WAAU,OAAM,aAAY,YAC/B,UACHP,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCC,KACE,gBAAAP,EAAAa,GAAA,EAAK,WAAU,OAAM,WAAU,eAC7B,UACHN,GAAA;AAAA,MAnBc,EAAA,GAAA,QAAQD,CAAK,EAqB/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(function SessionOverview() {\n  const { slideConfig, demoType } = useTrialSessionContext();\n  const { id } = slideConfig || {};\n\n  const sessionConfigs = getSessionConfig(id, demoType);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.GoalsWrapper>\n        {sessionConfigs &&\n          sessionConfigs.map((goal, index) => {\n            const { title, period, image, archived } = goal;\n\n            return (\n              <Styled.Goal key={`goal-${title}`} $bgImage={image}>\n                <FlexView\n                  $flexDirection=\"row\"\n                  $justifyContent=\"flex-start\"\n                  $alignItems={archived ? 'center' : 'start'}\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\" $whiteSpace=\"pre-line\">\n                    {title}\n                  </Text>\n                </FlexView>\n                {period && (\n                  <Text $renderAs=\"ub3\" 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","demoType","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,WAA2B;AACtD,QAAM,EAAE,aAAAC,GAAa,UAAAC,EAAS,IAAIC,EAAuB,GACnD,EAAE,IAAAC,EAAA,IAAOH,KAAe,IAExBI,IAAiBC,EAAiBF,GAAIF,CAAQ;AAGlD,SAAA,gBAAAK,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,MAAU;AAClC,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,aAAaF,IAAW,WAAW;AAAA,YACnC,UAAU;AAAA,YAET,UAAA;AAAA,cAAAA,IACE,gBAAAT,EAAAY,GAAA,EAAS,QAAQ,IAAI,OAAO,IAAI,OAAM,QAAQ,CAAA,sBAE9CC,GAAK,EAAA,WAAU,OAAO,UAAAR,IAAQ,IAAI,MAAK;AAAA,gCAEzCQ,GAAK,EAAA,WAAU,OAAM,aAAY,YAC/B,UACHP,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCC,KACE,gBAAAP,EAAAa,GAAA,EAAK,WAAU,OAAM,WAAU,eAC7B,UACHN,GAAA;AAAA,MAnBc,EAAA,GAAA,QAAQD,CAAK,EAqB/B;AAAA,IAEH,CAAA,GACL;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/session-progress-summary/session-progress-summary-view.js

@@ -44,7 +44,7 @@ const h = {
                 children: /* @__PURE__ */ e(t, { $renderAs: "ac4-black", color: "BLACK_T_60", children: "1" })
               }
             ),
-            /* @__PURE__ */ e(t, { $renderAs: "ub2", children: f })
+            /* @__PURE__ */ e(t, { $renderAs: "ub3", children: f })
           ] }),
           /* @__PURE__ */ r(c, { $position: "relative", $background: "WHITE_2", children: [
             /* @__PURE__ */ e(
@@ -58,7 +58,7 @@ const h = {
                 children: /* @__PURE__ */ e(t, { $renderAs: "ac4-black", color: "BLACK_T_60", children: "2" })
               }
             ),
-            /* @__PURE__ */ e(t, { $renderAs: "ub2", children: g })
+            /* @__PURE__ */ e(t, { $renderAs: "ub3", children: g })
           ] }),
           s ? /* @__PURE__ */ r(c, { $position: "relative", $background: "WHITE_2", children: [
             /* @__PURE__ */ e(
@@ -72,11 +72,11 @@ const h = {
                 children: /* @__PURE__ */ e(t, { $renderAs: "ac4-black", color: "BLACK_T_60", children: "3" })
               }
             ),
-            /* @__PURE__ */ e(t, { $renderAs: "ub2", children: s })
+            /* @__PURE__ */ e(t, { $renderAs: "ub3", children: s })
           ] }) : null,
           /* @__PURE__ */ r(c, { $position: "relative", $background: "WHITE_4", $flex: 1, children: [
             /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(O, { height: 28, width: 28 }) }),
-            /* @__PURE__ */ e(t, { $renderAs: "ub2", children: _ })
+            /* @__PURE__ */ e(t, { $renderAs: "ub3", children: _ })
           ] })
         ] }),
         /* @__PURE__ */ e(n, { $flex: 1, $gap: 40, $gutter: 24, children: I.map((i) => {
@@ -106,7 +106,7 @@ const h = {
                       $flexGapX: 0.5,
                       children: [
                         /* @__PURE__ */ e(x, { color: "WHITE", height: 14, width: 14 }),
-                        /* @__PURE__ */ e(t, { $renderAs: "ub3", children: m })
+                        /* @__PURE__ */ e(t, { $renderAs: "ub4", children: m })
                       ]
                     },
                     m
@@ -122,7 +122,7 @@ const h = {
         const d = h[i];
         return /* @__PURE__ */ r(n, { $flexDirection: "row", $flexGap: 4, $alignItems: "center", children: [
           /* @__PURE__ */ e(d, { color: "WHITE", height: 14, width: 14 }),
-          /* @__PURE__ */ e(t, { $renderAs: "ub3", $color: "BLACK_T_60", children: i.toLocaleLowerCase().split("_").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ") })
+          /* @__PURE__ */ e(t, { $renderAs: "ub4", $color: "BLACK_T_60", children: i.toLocaleLowerCase().split("_").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ") })
         ] }, i);
       }) })
     ] }) : /* @__PURE__ */ e(B, { studentName: p }) }) })

package/dist/features/trial-session/comps/session-progress-summary/session-progress-summary-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-progress-summary-view.js","sources":["../../../../../src/features/trial-session/comps/session-progress-summary/session-progress-summary-view.tsx"],"sourcesContent":["import { type FC, Fragment, memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-progress-summary-styled';\nimport { ETopicStatus, type ISessionProgressSummaryProps } from './session-progress-summary-types';\nimport Image from '../../../ui/image/image';\nimport HintFillIcon from '../../../../assets/line-icons/icons/hint-fill';\nimport Report404 from '../session-report/report-404/report-404';\n\nconst StatusIconMap = {\n  [ETopicStatus.SOLVED_INDEPENDENTLY]: Styled.CheckIcon,\n  [ETopicStatus.SOLVED_WITH_HELP]: Styled.BulbIcon,\n  [ETopicStatus.COULD_NOT_SOLVE]: Styled.CrossIcon,\n};\n\nconst SessionProgressSummaryView: FC<ISessionProgressSummaryProps> = memo(props => {\n  const {\n    studentName,\n    reportSubHeader,\n    overview,\n    independent_performance: independentPerformance,\n    intervention_success: interventionSuccess,\n    overall_assessment: overallAssessment,\n    topic_performance: topicPerformance = [],\n    default_topic_image_url: defaultTopicImage,\n    total_problems: totalProblems,\n  } = props;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={reportSubHeader} />\n      <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n        <FlexView $width={RIGHT_PANEL_CONTENT_WIDTH}>\n          {totalProblems ? (\n            <Fragment>\n              <FlexView $borderColor=\"BLACK\" $background=\"WHITE\" $flexDirection=\"row\">\n                <FlexView $width={300}>\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                    <Styled.AbsoluteWrapper\n                      $width={20}\n                      $height={20}\n                      $justifyContent=\"center\"\n                      $alignItems=\"center\"\n                      $background=\"WHITE_4\"\n                    >\n                      <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                        1\n                      </Text>\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub2\">{overview}</Text>\n                  </Styled.SummaryWrapper>\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                    <Styled.AbsoluteWrapper\n                      $width={20}\n                      $height={20}\n                      $justifyContent=\"center\"\n                      $alignItems=\"center\"\n                      $background=\"WHITE_4\"\n                    >\n                      <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                        2\n                      </Text>\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub2\">{independentPerformance}</Text>\n                  </Styled.SummaryWrapper>\n                  {interventionSuccess ? (\n                    <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                      <Styled.AbsoluteWrapper\n                        $width={20}\n                        $height={20}\n                        $justifyContent=\"center\"\n                        $alignItems=\"center\"\n                        $background=\"WHITE_4\"\n                      >\n                        <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                          3\n                        </Text>\n                      </Styled.AbsoluteWrapper>\n                      <Text $renderAs=\"ub2\">{interventionSuccess}</Text>\n                    </Styled.SummaryWrapper>\n                  ) : null}\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_4\" $flex={1}>\n                    <Styled.AbsoluteWrapper>\n                      <HintFillIcon height={28} width={28} />\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub2\">{overallAssessment}</Text>\n                  </Styled.SummaryWrapper>\n                </FlexView>\n                <FlexView $flex={1} $gap={40} $gutter={24}>\n                  {topicPerformance.map(topic => {\n                    const { topic_name: topicName, image_url: topicImage, subtopics } = topic;\n\n                    return (\n                      <>\n                        <FlexView key={topic.topic_name}>\n                          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n                            <FlexView>\n                              <Image\n                                src={topicImage || defaultTopicImage}\n                                borderRadius={88}\n                                height={88}\n                                width={88}\n                                alt=\"topic\"\n                                withLoader\n                              />\n                            </FlexView>\n                            <FlexView>\n                              <FlexView $flexGap={8}>\n                                <Text $renderAs=\"ab2-bold\">{topicName}</Text>\n                                {subtopics.map(subtopic => {\n                                  const { status, subtopic_name: subtopicName } = subtopic;\n\n                                  const IconToRender = StatusIconMap[status as ETopicStatus];\n\n                                  return (\n                                    <FlexView\n                                      key={subtopicName}\n                                      $flexDirection=\"row\"\n                                      $alignItems=\"center\"\n                                      $flexGapX={0.5}\n                                    >\n                                      <IconToRender color=\"WHITE\" height={14} width={14} />\n                                      <Text $renderAs=\"ub3\">{subtopicName}</Text>\n                                    </FlexView>\n                                  );\n                                })}\n                              </FlexView>\n                            </FlexView>\n                          </FlexView>\n                        </FlexView>\n                        <Styled.HorizontalDottedLine />\n                      </>\n                    );\n                  })}\n                </FlexView>\n              </FlexView>\n              <FlexView $flexDirection=\"row\" $justifyContent=\"end\" $flexGapX={1} $gap={10}>\n                {Object.keys(ETopicStatus).map(status => {\n                  const IconToRender = StatusIconMap[status as ETopicStatus];\n\n                  return (\n                    <FlexView key={status} $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n                      <IconToRender color=\"WHITE\" height={14} width={14} />\n                      <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                        {status\n                          .toLocaleLowerCase()\n                          .split('_')\n                          .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n                          .join(' ')}\n                      </Text>\n                    </FlexView>\n                  );\n                })}\n              </FlexView>\n            </Fragment>\n          ) : (\n            <Report404 studentName={studentName} />\n          )}\n        </FlexView>\n      </FlexView>\n    </Styled.Container>\n  );\n});\n\nSessionProgressSummaryView.displayName = 'SessionProgressSummaryView';\n\nexport default SessionProgressSummaryView;\n"],"names":["StatusIconMap","ETopicStatus","Styled.CheckIcon","Styled.BulbIcon","Styled.CrossIcon","SessionProgressSummaryView","memo","props","studentName","reportSubHeader","overview","independentPerformance","interventionSuccess","overallAssessment","topicPerformance","defaultTopicImage","totalProblems","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","RIGHT_PANEL_CONTENT_WIDTH","Fragment","Styled.SummaryWrapper","Styled.AbsoluteWrapper","Text","HintFillIcon","topic","topicName","topicImage","subtopics","Image","subtopic","status","subtopicName","IconToRender","Styled.HorizontalDottedLine","word","Report404"],"mappings":"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"}
+{"version":3,"file":"session-progress-summary-view.js","sources":["../../../../../src/features/trial-session/comps/session-progress-summary/session-progress-summary-view.tsx"],"sourcesContent":["import { type FC, Fragment, memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './session-progress-summary-styled';\nimport { ETopicStatus, type ISessionProgressSummaryProps } from './session-progress-summary-types';\nimport Image from '../../../ui/image/image';\nimport HintFillIcon from '../../../../assets/line-icons/icons/hint-fill';\nimport Report404 from '../session-report/report-404/report-404';\n\nconst StatusIconMap = {\n  [ETopicStatus.SOLVED_INDEPENDENTLY]: Styled.CheckIcon,\n  [ETopicStatus.SOLVED_WITH_HELP]: Styled.BulbIcon,\n  [ETopicStatus.COULD_NOT_SOLVE]: Styled.CrossIcon,\n};\n\nconst SessionProgressSummaryView: FC<ISessionProgressSummaryProps> = memo(props => {\n  const {\n    studentName,\n    reportSubHeader,\n    overview,\n    independent_performance: independentPerformance,\n    intervention_success: interventionSuccess,\n    overall_assessment: overallAssessment,\n    topic_performance: topicPerformance = [],\n    default_topic_image_url: defaultTopicImage,\n    total_problems: totalProblems,\n  } = props;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader textToInsert={reportSubHeader} />\n      <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n        <FlexView $width={RIGHT_PANEL_CONTENT_WIDTH}>\n          {totalProblems ? (\n            <Fragment>\n              <FlexView $borderColor=\"BLACK\" $background=\"WHITE\" $flexDirection=\"row\">\n                <FlexView $width={300}>\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                    <Styled.AbsoluteWrapper\n                      $width={20}\n                      $height={20}\n                      $justifyContent=\"center\"\n                      $alignItems=\"center\"\n                      $background=\"WHITE_4\"\n                    >\n                      <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                        1\n                      </Text>\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub3\">{overview}</Text>\n                  </Styled.SummaryWrapper>\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                    <Styled.AbsoluteWrapper\n                      $width={20}\n                      $height={20}\n                      $justifyContent=\"center\"\n                      $alignItems=\"center\"\n                      $background=\"WHITE_4\"\n                    >\n                      <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                        2\n                      </Text>\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub3\">{independentPerformance}</Text>\n                  </Styled.SummaryWrapper>\n                  {interventionSuccess ? (\n                    <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_2\">\n                      <Styled.AbsoluteWrapper\n                        $width={20}\n                        $height={20}\n                        $justifyContent=\"center\"\n                        $alignItems=\"center\"\n                        $background=\"WHITE_4\"\n                      >\n                        <Text $renderAs=\"ac4-black\" color=\"BLACK_T_60\">\n                          3\n                        </Text>\n                      </Styled.AbsoluteWrapper>\n                      <Text $renderAs=\"ub3\">{interventionSuccess}</Text>\n                    </Styled.SummaryWrapper>\n                  ) : null}\n                  <Styled.SummaryWrapper $position=\"relative\" $background=\"WHITE_4\" $flex={1}>\n                    <Styled.AbsoluteWrapper>\n                      <HintFillIcon height={28} width={28} />\n                    </Styled.AbsoluteWrapper>\n                    <Text $renderAs=\"ub3\">{overallAssessment}</Text>\n                  </Styled.SummaryWrapper>\n                </FlexView>\n                <FlexView $flex={1} $gap={40} $gutter={24}>\n                  {topicPerformance.map(topic => {\n                    const { topic_name: topicName, image_url: topicImage, subtopics } = topic;\n\n                    return (\n                      <>\n                        <FlexView key={topic.topic_name}>\n                          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n                            <FlexView>\n                              <Image\n                                src={topicImage || defaultTopicImage}\n                                borderRadius={88}\n                                height={88}\n                                width={88}\n                                alt=\"topic\"\n                                withLoader\n                              />\n                            </FlexView>\n                            <FlexView>\n                              <FlexView $flexGap={8}>\n                                <Text $renderAs=\"ab2-bold\">{topicName}</Text>\n                                {subtopics.map(subtopic => {\n                                  const { status, subtopic_name: subtopicName } = subtopic;\n\n                                  const IconToRender = StatusIconMap[status as ETopicStatus];\n\n                                  return (\n                                    <FlexView\n                                      key={subtopicName}\n                                      $flexDirection=\"row\"\n                                      $alignItems=\"center\"\n                                      $flexGapX={0.5}\n                                    >\n                                      <IconToRender color=\"WHITE\" height={14} width={14} />\n                                      <Text $renderAs=\"ub4\">{subtopicName}</Text>\n                                    </FlexView>\n                                  );\n                                })}\n                              </FlexView>\n                            </FlexView>\n                          </FlexView>\n                        </FlexView>\n                        <Styled.HorizontalDottedLine />\n                      </>\n                    );\n                  })}\n                </FlexView>\n              </FlexView>\n              <FlexView $flexDirection=\"row\" $justifyContent=\"end\" $flexGapX={1} $gap={10}>\n                {Object.keys(ETopicStatus).map(status => {\n                  const IconToRender = StatusIconMap[status as ETopicStatus];\n\n                  return (\n                    <FlexView key={status} $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n                      <IconToRender color=\"WHITE\" height={14} width={14} />\n                      <Text $renderAs=\"ub4\" $color=\"BLACK_T_60\">\n                        {status\n                          .toLocaleLowerCase()\n                          .split('_')\n                          .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n                          .join(' ')}\n                      </Text>\n                    </FlexView>\n                  );\n                })}\n              </FlexView>\n            </Fragment>\n          ) : (\n            <Report404 studentName={studentName} />\n          )}\n        </FlexView>\n      </FlexView>\n    </Styled.Container>\n  );\n});\n\nSessionProgressSummaryView.displayName = 'SessionProgressSummaryView';\n\nexport default SessionProgressSummaryView;\n"],"names":["StatusIconMap","ETopicStatus","Styled.CheckIcon","Styled.BulbIcon","Styled.CrossIcon","SessionProgressSummaryView","memo","props","studentName","reportSubHeader","overview","independentPerformance","interventionSuccess","overallAssessment","topicPerformance","defaultTopicImage","totalProblems","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","RIGHT_PANEL_CONTENT_WIDTH","Fragment","Styled.SummaryWrapper","Styled.AbsoluteWrapper","Text","HintFillIcon","topic","topicName","topicImage","subtopics","Image","subtopic","status","subtopicName","IconToRender","Styled.HorizontalDottedLine","word","Report404"],"mappings":"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"}

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

@@ -113,7 +113,7 @@ const b = C((A) => {
                       /* @__PURE__ */ t(
                         c,
                         {
-                          $renderAs: "ub2",
+                          $renderAs: "ub3",
                           $align: e ? "left" : "center",
                           $color: e ? "WHITE" : "BLACK_1",
                           children: v
@@ -157,7 +157,7 @@ const b = C((A) => {
                   k,
                   {
                     $renderAs: "ab2",
-                    $renderOnMobileAs: "ub2",
+                    $renderOnMobileAs: "ub3",
                     $color: e ? "WHITE_1" : "BLACK_1",
                     children: T
                   }

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

@@ -1 +1 @@
-{"version":3,"file":"report-information.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { useUIContext } from '../../../../ui/context/context';\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 { EDeviceType } from '../../../../ui/theme/constants';\nimport Report404 from '../report-404/report-404';\nimport type { TSessionReportData } from '../session-report-types';\nimport ReportCard from './report-card';\nimport * as Styled from './report-information-styled';\n\ninterface IReportInformationProps {\n  sessionReports: TSessionReportData;\n  studentName: string;\n}\n\nconst ReportInformation: FC<IReportInformationProps> = memo(props => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const { sessionReports, studentName } = props;\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 { onEvent: trackEvent } = useUIContext();\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} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} widthOnMobile=\"50%\" />\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} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n            widthOnMobile=\"50%\"\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (!renderReportsInfoCard) return <Report404 studentName={studentName} />;\n\n  return (\n    <FlexView\n      $borderColor={isMobile ? 'TRANSPARENT' : 'BLACK_1'}\n      $gapX={isMobile ? 1 : 0}\n      $background={isMobile ? 'BLACK_2' : 'TRANSPARENT'}\n      $gutterX={isMobile ? 1 : 0}\n    >\n      <Styled.ReportWrapper\n        $flexWrap={isMobile}\n        $flexDirection=\"row\"\n        $height={isMobile ? 'auto' : 100}\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_1'}\n      >\n        {renderReportsInfoCard}\n      </Styled.ReportWrapper>\n      <Styled.TopicWrapper\n        $flexDirection={isMobile ? 'column' : 'row'}\n        $background={isMobile ? 'BLACK_2' : 'WHITE_1'}\n        $flexRowGapX={isMobile ? 1.25 : 0}\n        $gapX={isMobile ? 1.5 : 0}\n      >\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={isMobile ? 0 : 29}\n                $gutter={isMobile ? 0 : 20}\n                $flex={1}\n                $alignItems={isMobile ? 'center' : 'center'}\n                $opacity={isAttempted ? 1 : 0.4}\n                $flexDirection={isMobile ? 'row' : 'column'}\n                $flexColumnGapX={isMobile ? 1 : 0}\n              >\n                <FlexView>\n                  <Styled.TopicImage\n                    $active={!!isAttempted}\n                    src={topicImage || defaultTopicImage}\n                    borderRadius={96}\n                    height={isMobile ? 84 : 96}\n                    width={isMobile ? 84 : 96}\n                    alt=\"topic\"\n                    withLoader\n                  />\n                </FlexView>\n                <FlexView $alignItems={isMobile ? 'flex-start' : 'center'} $gapX={1} $flex={1}>\n                  {!isMobile && <Separator height={12} />}\n                  <Text\n                    $renderAs=\"ab2-bold\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {topicName}\n                  </Text>\n                  <Separator height={2} />\n                  <Text\n                    $renderAs=\"ub2\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {summary}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            );\n          })}\n      </Styled.TopicWrapper>\n      {isMobile && (\n        <FlexView $background=\"BLACK_2\">\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n            Next Steps\n          </Text>\n          <Separator height={4} />\n        </FlexView>\n      )}\n      <FlexView\n        $flexDirection=\"row\"\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_3'}\n        $flexGap={4}\n        $alignItems=\"center\"\n        $gap={9}\n        $gutter={isMobile ? 0 : 8}\n      >\n        <Image\n          src={isMobile ? ILLUSTRATIONS.COMMUNITY_BULB_YELLOW_2 : ILLUSTRATIONS.COMMUNITY_BULB}\n          width={isMobile ? 56 : 80}\n          height={isMobile ? 56 : 80}\n          withLoader\n          alt=\"bulb\"\n        />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-black\" $color={isMobile ? 'WHITE_1' : 'BLACK_1'}>\n            {!isMobile && `Next Steps: `}\n            <Styled.InlineText\n              $renderAs=\"ab2\"\n              $renderOnMobileAs=\"ub2\"\n              $color={isMobile ? 'WHITE_1' : 'BLACK_1'}\n            >\n              {nextSteps}\n            </Styled.InlineText>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile && <Separator heightX={1} />}\n    </FlexView>\n  );\n});\n\nReportInformation.displayName = 'ReportInformation';\n\nexport default ReportInformation;\n"],"names":["ReportInformation","memo","props","isMobile","useTheme","EDeviceType","sessionReports","studentName","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","trackEvent","useUIContext","renderReportsInfoCard","useMemo","jsxs","Fragment","jsx","ReportCard","FlexView","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","Styled.TopicImage","Separator","Text","Image","ILLUSTRATIONS","Styled.InlineText","Report404","ReportInformation$1"],"mappings":"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"}
+{"version":3,"file":"report-information.js","sources":["../../../../../../src/features/trial-session/comps/session-report/report-information/report-information.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { useUIContext } from '../../../../ui/context/context';\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 { EDeviceType } from '../../../../ui/theme/constants';\nimport Report404 from '../report-404/report-404';\nimport type { TSessionReportData } from '../session-report-types';\nimport ReportCard from './report-card';\nimport * as Styled from './report-information-styled';\n\ninterface IReportInformationProps {\n  sessionReports: TSessionReportData;\n  studentName: string;\n}\n\nconst ReportInformation: FC<IReportInformationProps> = memo(props => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const { sessionReports, studentName } = props;\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 { onEvent: trackEvent } = useUIContext();\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} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Solved without help\" value={solvedIndependently} widthOnMobile=\"50%\" />\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} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Needed help in\" value={newConceptsLearnt} widthOnMobile=\"50%\" />\n          <ReportCard title=\"Improvement shown in\" value={solvedWithHelp} widthOnMobile=\"50%\" />\n          <ReportCard\n            title=\"Improvement\"\n            value={`${Math.round((solvedWithHelp / newConceptsLearnt) * 100)}%`}\n            widthOnMobile=\"50%\"\n          />\n        </>\n      );\n    }\n\n    return null;\n  }, [newConceptsLearnt, problemsAttempted, solvedIndependently, solvedWithHelp]);\n\n  if (!renderReportsInfoCard) return <Report404 studentName={studentName} />;\n\n  return (\n    <FlexView\n      $borderColor={isMobile ? 'TRANSPARENT' : 'BLACK_1'}\n      $gapX={isMobile ? 1 : 0}\n      $background={isMobile ? 'BLACK_2' : 'TRANSPARENT'}\n      $gutterX={isMobile ? 1 : 0}\n    >\n      <Styled.ReportWrapper\n        $flexWrap={isMobile}\n        $flexDirection=\"row\"\n        $height={isMobile ? 'auto' : 100}\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_1'}\n      >\n        {renderReportsInfoCard}\n      </Styled.ReportWrapper>\n      <Styled.TopicWrapper\n        $flexDirection={isMobile ? 'column' : 'row'}\n        $background={isMobile ? 'BLACK_2' : 'WHITE_1'}\n        $flexRowGapX={isMobile ? 1.25 : 0}\n        $gapX={isMobile ? 1.5 : 0}\n      >\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={isMobile ? 0 : 29}\n                $gutter={isMobile ? 0 : 20}\n                $flex={1}\n                $alignItems={isMobile ? 'center' : 'center'}\n                $opacity={isAttempted ? 1 : 0.4}\n                $flexDirection={isMobile ? 'row' : 'column'}\n                $flexColumnGapX={isMobile ? 1 : 0}\n              >\n                <FlexView>\n                  <Styled.TopicImage\n                    $active={!!isAttempted}\n                    src={topicImage || defaultTopicImage}\n                    borderRadius={96}\n                    height={isMobile ? 84 : 96}\n                    width={isMobile ? 84 : 96}\n                    alt=\"topic\"\n                    withLoader\n                  />\n                </FlexView>\n                <FlexView $alignItems={isMobile ? 'flex-start' : 'center'} $gapX={1} $flex={1}>\n                  {!isMobile && <Separator height={12} />}\n                  <Text\n                    $renderAs=\"ab2-bold\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {topicName}\n                  </Text>\n                  <Separator height={2} />\n                  <Text\n                    $renderAs=\"ub3\"\n                    $align={isMobile ? 'left' : 'center'}\n                    $color={isMobile ? 'WHITE' : 'BLACK_1'}\n                  >\n                    {summary}\n                  </Text>\n                </FlexView>\n              </FlexView>\n            );\n          })}\n      </Styled.TopicWrapper>\n      {isMobile && (\n        <FlexView $background=\"BLACK_2\">\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE_T_60\">\n            Next Steps\n          </Text>\n          <Separator height={4} />\n        </FlexView>\n      )}\n      <FlexView\n        $flexDirection=\"row\"\n        $background={isMobile ? 'BLACK_2' : 'YELLOW_3'}\n        $flexGap={4}\n        $alignItems=\"center\"\n        $gap={9}\n        $gutter={isMobile ? 0 : 8}\n      >\n        <Image\n          src={isMobile ? ILLUSTRATIONS.COMMUNITY_BULB_YELLOW_2 : ILLUSTRATIONS.COMMUNITY_BULB}\n          width={isMobile ? 56 : 80}\n          height={isMobile ? 56 : 80}\n          withLoader\n          alt=\"bulb\"\n        />\n        <FlexView $flex={1}>\n          <Text $renderAs=\"ab2-black\" $color={isMobile ? 'WHITE_1' : 'BLACK_1'}>\n            {!isMobile && `Next Steps: `}\n            <Styled.InlineText\n              $renderAs=\"ab2\"\n              $renderOnMobileAs=\"ub3\"\n              $color={isMobile ? 'WHITE_1' : 'BLACK_1'}\n            >\n              {nextSteps}\n            </Styled.InlineText>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile && <Separator heightX={1} />}\n    </FlexView>\n  );\n});\n\nReportInformation.displayName = 'ReportInformation';\n\nexport default ReportInformation;\n"],"names":["ReportInformation","memo","props","isMobile","useTheme","EDeviceType","sessionReports","studentName","nextSteps","topicData","solvedWithHelp","problemsAttempted","newConceptsLearnt","solvedIndependently","defaultTopicImage","trackEvent","useUIContext","renderReportsInfoCard","useMemo","jsxs","Fragment","jsx","ReportCard","FlexView","Styled.ReportWrapper","Styled.TopicWrapper","topic","topicName","topicImage","summary","isAttempted","Styled.TopicImage","Separator","Text","Image","ILLUSTRATIONS","Styled.InlineText","Report404","ReportInformation$1"],"mappings":"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"}

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

@@ -10,7 +10,7 @@ const g = f(n)`
   const { marginBottom: r = 50, textToInsert: o } = i, { slideConfig: s } = h(), { header: a, subHeader: e } = s, m = p(() => e ? r - 20 : r, [r, e]);
   return /* @__PURE__ */ d(l, { children: [
     /* @__PURE__ */ t(g, { $renderAs: "ah3-bold", $align: "center", children: a }),
-    e ? /* @__PURE__ */ t(n, { $renderAs: "ub2-bold", $align: "center", $color: "BLACK_T_60", children: o ? e.replace("/insert-text/", o) : e }) : null,
+    e ? /* @__PURE__ */ t(n, { $renderAs: "ub3-bold", $align: "center", $color: "BLACK_T_60", children: o ? e.replace("/insert-text/", o) : e }) : null,
     /* @__PURE__ */ t(u, { height: m })
   ] });
 });