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

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/BankStatement.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { styled } from '@mui/material/styles';
-import { ScreenContainer } from '../../../shared/Containers';
+import { ScreenContainer } from '@features/shared/Containers';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useAppSelector } from '../../../../hooks';
-import { bankSelector } from '../../../app/bank/bankStore';
-import UploadFile from '../../../shared/UploadFile';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { bankSelector, uploadBankStatement } from '@features/app/bank/bankStore';
+import UploadFile from '@features/shared/UploadFile';
+import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '@src/constants';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -13,18 +15,41 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var BankStatement = function () {
-    var _a;
+    var _a, _b;
     var t = useTranslation().t;
-    var control = useFormContext().control;
+    var _c = useFormContext(), control = _c.control, setError = _c.setError, clearErrors = _c.clearErrors;
     var bankStatementFileControl = useController({ name: 'bankStatementFile', control: control });
-    var loading = useAppSelector(bankSelector).loading;
-    var error = (_a = bankStatementFileControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var bankStatementIdControl = useController({ name: 'bankStatementId', control: control });
+    var _d = useAppSelector(bankSelector), loading = _d.loading, uploading = _d.uploading, sysError = _d.error;
+    var dispatch = useAppDispatch();
+    var bankStatementValue = bankStatementFileControl.field.value;
+    var error = ((_a = bankStatementFileControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || ((_b = bankStatementIdControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message);
     var handleBankStatementChange = function (file) {
-        bankStatementFileControl.field.onChange(file);
+        if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
+            setError('bankStatementFile', { message: 'file_not_supported_alert' });
+        }
+        else if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+            setError('bankStatementFile', { message: 'file_size_alert' });
+        }
+        else {
+            bankStatementFileControl.field.onChange(file);
+            dispatch(uploadBankStatement(file));
+        }
     };
     var handleReset = function () {
         bankStatementFileControl.field.onChange(null);
+        bankStatementIdControl.field.onChange('');
     };
-    return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), dragTitle: t('drag_and_drop'), uploadTitle: t('title_upload_file'), onFileUploaded: handleBankStatementChange, isSubmitting: loading, onReset: handleReset, error: error && t(error) }) }));
+    React.useEffect(function () {
+        if (sysError === 'file_upload_error') {
+            setError('bankStatementId', { message: sysError });
+            bankStatementFileControl.field.onChange(null);
+        }
+    }, [sysError]);
+    React.useEffect(function () {
+        if ((bankStatementFileControl.formState.isValid || !!bankStatementValue) && error != 'file_upload_error')
+            clearErrors();
+    }, [bankStatementFileControl.formState.isValid, bankStatementValue]);
+    return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isFileUploaded: !uploading && !!bankStatementValue, isSubmitting: loading, isUploading: uploading, onReset: handleReset, error: error && t(error) }) }));
 };
 export default BankStatement;

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/ConfirmPolicy.js

