@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"learning-session.js","sources":["../../../../../src/features/trial-session/comps/learning-session/learning-session.tsx"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport getColors from '../../../ui/theme/clrs';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { learningSessionImages, sessionPerks } from './learning-session-constants';\nimport * as Styled from './learning-session-styled';\n\nconst { GREEN_4 } = getColors();\n\nconst LearningSession = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id, enableSessionPerk } = slideConfig;\n\n  const worksheetCompleted = id === TrialPageId.COMPLETED_WORKSHEET;\n\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [transitionEnabled, setTransitionEnabled] = useState(true);\n\n  useEffect(() => {\n    if (currentIndex === learningSessionImages.length - 1) {\n      setTimeout(() => {\n        setTransitionEnabled(false);\n        setCurrentIndex(0);\n      }, 500);\n    }\n\n    const timer = setInterval(() => {\n      setTransitionEnabled(true);\n      setCurrentIndex(prevIndex => (prevIndex + 1) % learningSessionImages.length);\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [currentIndex]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <FlexView $alignItems=\"center\">\n        <Styled.FlexRelative\n          $width={550}\n          $height={549}\n          $borderRadius={550}\n          $background=\"WHITE_1\"\n          $borderColor=\"BLACK_T_04\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {enableSessionPerk &&\n            sessionPerks.map(sessionPerk => {\n              const { title, image, position, backgroundColor } = sessionPerk;\n\n              return (\n                <Styled.FloatingElement\n                  key={title}\n                  $width={104}\n                  $height={104}\n                  $borderRadius={104}\n                  $borderColor=\"BLACK_1\"\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $background={backgroundColor}\n                  $position={position}\n                >\n                  <Styled.ImageWrapper>\n                    {worksheetCompleted ? (\n                      <Styled.GreenTick\n                        width={24}\n                        height={28}\n                        color={GREEN_4}\n                        $top={-15}\n                        $right={-20}\n                      />\n                    ) : null}\n                    <Image withLoader height={56} width={56} src={image} />\n                  </Styled.ImageWrapper>\n                  <Styled.TextElement $renderAs=\"ac4-black\" $align=\"center\">\n                    {title}\n                  </Styled.TextElement>\n                </Styled.FloatingElement>\n              );\n            })}\n\n          <FlexView\n            $width={470}\n            $height={470}\n            $borderRadius={470}\n            $background=\"WHITE_2\"\n            $borderColor=\"BLACK_T_08\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <FlexView\n              $width={370}\n              $height={370}\n              $borderRadius={370}\n              $background=\"WHITE_3\"\n              $borderColor=\"BLACK_T_15\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $position=\"relative\"\n            >\n              {worksheetCompleted ? (\n                <Styled.GreenTick width={60} height={72} color={GREEN_4} $top={40} $right={60} />\n              ) : null}\n              <Styled.Slider\n                $width={270}\n                $height={270}\n                $borderRadius={270}\n                $borderColor=\"BLACK_T_87\"\n              >\n                {learningSessionImages.map((imageUrl, index) => {\n                  return (\n                    <Styled.SliderContent\n                      key={index}\n                      $offset={index - currentIndex}\n                      $transitionEnabled={transitionEnabled}\n                    >\n                      <Image\n                        withLoader\n                        src={imageUrl}\n                        width={270}\n                        height={270}\n                        alt={`slide-${index}`}\n                      />\n                    </Styled.SliderContent>\n                  );\n                })}\n              </Styled.Slider>\n              <Styled.MathText $renderAs=\"ac3-black\">School Math</Styled.MathText>\n            </FlexView>\n          </FlexView>\n        </Styled.FlexRelative>\n      </FlexView>\n    </Styled.Container>\n  );\n});\n\nexport default LearningSession;\n"],"names":["GREEN_4","getColors","LearningSession","memo","slideConfig","useTrialSessionContext","id","enableSessionPerk","worksheetCompleted","TrialPageId","currentIndex","setCurrentIndex","useState","transitionEnabled","setTransitionEnabled","useEffect","learningSessionImages","timer","prevIndex","jsxs","Styled.Container","jsx","Separator","SlideHeader","FlexView","Styled.FlexRelative","sessionPerks","sessionPerk","title","image","position","backgroundColor","Styled.FloatingElement","Styled.ImageWrapper","Styled.GreenTick","Image","Styled.TextElement","Styled.Slider","imageUrl","index","Styled.SliderContent","Styled.MathText"],"mappings":"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"}

package/dist/features/trial-session/comps/navigation-bar/index.js

@@ -0,0 +1,86 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useCallback as l } from "react";
+import y from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import A from "../../../ui/buttons/button/button.js";
+import d from "../../../ui/buttons/icon-button/icon-button.js";
+import c from "../../../ui/layout/flex-view.js";
+import m from "../../../ui/text/text.js";
+import { useTrialSessionContext as v } from "../../context/use-trial-session-context.js";
+import { useTrialSessionNavigation as w } from "../../hooks/use-trial-session-navigation.js";
+import { Container as D, ForwardArrow as j } from "./navigation-bar-styled.js";
+import P from "../../../../assets/line-icons/icons/back2.js";
+const q = () => {
+  const { slideConfig: p, buttonState: f, openEndClassModal: b, studentAbsentInClass: a } = v(), {
+    left: { isDisabled: g, isLoading: u },
+    right: { isDisabled: x, isLoading: h }
+  } = f || {}, { prevPage: L, nextPage: $ } = p || {}, { buttonLabel: i, pageId: t } = L || {}, { buttonLabel: r, pageId: n } = $ || {}, { handleNavigation: o } = w(), C = t && !n, I = l(() => {
+    o("next", n);
+  }, [o, n]), B = l(() => {
+    o("prev", t);
+  }, [o, t]);
+  return /* @__PURE__ */ s(
+    D,
+    {
+      $flexDirection: "row-reverse",
+      $justifyContent: "space-between",
+      $alignItems: "center",
+      children: [
+        C && /* @__PURE__ */ e(
+          A,
+          {
+            renderAs: "tertiary",
+            size: "small",
+            label: "End the class",
+            shape: "square",
+            onClick: b
+          }
+        ),
+        n && r && /* @__PURE__ */ s(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 12, children: [
+          /* @__PURE__ */ e(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: r }),
+          /* @__PURE__ */ e(
+            y,
+            {
+              widthX: 8,
+              zIndex: 2,
+              position: "top-left",
+              renderAs: "primary",
+              tooltipItem: "Waiting for student to join...",
+              hidden: !a,
+              children: /* @__PURE__ */ e(
+                d,
+                {
+                  Icon: j,
+                  renderAs: "primary",
+                  analyticsLabel: r,
+                  size: "small",
+                  onClick: I,
+                  disabled: x || a,
+                  busy: h
+                }
+              )
+            }
+          )
+        ] }),
+        t && i && /* @__PURE__ */ s(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 12, children: [
+          /* @__PURE__ */ e(
+            d,
+            {
+              Icon: P,
+              renderAs: "secondary",
+              analyticsLabel: i,
+              size: "small",
+              onClick: B,
+              disabled: g,
+              busy: u
+            }
+          ),
+          /* @__PURE__ */ e(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: i })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  q as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: React.FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label=\"End the class\"\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,EAAA,IACnDC,KACI;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpEP,KAAe,CAAA,GACb,EAAE,UAAAQ,GAAU,UAAAC,MAAaV,KAAe,CAAA,GACxC,EAAE,aAAaW,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,kBAAAK,MAAqBC,KACvBC,IAAaL,KAAc,CAACE,GAE5BI,IAAaC,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BM,IAAaD,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SAAStB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDY,KAAcD,KACb,gBAAAQ,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHb,GAAA;AAAA,UACA,gBAAAU;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAACxB;AAAA,cACT,UACE,gBAAAoB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBhB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASK;AAAA,kBACT,UAAUX,KAAsBJ;AAAA,kBAChC,MAAMK;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAU,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBnB;AAAA,cAChB,MAAK;AAAA,cACL,SAASS;AAAA,cACT,UAAUf;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCoB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHf,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/features/trial-session/comps/navigation-bar/navigation-bar-styled.js

@@ -0,0 +1,22 @@
+import r from "styled-components";
+import n from "../../../../assets/line-icons/icons/back2.js";
+import e from "../../../ui/layout/flex-view.js";
+import { NAVIGATION_BAR_HEIGHT as i } from "../../trial-session-constants.js";
+const m = r(e)(({ theme: o }) => {
+  const { gutter: t } = o.layout, { WHITE_5: c, WHITE_4: a } = o.colors;
+  return `
+    flex-shrink: 0;
+    height: ${i}px;
+    padding: 0 ${t}px;
+    border-top: 1px solid ${c};
+    background-color: ${a};
+  `;
+}), x = r(n)`
+  rotate: calc(180deg);
+`;
+export {
+  n as BackwardArrow,
+  m as Container,
+  x as ForwardArrow
+};
+//# sourceMappingURL=navigation-bar-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-bar-styled.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/navigation-bar-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { NAVIGATION_BAR_HEIGHT } from '../../trial-session-constants';\n\nconst Container = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_5, WHITE_4 } = theme.colors;\n\n  return `\n    flex-shrink: 0;\n    height: ${NAVIGATION_BAR_HEIGHT}px;\n    padding: 0 ${gutter}px;\n    border-top: 1px solid ${WHITE_5};\n    background-color: ${WHITE_4};\n  `;\n});\n\nconst ForwardArrow = styled(Back2Icon)`\n  rotate: calc(180deg);\n`;\n\nexport { Back2Icon as BackwardArrow, Container, ForwardArrow };\n"],"names":["Container","styled","FlexView","theme","gutter","WHITE_5","WHITE_4","NAVIGATION_BAR_HEIGHT","ForwardArrow","Back2Icon"],"mappings":";;;;AAMA,MAAMA,IAAYC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC1C,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,SAAAE,GAAS,SAAAC,MAAYH,EAAM;AAE5B,SAAA;AAAA;AAAA,cAEKI,CAAqB;AAAA,iBAClBH,CAAM;AAAA,4BACKC,CAAO;AAAA,wBACXC,CAAO;AAAA;AAE/B,CAAC,GAEKE,IAAeP,EAAOQ,CAAS;AAAA;AAAA;"}

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

@@ -0,0 +1,92 @@
+import { GIF as n } from "../../../../assets/gif/gif.js";
+const o = [
+  {
+    title: "school success",
+    description: ["Synced Curriculum", "Homework Help", "School Tests Prep"],
+    infoBackground: "PURPLE_1",
+    animationSource: n.SCHOOL_SUCCESS_MINI,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: "test prep",
+    description: ["Math Kangaroo", "NJSLA", "STAAR, etc"],
+    infoBackground: "BLUE_1",
+    animationSource: n.TEST_PREP_MINI,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: "enrichment",
+    description: ["Financial Literacy", "Data Science", "Decision Making, etc"],
+    infoBackground: "ORANGE_1",
+    animationSource: n.ENRICHMENT_MINI,
+    dimension: ["100%", "100%"]
+  }
+], e = [
+  {
+    title: `stay 
+connected`,
+    description: `Chat with your tutor and 
+receive real-time updates.`,
+    infoBackground: "BLUE_1",
+    animationSource: n.STAY_CONNECTED,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: `track 
+progress`,
+    description: `Progress, strengths, and 
+areas of improvement.`,
+    infoBackground: "PURPLE_1",
+    animationSource: n.TRACK_PROGRESS,
+    dimension: ["100%", "100%"]
+  },
+  {
+    title: `easy 
+rescheduling`,
+    description: `Conveniently change 
+your class timings.`,
+    infoBackground: "GREEN_1",
+    animationSource: n.EASY_RESCHEDULING,
+    dimension: ["100%", "100%"]
+  }
+], a = [
+  {
+    title: `mental 
+math`,
+    description: `Get faster and stay 
+ahead in school.`,
+    animationBackground: "YELLOW_4",
+    infoBackground: "YELLOW_1",
+    animationSource: n.SKILLS,
+    animationPadding: 25,
+    dimension: [200, 200]
+  },
+  {
+    title: `strategy 
+games`,
+    description: `Train to think deeper 
+and plan ahead`,
+    animationBackground: "BLUE_4",
+    infoBackground: "BLUE_1",
+    animationSource: n.GAMES,
+    animationPadding: 25,
+    dimension: [200, 200]
+  },
+  {
+    title: `logic 
+puzzles`,
+    description: `Think in new ways, 
+and stay sharp.`,
+    animationBackground: "ORANGE_4",
+    infoBackground: "ORANGE_1",
+    animationSource: n.PUZZLES,
+    animationPadding: 25,
+    dimension: [200, 200]
+  }
+];
+export {
+  a as circleDetails,
+  o as goalDetails,
+  e as parentAppDetails
+};
+//# sourceMappingURL=offering-information-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"offering-information-constants.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information-constants.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { GIF } from '../../../../assets/gif/gif';\n\ntype TCircleDetails = {\n  title: string;\n  description: string | string[];\n  animationBackground?: TColorNames;\n  infoBackground: TColorNames;\n  animationSource: string;\n  animationPadding?: number;\n  dimension?: (number | string | undefined)[];\n  coverAnimation?: boolean;\n}[];\n\nconst goalDetails: TCircleDetails = [\n  {\n    title: 'school success',\n    description: ['Synced Curriculum', 'Homework Help', 'School Tests Prep'],\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.SCHOOL_SUCCESS_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'test prep',\n    description: ['Math Kangaroo', 'NJSLA', 'STAAR, etc'],\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.TEST_PREP_MINI,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'enrichment',\n    description: ['Financial Literacy', 'Data Science', 'Decision Making, etc'],\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.ENRICHMENT_MINI,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst parentAppDetails: TCircleDetails = [\n  {\n    title: 'stay \\nconnected',\n    description: 'Chat with your tutor and \\nreceive real-time updates.',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.STAY_CONNECTED,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'track \\nprogress',\n    description: 'Progress, strengths, and \\nareas of improvement.',\n    infoBackground: 'PURPLE_1',\n    animationSource: GIF.TRACK_PROGRESS,\n    dimension: ['100%', '100%'],\n  },\n  {\n    title: 'easy \\nrescheduling',\n    description: 'Conveniently change \\nyour class timings.',\n    infoBackground: 'GREEN_1',\n    animationSource: GIF.EASY_RESCHEDULING,\n    dimension: ['100%', '100%'],\n  },\n];\n\nconst circleDetails: TCircleDetails = [\n  {\n    title: 'mental \\nmath',\n    description: 'Get faster and stay \\nahead in school.',\n    animationBackground: 'YELLOW_4',\n    infoBackground: 'YELLOW_1',\n    animationSource: GIF.SKILLS,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'strategy \\ngames',\n    description: 'Train to think deeper \\nand plan ahead',\n    animationBackground: 'BLUE_4',\n    infoBackground: 'BLUE_1',\n    animationSource: GIF.GAMES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n  {\n    title: 'logic \\npuzzles',\n    description: 'Think in new ways, \\nand stay sharp.',\n    animationBackground: 'ORANGE_4',\n    infoBackground: 'ORANGE_1',\n    animationSource: GIF.PUZZLES,\n    animationPadding: 25,\n    dimension: [200, 200],\n  },\n];\n\nexport { goalDetails, parentAppDetails, circleDetails };\n"],"names":["goalDetails","GIF","parentAppDetails","circleDetails"],"mappings":";AAeA,MAAMA,IAA8B;AAAA,EAClC;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,qBAAqB,iBAAiB,mBAAmB;AAAA,IACvE,gBAAgB;AAAA,IAChB,iBAAiBC,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,iBAAiB,SAAS,YAAY;AAAA,IACpD,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa,CAAC,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC1E,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEMC,IAAmC;AAAA,EACvC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBD,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,WAAW,CAAC,QAAQ,MAAM;AAAA,EAC5B;AACF,GAEME,IAAgC;AAAA,EACpC;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBF,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AAAA,EACA;AAAA,IACE,OAAO;AAAA;AAAA,IACP,aAAa;AAAA;AAAA,IACb,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,iBAAiBA,EAAI;AAAA,IACrB,kBAAkB;AAAA,IAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACtB;AACF;"}

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

@@ -0,0 +1,39 @@
+import o from "styled-components";
+import e from "../../../ui/layout/flex-view.js";
+import r from "../../../ui/text/text.js";
+const a = o.div`
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+`, m = o(e)`
+  margin: auto;
+`, d = o(e)(
+  ({ $isLastElement: t }) => `
+    ${t ? "border-bottom: none;" : `
+          border-right: none;
+          border-bottom: none;
+        `}
+    overflow: hidden;
+  `
+), s = o(e)(
+  ({ $isLastElement: t }) => `
+  ${t ? null : "border-right: none;"}
+`
+), h = o(r)`
+  white-space: pre-wrap;
+`, l = o.div(
+  ({ theme: { layout: t } }) => `
+  position: absolute;
+  right: -${t.gutter * 2.75}px;
+  bottom: -1px;
+`
+);
+export {
+  d as AnimationWrapper,
+  a as Container,
+  s as DetailsWrapper,
+  l as RefundImageWrapper,
+  h as TextElement,
+  m as Wrapper
+};
+//# sourceMappingURL=offering-information-styled.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+const r = (l) => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: "289",
+    height: "395",
+    viewBox: "0 0 289 395",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...l,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M9 386V50.326L144.5 18.2215L280 50.326V386H9Z",
+          fill: "white",
+          stroke: "currentColor",
+          strokeWidth: "16"
+        }
+      ),
+      /* @__PURE__ */ t("path", { d: "M1 44L144.5 10L288 44V394H1V44Z", stroke: "black", strokeOpacity: "0.87" }),
+      /* @__PURE__ */ t("circle", { cx: "144.745", cy: "33.4258", r: "5", fill: "#0D0D0D" }),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M138.626 6.32896C139.986 3.38256 142.11 1 144.881 1C147.652 1 149.775 3.38256 151.135 6.32896C152.542 9.3785 153.381 13.5061 153.381 18C153.381 22.4939 152.542 26.6215 151.135 29.671C149.775 32.6174 147.652 35 144.881 35V32.5714C146.133 32.5714 147.653 31.4202 148.93 28.6533C150.159 25.9896 150.952 22.2243 150.952 18C150.952 13.7757 150.159 10.0104 148.93 7.34667C147.653 4.57976 146.133 3.42857 144.881 3.42857C143.628 3.42857 142.108 4.57976 140.831 7.34667C140.455 8.16222 140.12 9.08102 139.835 10.0846C139.796 10.2215 139.759 10.36 139.722 10.5L139.5 11L137 11.5C137.385 9.57358 137.937 7.82206 138.626 6.32896Z",
+          fill: "black",
+          fillOpacity: "0.6",
+          stroke: "#0D0D0D"
+        }
+      )
+    ]
+  }
+);
+export {
+  r as default
+};
+//# sourceMappingURL=board-comp.js.map

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

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