@tap-payments/auth-jsconnect 1.0.89 → 1.0.90-test

package/build/components/SimpleList/SimpleList.js

@@ -27,7 +27,7 @@ import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import { styled } from '@mui/material/styles';
 import get from 'lodash-es/get';
-import { useEventListener } from '../../hooks';
+import { useEventListener } from '@hooks';
 var ListStyled = styled(List)(function (_a) {
     var _b;
     var theme = _a.theme;

package/build/components/SocialMediaGroup/SocialMediaGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SocialMediaTypes } from '../../@types';
+import { SocialMediaTypes } from '@types';
 import { ToggleButtonGroupProps } from '../ToggleButtonGroup';
 import { ToggleButtonProps } from '../ToggleButton';
 export interface SocialMediaGroupProps extends ToggleButtonGroupProps {

package/build/components/SocialMediaGroup/SocialMediaGroup.js

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import { ICONS_NAMES } from '../../constants';
-import { SocialMediaTypes } from '../../@types';
+import { ICONS_NAMES } from '@constants';
+import { SocialMediaTypes } from '@types';
 import ToggleButtonGroup from '../ToggleButtonGroup';
 import ToggleButton from '../ToggleButton';
 import Icon from '../Icon';

package/build/constants/api.d.ts

@@ -1,5 +1,7 @@
 export declare const ENDPOINT_PATHS: {
-    BASE_URL: string;
+    SANDBOX_BASE_URL: string;
+    PRODUCTION_BASE_URL: string;
+    DEV_BASE_URL: string;
     BUSINESS_COUNTRIES: string;
     COUNTRIES: string;
     IP: string;

package/build/constants/api.js

@@ -1,4 +1,6 @@
-var API_BASE_URL = 'https://connect-mw.sandbox.tap.company/middleware';
+var SANDBOX_BASE_URL = 'https://connect-mw.sandbox.tap.company/middleware';
+var PRODUCTION_BASE_URL = 'https://connect-mw.tap.company/middleware';
+var DEV_BASE_URL = 'https://connect-mw.dev.tap.company/middleware';
 var API_BUSINESS_COUNTRIES = 'https://godata.sandbox.tap.company/api/v1/business/country/list';
 var API_COUNTRIES = 'https://utilities.tap.company/api/v1/country/list';
 var IP_PATH = '/ip';
@@ -24,7 +26,9 @@ var MONTHLY_INCOME_PATH = '/v2/monthlyIncome';
 var BRAND_LIST_PATH = '/brand/list';
 var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/locale.json';
 export var ENDPOINT_PATHS = {
-    BASE_URL: API_BASE_URL,
+    SANDBOX_BASE_URL: SANDBOX_BASE_URL,
+    PRODUCTION_BASE_URL: PRODUCTION_BASE_URL,
+    DEV_BASE_URL: DEV_BASE_URL,
     BUSINESS_COUNTRIES: API_BUSINESS_COUNTRIES,
     COUNTRIES: API_COUNTRIES,
     IP: IP_PATH,

package/build/constants/app.d.ts

@@ -1,4 +1,4 @@
-import { ScreenStepNavigation, BusinessType } from '../@types';
+import { ScreenStepNavigation, BusinessType } from '@types';
 export declare const CLIENT_ORIGIN: string;
 export declare const LOCAL_STORAGE_KEYS: {
     themeMode: string;

package/build/constants/app.js

@@ -1,4 +1,4 @@
-import { BusinessType } from '../@types';
+import { BusinessType } from '@types';
 export var CLIENT_ORIGIN = window.location.origin;
 export var LOCAL_STORAGE_KEYS = {
     themeMode: 'themeMode',

package/build/features/Landing/Landing.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LibConfig } from '../../@types';
+import { LibConfig } from '@src/@types';
 export interface LandingProps extends LibConfig {
 }
 export declare function LandingLib(props: LandingProps): JSX.Element;

package/build/features/Landing/Landing.js

@@ -11,15 +11,15 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo, useEffect } from 'react';
-import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig } from '../../hooks';
-import { settingsSelector } from '../../app/settings';
-import { store } from '../../app/store';
-import { ReduxProvider, ThemeProvider } from '../../components/Providers';
-import Collapse from '../../components/Collapse';
-import { getParameterByName, reactElement } from '../../utils';
-import { LANDING_SCREENS_NAVIGATION } from '../../constants';
+import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig } from '@hooks';
+import { settingsSelector } from '@app/settings';
+import { store } from '@app/store';
+import { ReduxProvider, ThemeProvider } from '@components/Providers';
+import Collapse from '@components/Collapse';
+import { getParameterByName, reactElement } from '@utils';
+import { LANDING_SCREENS_NAVIGATION } from '@constants';
 import { landingFeatureScreens } from '../featuresScreens';
-import { verifyAuthToken } from '../app/landing/landingStore';
+import { verifyAuthToken } from '@features/app/landing/landingStore';
 var Landing = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;

package/build/features/Landing/screens/VerifyAndRedirect/VerifyAndRedirect.js

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
-import { settingsSelector } from '../../../../app/settings';
-import { landingSelector } from '../../../app/landing/landingStore';
-import { useAppSelector } from '../../../../hooks';
-import Loader from '../../../../components/AnimationFlow/Loader';
-import Error from '../../../../components/AnimationFlow/Error';
-import { getParameterByName } from '../../../../utils';
+import { settingsSelector } from '@app/settings';
+import { landingSelector } from '@features/app/landing/landingStore';
+import { useAppSelector } from '@hooks';
+import Loader from '@components/AnimationFlow/Loader';
+import Error from '@components/AnimationFlow/Error';
+import { getParameterByName } from '@utils';
 var ScreenContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/app/bank/bankStore.d.ts

@@ -1,5 +1,5 @@
-import { RootState } from '../../../app/store';
-import { BankFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { RootState } from '@store';
+import { BankFormValues, OTPFormValues, ResponseData, SharedState } from '@types';
 import { CancelToken } from 'axios';
 export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;

package/build/features/app/bank/bankStore.js

@@ -47,10 +47,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import API from '../../../api';
-import { hasKey, removeRequestHeaders } from '../../../utils';
-import { handleNextScreenStep } from '../../../app/settings';
-import { BANK_STEP_NAMES } from '../../../constants';
+import API from '@api';
+import { hasKey, removeRequestHeaders } from '@utils';
+import { handleNextScreenStep } from '@app/settings';
+import { BANK_STEP_NAMES } from '@src/constants';
 export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var payload, data, leadResponse, _a, steps, entity, hasCompleted;
     return __generator(this, function (_b) {

package/build/features/app/business/businessStore.d.ts

@@ -1,5 +1,5 @@
-import { RootState } from '../../../app/store';
-import { ActivitiesFormValues, CustomersFormValues, BusinessTypeFormValues, CountryCode, NIDFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { RootState } from '@store';
+import { ActivitiesFormValues, CustomersFormValues, BusinessTypeFormValues, CountryCode, NIDFormValues, OTPFormValues, ResponseData, SharedState } from '@types';
 export declare const getCountries: import("@reduxjs/toolkit").AsyncThunk<{
     businessCountry: any;
     countries: any;
@@ -44,8 +44,8 @@ export declare const createAccount: import("@reduxjs/toolkit").AsyncThunk<{
 export declare const updateActivitiesInfo: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: {
-        activities: import("../../../@types").Activity[] | undefined;
-        salesChannels: import("../../../@types").SalesChannel[];
+        activities: import("@types").Activity[] | undefined;
+        salesChannels: import("@types").SalesChannel[];
         operationStartDate: string;
     };
 }, ActivitiesFormValues, {}>;

package/build/features/app/business/businessStore.js

@@ -57,11 +57,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import moment from 'moment';
-import API from '../../../api';
-import { BusinessType } from '../../../@types';
-import { BUSINESS_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
-import { convertNumbers2English, getFlowUrl, hasKey, removeRequestHeaders } from '../../../utils';
-import { handleNextScreenStep } from '../../../app/settings';
+import API from '@api';
+import { BusinessType } from '@types';
+import { BUSINESS_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '@constants';
+import { convertNumbers2English, getFlowUrl, hasKey, removeRequestHeaders } from '@utils';
+import { handleNextScreenStep } from '@app/settings';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
     return __generator(this, function (_a) {
@@ -381,19 +381,19 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                     flows: [
                         {
                             name: 'tax',
-                            url: getFlowUrl('/tax')
+                            url: getFlowUrl('/tax', settings.data.language)
                         },
                         {
                             name: 'bank',
-                            url: getFlowUrl('/bank')
+                            url: getFlowUrl('/bank', settings.data.language)
                         },
                         {
                             name: 'individual',
-                            url: getFlowUrl('/individual')
+                            url: getFlowUrl('/individual', settings.data.language)
                         },
                         {
                             name: 'password',
-                            url: getFlowUrl('/password')
+                            url: getFlowUrl('/password', settings.data.language)
                         }
                     ],
                     encryption_contract: []

package/build/features/app/connect/connectStore.d.ts

@@ -1,5 +1,5 @@
-import { RootState } from '../../../app/store';
-import { ResponseData, CountryCode, MobileFormValues, NIDFormValues, OTPFormValues, IndividualFormValues, SharedState, BrandFormValues } from '../../../@types';
+import { RootState } from '@app/store';
+import { ResponseData, CountryCode, MobileFormValues, NIDFormValues, OTPFormValues, IndividualFormValues, SharedState, BrandFormValues } from '@types';
 import { CancelToken } from 'axios';
 export declare const getCountries: import("@reduxjs/toolkit").AsyncThunk<{
     businessCountry: any;

package/build/features/app/connect/connectStore.js

@@ -56,11 +56,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { handleNextScreenStep } from '../../../app/settings';
-import API from '../../../api';
-import { CONNECT_STEP_NAMES, IDENTIFICATION_TYPE, INSTAGRAM_URL, OTHER_BRAND, TWITTER_URL } from '../../../constants';
-import { defaultCountry } from '../../../constants';
-import { getIndividualName, getFlowUrl, capitalizeTheFirstLetterOfEachWord, removeRequestHeaders } from '../../../utils';
+import { handleNextScreenStep } from '@app/settings';
+import API from '@api';
+import { CONNECT_STEP_NAMES, IDENTIFICATION_TYPE, INSTAGRAM_URL, OTHER_BRAND, TWITTER_URL } from '@constants';
+import { defaultCountry } from '@constants';
+import { getIndividualName, getFlowUrl, capitalizeTheFirstLetterOfEachWord, removeRequestHeaders } from '@utils';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
     return __generator(this, function (_a) {
@@ -318,7 +318,8 @@ export var checkEmailAvailability = createAsyncThunk('checkEmailAvailability', f
             switch (_b.label) {
                 case 0:
                     requestBody = {
-                        email: email
+                        email: email,
+                        encryption_contract: ['email']
                     };
                     return [4, API.availabilityServices.checkEmail(requestBody, { cancelToken: cancelToken })];
                 case 1:
@@ -339,7 +340,8 @@ export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailabi
             switch (_b.label) {
                 case 0:
                     requestBody = {
-                        profile_name: name
+                        profile_name: name,
+                        encryption_contract: ['profile_name']
                     };
                     return [4, API.availabilityServices.checkBrand(requestBody, { cancelToken: cancelToken })];
                 case 1:
@@ -369,7 +371,7 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                     flows: [
                         {
                             name: 'business',
-                            url: getFlowUrl('/business')
+                            url: getFlowUrl('/business', settings.data.language)
                         }
                     ],
                     id: leadId,

package/build/features/app/individual/individualStore.d.ts

@@ -1,5 +1,5 @@
-import { RootState } from '../../../app/store';
-import { CountryCode, IndividualExtraFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { RootState } from '@store';
+import { CountryCode, IndividualExtraFormValues, OTPFormValues, ResponseData, SharedState } from '@types';
 export declare const getCountries: import("@reduxjs/toolkit").AsyncThunk<{
     businessCountry: any;
     countries: any;

package/build/features/app/individual/individualStore.js

@@ -47,10 +47,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import API from '../../../api';
-import { hasKey, removeRequestHeaders } from '../../../utils';
-import { handleNextScreenStep } from '../../../app/settings';
-import { defaultCountry, INDIVIDUAl_STEP_NAMES } from '../../../constants';
+import API from '@api';
+import { hasKey, removeRequestHeaders } from '@utils';
+import { handleNextScreenStep } from '@app/settings';
+import { defaultCountry, INDIVIDUAl_STEP_NAMES } from '@constants';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
     return __generator(this, function (_a) {

package/build/features/app/landing/landingStore.d.ts

@@ -1,5 +1,5 @@
-import { RootState } from '../../../app/store';
-import { ResponseData, SharedState } from '../../../@types';
+import { RootState } from '@store';
+import { ResponseData, SharedState } from '@types';
 export declare const verifyAuthToken: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     token: string;

package/build/features/app/landing/landingStore.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import API from '../../../api';
+import API from '@api';
 export var verifyAuthToken = createAsyncThunk('verifyAuthToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var payload, data;
     return __generator(this, function (_a) {

package/build/features/app/password/passwordStore.d.ts

@@ -1,5 +1,5 @@
-import { RootState } from '../../../app/store';
-import { OTPFormValues, PasswordCreateFormValues, ResponseData, SharedState } from '../../../@types';
+import { RootState } from '@store';
+import { OTPFormValues, PasswordCreateFormValues, ResponseData, SharedState } from '@types';
 export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     leadData: any;

package/build/features/app/password/passwordStore.js

@@ -47,10 +47,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import API from '../../../api';
-import { hasKey, removeRequestHeaders } from '../../../utils';
-import { handleNextScreenStep } from '../../../app/settings';
-import { PASSWORD_STEP_NAMES } from '../../../constants';
+import API from '@api';
+import { hasKey, removeRequestHeaders } from '@utils';
+import { handleNextScreenStep } from '@app/settings';
+import { PASSWORD_STEP_NAMES } from '@constants';
 export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var payload, data, leadResponse, _a, steps, entity, hasCompleted;
     return __generator(this, function (_b) {

package/build/features/app/tax/taxStore.d.ts

@@ -1,5 +1,5 @@
-import { RootState } from '../../../app/store';
-import { OTPFormValues, ResponseData, SharedState, TaxFormValues } from '../../../@types';
+import { RootState } from '@store';
+import { OTPFormValues, ResponseData, SharedState, TaxFormValues } from '@types';
 export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     leadData: any;

package/build/features/app/tax/taxStore.js

@@ -47,10 +47,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import API from '../../../api';
-import { hasKey, removeRequestHeaders } from '../../../utils';
-import { handleNextScreenStep } from '../../../app/settings';
-import { TAX_STEP_NAMES } from '../../../constants';
+import API from '@api';
+import { hasKey, removeRequestHeaders } from '@utils';
+import { handleNextScreenStep } from '@app/settings';
+import { TAX_STEP_NAMES } from '@constants';
 export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var payload, data, leadResponse, _a, steps, entity, hasTaxCompleted;
     return __generator(this, function (_b) {

package/build/features/bank/Bank.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LibConfig } from '../../@types';
+import { LibConfig } from '@src/@types';
 export interface BankLibProps extends LibConfig {
 }
 export declare function BankLib(props: BankLibProps): JSX.Element;

package/build/features/bank/Bank.js

@@ -11,18 +11,18 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect } from 'react';
-import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig } from '../../hooks';
-import { settingsSelector } from '../../app/settings';
-import AnimationFlow from '../../components/AnimationFlow';
-import { store } from '../../app/store';
-import { ReduxProvider, ThemeProvider } from '../../components/Providers';
-import Collapse from '../../components/Collapse';
-import { getParameterByName, reactElement } from '../../utils';
-import { FeatureContainer } from '../shared/Containers';
-import { BANK_SCREENS_NAVIGATION } from '../../constants';
+import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig } from '@hooks';
+import { handleLanguage, settingsSelector } from '@app/settings';
+import AnimationFlow from '@components/AnimationFlow';
+import { store } from '@app/store';
+import { ReduxProvider, ThemeProvider } from '@components/Providers';
+import Collapse from '@components/Collapse';
+import { getParameterByName, reactElement } from '@utils';
+import { FeatureContainer } from '@features/shared/Containers';
+import { BANK_SCREENS_NAVIGATION } from '@constants';
 import { bankFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
-import { bankSelector, verifyLeadToken } from '../app/bank/bankStore';
+import { bankSelector, verifyLeadToken } from '@features/app/bank/bankStore';
 import Background from '../shared/Background';
 var Bank = memo(function (props) {
     var theme = useAppTheme().theme;
@@ -34,8 +34,12 @@ var Bank = memo(function (props) {
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
     var verifyToken = function () {
         var token = getParameterByName('token');
+        var lang = getParameterByName('lang');
         if (!token)
             throw new Error('Auth token is not found!');
+        if (!lang)
+            throw new Error('Language is not found!');
+        dispatch(handleLanguage(lang));
         dispatch(verifyLeadToken(token));
     };
     useEffect(function () {

package/build/features/bank/screens/BankDetails/BankDetails.js

@@ -11,20 +11,21 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { ScreenContainer } from '../../../shared/Containers';
+import { ScreenContainer } from '@features/shared/Containers';
 import Beneficiary from './Beneficiary';
 import IBAN from './IBAN';
 import BankName from './BankName';
-import Button from '../../../shared/Button';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import Button from '@features/shared/Button';
+import { useAppDispatch, useAppSelector } from '@hooks';
 import { BankValidation } from './validation';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { useLanguage } from '../../../../hooks';
+import { useLanguage } from '@hooks';
 import { styled } from '@mui/material/styles';
-import { bankSelector, createBankAccount } from '../../../app/bank/bankStore';
-import Form from '../../../../components/Form';
+import { bankSelector, createBankAccount } from '@features/app/bank/bankStore';
+import Form from '@components/Form';
+import { handleCurrentActiveScreen } from '@app/settings';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column',
@@ -50,7 +51,10 @@ var BankDetails = function () {
     };
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
+    var onBack = function () {
+        dispatch(handleCurrentActiveScreen(''));
+    };
     var disabled = ibanChecking || !methods.formState.isValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(ButtonStyled, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
 };
 export default BankDetails;

package/build/features/bank/screens/BankDetails/BankName.js

@@ -11,17 +11,17 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
+import { ScreenContainer } from '@features/shared/Containers';
+import Input from '@features/shared/Input';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled } from '@mui/material/styles';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import { bankSelector } from '../../../app/bank/bankStore';
-import { useAppSelector } from '../../../../hooks';
-import { removeAllOtherThanAlphabetAndSpace } from '../../../../utils';
-import Collapse from '../../../../components/Collapse';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
+import { bankSelector } from '@features/app/bank/bankStore';
+import { useAppSelector } from '@hooks';
+import { removeAllOtherThanAlphabetAndSpace } from '@utils';
+import Collapse from '@src/components/Collapse';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/bank/screens/BankDetails/Beneficiary.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import Input from '../../../shared/Input';
+import Input from '@features/shared/Input';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled } from '@mui/material';
-import { removeOnlyNumbers } from '../../../../utils';
-import { ScreenContainer } from '../../../shared/Containers';
-import { bankSelector } from '../../../app/bank/bankStore';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
+import { removeOnlyNumbers } from '@utils';
+import { ScreenContainer } from '@features/shared/Containers';
+import { bankSelector } from '@features/app/bank/bankStore';
+import { useAppSelector, useLanguage } from '@hooks';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({

package/build/features/bank/screens/BankDetails/IBAN.js

@@ -36,19 +36,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import Input from '../../../shared/Input';
+import Input from '@features/shared/Input';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import { removeAllOtherThanCharsAndNumber } from '@utils';
 import { styled } from '@mui/material';
-import { MAX_IBAN_VALUE } from '../../../../constants';
-import { ScreenContainer } from '../../../shared/Containers';
+import { MAX_IBAN_VALUE } from '@constants';
+import { ScreenContainer } from '@features/shared/Containers';
 import { debounce } from 'lodash-es';
-import { checkIbanBank } from '../../../app/bank/bankStore';
-import { useAppDispatch } from '../../../../hooks';
+import { checkIbanBank } from '@features/app/bank/bankStore';
+import { useAppDispatch } from '@hooks';
 import axios from 'axios';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
+import ClearIcon from '@features/shared/ClearIcon';
+import CheckIcon from '@features/shared/CheckIcon';
 import CircularProgress from '@mui/material/CircularProgress';
 var InputStyled = styled(Input)(function () { return ({
     input: {

package/build/features/bank/screens/BankDetails/validation.js

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

package/build/features/bank/screens/Success/Success.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import SuccessScreen from '../../../shared/SuccessScreen';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { bankSelector, updateLeadSuccess } from '../../../app/bank/bankStore';
+import SuccessScreen from '@features/shared/SuccessScreen';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { bankSelector, updateLeadSuccess } from '@features/app/bank/bankStore';
 var Success = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();

package/build/features/bank/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -13,15 +13,15 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React, { memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from '@mui/material/styles';
-import { FlowsButtons } from '../../../shared/Button';
-import { ICONS_NAMES } from '../../../../constants';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import { allAreTruthy, showLastFour } from '../../../../utils';
-import { bankSelector } from '../../../app/bank/bankStore';
+import { FlowsButtons } from '@features/shared/Button';
+import { ICONS_NAMES } from '@constants';
+import { useAppSelector, useLanguage } from '@hooks';
+import { allAreTruthy, showLastFour } from '@utils';
+import { bankSelector } from '@features/app/bank/bankStore';
 import Box from '@mui/material/Box';
-import Text from '../../../../components/Text';
-import Container from '../../../shared/Containers/ScreenContainer';
-import AcceptancePayouts from '../../../shared/AcceptancePayouts';
+import Text from '@components/Text';
+import Container from '@features/shared/Containers/ScreenContainer';
+import AcceptancePayouts from '@features/shared/AcceptancePayouts';
 var TitleStyled = styled(Text)(function (_a) {
     var _b;
     var theme = _a.theme;

package/build/features/bank/screens/Verify/OTPInput.js

@@ -13,10 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
-import OTPField from '../../../shared/OTP';
+import OTPField from '@features/shared/OTP';
 import { useController, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { DEFAULT_TIMER_VALUE } from '../../../../constants';
+import { DEFAULT_TIMER_VALUE } from '@constants';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({