@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.js

@@ -1,39 +1,68 @@
-import e from "styled-components";
+import p from "styled-components";
 import o from "../../../ui/layout/flex-view.js";
-const h = e(o)(({ theme: { colors: t, mediaQueries: i } }) => `
-  position: relative;
-  &:not(:last-child)::after {
-    content: '';
-    width: 37px;
-    height: 2px;
-    right: -32px;
-    top: 25px;
-    position: absolute;
-    background-color: ${t.WHITE_T_15};
-  }
-  &:last-child {
-    margin-bottom: 0;
-  }
-  ${i.minWidthSmallDesktop} {
-    margin-bottom: 48px;
-    &:not(:last-child)::after {
-      left: 28px;
-      bottom: -36px;
-      right: unset;
-      top: unset;
-      width: 2px;
-      height: 24px;
-    }
-  }
-`), m = e(o)(({ theme: { mediaQueries: t } }) => `
+const h = p(o)(({
+  theme: { colors: t, mediaQueries: e },
+  isHorizontalLayout: i
+}) => `
+      position: relative;
+
+      ${i ? `
+          border-right: 2px solid ${t.WHITE_T_15};
+          &:first-child {
+            padding-left: 0;
+          }
+          &:last-child {
+            padding-right: 0;
+          }
+        ` : `
+          &::after {
+            content: '';
+            position: absolute;
+            width: 32px;
+            height: 2px;
+            right: -20px;
+            top: 28px;
+            background-color: ${t.WHITE_T_15};
+          }
+        `}
+
+      &:last-child {
+        border-right: none;
+        &::after {
+          display: none;
+        }
+      }
+
+      ${e.minWidthSmallDesktop} {
+        ${!i && `margin-bottom: 48px;
+            &::after {
+              content: '';
+              position: absolute;
+              width: 2px;
+              top: unset;
+              height: 24px;
+              bottom: -36px;
+              left: 28px;
+              background-color: ${t.WHITE_T_15};
+            }
+          `}
+        
+      }
+    `), n = p(o)(({
+  theme: { mediaQueries: t },
+  isHorizontalLayout: e
+}) => `
   width: 100%;
   max-width: 350px;
+  ${t.minWidthTablet} {
+    max-width: ${e ? "100%" : "350px"};
+  }
   ${t.minWidthSmallDesktop} {
-    max-width: unset;
+    max-width: ${e ? "100%" : "310px"};
   }
 `);
 export {
   h as StepItem,
-  m as StepWrapper
+  n as StepWrapper
 };
 //# sourceMappingURL=onboarding-guide-styled.js.map

package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide-styled.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const StepItem = styled(FlexView)(({ theme: { colors, mediaQueries } }) => {\n  return `\n  position: relative;\n  &:not(:last-child)::after {\n    content: '';\n    width: 37px;\n    height: 2px;\n    right: -32px;\n    top: 25px;\n    position: absolute;\n    background-color: ${colors.WHITE_T_15};\n  }\n  &:last-child {\n    margin-bottom: 0;\n  }\n  ${mediaQueries.minWidthSmallDesktop} {\n    margin-bottom: 48px;\n    &:not(:last-child)::after {\n      left: 28px;\n      bottom: -36px;\n      right: unset;\n      top: unset;\n      width: 2px;\n      height: 24px;\n    }\n  }\n`;\n});\n\nexport const StepWrapper = styled(FlexView)(({ theme: { mediaQueries } }) => {\n  return `\n  width: 100%;\n  max-width: 350px;\n  ${mediaQueries.minWidthSmallDesktop} {\n    max-width: unset;\n  }\n`;\n});\n"],"names":["StepItem","styled","FlexView","colors","mediaQueries","StepWrapper"],"mappings":";;AAIa,MAAAA,IAAWC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAAC,GAAQ,cAAAC,EAAa,QACjE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeD,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrCC,EAAa,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAYpC,GAEYC,IAAcJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAAE,EAAa,QAC5D;AAAA;AAAA;AAAA,IAGLA,EAAa,oBAAoB;AAAA;AAAA;AAAA,CAIpC;"}
+{"version":3,"file":"onboarding-guide-styled.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const StepItem = styled(FlexView)<{ isHorizontalLayout: boolean }>(({\n  theme: { colors, mediaQueries },\n  isHorizontalLayout,\n}) => {\n  return `\n      position: relative;\n\n      ${\n        isHorizontalLayout\n          ? `\n          border-right: 2px solid ${colors.WHITE_T_15};\n          &:first-child {\n            padding-left: 0;\n          }\n          &:last-child {\n            padding-right: 0;\n          }\n        `\n          : `\n          &::after {\n            content: '';\n            position: absolute;\n            width: 32px;\n            height: 2px;\n            right: -20px;\n            top: 28px;\n            background-color: ${colors.WHITE_T_15};\n          }\n        `\n      }\n\n      &:last-child {\n        border-right: none;\n        &::after {\n          display: none;\n        }\n      }\n\n      ${mediaQueries.minWidthSmallDesktop} {\n        ${\n          !isHorizontalLayout &&\n          `margin-bottom: 48px;\n            &::after {\n              content: '';\n              position: absolute;\n              width: 2px;\n              top: unset;\n              height: 24px;\n              bottom: -36px;\n              left: 28px;\n              background-color: ${colors.WHITE_T_15};\n            }\n          `\n        }\n        \n      }\n    `;\n});\n\nexport const StepWrapper = styled(FlexView)<{ isHorizontalLayout: boolean }>(({\n  theme: { mediaQueries },\n  isHorizontalLayout,\n}) => {\n  return `\n  width: 100%;\n  max-width: 350px;\n  ${mediaQueries.minWidthTablet} {\n    max-width: ${isHorizontalLayout ? '100%' : '350px'};\n  }\n  ${mediaQueries.minWidthSmallDesktop} {\n    max-width: ${isHorizontalLayout ? '100%' : '310px'};\n  }\n`;\n});\n"],"names":["StepItem","styled","FlexView","colors","mediaQueries","isHorizontalLayout","StepWrapper"],"mappings":";;AAIO,MAAMA,IAAWC,EAAOC,CAAQ,EAAmC,CAAC;AAAA,EACzE,OAAO,EAAE,QAAAC,GAAQ,cAAAC,EAAa;AAAA,EAC9B,oBAAAC;AACF,MACS;AAAA;AAAA;AAAA,QAIDA,IACI;AAAA,oCACwBF,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQoBA,EAAO,UAAU;AAAA;AAAA,SAG3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASEC,EAAa,oBAAoB;AAAA,UAE/B,CAACC,KACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCASwBF,EAAO,UAAU;AAAA;AAAA,WAG3C;AAAA;AAAA;AAAA,KAIP,GAEYG,IAAcL,EAAOC,CAAQ,EAAmC,CAAC;AAAA,EAC5E,OAAO,EAAE,cAAAE,EAAa;AAAA,EACtB,oBAAAC;AACF,MACS;AAAA;AAAA;AAAA,IAGLD,EAAa,cAAc;AAAA,iBACdC,IAAqB,SAAS,OAAO;AAAA;AAAA,IAElDD,EAAa,oBAAoB;AAAA,iBACpBC,IAAqB,SAAS,OAAO;AAAA;AAAA,CAGrD;"}

package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js

@@ -1,44 +1,81 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useTheme as c } from "styled-components";
-import n from "../../../ui/layout/flex-view.js";
-import m from "../../../ui/separator/separator.js";
-import l from "../../../ui/text/text.js";
-import { EDeviceType as p } from "../../../ui/theme/constants.js";
-import { onboardingGuideSteps as s } from "./onboarding-guide-constants.js";
-import { StepWrapper as $, StepItem as d } from "./onboarding-guide-styled.js";
-const f = () => {
-  const { device: a } = c(), r = a <= p.TABLET;
-  return /* @__PURE__ */ o(n, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ e(l, { $whiteSpace: "pre-line", $renderAs: "ah4", $color: "WHITE", $renderOnTabletAs: "ab1", children: "Get started in 3 easy steps!" }),
-    /* @__PURE__ */ e(m, { heightX: r ? 1 : 2.75 }),
-    /* @__PURE__ */ e($, { $flexDirection: r ? "row" : "column", $flexColumnGapX: 1, children: s.map((t, i) => /* @__PURE__ */ o(
-      d,
-      {
-        $flex: 1,
-        $flexDirection: r ? "column" : "row",
-        $flexColumnGapX: 1.5,
-        $flexRowGapX: 0.5,
-        $alignItems: "center",
-        children: [
-          /* @__PURE__ */ e("img", { src: t.icon, alt: `Step ${i + 1}`, width: 56, height: 56 }),
-          /* @__PURE__ */ e(n, { $width: r ? 101 : 210, children: /* @__PURE__ */ e(
-            l,
-            {
-              $whiteSpace: "pre-line",
-              $renderAs: "ab2",
-              $renderOnTabletAs: "ab3",
-              $color: "WHITE",
-              $align: r ? "center" : "left",
-              children: t.title
-            }
-          ) })
-        ]
-      },
-      i
-    )) })
-  ] });
-}, S = f;
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { memo as $ } from "react";
+import { useTheme as d } from "styled-components";
+import c from "../../../ui/layout/flex-view.js";
+import h from "../../../ui/separator/separator.js";
+import m from "../../../ui/text/text.js";
+import { EDeviceType as s } from "../../../ui/theme/constants.js";
+import { onboardingGuideSteps as x } from "./onboarding-guide-constants.js";
+import { StepWrapper as u, StepItem as b } from "./onboarding-guide-styled.js";
+const g = ({ orientation: p = "vertical" }) => {
+  const { device: o } = d(), t = o <= s.TABLET, f = o <= s.MOBILE, e = p === "horizontal" && !f, i = t || e ? "row" : "column";
+  return /* @__PURE__ */ a(
+    c,
+    {
+      $flex: 1,
+      $alignItems: e ? "flex-start" : "center",
+      $justifyContent: "center",
+      children: [
+        /* @__PURE__ */ r(
+          m,
+          {
+            $whiteSpace: "pre-line",
+            $renderAs: "ah4-bold",
+            $renderOnTabletAs: "ab1-bold",
+            $color: "WHITE",
+            $align: e ? "left" : "center",
+            children: "Get started in 3 easy steps!"
+          }
+        ),
+        /* @__PURE__ */ r(h, { heightX: e ? 1.25 : t ? 1 : 2.75 }),
+        /* @__PURE__ */ r(
+          u,
+          {
+            $flexDirection: i,
+            $flexColumnGapX: e ? 0 : 0.5,
+            isHorizontalLayout: e,
+            children: x.map((n, l) => /* @__PURE__ */ a(
+              b,
+              {
+                $flex: 1,
+                $flexDirection: i === "row" ? "column" : "row",
+                $flexColumnGapX: 1.5,
+                $flexRowGapX: 0.5,
+                $alignItems: e ? "flex-start" : "center",
+                isHorizontalLayout: e,
+                $gutterX: e ? 1 : 0,
+                children: [
+                  /* @__PURE__ */ r(
+                    "img",
+                    {
+                      src: n.icon,
+                      alt: `Step ${l + 1}`,
+                      width: e ? 80 : 56,
+                      height: e ? 80 : 56
+                    }
+                  ),
+                  /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(
+                    m,
+                    {
+                      $whiteSpace: "pre-line",
+                      $renderAs: "ab2",
+                      $renderOnTabletAs: "ab3",
+                      $color: "WHITE",
+                      $align: t ? "center" : "left",
+                      children: n.title
+                    }
+                  ) })
+                ]
+              },
+              l
+            ))
+          }
+        )
+      ]
+    }
+  );
+}, y = $(g);
 export {
-  S as default
+  y as default
 };
 //# sourceMappingURL=onboarding-guide.js.map

package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\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 { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = () => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah4\" $color=\"WHITE\" $renderOnTabletAs=\"ab1\">\n        Get started in 3 easy steps!\n      </Text>\n      <Separator heightX={isCompact ? 1 : 2.75} />\n      <Styled.StepWrapper $flexDirection={isCompact ? 'row' : 'column'} $flexColumnGapX={1}>\n        {onboardingGuideSteps.map((step, index) => (\n          <Styled.StepItem\n            key={index}\n            $flex={1}\n            $flexDirection={isCompact ? 'column' : 'row'}\n            $flexColumnGapX={1.5}\n            $flexRowGapX={0.5}\n            $alignItems={'center'}\n          >\n            <img src={step.icon} alt={`Step ${index + 1}`} width={56} height={56} />\n            <FlexView $width={isCompact ? 101 : 210}>\n              <Text\n                $whiteSpace=\"pre-line\"\n                $renderAs=\"ab2\"\n                $renderOnTabletAs=\"ab3\"\n                $color=\"WHITE\"\n                $align={isCompact ? 'center' : 'left'}\n              >\n                {step.title}\n              </Text>\n            </FlexView>\n          </Styled.StepItem>\n        ))}\n      </Styled.StepWrapper>\n    </FlexView>\n  );\n};\n\nexport default OnboardingGuide;\n"],"names":["OnboardingGuide","device","useTheme","isCompact","EDeviceType","FlexView","jsx","Text","Separator","Styled.StepWrapper","onboardingGuideSteps","step","index","jsxs","Styled.StepItem","OnboardingGuide$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAkB,MAAM;AACtB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAExC,2BACGC,GAAS,EAAA,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,mBAAkB,OAAM,UAEpF,+BAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,SAASL,IAAY,IAAI,MAAM;AAAA,IACzC,gBAAAG,EAAAG,GAAA,EAAmB,gBAAgBN,IAAY,QAAQ,UAAU,iBAAiB,GAChF,UAAAO,EAAqB,IAAI,CAACC,GAAMC,MAC/B,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,OAAO;AAAA,QACP,gBAAgBX,IAAY,WAAW;AAAA,QACvC,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,aAAa;AAAA,QAEb,UAAA;AAAA,UAAA,gBAAAG,EAAC,OAAI,EAAA,KAAKK,EAAK,MAAM,KAAK,QAAQC,IAAQ,CAAC,IAAI,OAAO,IAAI,QAAQ,IAAI;AAAA,UACrE,gBAAAN,EAAAD,GAAA,EAAS,QAAQF,IAAY,MAAM,KAClC,UAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,QAAO;AAAA,cACP,QAAQJ,IAAY,WAAW;AAAA,cAE9B,UAAKQ,EAAA;AAAA,YAAA;AAAA,UAAA,GAEV;AAAA,QAAA;AAAA,MAAA;AAAA,MAlBKC;AAAA,IAoBR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAG,IAAef;"}
+{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import type { IOnboardingGuideProps } from './onboarding-guide-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\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 { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = ({ orientation = 'vertical' }: IOnboardingGuideProps) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isMobile = device <= EDeviceType.MOBILE;\n  const isHorizontalLayout = orientation === 'horizontal' && !isMobile;\n  const flexDirection = isCompact || isHorizontalLayout ? 'row' : 'column';\n\n  return (\n    <FlexView\n      $flex={1}\n      $alignItems={isHorizontalLayout ? 'flex-start' : 'center'}\n      $justifyContent=\"center\"\n    >\n      <Text\n        $whiteSpace=\"pre-line\"\n        $renderAs=\"ah4-bold\"\n        $renderOnTabletAs=\"ab1-bold\"\n        $color=\"WHITE\"\n        $align={isHorizontalLayout ? 'left' : 'center'}\n      >\n        Get started in 3 easy steps!\n      </Text>\n\n      <Separator heightX={isHorizontalLayout ? 1.25 : isCompact ? 1 : 2.75} />\n\n      <Styled.StepWrapper\n        $flexDirection={flexDirection}\n        $flexColumnGapX={!isHorizontalLayout ? 0.5 : 0}\n        isHorizontalLayout={isHorizontalLayout}\n      >\n        {onboardingGuideSteps.map((step, index) => (\n          <Styled.StepItem\n            key={index}\n            $flex={1}\n            $flexDirection={flexDirection === 'row' ? 'column' : 'row'}\n            $flexColumnGapX={1.5}\n            $flexRowGapX={0.5}\n            $alignItems={isHorizontalLayout ? 'flex-start' : 'center'}\n            isHorizontalLayout={isHorizontalLayout}\n            $gutterX={isHorizontalLayout ? 1 : 0}\n          >\n            <img\n              src={step.icon}\n              alt={`Step ${index + 1}`}\n              width={isHorizontalLayout ? 80 : 56}\n              height={isHorizontalLayout ? 80 : 56}\n            />\n            <FlexView>\n              <Text\n                $whiteSpace=\"pre-line\"\n                $renderAs=\"ab2\"\n                $renderOnTabletAs=\"ab3\"\n                $color=\"WHITE\"\n                $align={isCompact ? 'center' : 'left'}\n              >\n                {step.title}\n              </Text>\n            </FlexView>\n          </Styled.StepItem>\n        ))}\n      </Styled.StepWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(OnboardingGuide);\n"],"names":["OnboardingGuide","orientation","device","useTheme","isCompact","EDeviceType","isMobile","isHorizontalLayout","flexDirection","jsxs","FlexView","jsx","Text","Separator","Styled.StepWrapper","onboardingGuideSteps","step","index","Styled.StepItem","OnboardingGuide$1","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAkB,CAAC,EAAE,aAAAC,IAAc,iBAAwC;AACzE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,KAAUG,EAAY,QACjCE,IAAqBN,MAAgB,gBAAgB,CAACK,GACtDE,IAAgBJ,KAAaG,IAAqB,QAAQ;AAG9D,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAaH,IAAqB,eAAe;AAAA,MACjD,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,WAAU;AAAA,YACV,mBAAkB;AAAA,YAClB,QAAO;AAAA,YACP,QAAQL,IAAqB,SAAS;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,0BAECM,GAAU,EAAA,SAASN,IAAqB,OAAOH,IAAY,IAAI,MAAM;AAAA,QAEtE,gBAAAO;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,gBAAgBN;AAAA,YAChB,iBAAkBD,IAA2B,IAAN;AAAA,YACvC,oBAAAA;AAAA,YAEC,UAAqBQ,EAAA,IAAI,CAACC,GAAMC,MAC/B,gBAAAR;AAAA,cAACS;AAAAA,cAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,gBAAgBV,MAAkB,QAAQ,WAAW;AAAA,gBACrD,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,aAAaD,IAAqB,eAAe;AAAA,gBACjD,oBAAAA;AAAA,gBACA,UAAUA,IAAqB,IAAI;AAAA,gBAEnC,UAAA;AAAA,kBAAA,gBAAAI;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAKK,EAAK;AAAA,sBACV,KAAK,QAAQC,IAAQ,CAAC;AAAA,sBACtB,OAAOV,IAAqB,KAAK;AAAA,sBACjC,QAAQA,IAAqB,KAAK;AAAA,oBAAA;AAAA,kBACpC;AAAA,oCACCG,GACC,EAAA,UAAA,gBAAAC;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,aAAY;AAAA,sBACZ,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAO;AAAA,sBACP,QAAQR,IAAY,WAAW;AAAA,sBAE9B,UAAKY,EAAA;AAAA,oBAAA;AAAA,kBAAA,GAEV;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzBKC;AAAA,YAAA,CA2BR;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeE,IAAAC,EAAKpB,CAAe;"}

package/dist/features/auth/pla-signup/pla-analytics-events.js

@@ -1,6 +1,6 @@
 import { PLUGINS as _ } from "../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
-var s = /* @__PURE__ */ ((e) => (e.START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked", e.ECNA_STEP_VIEWED = "ecna_step_viewed", e.ECNA_RESPONSE_RECORDED_DEBUG = "ecna_response_recorded_debug", e.PARENT_SIGNUP_CTA_CLICKED = "parent_signup_cta_clicked", e.PARENT_SIGNUP_SUCCESSFUL = "parent_signup_successful", e.PARENT_SIGNUP_FAILED = "parent_signup_failed", e.STUDENT_SIGNUP_SUCCESSFUL = "signup_successful", e.STUDENT_SIGNUP_FAILED = "signup_failed", e.SIGNUP_OTP_ENTERED = "signup_otp_entered", e.SIGNUP_OTP_VERIFIED = "signup_otp_verified", e.SIGNUP_OTP_FAILED = "signup_otp_failed", e.SLOTS_SHOWN = "slots_shown", e.SLOT_DATE_SELECTED = "slot_date_selected", e.SLOT_TIME_SELECTED = "slot_time_selected", e))(s || {});
-const i = {
+var s = /* @__PURE__ */ ((e) => (e.START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked", e.ECNA_STEP_VIEWED = "ecna_step_viewed", e.ECNA_RESPONSE_RECORDED_DEBUG = "ecna_response_recorded_debug", e.PARENT_SIGNUP_CTA_CLICKED = "parent_signup_cta_clicked", e.PARENT_SIGNUP_SUCCESSFUL = "parent_signup_successful", e.PARENT_SIGNUP_FAILED = "parent_signup_failed", e.STUDENT_SIGNUP_SUCCESSFUL = "signup_successful", e.STUDENT_SIGNUP_FAILED = "signup_failed", e.SIGNUP_OTP_ENTERED = "signup_otp_entered", e.SIGNUP_OTP_VERIFIED = "signup_otp_verified", e.SIGNUP_OTP_FAILED = "signup_otp_failed", e.SLOTS_SHOWN = "slots_shown", e.SLOT_DATE_SELECTED = "slot_date_selected", e.SLOT_TIME_SELECTED = "slot_time_selected", e.TUTOR_CHANGE_REASON_SELECTED = "tutor_change_reason_selected", e))(s || {});
+const n = {
   start_signup_cta_clicked: [_.MIXPANEL],
   ecna_step_viewed: [_.MIXPANEL],
   ecna_response_recorded_debug: [_.MIXPANEL],
@@ -14,10 +14,11 @@ const i = {
   signup_otp_failed: [_.MIXPANEL],
   slots_shown: [_.MIXPANEL],
   slot_date_selected: [_.MIXPANEL],
-  slot_time_selected: [_.MIXPANEL]
+  slot_time_selected: [_.MIXPANEL],
+  tutor_change_reason_selected: [_.MIXPANEL]
 };
 export {
   s as PLA_ANALYTICS_EVENTS,
-  i as PLA_ANALYTICS_WHITELIST_EVENTS
+  n as PLA_ANALYTICS_WHITELIST_EVENTS
 };
 //# sourceMappingURL=pla-analytics-events.js.map

package/dist/features/auth/pla-signup/pla-analytics-events.js.map

@@ -1 +1 @@
-{"version":3,"file":"pla-analytics-events.js","sources":["../../../../src/features/auth/pla-signup/pla-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum PLA_ANALYTICS_EVENTS {\n  START_SIGNUP_CTA_CLICKED = 'start_signup_cta_clicked',\n  ECNA_STEP_VIEWED = 'ecna_step_viewed',\n  ECNA_RESPONSE_RECORDED_DEBUG = 'ecna_response_recorded_debug',\n  PARENT_SIGNUP_CTA_CLICKED = 'parent_signup_cta_clicked',\n  PARENT_SIGNUP_SUCCESSFUL = 'parent_signup_successful',\n  PARENT_SIGNUP_FAILED = 'parent_signup_failed',\n  STUDENT_SIGNUP_SUCCESSFUL = 'signup_successful',\n  STUDENT_SIGNUP_FAILED = 'signup_failed',\n  SIGNUP_OTP_ENTERED = 'signup_otp_entered',\n  SIGNUP_OTP_VERIFIED = 'signup_otp_verified',\n  SIGNUP_OTP_FAILED = 'signup_otp_failed',\n  SLOTS_SHOWN = 'slots_shown',\n  SLOT_DATE_SELECTED = 'slot_date_selected',\n  SLOT_TIME_SELECTED = 'slot_time_selected',\n}\n\nexport const PLA_ANALYTICS_WHITELIST_EVENTS = {\n  [PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_RESPONSE_RECORDED_DEBUG]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_ENTERED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_VERIFIED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOTS_SHOWN]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_DATE_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_TIME_SELECTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLA_ANALYTICS_EVENTS","PLA_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,2BAA2B,4BAC3BA,EAAA,mBAAmB,oBACnBA,EAAA,+BAA+B,gCAC/BA,EAAA,4BAA4B,6BAC5BA,EAAA,2BAA2B,4BAC3BA,EAAA,uBAAuB,wBACvBA,EAAA,4BAA4B,qBAC5BA,EAAA,wBAAwB,iBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,oBAAoB,qBACpBA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBACrBA,EAAA,qBAAqB,sBAdXA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAAiC;AAAA,EAC3C,0BAAgD,CAACC,EAAQ,QAAQ;AAAA,EACjE,kBAAwC,CAACA,EAAQ,QAAQ;AAAA,EACzD,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,2BAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,0BAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,sBAA4C,CAACA,EAAQ,QAAQ;AAAA,EAC7D,mBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,eAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,qBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,mBAAyC,CAACA,EAAQ,QAAQ;AAAA,EAC1D,aAAmC,CAACA,EAAQ,QAAQ;AAAA,EACpD,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,oBAA0C,CAACA,EAAQ,QAAQ;AAC9D;"}
+{"version":3,"file":"pla-analytics-events.js","sources":["../../../../src/features/auth/pla-signup/pla-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum PLA_ANALYTICS_EVENTS {\n  START_SIGNUP_CTA_CLICKED = 'start_signup_cta_clicked',\n  ECNA_STEP_VIEWED = 'ecna_step_viewed',\n  ECNA_RESPONSE_RECORDED_DEBUG = 'ecna_response_recorded_debug',\n  PARENT_SIGNUP_CTA_CLICKED = 'parent_signup_cta_clicked',\n  PARENT_SIGNUP_SUCCESSFUL = 'parent_signup_successful',\n  PARENT_SIGNUP_FAILED = 'parent_signup_failed',\n  STUDENT_SIGNUP_SUCCESSFUL = 'signup_successful',\n  STUDENT_SIGNUP_FAILED = 'signup_failed',\n  SIGNUP_OTP_ENTERED = 'signup_otp_entered',\n  SIGNUP_OTP_VERIFIED = 'signup_otp_verified',\n  SIGNUP_OTP_FAILED = 'signup_otp_failed',\n  SLOTS_SHOWN = 'slots_shown',\n  SLOT_DATE_SELECTED = 'slot_date_selected',\n  SLOT_TIME_SELECTED = 'slot_time_selected',\n  TUTOR_CHANGE_REASON_SELECTED = 'tutor_change_reason_selected',\n}\n\nexport const PLA_ANALYTICS_WHITELIST_EVENTS = {\n  [PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_RESPONSE_RECORDED_DEBUG]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_ENTERED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_VERIFIED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOTS_SHOWN]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_DATE_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_TIME_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.TUTOR_CHANGE_REASON_SELECTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLA_ANALYTICS_EVENTS","PLA_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,2BAA2B,4BAC3BA,EAAA,mBAAmB,oBACnBA,EAAA,+BAA+B,gCAC/BA,EAAA,4BAA4B,6BAC5BA,EAAA,2BAA2B,4BAC3BA,EAAA,uBAAuB,wBACvBA,EAAA,4BAA4B,qBAC5BA,EAAA,wBAAwB,iBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,oBAAoB,qBACpBA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBACrBA,EAAA,qBAAqB,sBACrBA,EAAA,+BAA+B,gCAfrBA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAiC;AAAA,EAC3C,0BAAgD,CAACC,EAAQ,QAAQ;AAAA,EACjE,kBAAwC,CAACA,EAAQ,QAAQ;AAAA,EACzD,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,2BAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,0BAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,sBAA4C,CAACA,EAAQ,QAAQ;AAAA,EAC7D,mBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,eAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,qBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,mBAAyC,CAACA,EAAQ,QAAQ;AAAA,EAC1D,aAAmC,CAACA,EAAQ,QAAQ;AAAA,EACpD,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,8BAAoD,CAACA,EAAQ,QAAQ;AACxE;"}

package/dist/features/auth/pla-signup/signup-header/signup-header.js

@@ -30,7 +30,7 @@ const d = () => {
           /* @__PURE__ */ t(l, { $renderAs: "ab2", $renderOnTabletAs: "ub3", $color: "WHITE", children: [
             "Rated",
             " ",
-            /* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub3-bold", $color: "WHITE", children: "4.8+" }),
+            /* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub3-bold", $color: "WHITE", children: "4.9+" }),
             " ",
             "on"
           ] }),

package/dist/features/auth/pla-signup/signup-header/signup-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/pla-signup/signup-header/signup-header.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\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 { EDeviceType } from '../../../ui/theme/constants';\n\nconst SignupHeader = () => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView\n      $flexDirection={isCompact ? 'row' : 'column'}\n      $alignItems={isCompact ? 'center' : 'flex-start'}\n      $width=\"100%\"\n      $flexColumnGapX={1}\n      $justifyContent={isCompact ? 'space-between' : 'flex-start'}\n    >\n      <Image\n        width={isCompact ? 80 : 107}\n        src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n        height={isCompact ? 12 : 16}\n      />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color=\"WHITE\">\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color=\"WHITE\">\n            4.8+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image\n          src={ILLUSTRATIONS.TRUSTPILOT}\n          width={isCompact ? 80 : 99}\n          height={isCompact ? 20 : 25}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","SignupHeader$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAe,MAAM;AACnB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBH,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOL,IAAY,KAAK;AAAA,YACxB,KAAKM,EAAc;AAAA,YACnB,QAAQN,IAAY,KAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,QACC,CAACA,KAAc,gBAAAI,EAAAG,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAL,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACM,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAAA;AAAA,YAAA;AAAA,YACrD;AAAA,YACN,gBAAAJ,EAACI,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAE/E,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKC,EAAc;AAAA,cACnB,OAAON,IAAY,KAAK;AAAA,cACxB,QAAQA,IAAY,KAAK;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAS,IAAeZ;"}
+{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/pla-signup/signup-header/signup-header.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\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 { EDeviceType } from '../../../ui/theme/constants';\n\nconst SignupHeader = () => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView\n      $flexDirection={isCompact ? 'row' : 'column'}\n      $alignItems={isCompact ? 'center' : 'flex-start'}\n      $width=\"100%\"\n      $flexColumnGapX={1}\n      $justifyContent={isCompact ? 'space-between' : 'flex-start'}\n    >\n      <Image\n        width={isCompact ? 80 : 107}\n        src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n        height={isCompact ? 12 : 16}\n      />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color=\"WHITE\">\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color=\"WHITE\">\n            4.9+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image\n          src={ILLUSTRATIONS.TRUSTPILOT}\n          width={isCompact ? 80 : 99}\n          height={isCompact ? 20 : 25}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","SignupHeader$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAe,MAAM;AACnB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBH,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOL,IAAY,KAAK;AAAA,YACxB,KAAKM,EAAc;AAAA,YACnB,QAAQN,IAAY,KAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,QACC,CAACA,KAAc,gBAAAI,EAAAG,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAL,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACM,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAAA;AAAA,YAAA;AAAA,YACrD;AAAA,YACN,gBAAAJ,EAACI,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAE/E,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKC,EAAc;AAAA,cACnB,OAAON,IAAY,KAAK;AAAA,cACxB,QAAQA,IAAY,KAAK;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAS,IAAeZ;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js

@@ -1,28 +1,24 @@
 import t from "styled-components";
-import r from "../../../ui/layout/flex-view.js";
-const n = t(r)`
+import i from "../../../ui/layout/flex-view.js";
+const n = t(i)`
   position: relative;
-`, s = t(r)`
+`, s = t(i)`
   position: absolute;
   border-radius: 100%;
   top: 216px;
   border: ${({ theme: o }) => `2px solid ${o.colors.BLACK_5}`};
-`, p = t(r)`
-  opacity: ${({ $isVisible: o }) => o ? 1 : 0};
+`, a = t(i)(
+  ({ theme: o, $isVisible: e }) => `
+  opacity: ${e ? 1 : 0};
   transition: opacity 0.5s ease-in-out;
-`, a = t.div`
   position: relative;
-`;
-t(r)`
+  top: -12px;
+  ${o.mediaQueries.minWidthTablet} {
+    top: 0;
+  }
+`
+), l = t.div`
   position: relative;
-  overflow: hidden;
-  background: ${({ theme: o }) => o.colors.BLACK_2};
-  border-radius: 100%;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${({ theme: o }) => o.colors.WHITE};
 `;
 t.div`
   position: absolute;
@@ -30,31 +26,37 @@ t.div`
   height: 100%;
   z-index: 2;
 `;
-const l = t(r)`
-  position: absolute;
-  top: 55%;
-  right: 24px;
-`, c = t(r)`
+const d = t(i)(
+  ({ theme: o }) => `
+    position: absolute;
+    bottom: 40px;
+    right: 16px;
+   ${o.mediaQueries.minWidthTablet}  {
+      top: 55%;
+      right: 24px;
+    }
+`
+), u = t(i)`
   position: absolute;
   top: 642px;
-`, d = t(r)`
+`, x = t(i)(
+  ({ theme: o }) => `
   position: absolute;
-  top: 55%;
-  left: 24px;
-  button {
-    background-color: ${({ theme: o }) => o.colors.BLACK_1};
-    svg {
-      color: ${({ theme: o }) => o.colors.WHITE};
-    }
+  left: 16px;
+  top: 40px;
+  ${o.mediaQueries.minWidthTablet}  {
+    top: 55%;
+    left: 24px;
   }
-`;
+`
+);
 export {
   s as CircularStepContainer,
   n as Container,
-  p as ContentWrapper,
-  c as FooterWrapper,
-  a as InputContainer,
-  l as NextButtonWrapper,
-  d as PrevButtonWrapper
+  a as ContentWrapper,
+  u as FooterWrapper,
+  l as InputContainer,
+  d as NextButtonWrapper,
+  x as PrevButtonWrapper
 };
 //# sourceMappingURL=circular-step-wrapper-styled.js.map

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular-step-wrapper-styled.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  position: relative;\n`;\n\nconst CircularStepContainer = styled(FlexView)`\n  position: absolute;\n  border-radius: 100%;\n  top: 216px;\n  border: ${({ theme }) => `2px solid ${theme.colors.BLACK_5}`};\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $isVisible: boolean }>`\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.5s ease-in-out;\n`;\n\nconst InputContainer = styled.div`\n  position: relative;\n`;\n\nconst CircularProgressContainer = styled(FlexView)<{\n  isVerticallyCentered?: boolean;\n}>`\n  position: relative;\n  overflow: hidden;\n  background: ${({ theme }) => theme.colors.BLACK_2};\n  border-radius: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ theme }) => theme.colors.WHITE};\n`;\n\nexport const CircularProgress = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n`;\n\nconst NextButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  right: 24px;\n`;\n\nconst FooterWrapper = styled(FlexView)`\n  position: absolute;\n  top: 642px;\n`;\n\nconst PrevButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  left: 24px;\n  button {\n    background-color: ${({ theme }) => theme.colors.BLACK_1};\n    svg {\n      color: ${({ theme }) => theme.colors.WHITE};\n    }\n  }\n`;\n\nexport {\n  NextButtonWrapper,\n  PrevButtonWrapper,\n  InputContainer,\n  Container,\n  CircularStepContainer,\n  CircularProgressContainer,\n  ContentWrapper,\n  FooterWrapper,\n};\n"],"names":["Container","styled","FlexView","CircularStepContainer","theme","ContentWrapper","$isVisible","InputContainer","NextButtonWrapper","FooterWrapper","PrevButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAwBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,YAIjC,CAAC,EAAE,OAAAE,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGxDC,IAAiBJ,EAAOC,CAAQ;AAAA,aACzB,CAAC,EAAE,YAAAI,EAAA,MAAkBA,IAAa,IAAI,CAAE;AAAA;AAAA,GAI/CC,IAAiBN,EAAO;AAAA;AAAA;AAIIA,EAAOC,CAAQ;AAAA;AAAA;AAAA,gBAKjC,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAGZH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAAO,IAAoBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMnCO,IAAgBR,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK/BQ,IAAoBT,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKjB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,eAE5C,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"circular-step-wrapper-styled.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  position: relative;\n`;\n\nconst CircularStepContainer = styled(FlexView)`\n  position: absolute;\n  border-radius: 100%;\n  top: 216px;\n  border: ${({ theme }) => `2px solid ${theme.colors.BLACK_5}`};\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $isVisible: boolean }>(\n  ({ theme, $isVisible }) => `\n  opacity: ${$isVisible ? 1 : 0};\n  transition: opacity 0.5s ease-in-out;\n  position: relative;\n  top: -12px;\n  ${theme.mediaQueries.minWidthTablet} {\n    top: 0;\n  }\n`,\n);\n\nconst InputContainer = styled.div`\n  position: relative;\n`;\n\nexport const CircularProgress = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n`;\n\nconst NextButtonWrapper = styled(FlexView)(\n  ({ theme }) => `\n    position: absolute;\n    bottom: 40px;\n    right: 16px;\n   ${theme.mediaQueries.minWidthTablet}  {\n      top: 55%;\n      right: 24px;\n    }\n`,\n);\n\nconst FooterWrapper = styled(FlexView)`\n  position: absolute;\n  top: 642px;\n`;\n\nconst PrevButtonWrapper = styled(FlexView)(\n  ({ theme }) => `\n  position: absolute;\n  left: 16px;\n  top: 40px;\n  ${theme.mediaQueries.minWidthTablet}  {\n    top: 55%;\n    left: 24px;\n  }\n`,\n);\n\nexport {\n  NextButtonWrapper,\n  PrevButtonWrapper,\n  InputContainer,\n  Container,\n  CircularStepContainer,\n  ContentWrapper,\n  FooterWrapper,\n};\n"],"names":["Container","styled","FlexView","CircularStepContainer","theme","ContentWrapper","$isVisible","InputContainer","NextButtonWrapper","FooterWrapper","PrevButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAwBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,YAIjC,CAAC,EAAE,OAAAE,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGxDC,IAAiBJ,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAE,GAAO,YAAAE,EAAA,MAAiB;AAAA,aAChBA,IAAa,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,IAI3BF,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAIrC,GAEMG,IAAiBN,EAAO;AAAA;AAAA;AAIEA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAAO,IAAoBP,EAAOC,CAAQ;AAAA,EACvC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,KAIZA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAKtC,GAEMK,IAAgBR,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK/BQ,IAAoBT,EAAOC,CAAQ;AAAA,EACvC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,IAIbA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAKrC;"}