@tap-payments/auth-jsconnect 2.0.53-test → 2.0.55-test

package/build/features/connect/Connect.js

@@ -22,16 +22,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo } from 'react';
-import { FeatureContainer } from '../shared/Containers';
-import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useAppDispatch } from '../../hooks';
-import { handleCurrentActiveScreen, settingsSelector, handleOpen } from '../../app/settings';
-import AnimationFlow from '../../components/AnimationFlow';
-import { store } from '../../app/store';
-import { connectSelector } from '../app/connect/connectStore';
-import { ReduxProvider, ThemeProvider } from '../../components/Providers';
-import Collapse from '../../components/Collapse';
-import { reactElement, removeElement, isKW } from '../../utils';
-import { CONNECT_SCREENS_NAVIGATION, DIALOG_ID } from '../../constants';
+import { FeatureContainer } from '@features/shared/Containers';
+import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useAppDispatch } from '@hooks';
+import { handleCurrentActiveScreen, settingsSelector, handleOpen } from '@app/settings';
+import AnimationFlow from '@components/AnimationFlow';
+import { store } from '@app/store';
+import { connectSelector } from '@features/app/connect/connectStore';
+import { ReduxProvider, ThemeProvider } from '@components/Providers';
+import Collapse from '@components/Collapse';
+import { reactElement, removeElement, isKW } from '@utils';
+import { CONNECT_SCREENS_NAVIGATION, DIALOG_ID } from '@constants';
 import { connectFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
 import Background from '../shared/Background';

package/build/features/connect/screens/CivilID/CivilID.js

@@ -16,16 +16,16 @@ import { alpha, styled } from '@mui/material/styles';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { civilIDValidationSchema } from './validation';
-import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import { clearError, connectSelector, createCivilIdAuth } from '../../../app/connect/connectStore';
-import Form from '../../../../components/Form';
-import Button, { MobileButton } from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import Collapse from '../../../../components/Collapse';
+import { useAppDispatch, useLanguage, useAppSelector } from '@hooks';
+import { handlePrevScreenStep, settingsSelector } from '@app/settings';
+import { clearError, connectSelector, createCivilIdAuth } from '@features/app/connect/connectStore';
+import Form from '@components/Form';
+import Button, { MobileButton } from '@features/shared/Button';
+import { ScreenContainer } from '@features/shared/Containers';
+import Collapse from '@components/Collapse';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
-import Text from '../../../../components/Text';
+import Text from '@components/Text';
 import IDNumber from './IDNumber';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',

package/build/features/connect/screens/CivilID/IDNumber.js

@@ -15,13 +15,13 @@ import Box from '@mui/material/Box';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled, alpha } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import Input from '../../../shared/Input';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
-import { CIVIL_ID_NUMBER_LENGTH } from '../../../../constants';
+import Text from '@components/Text';
+import Input from '@features/shared/Input';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
+import ScreenContainer from '@features/shared/Containers/ScreenContainer';
+import { removeAllOtherThanCharsAndNumber } from '@utils';
+import { CIVIL_ID_NUMBER_LENGTH } from '@constants';
 var LabelContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/connect/screens/Individual/Email.js

@@ -49,15 +49,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import axios from 'axios';
-import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
+import { ScreenContainer } from '@features/shared/Containers';
+import Input from '@features/shared/Input';
 import { useController, useFormContext } from 'react-hook-form';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import { checkEmailAvailability } from '../../../app/connect/connectStore';
-import { useAppDispatch } from '../../../../hooks';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
+import { checkEmailAvailability } from '@features/app/connect/connectStore';
+import { useAppDispatch } from '@hooks';
 import { debounce } from 'lodash-es';
