Update imports from MuiBox to ProxyBox component

src/entities/activity/ui/ItemCardButtons.tsx

@@ -1,6 +1,5 @@
-import Box from '@mui/material/Box';
-
 import { Theme } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { BaseButton } from '~/shared/ui';
 import { useCustomMediaQuery } from '~/shared/utils';
 

src/entities/activity/ui/items/AudioPlayerItem.tsx

@@ -1,9 +1,8 @@
 import { useCallback } from 'react';
 
-import Box from '@mui/material/Box';
-
 import { AudioPlayerItem as AudioPlayerItemType } from '../../lib/types/item';
 
+import { Box } from '~/shared/ui';
 import { AudioPlayerItemBase } from '~/shared/ui';
 import { AudioPlayerFinished } from '~/shared/ui/Items/AudioPlayer/lib';
 

src/entities/activity/ui/items/CheckboxItem/CheckboxItemOption.tsx

@@ -1,7 +1,6 @@
 import { useMemo } from 'react';
 
-import Box from '@mui/material/Box';
-
+import { Box } from '~/shared/ui';
 import {
   CheckboxItem,
   CustomTooltip,

src/entities/activity/ui/items/CheckboxItem/index.tsx

@@ -1,10 +1,9 @@
 import { useMemo } from 'react';
 
-import Box from '@mui/material/Box';
-
 import { CheckboxItemOption } from './CheckboxItemOption';
 import { CheckboxItem as CheckboxItemType } from '../../../lib/types/item';
 
+import { Box } from '~/shared/ui';
 import { randomizeArray, splitList, useCustomMediaQuery } from '~/shared/utils';
 
 type Props = {

src/entities/activity/ui/items/DateItem.tsx

@@ -1,5 +1,4 @@
-import Box from '@mui/material/Box';
-
+import { Box } from '~/shared/ui';
 import { DateItemBase } from '~/shared/ui';
 
 type Props = {

src/entities/activity/ui/items/Matrix/AxisListItem.tsx

@@ -1,5 +1,4 @@
-import Box from '@mui/material/Box';
-
+import { Box } from '~/shared/ui';
 import { AvatarBase, CustomTooltip, Text } from '~/shared/ui';
 import { useCustomMediaQuery } from '~/shared/utils';
 

src/entities/activity/ui/items/Matrix/MatrixCell.tsx

@@ -1,7 +1,6 @@
 import { PropsWithChildren } from 'react';
 
-import Box from '@mui/material/Box';
-
+import { Box } from '~/shared/ui';
 import { useCustomMediaQuery } from '~/shared/utils';
 
 type Props = PropsWithChildren<{

src/entities/activity/ui/items/Matrix/MatrixMultiSelectItem/CheckboxButton.tsx

@@ -1,7 +1,6 @@
-import Box from '@mui/material/Box';
-
 import { MatrixCell } from '../MatrixCell';
 
+import { Box } from '~/shared/ui';
 import { CheckboxItem, SelectBaseBox } from '~/shared/ui';
 import { useCustomMediaQuery } from '~/shared/utils';
 

src/entities/activity/ui/items/Matrix/MatrixMultiSelectItem/CheckboxGrid.tsx

@@ -1,10 +1,10 @@
-import Box from '@mui/material/Box';
-
 import { CheckboxButton } from './CheckboxButton';
 import { MatrixMultiSelectAnswer, MatrixSelectOption, MatrixSelectRow } from '../../../../lib';
 import { MatrixHeader } from '../MatrixHeader';
 import { MatrixRow } from '../MatrixRow';
 
+import { Box } from '~/shared/ui';
+
 type Props = {
   options: Array<MatrixSelectOption>;
   rows: Array<MatrixSelectRow>;

src/entities/activity/ui/items/Matrix/MatrixRow.tsx

@@ -1,11 +1,10 @@
 import { PropsWithChildren } from 'react';
 
-import Box from '@mui/material/Box';
-
 import { AxisItem, AxisListItem } from './AxisListItem';
 import { MatrixCell } from './MatrixCell';
 
 import { Theme } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 
 type Props = PropsWithChildren<{
   isEven: boolean;

src/entities/activity/ui/items/Matrix/MatrixSingleSelectItem/RadioButton.tsx

@@ -1,7 +1,6 @@
-import Box from '@mui/material/Box';
-
 import { MatrixCell } from '../MatrixCell';
 
+import { Box } from '~/shared/ui';
 import { RadioOption, SelectBaseBox } from '~/shared/ui';
 
 type Props = {

src/entities/activity/ui/items/Matrix/MatrixSingleSelectItem/RadioGrid.tsx

@@ -1,10 +1,10 @@
-import Box from '@mui/material/Box';
-
 import { RadioButton } from './RadioButton';
 import { MatrixSelectOption, MatrixSelectRow, SingleMultiSelectAnswer } from '../../../../lib';
 import { MatrixHeader } from '../MatrixHeader';
 import { MatrixRow } from '../MatrixRow';
 
+import { Box } from '~/shared/ui';
+
 type Props = {
   options: Array<MatrixSelectOption>;
   rows: Array<MatrixSelectRow>;

src/entities/activity/ui/items/Matrix/Slider/SliderRow.tsx

@@ -1,6 +1,5 @@
-import Box from '@mui/material/Box';
-
 import { Theme } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { SliderItemBase, Text } from '~/shared/ui';
 
 type Props = {

src/entities/activity/ui/items/Matrix/Slider/index.tsx

@@ -1,10 +1,10 @@
 import { useCallback } from 'react';
 
-import Box from '@mui/material/Box';
-
 import { SliderRow } from './SliderRow';
 import { SliderRowsAnswer, SliderRowsItem } from '../../../../lib';
 
+import { Box } from '~/shared/ui';
+
 type Props = {
   item: SliderRowsItem;
   values: SliderRowsAnswer;

src/entities/activity/ui/items/RadioItem/RadioItemOption.tsx

@@ -1,7 +1,6 @@
 import { useMemo } from 'react';
 
-import Box from '@mui/material/Box';
-
+import { Box } from '~/shared/ui';
 import {
   CustomTooltip,
   RadioOption,

src/entities/activity/ui/items/RadioItem/index.tsx

@@ -1,11 +1,11 @@
 import { useMemo } from 'react';
 
-import Box from '@mui/material/Box';
 import RadioGroup from '@mui/material/RadioGroup';
 
 import { RadioItemOption } from './RadioItemOption';
 import { RadioItem as RadioItemType } from '../../../lib';
 
+import { Box } from '~/shared/ui';
 import { randomizeArray, splitList, useCustomMediaQuery } from '~/shared/utils';
 
 type RadioItemProps = {

src/entities/activity/ui/items/SliderItem.tsx

@@ -1,7 +1,6 @@
-import Box from '@mui/material/Box';
-
 import { SliderItem as SliderItemType } from '../../lib';
 
+import { Box } from '~/shared/ui';
 import { SliderItemBase } from '~/shared/ui';
 
 type SliderItemProps = {

src/entities/activity/ui/items/TimeItem.tsx

@@ -1,5 +1,4 @@
-import Box from '@mui/material/Box';
-
+import { Box } from '~/shared/ui';
 import { TimeItemBase } from '~/shared/ui';
 
 type Props = {

src/entities/activity/ui/items/TimeRangeItem.tsx

@@ -1,7 +1,7 @@
-import Box from '@mui/material/Box';
 import { useTheme } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 
+import { Box } from '~/shared/ui';
 import { TimeItemBase } from '~/shared/ui';
 
 type Props = {

src/entities/applet/ui/AppletCard.tsx

@@ -1,8 +1,7 @@
-import Box from '@mui/material/Box';
-
 import { AppletListItem } from '../lib';
 
 import { ROUTES } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { CustomCard } from '~/shared/ui';
 import { MixEvents, MixProperties, Mixpanel, useCustomNavigation } from '~/shared/utils';
 

src/entities/applet/ui/AppletList.tsx

@@ -1,8 +1,8 @@
-import Box from '@mui/material/Box';
-
 import { AppletCard } from './AppletCard';
 import { AppletListItem } from '../lib';
 
+import { Box } from '~/shared/ui';
+
 type Props = {
   applets: AppletListItem[];
 };

src/entities/invitation/ui/Invitation.tsx

@@ -1,10 +1,9 @@
-import Box from '@mui/material/Box';
-
 import { InvitationContent } from './InvitationContent';
 import { InvitationHeader } from './InvitationHeader';
 import { InvitationDetails, useInvitationTranslation } from '../lib';
 
 import { Theme } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { PageMessage } from '~/shared/ui';
 import Logo from '~/shared/ui/Logo';
 

src/entities/invitation/ui/InvitationContent.tsx

@@ -1,7 +1,7 @@
-import Box from '@mui/material/Box';
-
 import { useInvitationTranslation } from '../lib';
 
+import { Box } from '~/shared/ui';
+
 interface InvitationContentProps {
   appletName: string;
   isUserAuthenticated: boolean;
@@ -15,7 +15,7 @@ export const InvitationContent = ({ appletName, isUserAuthenticated }: Invitatio
       <Box
         className="invitationBody"
         dangerouslySetInnerHTML={{
-          __html: t('inviteContent.description', { displayName: appletName }),
+          __html: t('inviteContent.description', { displayName: appletName }) ?? '',
         }}
       />
       <Box margin="24px 0px">
@@ -28,7 +28,7 @@ export const InvitationContent = ({ appletName, isUserAuthenticated }: Invitatio
           <li>
             <Box
               dangerouslySetInnerHTML={{
-                __html: t('inviteContent.step3', { displayName: appletName }),
+                __html: t('inviteContent.step3', { displayName: appletName }) ?? '',
               }}
             />
           </li>

src/entities/invitation/ui/InvitationHeader.tsx

@@ -1,7 +1,6 @@
-import Box from '@mui/material/Box';
-
 import { useInvitationTranslation } from '../lib';
 
+import { Box } from '~/shared/ui';
 import { Text } from '~/shared/ui';
 
 interface InvitationHeaderProps {

src/features/ChangePassword/ui/ChangePasswordForm.tsx

@@ -1,9 +1,8 @@
-import Box from '@mui/material/Box';
-
 import { useChangePasswordTranslation } from '../lib/useChangePasswordTranslation';
 import { ChangePasswordSchema, TChangePassword } from '../model/schema';
 
 import { useUpdatePasswordMutation } from '~/entities/user';
+import { Box } from '~/shared/ui';
 import {
   BaseButton,
   BasicFormProvider,

src/features/InvitationAccept/ui/InvitationAcceptButton.tsx

@@ -1,7 +1,6 @@
-import Box from '@mui/material/Box';
-
 import { useAcceptInviteMutation, useInvitationTranslation } from '~/entities/invitation';
 import { ROUTES } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { BaseButton, useNotification } from '~/shared/ui';
 import { Mixpanel, useCustomNavigation } from '~/shared/utils';
 

src/features/InvitationDecline/ui/InvitationDeclineButton.tsx

@@ -1,7 +1,6 @@
-import Box from '@mui/material/Box';
-
 import { useDeclineInviteMutation, useInvitationTranslation } from '~/entities/invitation';
 import { ROUTES } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { BaseButton, useNotification } from '~/shared/ui';
 import { useCustomNavigation } from '~/shared/utils';
 

src/features/Login/ui/LoginForm.tsx

@@ -1,4 +1,3 @@
-import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import { Link } from 'react-router-dom';
 
@@ -7,6 +6,7 @@ import { LoginSchema, TLoginForm } from '../model/login.schema';
 
 import { ILoginPayload, useLoginMutation, userModel } from '~/entities/user';
 import { ROUTES, Theme } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { BaseButton, BasicFormProvider, Input, PasswordIcon, useNotification } from '~/shared/ui';
 import { Mixpanel, useCustomForm, usePasswordType } from '~/shared/utils';
 

src/features/PrivateJoinAccept/ui/PrivateJoinAcceptButton.tsx

@@ -1,8 +1,8 @@
-import Box from '@mui/material/Box';
 import { useNavigate } from 'react-router-dom';
 
 import { useAcceptPrivateInviteMutation, useInvitationTranslation } from '~/entities/invitation';
 import { ROUTES } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { BaseButton, useNotification } from '~/shared/ui';
 import { MixEvents, MixProperties, Mixpanel } from '~/shared/utils';
 

src/features/PrivateJoinDecline/ui/PrivateJoinDeclineButton.tsx

@@ -1,8 +1,8 @@
-import Box from '@mui/material/Box';
 import { useNavigate } from 'react-router-dom';
 
 import { useInvitationTranslation } from '~/entities/invitation';
 import { ROUTES } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { BaseButton, useNotification } from '~/shared/ui';
 
 export const PrivateJoinDeclineButton = () => {

src/features/RecoveryPassword/ui/RecoveryPasswordForm.tsx

@@ -1,11 +1,11 @@
-import Box from '@mui/material/Box';
 import { useNavigate } from 'react-router-dom';
 
 import { useRecoveryPasswordTranslation } from '../lib/useRecoveryPasswordTranslation';
 import { RecoveryPassword, RecoveryPasswordSchema } from '../model/schema';
 
 import { useApproveRecoveryPasswordMutation } from '~/entities/user';
 import { ROUTES } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import {
   BaseButton,
   BasicFormProvider,

src/features/Signup/ui/SignupForm.tsx

@@ -1,12 +1,11 @@
 import { useState } from 'react';
 
-import Box from '@mui/material/Box';
-
 import { TERMS_URL } from '../lib/constants';
 import { useSignupTranslation } from '../lib/useSignupTranslation';
 import { SignupFormSchema, TSignupForm } from '../model/signup.schema';
 
 import { useLoginMutation, userModel, useSignupMutation } from '~/entities/user';
+import { Box } from '~/shared/ui';
 import {
   Input,
   CheckboxWithLabel,

src/features/StartAssessment/index.tsx

@@ -1,5 +1,4 @@
-import Box from '@mui/material/Box';
-
+import { Box } from '~/shared/ui';
 import { BaseButton } from '~/shared/ui';
 import { useCustomTranslation } from '~/shared/utils';
 

src/features/TransferOwnershipAccept/ui/TransferOwnershipAccept.tsx

@@ -1,8 +1,8 @@
-import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 
 import { useAcceptTransferOwnershipQuery } from '../api';
 
+import { Box } from '~/shared/ui';
 import { PageMessage } from '~/shared/ui';
 import Loader from '~/shared/ui/Loader';
 import { MixEvents, MixProperties, Mixpanel, useCustomTranslation } from '~/shared/utils';

src/features/TransferOwnershipDecline/ui/TransfetOwnershipDecline.tsx

@@ -1,8 +1,8 @@
-import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 
 import { useDeclineTransferOwnershipQuery } from '../api';
 
+import { Box } from '~/shared/ui';
 import { PageMessage } from '~/shared/ui';
 import Loader from '~/shared/ui/Loader';
 import { Mixpanel, useCustomTranslation } from '~/shared/utils';

src/pages/ActivityDetails/index.tsx

@@ -1,6 +1,6 @@
-import Box from '@mui/material/Box';
 import { useParams } from 'react-router-dom';
 
+import { Box } from '~/shared/ui';
 import { useCustomTranslation } from '~/shared/utils';
 import { ActivityDetailsContext, ActivityDetailsWidget } from '~/widgets/ActivityDetails';
 

src/pages/ForgotPassword/index.tsx

@@ -1,7 +1,6 @@
-import Box from '@mui/material/Box';
-
 import { ForgotPasswordForm } from '~/features/ForgotPassword';
 import { Theme } from '~/shared/constants';
+import { Box } from '~/shared/ui';
 import { Text } from '~/shared/ui';
 import { useCustomTranslation } from '~/shared/utils';
 

src/pages/Invitation/index.tsx

@@ -1,6 +1,6 @@
-import Box from '@mui/material/Box';
 import { useLocation, useParams } from 'react-router-dom';
 
+import { Box } from '~/shared/ui';
 import { AuthorizationGuard } from '~/widgets/AuthorizationGuard';
 import { AuthorizationButtons } from '~/widgets/AuthorizationNavigateButtons';
 import { FetchInvitation } from '~/widgets/FetchInvitation';