use import alias @

chaynHQ · Jan 28, 2025 · 05b4edc · 05b4edc
1 parent 6f92a83
commit 05b4edc
Show file tree

Hide file tree

Showing 168 changed files with 1,002 additions and 1,001 deletions.
diff --git a/app/[locale]/error.tsx b/app/[locale]/error.tsx
@@ -1,13 +1,13 @@
 'use client';
 
+import bloomHead from '@/public/illustration_bloom_head.svg';
+import { getImageSizes } from '@/tils/imageSizes';
+import { columnStyle } from '@/tyles/common';
 import { Box, Button, Container, Typography } from '@mui/material';
 import { useRollbar } from '@rollbar/react';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import { useEffect } from 'react';
-import bloomHead from '../../public/illustration_bloom_head.svg';
-import { columnStyle } from '../../styles/common';
-import { getImageSizes } from '../../utils/imageSizes';
 
 const containerStyle = {
   ...columnStyle,

diff --git a/app/[locale]/home-page.tsx b/app/[locale]/home-page.tsx
@@ -1,18 +1,18 @@
 'use client';
 
+import { Link as i18nLink } from '@/18n/routing';
+import NoDataAvailable from '@/components/common/NoDataAvailable';
+import HomeHeader from '@/omponents/layout/HomeHeader';
+import StoryblokPageSection from '@/omponents/storyblok/StoryblokPageSection';
+import { PROMO_GET_STARTED_CLICKED } from '@/onstants/events';
+import { useTypedSelector } from '@/ooks/store';
+import logEvent from '@/tils/logEvent';
 import { Box, Button } from '@mui/material';
 import { ISbStoryData } from '@storyblok/react/rsc';
 import Cookies from 'js-cookie';
 import { useTranslations } from 'next-intl';
 import Head from 'next/head';
 import { useEffect, useState } from 'react';
-import NoDataAvailable from '../../components/common/NoDataAvailable';
-import HomeHeader from '../../components/layout/HomeHeader';
-import StoryblokPageSection from '../../components/storyblok/StoryblokPageSection';
-import { PROMO_GET_STARTED_CLICKED } from '../../constants/events';
-import { useTypedSelector } from '../../hooks/store';
-import { Link as i18nLink } from '../../i18n/routing';
-import logEvent from '../../utils/logEvent';
 
 interface Props {
   story: ISbStoryData | null;

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
@@ -1,3 +1,14 @@
+import { routing } from '@/18n/routing';
+import Consent from '@/components/layout/Consent';
+import firebase from '@/ib/firebase';
+import { clientConfig } from '@/ib/rollbar';
+import Footer from '@/omponents/layout/Footer';
+import LeaveSiteButton from '@/omponents/layout/LeaveSiteButton';
+import TopBar from '@/omponents/layout/TopBar';
+import { ReduxProvider } from '@/omponents/providers/ReduxProvider';
+import StoryblokProvider from '@/omponents/providers/StoryblokProvider';
+import theme from '@/tyles/theme';
+import { AuthGuard } from '@/uards/AuthGuard';
 import { ThemeProvider } from '@mui/material';
 import { AppRouterCacheProvider } from '@mui/material-nextjs/v15-appRouter';
 import { GoogleAnalytics } from '@next/third-parties/google';
@@ -12,17 +23,6 @@ import { notFound } from 'next/navigation';
 import Script from 'next/script';
 import { Hotjar } from 'nextjs-hotjar';
 import { ReactNode } from 'react';
-import Consent from '../../components/layout/Consent';
-import Footer from '../../components/layout/Footer';
-import LeaveSiteButton from '../../components/layout/LeaveSiteButton';
-import TopBar from '../../components/layout/TopBar';
-import { ReduxProvider } from '../../components/providers/ReduxProvider';
-import StoryblokProvider from '../../components/providers/StoryblokProvider';
-import { AuthGuard } from '../../guards/AuthGuard';
-import { routing } from '../../i18n/routing';
-import firebase from '../../lib/firebase';
-import { clientConfig } from '../../lib/rollbar';
-import theme from '../../styles/theme';
 
 firebase;
 type Params = Promise<{ locale: string }>;

diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
@@ -1,4 +1,4 @@
-import { getStoryblokPageProps } from '../../utils/getStoryblokPageProps';
+import { getStoryblokPageProps } from '@/utils/getStoryblokPageProps';
 import HomePage from './home-page';
 
 export default async function Page({ params }: { params: Promise<{ locale: string }> }) {

diff --git a/oldpages/welcome/[partnerName].tsx → app/[locale]/welcome/[partnerName]/page.tsx b/oldpages/welcome/[partnerName].tsx → app/[locale]/welcome/[partnerName]/page.tsx
@@ -1,11 +1,11 @@
+import NoDataAvailable from '@/components/common/NoDataAvailable';
+import StoryblokWelcomePage, {
+  StoryblokWelcomePageProps,
+} from '@/components/storyblok/StoryblokWelcomePage';
+import { getStoryblokPageProps } from '@/utils/getStoryblokPageProps';
 import { ISbStoriesParams, ISbStoryData, getStoryblokApi } from '@storyblok/react/rsc';
 import type { GetStaticPathsContext, NextPage } from 'next';
 import { GetStaticPropsContext } from 'next';
-import NoDataAvailable from '../../components/common/NoDataAvailable';
-import StoryblokWelcomePage, {
-  StoryblokWelcomePageProps,
-} from '../../components/storyblok/StoryblokWelcomePage';
-import { getStoryblokPageProps } from '../../utils/getStoryblokPageProps';
 
 interface Props {
   story: ISbStoryData | null;

diff --git a/components/banner/EmailRemindersSettingsBanner.tsx b/components/banner/EmailRemindersSettingsBanner.tsx
@@ -1,9 +1,9 @@
 'use client';
 
+import EmailRemindersSettingsForm from '@/components/forms/EmailRemindersSettingsForm';
+import theme from '@/styles/theme';
 import { Container, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import theme from '../../styles/theme';
-import EmailRemindersSettingsForm from '../forms/EmailRemindersSettingsForm';
 
 const containerStyle = {
   background: theme.palette.bloomGradient,

diff --git a/components/banner/MaintenanceBanner.tsx b/components/banner/MaintenanceBanner.tsx
@@ -1,10 +1,10 @@
 'use client';
 
+import illustrationChange from '@/public/illustration_change_peach.svg';
+import { getImageSizes } from '@/utils/imageSizes';
 import { Box, Container, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
-import illustrationChange from '../../public/illustration_change_peach.svg';
-import { getImageSizes } from '../../utils/imageSizes';
 
 const containerStyle = {
   textAlign: 'center',

diff --git a/components/banner/SignUpBanner.tsx b/components/banner/SignUpBanner.tsx
@@ -1,14 +1,14 @@
 'use client';
 
+import { SIGN_UP_TODAY_BANNER_BUTTON_CLICKED } from '@/constants/events';
+import { useTypedSelector } from '@/hooks/store';
+import { Link as i18nLink } from '@/i18n/routing';
+import theme from '@/styles/theme';
+import logEvent from '@/utils/logEvent';
 import { Button, Container, Typography } from '@mui/material';
 import Cookies from 'js-cookie';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
-import { SIGN_UP_TODAY_BANNER_BUTTON_CLICKED } from '../../constants/events';
-import { useTypedSelector } from '../../hooks/store';
-import { Link as i18nLink } from '../../i18n/routing';
-import theme from '../../styles/theme';
-import logEvent from '../../utils/logEvent';
 
 const containerStyle = {
   background: theme.palette.bloomGradient,

diff --git a/components/banner/UserResearchBanner.tsx b/components/banner/UserResearchBanner.tsx
@@ -1,13 +1,13 @@
 'use client';
 
+import { FeatureFlag } from '@/config/featureFlag';
+import { USER_BANNER_DISMISSED, USER_BANNER_INTERESTED } from '@/constants/events';
+import { useTypedSelector } from '@/hooks/store';
+import { usePathname } from '@/i18n/routing';
+import logEvent from '@/utils/logEvent';
 import { Alert, AlertTitle, Button, Collapse, Stack } from '@mui/material';
 import Cookies from 'js-cookie';
 import { useState } from 'react';
-import { FeatureFlag } from '../../config/featureFlag';
-import { USER_BANNER_DISMISSED, USER_BANNER_INTERESTED } from '../../constants/events';
-import { useTypedSelector } from '../../hooks/store';
-import { usePathname } from '../../i18n/routing';
-import logEvent from '../../utils/logEvent';
 
 const alertStyle = {
   backgroundColor: 'secondary.light',

diff --git a/components/cards/AccountActionsCard.tsx b/components/cards/AccountActionsCard.tsx
@@ -1,14 +1,14 @@
 'use client';
 
+import ConfirmDialog from '@/components/forms/ConfirmDialog';
+import { ErrorDisplay, FEEDBACK_FORM_URL } from '@/constants/common';
+import { useRouter } from '@/i18n/routing';
+import { useDeleteUserMutation } from '@/lib/api';
+import theme from '@/styles/theme';
 import { Box, Button, Card, CardContent, lighten, Link, Typography } from '@mui/material';
 import { getAuth, signOut } from 'firebase/auth';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
-import { ErrorDisplay, FEEDBACK_FORM_URL } from '../../constants/common';
-import { useRouter } from '../../i18n/routing';
-import { useDeleteUserMutation } from '../../lib/api';
-import theme from '../../styles/theme';
-import ConfirmDialog from '../forms/ConfirmDialog';
 
 const cardStyle = {
   width: { xs: '100%', md: 'auto' },

diff --git a/components/cards/CourseCard.tsx b/components/cards/CourseCard.tsx
@@ -1,5 +1,10 @@
 'use client';
 
+import ProgressStatus from '@/components/common/ProgressStatus';
+import { PROGRESS_STATUS } from '@/constants/enums';
+import { Link as i18nLink } from '@/i18n/routing';
+import { iconTextRowStyle, rowStyle } from '@/styles/common';
+import { getImageSizes } from '@/utils/imageSizes';
 import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';
 import PendingOutlined from '@mui/icons-material/PendingOutlined';
 import {
@@ -16,11 +21,6 @@ import { ISbStoryData } from '@storyblok/react/rsc';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import { useState } from 'react';
-import { PROGRESS_STATUS } from '../../constants/enums';
-import { Link as i18nLink } from '../../i18n/routing';
-import { iconTextRowStyle, rowStyle } from '../../styles/common';
-import { getImageSizes } from '../../utils/imageSizes';
-import ProgressStatus from '../common/ProgressStatus';
 
 const cardStyle = {
   alignSelf: 'flex-start',

diff --git a/components/cards/EmailRemindersSettingsCard.tsx b/components/cards/EmailRemindersSettingsCard.tsx
@@ -1,8 +1,8 @@
 'use client';
 
+import EmailRemindersSettingsForm from '@/components/forms/EmailRemindersSettingsForm';
 import { Card, CardContent, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import EmailRemindersSettingsForm from '../forms/EmailRemindersSettingsForm';
 
 const cardStyle = {
   width: { xs: '100%', md: 'auto' },

diff --git a/components/cards/EmailSettingsCard.tsx b/components/cards/EmailSettingsCard.tsx
@@ -1,8 +1,8 @@
 'use client';
 
+import EmailSettingsForm from '@/components/forms/EmailSettingsForm';
 import { Card, CardContent, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import EmailSettingsForm from '../forms/EmailSettingsForm';
 
 const cardStyle = {
   width: { xs: '100%', md: 'auto' },

diff --git a/components/cards/ProfileSettingsCard.tsx b/components/cards/ProfileSettingsCard.tsx
@@ -1,9 +1,9 @@
 'use client';
 
+import ProfileSettingsForm from '@/components/forms/ProfileSettingsForm';
+import { FEEDBACK_FORM_URL } from '@/constants/common';
 import { Card, CardContent, Link, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import { FEEDBACK_FORM_URL } from '../../constants/common';
-import ProfileSettingsForm from '../forms/ProfileSettingsForm';
 
 const cardStyle = {
   width: { xs: '100%', md: 'auto' },

diff --git a/components/cards/RelatedContentCard.tsx b/components/cards/RelatedContentCard.tsx
@@ -1,10 +1,10 @@
 'use client';
 
+import { RELATED_CONTENT_CATEGORIES } from '@/constants/enums';
+import { Link as i18nLink } from '@/i18n/routing';
 import { ArrowForwardIos } from '@mui/icons-material';
 import { Box, Card, CardActionArea, CardContent, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import { RELATED_CONTENT_CATEGORIES } from '../../constants/enums';
-import { Link as i18nLink } from '../../i18n/routing';
 
 const cardStyle = {
   mt: 0,

diff --git a/components/cards/SessionCard.tsx b/components/cards/SessionCard.tsx
@@ -1,5 +1,8 @@
 'use client';
 
+import { SessionProgressDisplay } from '@/components/session/SessionProgressDisplay';
+import { useRouter } from '@/i18n/routing';
+import { rowStyle } from '@/styles/common';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import {
   Box,
@@ -15,9 +18,6 @@ import {
 import { ISbStoryData } from '@storyblok/react/rsc';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
-import { useRouter } from '../../i18n/routing';
-import { rowStyle } from '../../styles/common';
-import { SessionProgressDisplay } from '../session/SessionProgressDisplay';
 
 const cardStyle = {
   alignSelf: 'flex-start',

diff --git a/components/cards/SessionContentCard.tsx b/components/cards/SessionContentCard.tsx
@@ -1,5 +1,7 @@
 'use client';
 
+import { rowStyle } from '@/styles/common';
+import logEvent from '@/utils/logEvent';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import {
   Card,
@@ -12,8 +14,6 @@ import {
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
-import { rowStyle } from '../../styles/common';
-import logEvent from '../../utils/logEvent';
 
 const cardStyle = {
   width: { xs: '100%', md: 700 },

diff --git a/components/cards/ShortsCard.tsx b/components/cards/ShortsCard.tsx
@@ -1,10 +1,10 @@
 'use client';
 
+import { RELATED_CONTENT_CATEGORIES } from '@/constants/enums';
+import { Link as i18nLink } from '@/i18n/routing';
 import { Box, Card, CardActionArea, CardContent, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
-import { RELATED_CONTENT_CATEGORIES } from '../../constants/enums';
-import { Link as i18nLink } from '../../i18n/routing';
 
 const cardStyle = {
   mt: 0,

diff --git a/components/common/Carousel.tsx b/components/common/Carousel.tsx
@@ -1,11 +1,11 @@
 'use client';
 
+import theme from '@/styles/theme';
+import { useWidth } from '@/utils/useWidth';
 import { KeyboardArrowRight } from '@mui/icons-material';
 import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft';
 import { Box, Breakpoint, IconButton } from '@mui/material';
 import { Carousel as NukaCarousel, useCarousel } from 'nuka-carousel';
-import theme from '../../styles/theme';
-import { useWidth } from '../../utils/useWidth';
 
 interface CarouselProps {
   items: Array<React.ReactNode>;

diff --git a/components/common/ContentUnavailable.tsx b/components/common/ContentUnavailable.tsx
@@ -1,12 +1,12 @@
 'use client';
 
+import illustrationPerson4Peach from '@/public/illustration_person4_peach.svg';
+import { columnStyle } from '@/styles/common';
+import { TextNode } from '@/utils/helper-types/translations';
+import { getImageSizes } from '@/utils/imageSizes';
 import { Box, Container, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
-import illustrationPerson4Peach from '../../public/illustration_person4_peach.svg';
-import { columnStyle } from '../../styles/common';
-import { TextNode } from '../../utils/helper-types/translations';
-import { getImageSizes } from '../../utils/imageSizes';
 
 const accessContainerStyle = {
   ...columnStyle,

diff --git a/components/common/Dots.tsx b/components/common/Dots.tsx
@@ -1,8 +1,8 @@
 'use client';
 
+import { columnStyle } from '@/styles/common';
 import CircleIcon from '@mui/icons-material/Circle';
 import Box from '@mui/material/Box';
-import { columnStyle } from '../../styles/common';
 
 const dotsStyle = {
   ...columnStyle,

diff --git a/components/common/Faqs.tsx b/components/common/Faqs.tsx
@@ -1,5 +1,11 @@
 'use client';
 
+import { BASE_URL } from '@/constants/common';
+import { THERAPY_FAQ_OPENED } from '@/constants/events';
+import { FaqItem } from '@/constants/faqs';
+import { PartnerContent } from '@/constants/partners';
+import { Link as i18nLink } from '@/i18n/routing';
+import logEvent from '@/utils/logEvent';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import {
   Accordion,
@@ -10,12 +16,6 @@ import {
   Typography,
 } from '@mui/material';
 import { useTranslations } from 'next-intl';
-import { BASE_URL } from '../../constants/common';
-import { THERAPY_FAQ_OPENED } from '../../constants/events';
-import { FaqItem } from '../../constants/faqs';
-import { PartnerContent } from '../../constants/partners';
-import { Link as i18nLink } from '../../i18n/routing';
-import logEvent from '../../utils/logEvent';
 
 interface FaqsProps {
   translations: string;

diff --git a/components/common/ImageTextColumn.tsx b/components/common/ImageTextColumn.tsx
@@ -1,9 +1,9 @@
 'use client';
 
+import { getImageSizes } from '@/utils/imageSizes';
 import { Box, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
 import Image, { StaticImageData } from 'next/image';
-import { getImageSizes } from '../../utils/imageSizes';
 
 export interface ImageTextItem {
   text: string;

diff --git a/components/common/ImageTextGrid.tsx b/components/common/ImageTextGrid.tsx
@@ -1,10 +1,10 @@
 'use client';
 
+import { richtextContentStyle, rowStyle } from '@/styles/common';
+import { getImageSizes } from '@/utils/imageSizes';
 import { Box, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
 import Image, { StaticImageData } from 'next/image';
-import { richtextContentStyle, rowStyle } from '../../styles/common';
-import { getImageSizes } from '../../utils/imageSizes';
 
 export interface ImageTextItem {
   text: string;