-import Collapse from '../../../../components/Collapse';
+import Collapse from '@components/Collapse';
 import { styled } from '@mui/material/styles';
 import CircularProgress from '@mui/material/CircularProgress';
 var InputStyled = styled(Input)(function (_a) {

package/build/features/connect/screens/Individual/Individual.js

@@ -17,18 +17,18 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { handlePrevScreenStep, settingsSelector } from '@app/settings';
 import { IndividualValidation, IndividualMobileValidation } from './validation';
-import Form from '../../../../components/Form';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import { clearError, connectSelector, resetIndividualScreen, updateLeadIndividual } from '../../../app/connect/connectStore';
-import { useLanguage } from '../../../../hooks';
+import Form from '@components/Form';
+import Button from '@features/shared/Button';
+import { ScreenContainer } from '@features/shared/Containers';
+import { clearError, connectSelector, resetIndividualScreen, updateLeadIndividual } from '@features/app/connect/connectStore';
+import { useLanguage } from '@hooks';
 import MobileNumber from './MobileNumber';
-import { countriesCode } from '../../../../constants';
-import Collapse from '../../../../components/Collapse';
-import { isKW } from '../../../../utils';
+import { countriesCode } from '@constants';
+import Collapse from '@components/Collapse';
+import { isKW } from '@utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'

package/build/features/connect/screens/Individual/MobileNumber.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CountryCode } from '../../../../@types';
+import { CountryCode } from '@types';
 interface MobileNumberProps {
     countries: Array<CountryCode>;
     show: boolean;

package/build/features/connect/screens/Individual/MobileNumber.js

@@ -26,17 +26,17 @@ import Box from '@mui/material/Box';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled, alpha } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import Collapse from '../../../../components/Collapse';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Input from '../../../shared/Input';
-import SimpleList from '../../../../components/SimpleList';
-import { removeAllCharsFromNumber } from '../../../../utils';
-import { useLanguage } from '../../../../hooks';
-import Search from '../../../shared/Search';
+import Text from '@components/Text';
+import Collapse from '@components/Collapse';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
+import ScreenContainer from '@features/shared/Containers/ScreenContainer';
+import ExpandIcon from '@components/ExpandIcon';
+import Input from '@features/shared/Input';
+import SimpleList from '@components/SimpleList';
+import { removeAllCharsFromNumber } from '@utils';
+import { useLanguage } from '@hooks';
+import Search from '@features/shared/Search';
 var LabelContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/connect/screens/Individual/Name.js

@@ -12,13 +12,13 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
-import { removeAllOtherThanAlphabetAndSpace } from '../../../../utils';
+import { ScreenContainer } from '@features/shared/Containers';
+import Input from '@features/shared/Input';
+import { removeAllOtherThanAlphabetAndSpace } from '@utils';
 import { useController, useFormContext } from 'react-hook-form';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import Collapse from '../../../../components/Collapse';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
+import Collapse from '@components/Collapse';
 import { styled } from '@mui/material/styles';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;

package/build/features/connect/screens/Individual/validation.js

@@ -1,4 +1,4 @@
-import { REGEX_FULL_NAME } from '../../../../constants';
+import { REGEX_FULL_NAME } from '@constants';
 import * as yup from 'yup';
 export var IndividualValidation = yup.object().shape({
     name: yup

package/build/features/connect/screens/Merchant/BrandList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BrandInfo } from '../../../../@types';
+import { BrandInfo } from '@types';
 interface BrandListProps {
     show: boolean;
     list: Array<BrandInfo>;

package/build/features/connect/screens/Merchant/BrandList.js

@@ -26,14 +26,14 @@ import { useTranslation } from 'react-i18next';
 import { useFormContext, useController } from 'react-hook-form';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-import { useLanguage } from '../../../../hooks';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
-import CheckIcon from '../../../shared/CheckIcon';
-import SimpleList from '../../../../components/SimpleList';
-import Text from '../../../../components/Text';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Collapse from '../../../../components/Collapse';
+import { useLanguage } from '@hooks';
+import ScreenContainer from '@features/shared/Containers/ScreenContainer';
+import Input from '@features/shared/Input';
+import CheckIcon from '@features/shared/CheckIcon';
+import SimpleList from '@components/SimpleList';
+import Text from '@components/Text';
+import ExpandIcon from '@components/ExpandIcon';
+import Collapse from '@components/Collapse';
 var InputStyled = styled(Input)(function () { return ({
     '& .MuiInputBase-input': {
         cursor: 'pointer'

package/build/features/connect/screens/Merchant/BrandName.js

@@ -54,17 +54,17 @@ import axios from 'axios';
 import { styled, alpha } from '@mui/material/styles';
 import InfoIcon from '@mui/icons-material/Info';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
-import { ScreenContainer } from '../../../shared/Containers';
+import { ScreenContainer } from '@features/shared/Containers';
 import CircularProgress from '@mui/material/CircularProgress';
-import Text from '../../../../components/Text';
-import Input from '../../../shared/Input';
-import ClearIcon from '../../../shared/ClearIcon';
-import Tooltip from '../../../../components/Tooltip';
-import Collapse from '../../../../components/Collapse';
-import { removeAllOtherThanCharsNumbersAndSpace } from '../../../../utils';
-import CheckIcon from '../../../shared/CheckIcon';
-import { checkBrandNameAvailability } from '../../../app/connect/connectStore';
-import { useAppDispatch } from '../../../../hooks';
+import Text from '@components/Text';
+import Input from '@features/shared/Input';
+import ClearIcon from '@features/shared/ClearIcon';
+import Tooltip from '@components/Tooltip';
+import Collapse from '@components/Collapse';
+import { removeAllOtherThanCharsNumbersAndSpace } from '@utils';
+import CheckIcon from '@features/shared/CheckIcon';
+import { checkBrandNameAvailability } from '@features/app/connect/connectStore';
+import { useAppDispatch } from '@hooks';
 import { debounce } from 'lodash-es';
 var LabelContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;

package/build/features/connect/screens/Merchant/Merchant.js

@@ -15,15 +15,15 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import Collapse from '@mui/material/Collapse';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import Form from '../../../../components/Form';
-import { INSTAGRAM_URL, TWITTER_URL } from '../../../../constants';
-import { ScreenContainer } from '../../../shared/Containers';
-import Button from '../../../shared/Button';
-import { clearError, connectSelector, updateLeadBrand } from '../../../app/connect/connectStore';
-import { useLanguage } from '../../../../hooks';
-import { isKW } from '../../../../utils';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { handlePrevScreenStep, settingsSelector } from '@app/settings';
+import Form from '@components/Form';
+import { INSTAGRAM_URL, TWITTER_URL } from '@constants';
+import { ScreenContainer } from '@features/shared/Containers';
+import Button from '@features/shared/Button';
+import { clearError, connectSelector, updateLeadBrand } from '@features/app/connect/connectStore';
+import { useLanguage } from '@hooks';
+import { isKW } from '@utils';
 import { MerchantValidationSchema, ValidationOptions } from './validation';
 import BrandName from './BrandName';
 import SocialMedia from './SocialMedia';

package/build/features/connect/screens/Merchant/SalesChannels.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export declare const MandatoryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const CollapseStyled: import("@emotion/styled").StyledComponent<import("../../../../components/Collapse").CollapseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const CollapseStyled: import("@emotion/styled").StyledComponent<import("@components/Collapse").CollapseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 declare const SalesChannels: () => JSX.Element;
 export default SalesChannels;

package/build/features/connect/screens/Merchant/SalesChannels.js

@@ -24,13 +24,13 @@ import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
-import Text from '../../../../components/Text';
-import { connectSelector, clearError } from '../../../app/connect/connectStore';
-import CheckBox from '../../../../components/CheckBox';
-import Warning from '../../../../components/Warning';
-import Collapse from '../../../../components/Collapse';
-import { ScreenContainer } from '../../../shared/Containers';
+import { useLanguage, useAppSelector, useAppDispatch } from '@hooks';
+import Text from '@components/Text';
+import { connectSelector, clearError } from '@features/app/connect/connectStore';
+import CheckBox from '@components/CheckBox';
+import Warning from '@components/Warning';
+import Collapse from '@components/Collapse';
+import { ScreenContainer } from '@features/shared/Containers';
 var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ margin: theme.spacing(2.5, 2.5, 0.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));

package/build/features/connect/screens/Merchant/SocialMedia.js

@@ -15,15 +15,15 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled, alpha } from '@mui/material/styles';
 import ClearIcon from '@mui/icons-material/Clear';
-import { SocialMediaTypes } from '../../../../@types';
-import Input from '../../../../components/Input';
-import Text from '../../../../components/Text';
-import Collapse from '../../../../components/Collapse';
-import SocialMediaGroup from '../../../../components/SocialMediaGroup';
-import { ScreenContainer } from '../../../shared/Containers';
-import CheckIcon from '../../../shared/CheckIcon';
-import { useAppSelector } from '../../../../hooks';
-import { connectSelector } from '../../../app/connect/connectStore';
+import { SocialMediaTypes } from '@types';
+import Input from '@components/Input';
+import Text from '@components/Text';
+import Collapse from '@components/Collapse';
+import SocialMediaGroup from '@components/SocialMediaGroup';
+import { ScreenContainer } from '@features/shared/Containers';
+import CheckIcon from '@features/shared/CheckIcon';
+import { useAppSelector } from '@hooks';
+import { connectSelector } from '@features/app/connect/connectStore';
 var SocialMediaGroupStyled = styled(SocialMediaGroup)(function (_a) {
     var theme = _a.theme, defaultValue = _a.defaultValue;
     return ({

package/build/features/connect/screens/Merchant/TAC.js

@@ -16,13 +16,13 @@ import { useController, useFormContext } from 'react-hook-form';
 import Box from '@mui/material/Box';
 import { styled, alpha } from '@mui/material/styles';
 import Link from '@mui/material/Link';
-import CheckBox from '../../../../components/CheckBox';
-import { ScreenContainer } from '../../../shared/Containers';
-import Text from '../../../../components/Text';
-import Warning from '../../../../components/Warning';
-import { useLanguage } from '../../../../hooks';
-import Collapse from '../../../../components/Collapse';
-import { EXTERNAL_LINKS } from '../../../../constants';
+import CheckBox from '@components/CheckBox';
+import { ScreenContainer } from '@features/shared/Containers';
+import Text from '@components/Text';
+import Warning from '@components/Warning';
+import { useLanguage } from '@hooks';
+import Collapse from '@components/Collapse';
+import { EXTERNAL_LINKS } from '@constants';
 var TACContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/connect/screens/Merchant/validation.js

@@ -1,4 +1,4 @@
-import { REGEX_WEBSITE, REGEX_BRAND_NAME } from '../../../../constants';
+import { REGEX_WEBSITE, REGEX_BRAND_NAME } from '@constants';
 import * as yup from 'yup';
 export var ValidationOptions;
 (function (ValidationOptions) {

package/build/features/connect/screens/Mobile/Mobile.js

@@ -16,17 +16,17 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useTranslation } from 'react-i18next';
 import { styled, alpha } from '@mui/material/styles';
-import Collapse from '../../../../components/Collapse';
-import Form from '../../../../components/Form';
-import Button, { AbsherButton } from '../../../shared/Button';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { clearError, connectSelector, createMobileAuth } from '../../../app/connect/connectStore';
-import { useLanguage } from '../../../../hooks';
+import Collapse from '@components/Collapse';
+import Form from '@components/Form';
+import Button, { AbsherButton } from '@features/shared/Button';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { handlePrevScreenStep, settingsSelector } from '@app/settings';
+import ScreenContainer from '@features/shared/Containers/ScreenContainer';
+import { clearError, connectSelector, createMobileAuth } from '@features/app/connect/connectStore';
+import { useLanguage } from '@hooks';
 import Divider from '@mui/material/Divider';
-import { isKW } from '../../../../utils';
-import Text from '../../../../components/Text';
+import { isKW } from '@utils';
+import Text from '@components/Text';
 import MIDTitle from './Title';
 import MobileNumber from './MobileNumber';
 import { PhoneValidationSchema } from './validation';

package/build/features/connect/screens/Mobile/MobileNumber.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CountryCode } from '../../../../@types';
+import { CountryCode } from '@types';
 interface MobileNumberProps {
     countries: Array<CountryCode>;
     show: boolean;

package/build/features/connect/screens/Mobile/MobileNumber.js

@@ -26,18 +26,18 @@ import Box from '@mui/material/Box';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled, alpha } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import Collapse from '../../../../components/Collapse';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { connectSelector } from '../../../app/connect/connectStore';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Input from '../../../shared/Input';
-import SimpleList from '../../../../components/SimpleList';
-import { removeAllCharsFromNumber } from '../../../../utils';
-import { useLanguage, useAppSelector } from '../../../../hooks';
-import Search from '../../../shared/Search';
+import Text from '@components/Text';
+import Collapse from '@components/Collapse';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
+import ScreenContainer from '@features/shared/Containers/ScreenContainer';
+import { connectSelector } from '@features/app/connect/connectStore';
+import ExpandIcon from '@components/ExpandIcon';
+import Input from '@features/shared/Input';
+import SimpleList from '@components/SimpleList';
+import { removeAllCharsFromNumber } from '@utils';
+import { useLanguage, useAppSelector } from '@hooks';
+import Search from '@features/shared/Search';
 var LabelContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/connect/screens/Mobile/Title.js

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled, alpha } from '@mui/material/styles';
-import Collapse from '../../../../components/Collapse';
-import Text from '../../../../components/Text';
+import Collapse from '@components/Collapse';
+import Text from '@components/Text';
 var TitleStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({ color: theme.palette.text.primary, textAlign: 'center' }, theme.typography.body1), { fontWeight: theme.typography.fontWeightMedium, lineHeight: 1.21, padding: theme.spacing(0, 3, 0, 3) }));

package/build/features/connect/screens/NID/DOB.js

@@ -12,12 +12,12 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { ScreenContainer } from '../../../shared/Containers';
-import DatePicker from '../../../../components/DatePicker';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { ScreenContainer } from '@features/shared/Containers';
+import DatePicker from '@components/DatePicker';
 import { alpha, styled } from '@mui/material/styles';
-import { clearError, connectSelector } from '../../../app/connect/connectStore';
-import Text from '../../../../components/Text';
+import { clearError, connectSelector } from '@features/app/connect/connectStore';
+import Text from '@components/Text';
 var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));

package/build/features/connect/screens/NID/IDNumber.js

@@ -15,14 +15,14 @@ import Box from '@mui/material/Box';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled, alpha } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import Input from '../../../shared/Input';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import Collapse from '../../../../components/Collapse';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { removeAllCharsFromNumber } from '../../../../utils';
-import { ID_NUMBER_LENGTH } from '../../../../constants';
+import Text from '@components/Text';
+import Input from '@features/shared/Input';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
+import Collapse from '@components/Collapse';
+import ScreenContainer from '@features/shared/Containers/ScreenContainer';
+import { removeAllCharsFromNumber } from '@utils';
+import { ID_NUMBER_LENGTH } from '@constants';
 var LabelContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/connect/screens/NID/NID.js

@@ -16,16 +16,16 @@ import { alpha, styled } from '@mui/material/styles';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { NIDValidationSchema } from './validation';
-import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import { clearError, connectSelector, createNIDAuth } from '../../../app/connect/connectStore';
-import Form from '../../../../components/Form';
-import Button, { MobileButton } from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import Collapse from '../../../../components/Collapse';
+import { useAppDispatch, useLanguage, useAppSelector } from '@hooks';
+import { handlePrevScreenStep, settingsSelector } from '@app/settings';
+import { clearError, connectSelector, createNIDAuth } from '@features/app/connect/connectStore';
+import Form from '@components/Form';
+import Button, { MobileButton } from '@features/shared/Button';
+import { ScreenContainer } from '@features/shared/Containers';
+import Collapse from '@components/Collapse';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
-import Text from '../../../../components/Text';
+import Text from '@components/Text';
 import IDNumber from './IDNumber';
 import DOB from './DOB';
 var FormStyled = styled(Form)(function () { return ({

package/build/features/connect/screens/OTP/OTP.js

@@ -14,17 +14,17 @@ import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import Text from '../../../../components/Text';
-import { clearError, connectSelector, resetOTPScreen, verifyAuth } from '../../../app/connect/connectStore';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep } from '../../../../app/settings';
-import { useLanguage } from '../../../../hooks';
+import Text from '@components/Text';
+import { clearError, connectSelector, resetOTPScreen, verifyAuth } from '@features/app/connect/connectStore';
+import Button from '@features/shared/Button';
+import { ScreenContainer } from '@features/shared/Containers';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { handlePrevScreenStep } from '@app/settings';
+import { useLanguage } from '@hooks';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
-import Form from '../../../../components/Form';
-import { maskPhone, maskID } from '../../../../utils';
+import Form from '@components/Form';
+import { maskPhone, maskID } from '@utils';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {

package/build/features/connect/screens/OTP/OTPInput.js

@@ -15,10 +15,10 @@ import { useController, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
-import OTPField from '../../../shared/OTP';
-import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-import { connectSelector, resendOTPMobile, resendOTPNID } from '../../../app/connect/connectStore';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import OTPField from '@features/shared/OTP';
+import { DEFAULT_TIMER_VALUE } from '@constants';
+import { connectSelector, resendOTPMobile, resendOTPNID } from '@features/app/connect/connectStore';
+import { useAppDispatch, useAppSelector } from '@hooks';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/connect/screens/ThankYou/ThankYou.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import SuccessScreen from '../../../shared/SuccessScreen';
+import SuccessScreen from '@features/shared/SuccessScreen';
 var ThankYou = function (_a) {
     var t = useTranslation().t;
     return (_jsx(SuccessScreen, { title: t("connect_completed_title"), description: t("connect_completed_description"), showEmailProviders: true }));