@@ -12,13 +12,13 @@ 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 { ScreenContainer } from '../../../shared/Containers';
+import { ScreenContainer } from '@features/shared/Containers';
 import { styled, alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-import CheckBox from '../../../../components/CheckBox';
-import Text from '../../../../components/Text';
-import Warning from '../../../../components/Warning';
-import Collapse from '../../../../components/Collapse';
+import CheckBox from '@components/CheckBox';
+import Text from '@components/Text';
+import Warning from '@components/Warning';
+import Collapse from '@components/Collapse';
 var ConfirmContainerStyled = styled(Box)(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, MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
+import { REGEX_BENEFICIARY_NAME, MAX_FILE_SIZE, VALID_FILE_FORMATS } from '@constants';
 import * as yup from 'yup';
 export var BankValidation = yup.object().shape({
     iban: yup

package/build/features/bank/screens/ResetPasswordSuccess/ResetPasswordSuccess.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 ResetPasswordSuccess = function (_a) {
     var t = useTranslation().t;
     return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));

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, updateBoardSuccess } from '../../../app/bank/bankStore';
+import SuccessScreen from '@features/shared/SuccessScreen';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { bankSelector, updateBoardSuccess } 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,16 +13,16 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from '@mui/material/styles';
-import { FlowsButtons } from '../../../shared/Button';
-import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import { getResetFlowUrl, showLastFour } from '../../../../utils';
-import { bankSelector } from '../../../app/bank/bankStore';
+import { FlowsButtons } from '@features/shared/Button';
+import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '@constants';
+import { useAppSelector, useLanguage } from '@hooks';
+import { getResetFlowUrl, 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 { settingsSelector } from '../../../../app/settings';
+import Text from '@components/Text';
+import Container from '@features/shared/Containers/ScreenContainer';
+import AcceptancePayouts from '@features/shared/AcceptancePayouts';
+import { settingsSelector } from '@app/settings';
 var TitleStyled = styled(Text)(function (_a) {
     var _b;
     var theme = _a.theme;

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

@@ -13,12 +13,12 @@ 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 { useAppDispatch } from '../../../../hooks';
-import { resendOTP } from '../../../app/bank/bankStore';
+import { DEFAULT_TIMER_VALUE } from '@constants';
+import { useAppDispatch } from '@hooks';
+import { resendOTP } from '@features/app/bank/bankStore';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({

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

@@ -11,20 +11,20 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useAppDispatch } from '../../../../hooks';
+import { useAppDispatch } from '@hooks';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
-import { handlePrevScreenStep } from '../../../../app/settings';
-import { useLanguage, useAppSelector } from '../../../../hooks';
-import { maskPhone } from '../../../../utils';
-import Form from '../../../../components/Form';
-import Text from '../../../../components/Text';
-import { ScreenContainer } from '../../../shared/Containers';
-import { bankSelector, clearError, resetOTPScreen, verifyBankLeadOTP } from '../../../app/bank/bankStore';
-import Button from '../../../shared/Button';
+import { handlePrevScreenStep } from '@app/settings';
+import { useLanguage, useAppSelector } from '@hooks';
+import { maskPhone } from '@utils';
+import Form from '@components/Form';
+import Text from '@components/Text';
+import { ScreenContainer } from '@features/shared/Containers';
+import { bankSelector, clearError, resetOTPScreen, verifyBankLeadOTP } from '@features/app/bank/bankStore';
+import Button from '@features/shared/Button';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {

package/build/features/business/Business.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { LibConfig } from '../../@types';
+import { LibConfig } from '@types';
 export interface BusinessLibProps extends LibConfig {
 }
 export declare function BusinessLib(props: BusinessLibProps): JSX.Element;
 export declare function renderBusinessLib(config: BusinessLibProps, elementId: string): void;
-export declare function unmountBusinessLib(elementId: string): void;
+export declare function unmountBusinessLib(elementId: string, unmountTimeout?: number): void;

package/build/features/business/Business.js

@@ -11,16 +11,16 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect } from 'react';
-import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
-import { handleLanguage, settingsSelector } from '../../app/settings';
-import { FeatureContainer } from '../shared/Containers';
-import { businessSelector, verifyLeadToken } from '../app/business/businessStore';
-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 { BUSINESS_SCREENS_NAVIGATION } from '../../constants';
+import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '@hooks';
+import { handleLanguage, settingsSelector } from '@app/settings';
+import { FeatureContainer } from '@features/shared/Containers';
+import { businessSelector, verifyLeadToken } from '@features/app/business/businessStore';
+import AnimationFlow from '@components/AnimationFlow';
+import { store } from '@app/store';
+import { ReduxProvider, ThemeProvider } from '@components/Providers';
+import Collapse from '@components/Collapse';
+import { getParameterByName, reactElement, removeElement } from '@utils';
+import { BUSINESS_SCREENS_NAVIGATION, DIALOG_ID } from '@constants';
 import { businessFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
 import Background from '../shared/Background';
@@ -46,7 +46,7 @@ var Business = memo(function (props) {
         if (!settingLoading)
             verifyToken();
     }, [settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { children: _jsx(FeatureContainer, { children: businessFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { children: _jsx(FeatureContainer, { children: businessFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
@@ -58,6 +58,13 @@ export function BusinessLib(props) {
 export function renderBusinessLib(config, elementId) {
     reactElement(elementId).render(_jsx(BusinessLib, __assign({}, config)));
 }
-export function unmountBusinessLib(elementId) {
-    reactElement(elementId).unmount();
+export function unmountBusinessLib(elementId, unmountTimeout) {
+    if (unmountTimeout === void 0) { unmountTimeout = 1000; }
+    var element = document.getElementById(elementId);
+    setTimeout(function () {
+        var _a;
+        ((_a = element === null || element === void 0 ? void 0 : element.children) === null || _a === void 0 ? void 0 : _a.length) && element.removeChild(element.children[0]);
+        removeElement(DIALOG_ID);
+        reactElement(elementId).unmount();
+    }, unmountTimeout);
 }

package/build/features/business/screens/Activities/Activities.js

@@ -14,17 +14,17 @@ import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import ActivitiesList from './ActivitiesList';
 import { useForm, FormProvider } from 'react-hook-form';
-import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
-import Form from '../../../../components/Form';
+import { useAppDispatch, useLanguage, useAppSelector } from '@hooks';
+import Form from '@components/Form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useTranslation } from 'react-i18next';
-import { handlePrevScreenStep } from '../../../../app/settings';
-import Button from '../../../shared/Button';
+import { handlePrevScreenStep } from '@app/settings';
+import Button from '@features/shared/Button';
 import SalesChannels from './SalesChannels';
-import { ScreenContainer } from '../../../shared/Containers';
-import Collapse from '../../../../components/Collapse';
+import { ScreenContainer } from '@features/shared/Containers';
+import Collapse from '@components/Collapse';
 import OperationStartDate from './OperationStartDate';
-import { businessSelector, clearError, updateActivitiesInfo } from '../../../app/business/businessStore';
+import { businessSelector, clearError, updateActivitiesInfo } from '@features/app/business/businessStore';
 import { ActivitiesValidationSchema } from './validation';
 import LicenseName from './LicenseName';
 var FormStyled = styled(Form)(function () { return ({

package/build/features/business/screens/Activities/ActivitiesList.d.ts

@@ -12,7 +12,7 @@ export declare const InputLabelStyled: import("@emotion/styled").StyledComponent
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const InputStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../../components/Input").InputProps, "name" | "type" | "className" | "style" | "classes" | "color" | "margin" | "translate" | "slot" | "title" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "size" | "disabled" | "error" | "components" | "componentsProps" | "value" | "autoFocus" | "fullWidth" | "required" | "rows" | "inputProps" | "inputRef" | "readOnly" | "autoComplete" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "multiline" | "renderSuffix" | "maxRows" | "minRows" | "startAdornment" | "disableUnderline" | "onEnterPressed" | "warningMessage"> & {
+export declare const InputStyled: import("@emotion/styled").StyledComponent<Pick<import("@components/Input").InputProps, "name" | "type" | "className" | "style" | "classes" | "color" | "margin" | "translate" | "slot" | "title" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "size" | "disabled" | "error" | "components" | "componentsProps" | "value" | "autoFocus" | "fullWidth" | "required" | "rows" | "inputProps" | "inputRef" | "readOnly" | "autoComplete" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "multiline" | "renderSuffix" | "maxRows" | "minRows" | "startAdornment" | "disableUnderline" | "onEnterPressed" | "warningMessage"> & {
     placeholder?: string | undefined;
     hide?: boolean | undefined;
     warningType?: "alert" | "error" | "hint" | undefined;
@@ -20,7 +20,7 @@ export declare const InputStyled: import("@emotion/styled").StyledComponent<Pick
 export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "info" | "primary" | "secondary" | "action" | "success" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "success" | "info" | "primary" | "secondary" | "action" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;

package/build/features/business/screens/Activities/ActivitiesList.js

@@ -33,17 +33,17 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import Input from '../../../../components/Input';
+import Text from '@components/Text';
+import Input from '@components/Input';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useLanguage, useAppSelector } from '../../../../hooks';
-import { BusinessType } from '../../../../@types';
-import Collapse from '../../../../components/Collapse';
-import SimpleList from '../../../../components/SimpleList';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import { ScreenContainer } from '../../../shared/Containers';
-import { businessSelector } from '../../../app/business/businessStore';
+import { useLanguage, useAppSelector } from '@hooks';
+import { BusinessType } from '@types';
+import Collapse from '@components/Collapse';
+import SimpleList from '@components/SimpleList';
+import ExpandIcon from '@components/ExpandIcon';
+import { ScreenContainer } from '@features/shared/Containers';
+import { businessSelector } from '@features/app/business/businessStore';
 import CheckIcon from '@mui/icons-material/Check';
 import { MandatoryStyled } from './SalesChannels';
 export var InputLabelStyled = styled(Text)(function (_a) {

package/build/features/business/screens/Activities/LicenseName.js

@@ -12,12 +12,12 @@ 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 Collapse from '../../../../components/Collapse';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import { businessSelector } from '../../../app/business/businessStore';
-import CheckIcon from '../../../shared/CheckIcon';
+import { ScreenContainer } from '@features/shared/Containers';
+import Input from '@features/shared/Input';
+import Collapse from '@components/Collapse';
+import { useAppSelector, useLanguage } from '@hooks';
+import { businessSelector } from '@features/app/business/businessStore';
+import CheckIcon from '@features/shared/CheckIcon';
 var LicenseName = function (_a) {
     var _b, _c, _d;
     var t = useTranslation().t;

package/build/features/business/screens/Activities/OperationStartDate.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InputLabelStyled } from './ActivitiesList';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import DatePicker from '../../../../components/DatePicker';
-import { ScreenContainer } from '../../../shared/Containers';
+import DatePicker from '@components/DatePicker';
+import { ScreenContainer } from '@features/shared/Containers';
 import { MandatoryStyled } from './SalesChannels';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { businessSelector, clearError } from '../../../app/business/businessStore';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { businessSelector, clearError } from '@features/app/business/businessStore';
 var OperationStartDate = function (_a) {
     var _b;
     var onDateClicked = _a.onDateClicked;

package/build/features/business/screens/Activities/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/business/screens/Activities/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 { businessSelector, clearError } from '../../../app/business/businessStore';
-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 { businessSelector, clearError } from '@features/app/business/businessStore';
+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));
@@ -107,6 +107,6 @@ var SalesChannels = function () {
         if (channelsChecked)
             return !!(channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (item === null || item === void 0 ? void 0 : item.id); }));
     };
-    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, disabled: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.find(function (c) { return c.id === (channel === null || channel === void 0 ? void 0 : channel.id); })) ? true : false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name_ar : channel.name_en, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
+    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, disabled: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.find(function (c) { return c.id === (channel === null || channel === void 0 ? void 0 : channel.id); })) ? true : false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name.ar : channel.name.en, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
 };
 export default SalesChannels;

package/build/features/business/screens/BusinessType/BusinessType.js

@@ -14,14 +14,14 @@ import * as React from 'react';
 import { useForm, FormProvider } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep } from '../../../../app/settings';
-import Form from '../../../../components/Form';
-import Collapse from '../../../../components/Collapse';
-import { useLanguage } from '../../../../hooks';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { businessSelector, clearError, updateLeadBusinessType } from '../../../app/business/businessStore';
-import Button from '../../../shared/Button';
+import { useAppDispatch, useAppSelector } from '@hooks';
+import { handlePrevScreenStep } from '@app/settings';
+import Form from '@components/Form';
+import Collapse from '@components/Collapse';
+import { useLanguage } from '@hooks';
+import ScreenContainer from '@features/shared/Containers/ScreenContainer';
+import { businessSelector, clearError, updateLeadBusinessType } from '@features/app/business/businessStore';
+import Button from '@features/shared/Button';
 import { LicenseValidationSchema } from './validation';
 import LicenseList from './LicenseList';
 var BusinessType = function (_a) {

package/build/features/business/screens/BusinessType/LicenseList.js

@@ -26,16 +26,16 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
-import { BusinessType } from '../../../../@types';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
-import CheckIcon from '../../../shared/CheckIcon';
-import SimpleList from '../../../../components/SimpleList';
-import { businessSelector, clearError } from '../../../app/business/businessStore';
-import Text from '../../../../components/Text';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Collapse from '../../../../components/Collapse';
+import { useAppDispatch, useLanguage, useAppSelector } from '@hooks';
+import { BusinessType } from '@types';
+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 { businessSelector, clearError } from '@features/app/business/businessStore';
+import Text from '@components/Text';
+import ExpandIcon from '@components/ExpandIcon';
+import Collapse from '@components/Collapse';
 import LicenseNumber from './LicenseNumber';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;