@cuemath/leap 3.3.3 → 3.3.4-j1

package/dist/features/auth/comps/user-list/user-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-list.js","sources":["../../../../../src/features/auth/comps/user-list/user-list.tsx"],"sourcesContent":["import type { IUserListProps } from './user-list-types';\n\nimport { type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport UserItem from './user-item/user-item';\nimport * as Styled from './user-list-styled';\n\nconst UserList: FC<IUserListProps> = ({\n  users,\n  onSelect,\n  showAddButton = false,\n  onAddNew,\n  maxColumns = 5,\n  cardSize = 200,\n  avatarSize = 80,\n}) => {\n  const totalCards = users.length + (showAddButton ? 1 : 0);\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  const responsiveColumnNos = isCompact ? 2 : maxColumns;\n  const responsiveCardSize = isCompact ? 180 : cardSize;\n\n  return (\n    <Styled.UserListWrapper\n      itemCount={totalCards}\n      maxColumns={responsiveColumnNos}\n      cardWidth={responsiveCardSize}\n    >\n      {users.map(({ id, username, user_avatar: avatar, phone }, index) => (\n        <UserItem\n          key={id}\n          id={id}\n          onSelect={onSelect}\n          cardSize={responsiveCardSize}\n          index={index}\n          maxColumns={responsiveColumnNos}\n          avatarSize={avatarSize}\n          avatar={avatar}\n          phone={phone}\n          username={username}\n          isLastItem={index === totalCards - 1}\n        />\n      ))}\n\n      {showAddButton && (\n        <Styled.AddAccountButton\n          isLastItem\n          index={totalCards}\n          maxColumns={responsiveColumnNos}\n          $gutterX={5}\n          $gapX={5}\n          $background=\"BLACK_3\"\n          $width={responsiveCardSize}\n          $height={responsiveCardSize}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          onClick={onAddNew}\n        >\n          <FlexView $width={40} $height={40}>\n            <PlusIcon color=\"WHITE\" width={40} height={40} />\n          </FlexView>\n        </Styled.AddAccountButton>\n      )}\n    </Styled.UserListWrapper>\n  );\n};\n\nexport default memo(UserList);\n"],"names":["UserList","users","onSelect","showAddButton","onAddNew","maxColumns","cardSize","avatarSize","totalCards","device","useTheme","isCompact","EDeviceType","responsiveColumnNos","responsiveCardSize","jsxs","Styled.UserListWrapper","id","username","avatar","phone","index","jsx","UserItem","Styled.AddAccountButton","FlexView","PlusIcon","UserList$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAA+B,CAAC;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AACf,MAAM;AACJ,QAAMC,IAAaP,EAAM,UAAUE,IAAgB,IAAI,IACjD,EAAE,QAAAM,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAElCC,IAAsBF,IAAY,IAAIN,GACtCS,IAAqBH,IAAY,MAAML;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWR;AAAA,MACX,YAAYK;AAAA,MACZ,WAAWC;AAAA,MAEV,UAAA;AAAA,QAAMb,EAAA,IAAI,CAAC,EAAE,IAAAgB,GAAI,UAAAC,GAAU,aAAaC,GAAQ,OAAAC,KAASC,MACxD,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,IAAAN;AAAA,YACA,UAAAf;AAAA,YACA,UAAUY;AAAA,YACV,OAAAO;AAAA,YACA,YAAYR;AAAA,YACZ,YAAAN;AAAA,YACA,QAAAY;AAAA,YACA,OAAAC;AAAA,YACA,UAAAF;AAAA,YACA,YAAYG,MAAUb,IAAa;AAAA,UAAA;AAAA,UAV9BS;AAAA,QAAA,CAYR;AAAA,QAEAd,KACC,gBAAAmB;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,YAAU;AAAA,YACV,OAAOhB;AAAA,YACP,YAAYK;AAAA,YACZ,UAAU;AAAA,YACV,OAAO;AAAA,YACP,aAAY;AAAA,YACZ,QAAQC;AAAA,YACR,SAASA;AAAA,YACT,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,SAASV;AAAA,YAET,UAAC,gBAAAkB,EAAAG,GAAA,EAAS,QAAQ,IAAI,SAAS,IAC7B,UAAA,gBAAAH,EAACI,GAAS,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,GACjD;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeC,IAAAC,EAAK5B,CAAQ;"}
+{"version":3,"file":"user-list.js","sources":["../../../../../src/features/auth/comps/user-list/user-list.tsx"],"sourcesContent":["import type { IUserListProps } from './user-list-types';\n\nimport { type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport UserItem from './user-item/user-item';\nimport * as Styled from './user-list-styled';\n\nconst UserList: FC<IUserListProps> = ({\n  users,\n  onSelect,\n  showAddButton = false,\n  onAddNew,\n  maxColumns = 5,\n  cardSize = 200,\n  avatarSize = 80,\n}) => {\n  const totalCards = users.length + (showAddButton ? 1 : 0);\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  const responsiveColumnNos = isCompact ? 2 : maxColumns;\n  const responsiveCardSize = isCompact ? 180 : cardSize;\n\n  return (\n    <Styled.UserListWrapper\n      itemCount={totalCards}\n      maxColumns={responsiveColumnNos}\n      cardWidth={responsiveCardSize}\n    >\n      {users.map(({ id, username, user_avatar: avatar, phone, iconSrc }, index) => (\n        <UserItem\n          key={id}\n          id={id}\n          onSelect={onSelect}\n          cardSize={responsiveCardSize}\n          index={index}\n          maxColumns={responsiveColumnNos}\n          avatarSize={avatarSize}\n          avatar={avatar}\n          phone={phone}\n          username={username}\n          isLastItem={index === totalCards - 1}\n          iconSrc={iconSrc}\n        />\n      ))}\n\n      {showAddButton && (\n        <Styled.AddAccountButton\n          isLastItem\n          index={totalCards}\n          maxColumns={responsiveColumnNos}\n          $gutterX={5}\n          $gapX={5}\n          $background=\"BLACK_3\"\n          $width={responsiveCardSize}\n          $height={responsiveCardSize}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          onClick={onAddNew}\n        >\n          <FlexView $width={40} $height={40}>\n            <PlusIcon color=\"WHITE\" width={40} height={40} />\n          </FlexView>\n        </Styled.AddAccountButton>\n      )}\n    </Styled.UserListWrapper>\n  );\n};\n\nexport default memo(UserList);\n"],"names":["UserList","users","onSelect","showAddButton","onAddNew","maxColumns","cardSize","avatarSize","totalCards","device","useTheme","isCompact","EDeviceType","responsiveColumnNos","responsiveCardSize","jsxs","Styled.UserListWrapper","id","username","avatar","phone","iconSrc","index","jsx","UserItem","Styled.AddAccountButton","FlexView","PlusIcon","UserList$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAA+B,CAAC;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AACf,MAAM;AACJ,QAAMC,IAAaP,EAAM,UAAUE,IAAgB,IAAI,IACjD,EAAE,QAAAM,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAElCC,IAAsBF,IAAY,IAAIN,GACtCS,IAAqBH,IAAY,MAAML;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWR;AAAA,MACX,YAAYK;AAAA,MACZ,WAAWC;AAAA,MAEV,UAAA;AAAA,QAAMb,EAAA,IAAI,CAAC,EAAE,IAAAgB,GAAI,UAAAC,GAAU,aAAaC,GAAQ,OAAAC,GAAO,SAAAC,EAAQ,GAAGC,MACjE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,IAAAP;AAAA,YACA,UAAAf;AAAA,YACA,UAAUY;AAAA,YACV,OAAAQ;AAAA,YACA,YAAYT;AAAA,YACZ,YAAAN;AAAA,YACA,QAAAY;AAAA,YACA,OAAAC;AAAA,YACA,UAAAF;AAAA,YACA,YAAYI,MAAUd,IAAa;AAAA,YACnC,SAAAa;AAAA,UAAA;AAAA,UAXKJ;AAAA,QAAA,CAaR;AAAA,QAEAd,KACC,gBAAAoB;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,YAAU;AAAA,YACV,OAAOjB;AAAA,YACP,YAAYK;AAAA,YACZ,UAAU;AAAA,YACV,OAAO;AAAA,YACP,aAAY;AAAA,YACZ,QAAQC;AAAA,YACR,SAASA;AAAA,YACT,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,SAASV;AAAA,YAET,UAAC,gBAAAmB,EAAAG,GAAA,EAAS,QAAQ,IAAI,SAAS,IAC7B,UAAA,gBAAAH,EAACI,GAAS,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,GACjD;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeC,IAAAC,EAAK7B,CAAQ;"}

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

@@ -1,19 +1,19 @@
-import { ILLUSTRATIONS as t } from "../../../../assets/illustrations/illustrations.js";
-const o = [
+import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
+const e = [
   {
-    icon: t.HANDSHAKE,
-    title: "Help us find the right tutor for your child"
+    icon: o.HANDSHAKE,
+    title: "Find the perfect tutor match for your child's goals"
   },
   {
-    icon: t.CALENDAR_PURPLE,
-    title: "Schedule your FREE class with the tutor"
+    icon: o.CALENDAR_PURPLE,
+    title: "Schedule your FREE session at a convenient time"
   },
   {
-    icon: t.MONEY,
-    title: "Pay & continue with our flexible classes"
+    icon: o.MONEY,
+    title: "Choose a plan and start your learning journey"
   }
 ];
 export {
-  o as onboardingGuideSteps
+  e as onboardingGuideSteps
 };
 //# sourceMappingURL=onboarding-guide-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide-constants.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const onboardingGuideSteps = [\n  {\n    icon: ILLUSTRATIONS.HANDSHAKE,\n    title: `Help us find the right tutor for your child`,\n  },\n  {\n    icon: ILLUSTRATIONS.CALENDAR_PURPLE,\n    title: `Schedule your FREE class with the tutor`,\n  },\n  {\n    icon: ILLUSTRATIONS.MONEY,\n    title: `Pay & continue with our flexible classes`,\n  },\n];\n"],"names":["onboardingGuideSteps","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAuB;AAAA,EAClC;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AACF;"}
+{"version":3,"file":"onboarding-guide-constants.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const onboardingGuideSteps = [\n  {\n    icon: ILLUSTRATIONS.HANDSHAKE,\n    title: `Find the perfect tutor match for your child's goals`,\n  },\n  {\n    icon: ILLUSTRATIONS.CALENDAR_PURPLE,\n    title: `Schedule your FREE session at a convenient time`,\n  },\n  {\n    icon: ILLUSTRATIONS.MONEY,\n    title: `Choose a plan and start your learning journey`,\n  },\n];\n"],"names":["onboardingGuideSteps","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAuB;AAAA,EAClC;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AACF;"}

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
+            ))
+          }
+        )
+      ]
+    }
+  );
+}, C = $(g);
 export {
-  S as default
+  C 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","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/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;"}