@cuemath/leap 3.5.41 → 3.5.42

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

@@ -1,13 +1,15 @@
-import p from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-const h = p(o)(({
-  theme: { colors: t, mediaQueries: e },
-  isHorizontalLayout: i
+import o from "styled-components";
+import h from "../../../ui/layout/flex-view.js";
+const x = o(h)(({
+  theme: { colors: t, mediaQueries: i },
+  isHorizontalLayout: e,
+  borderRight: r,
+  afterContentBackground: p
 }) => `
       position: relative;
 
-      ${i ? `
-          border-right: 2px solid ${t.WHITE_T_15};
+      ${e ? `
+          border-right: 2px solid ${t[r]};
           &:first-child {
             padding-left: 0;
           }
@@ -22,7 +24,7 @@ const h = p(o)(({
             height: 2px;
             right: -20px;
             top: 28px;
-            background-color: ${t.WHITE_T_15};
+            background-color: ${t[p]};
           }
         `}
 
@@ -33,8 +35,8 @@ const h = p(o)(({
         }
       }
 
-      ${e.minWidthSmallDesktop} {
-        ${!i && `margin-bottom: 48px;
+      ${i.minWidthSmallDesktop} {
+        ${!e && `margin-bottom: 48px;
             &::after {
               content: '';
               position: absolute;
@@ -43,26 +45,26 @@ const h = p(o)(({
               height: 24px;
               bottom: -36px;
               left: 28px;
-              background-color: ${t.WHITE_T_15};
+              background-color: ${t[p]};
             }
           `}
         
       }
-    `), n = p(o)(({
+    `), l = o(h)(({
   theme: { mediaQueries: t },
-  isHorizontalLayout: e
+  isHorizontalLayout: i
 }) => `
   width: 100%;
   max-width: 350px;
   ${t.minWidthTablet} {
-    max-width: ${e ? "100%" : "350px"};
+    max-width: ${i ? "100%" : "350px"};
   }
   ${t.minWidthSmallDesktop} {
-    max-width: ${e ? "100%" : "310px"};
+    max-width: ${i ? "100%" : "310px"};
   }
 `);
 export {
-  h as StepItem,
-  n as StepWrapper
+  x as StepItem,
+  l 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)<{ 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;"}
+{"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';\nimport type { TColorNames } from '../../../ui/types';\n\ntype TStepItem = {\n  isHorizontalLayout: boolean;\n  borderRight: TColorNames;\n  afterContentBackground: TColorNames;\n};\n\nexport const StepItem = styled(FlexView)<TStepItem>(({\n  theme: { colors, mediaQueries },\n  isHorizontalLayout,\n  borderRight,\n  afterContentBackground,\n}) => {\n  return `\n      position: relative;\n\n      ${\n        isHorizontalLayout\n          ? `\n          border-right: 2px solid ${colors[borderRight]};\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[afterContentBackground]};\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[afterContentBackground]};\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","borderRight","afterContentBackground","StepWrapper"],"mappings":";;AAWO,MAAMA,IAAWC,EAAOC,CAAQ,EAAa,CAAC;AAAA,EACnD,OAAO,EAAE,QAAAC,GAAQ,cAAAC,EAAa;AAAA,EAC9B,oBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AACF,MACS;AAAA;AAAA;AAAA,QAIDF,IACI;AAAA,oCACwBF,EAAOG,CAAW,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQoBH,EAAOI,CAAsB,CAAC;AAAA;AAAA,SAGxD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASEH,EAAa,oBAAoB;AAAA,UAE/B,CAACC,KACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCASwBF,EAAOI,CAAsB,CAAC;AAAA;AAAA,WAGxD;AAAA;AAAA;AAAA,KAIP,GAEYC,IAAcP,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,81 +1,86 @@
-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 b, StepItem as u } from "./onboarding-guide-styled.js";
-const g = ({ orientation: p = "vertical" }) => {
-  const { device: i } = d(), t = i <= s.TABLET, f = i <= s.MOBILE, e = p === "horizontal" && !f, n = t || e ? "row" : "column";
-  return /* @__PURE__ */ a(
-    c,
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { memo as x } from "react";
+import { useTheme as T } from "styled-components";
+import s from "../../../ui/layout/flex-view.js";
+import b from "../../../ui/separator/separator.js";
+import d from "../../../ui/text/text.js";
+import { EDeviceType as p } from "../../../ui/theme/constants.js";
+import { onboardingGuideSteps as u } from "./onboarding-guide-constants.js";
+import { StepWrapper as g, StepItem as A } from "./onboarding-guide-styled.js";
+const C = ({
+  orientation: f = "vertical",
+  renderThemeAs: $ = "dark"
+}) => {
+  const { device: n } = T(), t = n <= p.TABLET, h = n <= p.MOBILE, e = f === "horizontal" && !h, l = t || e ? "row" : "column", i = $ === "dark", a = i ? "WHITE" : "BLACK";
+  return /* @__PURE__ */ m(
+    s,
     {
       $flex: 1,
       $alignItems: e ? "flex-start" : "center",
       $justifyContent: "center",
       children: [
         /* @__PURE__ */ r(
-          m,
+          d,
           {
             $whiteSpace: "pre-line",
             $renderAs: "ah4-bold",
             $renderOnTabletAs: "ab1-bold",
-            $color: "WHITE",
+            $color: a,
             $align: e ? "left" : "center",
             children: "Get started in 3 easy steps!"
           }
         ),
-        /* @__PURE__ */ r(h, { heightX: e ? 1.25 : t ? 1 : 2.75 }),
+        /* @__PURE__ */ r(b, { heightX: e ? 1.25 : t ? 1 : 2.75 }),
         /* @__PURE__ */ r(
-          b,
+          g,
           {
-            $flexDirection: n,
+            $flexDirection: l,
             $flexColumnGapX: e ? 0 : 0.5,
             isHorizontalLayout: e,
-            children: x.map((o, l) => /* @__PURE__ */ a(
-              u,
+            children: u.map((o, c) => /* @__PURE__ */ m(
+              A,
               {
                 $flex: 1,
-                $flexDirection: n === "row" ? "column" : "row",
+                $flexDirection: l === "row" ? "column" : "row",
                 $flexColumnGapX: 1.5,
                 $flexRowGapX: 0.5,
                 $alignItems: e ? "flex-start" : "center",
-                isHorizontalLayout: e,
                 $gutterX: e ? 1 : 0,
+                isHorizontalLayout: e,
+                borderRight: i ? "WHITE_T_15" : "REAL_BLACK_15",
+                afterContentBackground: i ? "WHITE_T_15" : "REAL_BLACK_15",
                 children: [
                   /* @__PURE__ */ r(
                     "img",
                     {
                       src: o.icon,
-                      alt: `Step ${l + 1}`,
+                      alt: `Step ${c + 1}`,
                       width: e ? 80 : 56,
                       height: e ? 80 : 56
                     }
                   ),
-                  /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(
-                    m,
+                  /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
+                    d,
                     {
                       $whiteSpace: "pre-line",
                       $renderAs: "ab2",
                       $renderOnTabletAs: "ab3",
-                      $color: "WHITE",
+                      $color: a,
                       $align: t ? "center" : "left",
                       children: t && o.mobileTitle ? o.mobileTitle : o.title
                     }
                   ) })
                 ]
               },
-              l
+              c
             ))
           }
         )
       ]
     }
   );
-}, y = $(g);
+}, O = x(C);
 export {
-  y as default
+  O 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 { 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';\nimport type { IOnboardingGuideProps } from './onboarding-guide-types';\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                {isCompact && step.mobileTitle ? step.mobileTitle : 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":";;;;;;;;;AAWA,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,UAAaA,KAAAY,EAAK,cAAcA,EAAK,cAAcA,EAAK;AAAA,oBAAA;AAAA,kBAAA,GAE7D;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzBKC;AAAA,YAAA,CA2BR;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeE,IAAAC,EAAKpB,CAAe;"}
+{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import { 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';\nimport type { IOnboardingGuideProps } from './onboarding-guide-types';\n\nconst OnboardingGuide = ({\n  orientation = 'vertical',\n  renderThemeAs = 'dark',\n}: 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  const isDarkTheme = renderThemeAs === 'dark';\n  const textColor = isDarkTheme ? 'WHITE' : 'BLACK';\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={textColor}\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            $gutterX={isHorizontalLayout ? 1 : 0}\n            isHorizontalLayout={isHorizontalLayout}\n            borderRight={isDarkTheme ? 'WHITE_T_15' : 'REAL_BLACK_15'}\n            afterContentBackground={isDarkTheme ? 'WHITE_T_15' : 'REAL_BLACK_15'}\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={textColor}\n                $align={isCompact ? 'center' : 'left'}\n              >\n                {isCompact && step.mobileTitle ? step.mobileTitle : 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","renderThemeAs","device","useTheme","isCompact","EDeviceType","isMobile","isHorizontalLayout","flexDirection","isDarkTheme","textColor","jsxs","FlexView","jsx","Text","Separator","Styled.StepWrapper","onboardingGuideSteps","step","index","Styled.StepItem","OnboardingGuide$1","memo"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAkB,CAAC;AAAA,EACvB,aAAAC,IAAc;AAAA,EACd,eAAAC,IAAgB;AAClB,MAA6B;AACrB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,KAAUG,EAAY,QACjCE,IAAqBP,MAAgB,gBAAgB,CAACM,GACtDE,IAAgBJ,KAAaG,IAAqB,QAAQ,UAC1DE,IAAcR,MAAkB,QAChCS,IAAYD,IAAc,UAAU;AAGxC,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAaL,IAAqB,eAAe;AAAA,MACjD,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,WAAU;AAAA,YACV,mBAAkB;AAAA,YAClB,QAAQJ;AAAA,YACR,QAAQH,IAAqB,SAAS;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,0BAECQ,GAAU,EAAA,SAASR,IAAqB,OAAOH,IAAY,IAAI,MAAM;AAAA,QAEtE,gBAAAS;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,gBAAgBR;AAAA,YAChB,iBAAkBD,IAA2B,IAAN;AAAA,YACvC,oBAAAA;AAAA,YAEC,UAAqBU,EAAA,IAAI,CAACC,GAAMC,MAC/B,gBAAAR;AAAA,cAACS;AAAAA,cAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,gBAAgBZ,MAAkB,QAAQ,WAAW;AAAA,gBACrD,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,aAAaD,IAAqB,eAAe;AAAA,gBACjD,UAAUA,IAAqB,IAAI;AAAA,gBACnC,oBAAAA;AAAA,gBACA,aAAaE,IAAc,eAAe;AAAA,gBAC1C,wBAAwBA,IAAc,eAAe;AAAA,gBAErD,UAAA;AAAA,kBAAA,gBAAAI;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAKK,EAAK;AAAA,sBACV,KAAK,QAAQC,IAAQ,CAAC;AAAA,sBACtB,OAAOZ,IAAqB,KAAK;AAAA,sBACjC,QAAQA,IAAqB,KAAK;AAAA,oBAAA;AAAA,kBACpC;AAAA,oCACCK,GACC,EAAA,UAAA,gBAAAC;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,aAAY;AAAA,sBACZ,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAQJ;AAAA,sBACR,QAAQN,IAAY,WAAW;AAAA,sBAE9B,UAAaA,KAAAc,EAAK,cAAcA,EAAK,cAAcA,EAAK;AAAA,oBAAA;AAAA,kBAAA,GAE7D;AAAA,gBAAA;AAAA,cAAA;AAAA,cA3BKC;AAAA,YAAA,CA6BR;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeE,IAAAC,EAAKvB,CAAe;"}

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

@@ -1,38 +1,36 @@
 import { PLUGINS as _ } from "../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
-var t = /* @__PURE__ */ ((e) => (e.START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked", e.SIGNUP_TO_LOGIN_CTA_CLICKED = "signup_to_login_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 = "student_signup_successful", e.STUDENT_SIGNUP_FAILED = "student_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.SLOT_DATE_TIME_SUBMITED = "slot_date_time_submited", e.SLOT_DATE_TIME_SUBMITION_FAILED = "slot_date_time_submition_failed", e.TUTOR_CHANGE_REASON_SELECTED = "tutor_change_reason_selected", e.SUBSCRIPTION_CANCELLATION_FAILED = "subscription_cancellation_failed", e.SUBSCRIPTION_CANCELLATION_SUCCESSFUL = "subscription_cancellation_successful", e.SUBSCRIPTION_BILLING_DETAILS_ADDED = "subscription_billing_details_added", e.SUBSCRIPTION_BILLING_DETAILS_ADDITION_FAILED = "subscription_billing_details_addition_failed", e.STRIPE_INTENT_FAILED_RETRY = "stripe_intent_failed_retry", e.SUBSCRIPTION_INTENT_FAILED = "subscription_intent_failed", e.SUBSCRIPTION_INTENT_CREATED = "subscription_intent_created", e.STRIPE_PAYMENT_ELEMENT_READY = "stripe_payment_element_ready", e.STRIPE_PAYMENT_FAILED = "stripe_payment_failed", e.STRIPE_PAYMENT_SUCCESS = "stripe_payment_success", e.PAYMENT_PLAN_SELECTED = "payment_plan_selected", e.STRIPE_PAYMENT_ELEMENT_MOUNT_FAILED = "stripe_payment_element_mount_failed", e))(t || {});
-const s = {
-  start_signup_cta_clicked: [_.MIXPANEL],
-  ecna_step_viewed: [_.MIXPANEL],
+var t = /* @__PURE__ */ ((e) => (e.ECNA_RESPONSE_RECORDED_DEBUG = "ecna_response_recorded_debug", e.ECNA_STEP_VIEWED = "ecna_step_viewed", e.PARENT_SIGNUP_CTA_CLICKED = "parent_signup_cta_clicked", e.PARENT_SIGNUP_FAILED = "parent_signup_failed", e.PARENT_SIGNUP_SUCCESSFUL = "parent_signup_successful", e.PAYMENT_PLAN_SELECTED = "payment_plan_selected", e.SIGNUP_OTP_ENTERED = "signup_otp_entered", e.SIGNUP_OTP_FAILED = "signup_otp_failed", e.SIGNUP_OTP_VERIFIED = "signup_otp_verified", e.SIGNUP_TO_LOGIN_CTA_CLICKED = "signup_to_login_cta_clicked", e.SLOTS_SHOWN = "slots_shown", e.SLOT_DATE_SELECTED = "slot_date_selected", e.SLOT_DATE_TIME_SUBMITED = "slot_date_time_submited", e.SLOT_DATE_TIME_SUBMITION_FAILED = "slot_date_time_submition_failed", e.SLOT_TIME_SELECTED = "slot_time_selected", e.START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked", e.STRIPE_INTENT_FAILED_RETRY = "stripe_intent_failed_retry", e.STRIPE_PAYMENT_ELEMENT_MOUNT_FAILED = "stripe_payment_element_mount_failed", e.STRIPE_PAYMENT_ELEMENT_READY = "stripe_payment_element_ready", e.STRIPE_PAYMENT_FAILED = "stripe_payment_failed", e.STRIPE_PAYMENT_SUCCESS = "stripe_payment_success", e.STUDENT_SIGNUP_FAILED = "student_signup_failed", e.STUDENT_SIGNUP_SUCCESSFUL = "student_signup_successful", e.SUBSCRIPTION_CANCELLATION_FAILED = "subscription_cancellation_failed", e.SUBSCRIPTION_CANCELLATION_SUCCESSFUL = "subscription_cancellation_successful", e.SUBSCRIPTION_INTENT_CREATED = "subscription_intent_created", e.SUBSCRIPTION_INTENT_FAILED = "subscription_intent_failed", e.TUTOR_CHANGE_REASON_SELECTED = "tutor_change_reason_selected", e))(t || {});
+const i = {
   ecna_response_recorded_debug: [_.MIXPANEL],
+  ecna_step_viewed: [_.MIXPANEL],
   parent_signup_cta_clicked: [_.MIXPANEL],
-  parent_signup_successful: [_.MIXPANEL],
   parent_signup_failed: [_.MIXPANEL],
-  student_signup_successful: [_.MIXPANEL],
-  student_signup_failed: [_.MIXPANEL],
+  parent_signup_successful: [_.MIXPANEL],
+  payment_plan_selected: [_.MIXPANEL],
   signup_otp_entered: [_.MIXPANEL],
-  signup_otp_verified: [_.MIXPANEL],
   signup_otp_failed: [_.MIXPANEL],
+  signup_otp_verified: [_.MIXPANEL],
   slots_shown: [_.MIXPANEL],
   slot_date_selected: [_.MIXPANEL],
-  slot_time_selected: [_.MIXPANEL],
   slot_date_time_submited: [_.MIXPANEL],
   slot_date_time_submition_failed: [_.MIXPANEL],
-  tutor_change_reason_selected: [_.MIXPANEL],
-  subscription_cancellation_failed: [_.MIXPANEL],
-  subscription_cancellation_successful: [_.MIXPANEL],
-  subscription_intent_failed: [_.MIXPANEL],
-  subscription_intent_created: [_.MIXPANEL],
+  slot_time_selected: [_.MIXPANEL],
+  start_signup_cta_clicked: [_.MIXPANEL],
+  stripe_intent_failed_retry: [_.MIXPANEL],
+  stripe_payment_element_mount_failed: [_.MIXPANEL],
   stripe_payment_element_ready: [_.MIXPANEL],
   stripe_payment_failed: [_.MIXPANEL],
   stripe_payment_success: [_.MIXPANEL],
-  payment_plan_selected: [_.MIXPANEL],
-  stripe_payment_element_mount_failed: [_.MIXPANEL],
-  stripe_intent_failed_retry: [_.MIXPANEL],
-  subscription_billing_details_added: [_.MIXPANEL],
-  subscription_billing_details_addition_failed: [_.MIXPANEL]
+  student_signup_failed: [_.MIXPANEL],
+  student_signup_successful: [_.MIXPANEL],
+  subscription_cancellation_failed: [_.MIXPANEL],
+  subscription_cancellation_successful: [_.MIXPANEL],
+  subscription_intent_created: [_.MIXPANEL],
+  subscription_intent_failed: [_.MIXPANEL],
+  tutor_change_reason_selected: [_.MIXPANEL]
 };
 export {
   t as PLA_ANALYTICS_EVENTS,
-  s as PLA_ANALYTICS_WHITELIST_EVENTS
+  i 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  SIGNUP_TO_LOGIN_CTA_CLICKED = 'signup_to_login_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 = 'student_signup_successful',\n  STUDENT_SIGNUP_FAILED = 'student_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  SLOT_DATE_TIME_SUBMITED = 'slot_date_time_submited',\n  SLOT_DATE_TIME_SUBMITION_FAILED = 'slot_date_time_submition_failed',\n  TUTOR_CHANGE_REASON_SELECTED = 'tutor_change_reason_selected',\n  SUBSCRIPTION_CANCELLATION_FAILED = 'subscription_cancellation_failed',\n  SUBSCRIPTION_CANCELLATION_SUCCESSFUL = 'subscription_cancellation_successful',\n  SUBSCRIPTION_BILLING_DETAILS_ADDED = 'subscription_billing_details_added',\n  SUBSCRIPTION_BILLING_DETAILS_ADDITION_FAILED = 'subscription_billing_details_addition_failed',\n  STRIPE_INTENT_FAILED_RETRY = 'stripe_intent_failed_retry',\n  SUBSCRIPTION_INTENT_FAILED = 'subscription_intent_failed',\n  SUBSCRIPTION_INTENT_CREATED = 'subscription_intent_created',\n  STRIPE_PAYMENT_ELEMENT_READY = 'stripe_payment_element_ready',\n  STRIPE_PAYMENT_FAILED = 'stripe_payment_failed',\n  STRIPE_PAYMENT_SUCCESS = 'stripe_payment_success',\n  PAYMENT_PLAN_SELECTED = 'payment_plan_selected',\n  STRIPE_PAYMENT_ELEMENT_MOUNT_FAILED = 'stripe_payment_element_mount_failed',\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.SLOT_DATE_TIME_SUBMITED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_DATE_TIME_SUBMITION_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.TUTOR_CHANGE_REASON_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_INTENT_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_INTENT_CREATED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_ELEMENT_READY]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_SUCCESS]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PAYMENT_PLAN_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_ELEMENT_MOUNT_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_INTENT_FAILED_RETRY]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_BILLING_DETAILS_ADDED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_BILLING_DETAILS_ADDITION_FAILED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLA_ANALYTICS_EVENTS","PLA_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,2BAA2B,4BAC3BA,EAAA,8BAA8B,+BAC9BA,EAAA,mBAAmB,oBACnBA,EAAA,+BAA+B,gCAC/BA,EAAA,4BAA4B,6BAC5BA,EAAA,2BAA2B,4BAC3BA,EAAA,uBAAuB,wBACvBA,EAAA,4BAA4B,6BAC5BA,EAAA,wBAAwB,yBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,oBAAoB,qBACpBA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBACrBA,EAAA,qBAAqB,sBACrBA,EAAA,0BAA0B,2BAC1BA,EAAA,kCAAkC,mCAClCA,EAAA,+BAA+B,gCAC/BA,EAAA,mCAAmC,oCACnCA,EAAA,uCAAuC,wCACvCA,EAAA,qCAAqC,sCACrCA,EAAA,+CAA+C,gDAC/CA,EAAA,6BAA6B,8BAC7BA,EAAA,6BAA6B,8BAC7BA,EAAA,8BAA8B,+BAC9BA,EAAA,+BAA+B,gCAC/BA,EAAA,wBAAwB,yBACxBA,EAAA,yBAAyB,0BACzBA,EAAA,wBAAwB,yBACxBA,EAAA,sCAAsC,uCA9B5BA,IAAAA,KAAA,CAAA,CAAA;AAiCL,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,2BAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,uBAA6C,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,yBAA+C,CAACA,EAAQ,QAAQ;AAAA,EAChE,iCAAuD,CAACA,EAAQ,QAAQ;AAAA,EACxE,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,kCAAwD,CAACA,EAAQ,QAAQ;AAAA,EACzE,sCAA4D,CAACA,EAAQ,QAAQ;AAAA,EAC7E,4BAAkD,CAACA,EAAQ,QAAQ;AAAA,EACnE,6BAAmD,CAACA,EAAQ,QAAQ;AAAA,EACpE,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,uBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,wBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,uBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,qCAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,4BAAkD,CAACA,EAAQ,QAAQ;AAAA,EACnE,oCAA0D,CAACA,EAAQ,QAAQ;AAAA,EAC3E,8CAAoE,CAACA,EAAQ,QAAQ;AACxF;"}
+{"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  ECNA_RESPONSE_RECORDED_DEBUG = 'ecna_response_recorded_debug',\n  ECNA_STEP_VIEWED = 'ecna_step_viewed',\n  PARENT_SIGNUP_CTA_CLICKED = 'parent_signup_cta_clicked',\n  PARENT_SIGNUP_FAILED = 'parent_signup_failed',\n  PARENT_SIGNUP_SUCCESSFUL = 'parent_signup_successful',\n  PAYMENT_PLAN_SELECTED = 'payment_plan_selected',\n  SIGNUP_OTP_ENTERED = 'signup_otp_entered',\n  SIGNUP_OTP_FAILED = 'signup_otp_failed',\n  SIGNUP_OTP_VERIFIED = 'signup_otp_verified',\n  SIGNUP_TO_LOGIN_CTA_CLICKED = 'signup_to_login_cta_clicked',\n  SLOTS_SHOWN = 'slots_shown',\n  SLOT_DATE_SELECTED = 'slot_date_selected',\n  SLOT_DATE_TIME_SUBMITED = 'slot_date_time_submited',\n  SLOT_DATE_TIME_SUBMITION_FAILED = 'slot_date_time_submition_failed',\n  SLOT_TIME_SELECTED = 'slot_time_selected',\n  START_SIGNUP_CTA_CLICKED = 'start_signup_cta_clicked',\n  STRIPE_INTENT_FAILED_RETRY = 'stripe_intent_failed_retry',\n  STRIPE_PAYMENT_ELEMENT_MOUNT_FAILED = 'stripe_payment_element_mount_failed',\n  STRIPE_PAYMENT_ELEMENT_READY = 'stripe_payment_element_ready',\n  STRIPE_PAYMENT_FAILED = 'stripe_payment_failed',\n  STRIPE_PAYMENT_SUCCESS = 'stripe_payment_success',\n  STUDENT_SIGNUP_FAILED = 'student_signup_failed',\n  STUDENT_SIGNUP_SUCCESSFUL = 'student_signup_successful',\n  SUBSCRIPTION_CANCELLATION_FAILED = 'subscription_cancellation_failed',\n  SUBSCRIPTION_CANCELLATION_SUCCESSFUL = 'subscription_cancellation_successful',\n  SUBSCRIPTION_INTENT_CREATED = 'subscription_intent_created',\n  SUBSCRIPTION_INTENT_FAILED = 'subscription_intent_failed',\n  TUTOR_CHANGE_REASON_SELECTED = 'tutor_change_reason_selected',\n}\n\nexport const PLA_ANALYTICS_WHITELIST_EVENTS = {\n  [PLA_ANALYTICS_EVENTS.ECNA_RESPONSE_RECORDED_DEBUG]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PAYMENT_PLAN_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_ENTERED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_VERIFIED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOTS_SHOWN]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_DATE_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_DATE_TIME_SUBMITED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_DATE_TIME_SUBMITION_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_TIME_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_INTENT_FAILED_RETRY]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_ELEMENT_MOUNT_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_ELEMENT_READY]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_SUCCESS]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_INTENT_CREATED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_INTENT_FAILED]: [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,+BAA+B,gCAC/BA,EAAA,mBAAmB,oBACnBA,EAAA,4BAA4B,6BAC5BA,EAAA,uBAAuB,wBACvBA,EAAA,2BAA2B,4BAC3BA,EAAA,wBAAwB,yBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,oBAAoB,qBACpBA,EAAA,sBAAsB,uBACtBA,EAAA,8BAA8B,+BAC9BA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBACrBA,EAAA,0BAA0B,2BAC1BA,EAAA,kCAAkC,mCAClCA,EAAA,qBAAqB,sBACrBA,EAAA,2BAA2B,4BAC3BA,EAAA,6BAA6B,8BAC7BA,EAAA,sCAAsC,uCACtCA,EAAA,+BAA+B,gCAC/BA,EAAA,wBAAwB,yBACxBA,EAAA,yBAAyB,0BACzBA,EAAA,wBAAwB,yBACxBA,EAAA,4BAA4B,6BAC5BA,EAAA,mCAAmC,oCACnCA,EAAA,uCAAuC,wCACvCA,EAAA,8BAA8B,+BAC9BA,EAAA,6BAA6B,8BAC7BA,EAAA,+BAA+B,gCA5BrBA,IAAAA,KAAA,CAAA,CAAA;AA+BL,MAAMC,IAAiC;AAAA,EAC3C,8BAAoD,CAACC,EAAQ,QAAQ;AAAA,EACrE,kBAAwC,CAACA,EAAQ,QAAQ;AAAA,EACzD,2BAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,sBAA4C,CAACA,EAAQ,QAAQ;AAAA,EAC7D,0BAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,uBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,mBAAyC,CAACA,EAAQ,QAAQ;AAAA,EAC1D,qBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,aAAmC,CAACA,EAAQ,QAAQ;AAAA,EACpD,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,yBAA+C,CAACA,EAAQ,QAAQ;AAAA,EAChE,iCAAuD,CAACA,EAAQ,QAAQ;AAAA,EACxE,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,0BAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,4BAAkD,CAACA,EAAQ,QAAQ;AAAA,EACnE,qCAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,uBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,wBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,uBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,2BAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,kCAAwD,CAACA,EAAQ,QAAQ;AAAA,EACzE,sCAA4D,CAACA,EAAQ,QAAQ;AAAA,EAC7E,6BAAmD,CAACA,EAAQ,QAAQ;AAAA,EACpE,4BAAkD,CAACA,EAAQ,QAAQ;AAAA,EACnE,8BAAoD,CAACA,EAAQ,QAAQ;AACxE;"}

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

@@ -1,15 +1,16 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useTheme as s } from "styled-components";
-import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
-import i from "../../../ui/image/image.js";
-import n from "../../../ui/layout/flex-view.js";
-import c from "../../../ui/separator/separator.js";
+import { useTheme as d } from "styled-components";
+import { ILLUSTRATIONS as n } from "../../../../assets/illustrations/illustrations.js";
+import p from "../../../ui/image/image.js";
+import m from "../../../ui/layout/flex-view.js";
+import f from "../../../ui/separator/separator.js";
 import l from "../../../ui/text/text.js";
-import { EDeviceType as a } from "../../../ui/theme/constants.js";
-const d = () => {
-  const { device: m } = s(), e = m <= a.TABLET;
+import { EDeviceType as T } from "../../../ui/theme/constants.js";
+import h from "../../../../assets/line-icons/icons/cuemath-logo.js";
+const $ = ({ renderThemeAs: s = "dark" }) => {
+  const { device: a } = d(), e = a <= T.TABLET, i = s === "dark", c = i ? n.TRUSTPILOT : n.TRUSTPILOT_BLACK, o = i ? "BLACK" : "WHITE";
   return /* @__PURE__ */ t(
-    n,
+    m,
     {
       $flexDirection: e ? "row" : "column",
       $alignItems: e ? "center" : "flex-start",
@@ -17,38 +18,24 @@ const d = () => {
       $flexColumnGapX: 1,
       $justifyContent: e ? "space-between" : "flex-start",
       children: [
-        /* @__PURE__ */ r(
-          i,
-          {
-            width: e ? 80 : 107,
-            src: o.CIRCLE_CUEMATH_LOGO_WHITE,
-            height: e ? 12 : 16
-          }
-        ),
-        !e && /* @__PURE__ */ r(c, { heightX: 1 }),
-        /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "flex-end", children: [
-          /* @__PURE__ */ t(l, { $renderAs: "ab2", $renderOnTabletAs: "ub3", $color: "WHITE", children: [
+        /* @__PURE__ */ r(h, { width: e ? 80 : 107, height: e ? 12 : 16, color: o }),
+        !e && /* @__PURE__ */ r(f, { heightX: 1 }),
+        /* @__PURE__ */ t(m, { $flexDirection: "row", $alignItems: "flex-end", children: [
+          /* @__PURE__ */ t(l, { $renderAs: "ab2", $renderOnTabletAs: "ub3", $color: o, children: [
             "Rated",
             " ",
-            /* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub3-bold", $color: "WHITE", children: "4.9+" }),
+            /* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub3-bold", $color: o, children: "4.9+" }),
             " ",
             "on"
           ] }),
           " ",
-          /* @__PURE__ */ r(
-            i,
-            {
-              src: o.TRUSTPILOT,
-              width: e ? 80 : 99,
-              height: e ? 20 : 25
-            }
-          )
+          /* @__PURE__ */ r(p, { src: c, width: e ? 80 : 99, height: e ? 20 : 25 })
         ] })
       ]
     }
   );
-}, b = d;
+}, S = $;
 export {
-  b as default
+  S as default
 };
 //# sourceMappingURL=signup-header.js.map

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.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;"}
+{"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';\nimport CuemathLogo from '../../../../assets/line-icons/icons/cuemath-logo';\n\nconst SignupHeader = ({ renderThemeAs = 'dark' }: { renderThemeAs?: 'light' | 'dark' }) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isDarkTheme = renderThemeAs === 'dark';\n  const trustpilotLogo = isDarkTheme ? ILLUSTRATIONS.TRUSTPILOT : ILLUSTRATIONS.TRUSTPILOT_BLACK;\n  const textColor = !isDarkTheme ? 'WHITE' : 'BLACK';\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      <CuemathLogo width={isCompact ? 80 : 107} height={isCompact ? 12 : 16} color={textColor} />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color={textColor}>\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color={textColor}>\n            4.9+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image src={trustpilotLogo} width={isCompact ? 80 : 99} height={isCompact ? 20 : 25} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","renderThemeAs","device","useTheme","isCompact","EDeviceType","isDarkTheme","trustpilotLogo","ILLUSTRATIONS","textColor","jsxs","FlexView","jsx","CuemathLogo","Separator","Text","Image","SignupHeader$1"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAe,CAAC,EAAE,eAAAC,IAAgB,aAAmD;AACnF,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAcL,MAAkB,QAChCM,IAAiBD,IAAcE,EAAc,aAAaA,EAAc,kBACxEC,IAAaH,IAAwB,UAAV;AAG/B,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBP,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAC,gBAAAQ,EAAAC,GAAA,EAAY,OAAOT,IAAY,KAAK,KAAK,QAAQA,IAAY,KAAK,IAAI,OAAOK,EAAW,CAAA;AAAA,QACxF,CAACL,KAAc,gBAAAQ,EAAAE,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACK,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAQN,GAAW,UAAA;AAAA,YAAA;AAAA,YACzD;AAAA,YACN,gBAAAG,EAACG,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAQN,GAAW,UAEnF,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAG,EAACI,GAAM,EAAA,KAAKT,GAAgB,OAAOH,IAAY,KAAK,IAAI,QAAQA,IAAY,KAAK,GAAI,CAAA;AAAA,QAAA,GACvF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAejB;"}

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

@@ -1,30 +1,40 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { memo as g } from "react";
-import { useTheme as L } from "styled-components";
-import u from "../../../../assets/line-icons/icons/apple-icon-white.js";
-import _ from "../../../../assets/line-icons/icons/google-icon.js";
-import r from "../../../ui/buttons/button/button.js";
-import S from "../../../ui/buttons/text-button/text-button.js";
-import t from "../../../ui/layout/flex-view.js";
-import d from "../../../ui/separator/separator.js";
-import h from "../../../ui/text/text.js";
-import { EDeviceType as I } from "../../../ui/theme/constants.js";
+import { memo as S } from "react";
+import { useTheme as $ } from "styled-components";
+import y from "../../../../assets/line-icons/icons/google-icon.js";
+import n from "../../../ui/buttons/button/button.js";
+import x from "../../../ui/buttons/text-button/text-button.js";
+import a from "../../../ui/layout/flex-view.js";
+import C from "../../../ui/separator/separator.js";
+import I from "../../../ui/text/text.js";
+import { EDeviceType as T } from "../../../ui/theme/constants.js";
 import { PLA_ANALYTICS_EVENTS as i } from "../pla-analytics-events.js";
-const $ = ({
-  onEmailSignup: A,
-  onAppleSignup: T,
-  onGoogleSignup: C,
-  loadingProvider: n,
-  onGoToLogin: b,
-  title: f,
-  mobileTitle: a
+import E from "../../../../assets/line-icons/icons/apple-icon2.js";
+const w = ({
+  onEmailSignup: f,
+  onAppleSignup: b,
+  onGoogleSignup: g,
+  loadingProvider: s,
+  onGoToLogin: L,
+  title: u,
+  mobileTitle: c,
+  renderThemeAs: _ = "dark"
 }) => {
-  const { device: s } = L(), o = s <= I.TABLET, c = s <= I.MOBILE, p = n === "google", m = n === "apple";
-  return /* @__PURE__ */ l(t, { $alignItems: c ? "center" : "flex-start", children: [
-    /* @__PURE__ */ e(h, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", $whiteSpace: "pre-line", children: c && a ? a : f }),
-    /* @__PURE__ */ e(d, { heightX: o ? 1.5 : 2.5 }),
+  const { device: p } = $(), o = p <= T.TABLET, m = p <= T.MOBILE, d = s === "google", h = s === "apple", A = _ === "dark", r = A ? "WHITE" : "BLACK", t = A ? "black-dark" : "secondary";
+  return /* @__PURE__ */ l(a, { $alignItems: m ? "center" : "flex-start", children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        $renderAs: "ah3-bold",
+        $renderOnMobileAs: "ah4-bold",
+        $color: r,
+        $whiteSpace: "pre-line",
+        children: m && c ? c : u
+      }
+    ),
+    /* @__PURE__ */ e(C, { heightX: o ? 1.5 : 2.5 }),
     /* @__PURE__ */ l(
-      t,
+      a,
       {
         $flexGapX: 1,
         $flex: 1,
@@ -33,43 +43,43 @@ const $ = ({
         $width: "100%",
         children: [
           /* @__PURE__ */ e(
-            r,
+            n,
             {
-              renderAs: "black-dark",
-              Icon: _,
+              renderAs: t,
+              Icon: y,
               width: o ? "100%" : 320,
               label: "Signup with Google",
-              onClick: C,
+              onClick: g,
               size: "small",
-              busy: p,
-              disabled: p,
+              busy: d,
+              disabled: d,
               analyticsLabel: i.START_SIGNUP_CTA_CLICKED,
               analyticsProps: { provider: "google" }
             }
           ),
           /* @__PURE__ */ e(
-            r,
+            n,
             {
-              renderAs: "black-dark",
+              renderAs: t,
               size: "small",
               width: o ? "100%" : 320,
-              Icon: u,
+              Icon: E,
               label: "Signup with Apple",
-              onClick: T,
-              busy: m,
-              disabled: m,
+              onClick: b,
+              busy: h,
+              disabled: h,
               analyticsLabel: i.START_SIGNUP_CTA_CLICKED,
               analyticsProps: { provider: "apple" }
             }
           ),
           /* @__PURE__ */ e(
-            r,
+            n,
             {
-              renderAs: "black-dark",
+              renderAs: t,
               size: "small",
               width: o ? "100%" : 320,
               label: "Continue with Email",
-              onClick: A,
+              onClick: f,
               analyticsLabel: i.START_SIGNUP_CTA_CLICKED,
               analyticsProps: { provider: "email" }
             }
@@ -77,24 +87,24 @@ const $ = ({
         ]
       }
     ),
-    /* @__PURE__ */ e(d, { heightX: 1.5 }),
-    /* @__PURE__ */ l(t, { $flexDirection: "row", $alignItems: "center", children: [
-      /* @__PURE__ */ e(h, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
+    /* @__PURE__ */ e(C, { heightX: 1.5 }),
+    /* @__PURE__ */ l(a, { $flexDirection: "row", $alignItems: "center", children: [
+      /* @__PURE__ */ e(I, { $renderAs: "ub3", $color: r, children: "Already have an account?" }),
       " ",
       /* @__PURE__ */ e(
-        S,
+        x,
         {
           analyticsLabel: i.SIGNUP_TO_LOGIN_CTA_CLICKED,
           size: "small",
           label: "Log In",
-          color: "WHITE",
-          onClick: b
+          color: r,
+          onClick: L
         }
       )
     ] })
   ] });
-}, B = g($);
+}, M = S(w);
 export {
-  B as default
+  M as default
 };
 //# sourceMappingURL=signup-options.js.map