@tap-payments/auth-jsconnect 2.0.18 → 2.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/constants/validation.d.ts +1 -1
- package/build/constants/validation.js +1 -1
- package/build/features/app/bank/bankStore.js +2 -1
- package/build/features/app/business/businessStore.d.ts +1 -3
- package/build/features/app/business/businessStore.js +22 -51
- package/build/features/bank/screens/BankDetails/BankDetails.js +6 -2
- package/build/features/bank/screens/BankDetails/BankStatement.js +6 -3
- package/build/features/bank/screens/BankDetails/validation.js +4 -2
- package/build/features/business/screens/Customers/RefundPolicy.d.ts +1 -1
- package/build/features/shared/Button/Button.d.ts +2 -1
- package/build/features/shared/Button/Button.js +2 -2
- package/build/features/shared/Button/SuccessButton.js +1 -1
- package/build/features/shared/UploadFile/UploadFile.js +2 -3
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ export declare const MAX_IBAN_VALUE = 34;
|
|
|
5
5
|
export declare const FL_NUMBER_LENGTH = 8;
|
|
6
6
|
export declare const CR_NUMBER_LENGTH = 10;
|
|
7
7
|
export declare const SAUDI_NUMBER_LENGTH = 9;
|
|
8
|
-
export declare const MAX_FILE_SIZE =
|
|
8
|
+
export declare const MAX_FILE_SIZE = 5000000;
|
|
9
9
|
export declare const VALID_FILE_FORMATS: string[];
|
|
10
10
|
export declare const REGEX_FULL_NAME: RegExp;
|
|
11
11
|
export declare const REGEX_WEBSITE: RegExp;
|
|
@@ -5,7 +5,7 @@ export var MAX_IBAN_VALUE = 34;
|
|
|
5
5
|
export var FL_NUMBER_LENGTH = 8;
|
|
6
6
|
export var CR_NUMBER_LENGTH = 10;
|
|
7
7
|
export var SAUDI_NUMBER_LENGTH = 9;
|
|
8
|
-
export var MAX_FILE_SIZE =
|
|
8
|
+
export var MAX_FILE_SIZE = 5000000;
|
|
9
9
|
export var VALID_FILE_FORMATS = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'];
|
|
10
10
|
export var REGEX_FULL_NAME = /^([a-zA-Z]{2,}\s{1}[a-zA-Z]{1,}|[a-zA-Z]+\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z]{1,}|[a-zA-Z]+\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z]{1,})$/g;
|
|
11
11
|
export var REGEX_WEBSITE = /^[a-zA-Z0-9]+([\-\.]{1}[a-zA-Z0-9]+)*\.[a-zA-Z]{2,63}(:[0-9]{1,5})?(\/.*)?$/;
|
|
@@ -213,10 +213,10 @@ export var checkIbanBank = createAsyncThunk('checkIbanBank', function (_a) {
|
|
|
213
213
|
iban_number: iban,
|
|
214
214
|
encryption_contract: ['iban_number']
|
|
215
215
|
};
|
|
216
|
+
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
|
|
216
217
|
return [4, API.availabilityServices.checkIbanBank(payload, { cancelToken: cancelToken })];
|
|
217
218
|
case 1:
|
|
218
219
|
data = (_b.sent()).data;
|
|
219
|
-
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
|
|
220
220
|
return [2, { data: data }];
|
|
221
221
|
}
|
|
222
222
|
});
|
|
@@ -399,6 +399,7 @@ export var bankSlice = createSlice({
|
|
|
399
399
|
state.data.bankData.responseBody = data;
|
|
400
400
|
})
|
|
401
401
|
.addCase(createBankAccount.rejected, function (state, action) {
|
|
402
|
+
state.loading = false;
|
|
402
403
|
state.error = action.error.message;
|
|
403
404
|
})
|
|
404
405
|
.addCase(checkIbanBank.pending, function (state) {
|
|
@@ -37,10 +37,8 @@ export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk
|
|
|
37
37
|
export declare const updateLeadBusinessType: import("@reduxjs/toolkit").AsyncThunk<{
|
|
38
38
|
data: any;
|
|
39
39
|
formData: BusinessTypeFormValues;
|
|
40
|
+
accountData: any;
|
|
40
41
|
}, BusinessTypeFormValues, {}>;
|
|
41
|
-
export declare const createAccount: import("@reduxjs/toolkit").AsyncThunk<{
|
|
42
|
-
data: any;
|
|
43
|
-
}, void, {}>;
|
|
44
42
|
export declare const updateActivitiesInfo: import("@reduxjs/toolkit").AsyncThunk<{
|
|
45
43
|
data: any;
|
|
46
44
|
formData: {
|
|
@@ -97,7 +97,7 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
|
|
|
97
97
|
steps = (_c = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _c === void 0 ? void 0 : _c.steps;
|
|
98
98
|
brandID = (_e = (_d = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.id;
|
|
99
99
|
hasBusinessCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_SUCCESS);
|
|
100
|
-
hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO);
|
|
100
|
+
hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO) && hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM);
|
|
101
101
|
hasBusinessCRActivitiesCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES);
|
|
102
102
|
hasBusinessCustomersCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS);
|
|
103
103
|
if (!hasBusinessCompleted) return [3, 6];
|
|
@@ -200,7 +200,7 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
|
|
|
200
200
|
(_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, { otp: params.otp });
|
|
201
201
|
steps = responseBody === null || responseBody === void 0 ? void 0 : responseBody.steps;
|
|
202
202
|
hasBusinessCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_SUCCESS);
|
|
203
|
-
hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO);
|
|
203
|
+
hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO) && hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM);
|
|
204
204
|
hasBusinessCRActivitiesCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES);
|
|
205
205
|
hasBusinessCustomersCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS);
|
|
206
206
|
if (!isNID) return [3, 3];
|
|
@@ -338,10 +338,10 @@ export var retrieveBoardDetails = createAsyncThunk('retrieveBoardDetails', funct
|
|
|
338
338
|
});
|
|
339
339
|
}); });
|
|
340
340
|
export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
341
|
-
var _a, settings, business, payload, data;
|
|
342
|
-
var _b, _c, _d, _e, _f;
|
|
343
|
-
return __generator(this, function (
|
|
344
|
-
switch (
|
|
341
|
+
var _a, settings, business, payload, data, accountBody, accountData;
|
|
342
|
+
var _b, _c, _d, _e, _f, _g;
|
|
343
|
+
return __generator(this, function (_h) {
|
|
344
|
+
switch (_h.label) {
|
|
345
345
|
case 0:
|
|
346
346
|
_a = thunkApi.getState(), settings = _a.settings, business = _a.business;
|
|
347
347
|
payload = {
|
|
@@ -354,24 +354,9 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
|
|
|
354
354
|
};
|
|
355
355
|
return [4, API.leadService.updateLead(payload)];
|
|
356
356
|
case 1:
|
|
357
|
-
data =
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
_g.sent();
|
|
361
|
-
(_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
|
|
362
|
-
return [2, { data: data, formData: params }];
|
|
363
|
-
}
|
|
364
|
-
});
|
|
365
|
-
}); });
|
|
366
|
-
export var createAccount = createAsyncThunk('createAccount', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
367
|
-
var _a, settings, business, requestBody, data;
|
|
368
|
-
var _b, _c, _d;
|
|
369
|
-
return __generator(this, function (_e) {
|
|
370
|
-
switch (_e.label) {
|
|
371
|
-
case 0:
|
|
372
|
-
_a = thunkApi.getState(), settings = _a.settings, business = _a.business;
|
|
373
|
-
requestBody = {
|
|
374
|
-
lead_id: (_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.id,
|
|
357
|
+
data = _h.sent();
|
|
358
|
+
accountBody = {
|
|
359
|
+
lead_id: (_e = business.data.verify.responseBody) === null || _e === void 0 ? void 0 : _e.id,
|
|
375
360
|
notify: {
|
|
376
361
|
email: false,
|
|
377
362
|
phone: false
|
|
@@ -380,15 +365,15 @@ export var createAccount = createAsyncThunk('createAccount', function (params, t
|
|
|
380
365
|
is_acknowledged: true,
|
|
381
366
|
step_name: BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM
|
|
382
367
|
};
|
|
383
|
-
return [4, API.accountService.createAccount(
|
|
384
|
-
case 1:
|
|
385
|
-
data = _e.sent();
|
|
386
|
-
return [4, thunkApi.dispatch(retrieveChannels())];
|
|
368
|
+
return [4, API.accountService.createAccount(accountBody)];
|
|
387
369
|
case 2:
|
|
388
|
-
|
|
370
|
+
accountData = _h.sent();
|
|
371
|
+
return [4, thunkApi.dispatch(retrieveChannels())];
|
|
372
|
+
case 3:
|
|
373
|
+
_h.sent();
|
|
389
374
|
thunkApi.dispatch(handleNextScreenStep());
|
|
390
|
-
(
|
|
391
|
-
return [2, { data: data }];
|
|
375
|
+
(_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, params);
|
|
376
|
+
return [2, { data: data, formData: params, accountData: accountData }];
|
|
392
377
|
}
|
|
393
378
|
});
|
|
394
379
|
}); });
|
|
@@ -835,10 +820,14 @@ export var businessSlice = createSlice({
|
|
|
835
820
|
var _a;
|
|
836
821
|
state.loading = false;
|
|
837
822
|
state.error = null;
|
|
838
|
-
var _b = action.payload, data = _b.data, formData = _b.formData;
|
|
823
|
+
var _b = action.payload, data = _b.data, formData = _b.formData, accountData = _b.accountData;
|
|
839
824
|
state.data.businessTypeData = __assign(__assign({}, state.data.businessTypeData), formData);
|
|
840
825
|
var entity = data.entity, entity_activities = data.entity_activities;
|
|
841
826
|
var issuingDate = (_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.issuing_date;
|
|
827
|
+
if ((accountData === null || accountData === void 0 ? void 0 : accountData.status) === 'ALREADY_TAKEN') {
|
|
828
|
+
state.error = 'signup_user_exists_error';
|
|
829
|
+
return;
|
|
830
|
+
}
|
|
842
831
|
if (!!issuingDate) {
|
|
843
832
|
var formattedDate = moment(issuingDate).format('YYYY-MM-DD');
|
|
844
833
|
state.data.activitiesData.operationStartDate = convertNumbers2English(formattedDate);
|
|
@@ -847,30 +836,12 @@ export var businessSlice = createSlice({
|
|
|
847
836
|
var selectedActivity = activities === null || activities === void 0 ? void 0 : activities[0];
|
|
848
837
|
if (!!selectedActivity)
|
|
849
838
|
state.data.activitiesData.activities = [selectedActivity];
|
|
850
|
-
state.data.businessTypeData.responseBody = __assign(__assign(__assign({}, data), state.data.businessTypeData.responseBody), { activities: activities });
|
|
839
|
+
state.data.businessTypeData.responseBody = __assign(__assign(__assign(__assign({}, data), state.data.businessTypeData.responseBody), { activities: activities }), accountData);
|
|
851
840
|
state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { entity: entity });
|
|
852
841
|
})
|
|
853
842
|
.addCase(updateLeadBusinessType.rejected, function (state, action) {
|
|
854
843
|
state.loading = false;
|
|
855
844
|
state.error = action.error.message;
|
|
856
|
-
})
|
|
857
|
-
.addCase(createAccount.pending, function (state) {
|
|
858
|
-
state.loading = true;
|
|
859
|
-
state.error = null;
|
|
860
|
-
})
|
|
861
|
-
.addCase(createAccount.fulfilled, function (state, action) {
|
|
862
|
-
state.loading = false;
|
|
863
|
-
state.error = null;
|
|
864
|
-
var data = action.payload.data;
|
|
865
|
-
if ((data === null || data === void 0 ? void 0 : data.status) === 'ALREADY_TAKEN') {
|
|
866
|
-
state.error = 'signup_user_exists_error';
|
|
867
|
-
return;
|
|
868
|
-
}
|
|
869
|
-
state.data.businessTypeData.responseBody = __assign(__assign({}, state.data.businessTypeData.responseBody), data);
|
|
870
|
-
})
|
|
871
|
-
.addCase(createAccount.rejected, function (state, action) {
|
|
872
|
-
state.loading = false;
|
|
873
|
-
state.error = action.error.message;
|
|
874
845
|
})
|
|
875
846
|
.addCase(updateActivitiesInfo.pending, function (state) {
|
|
876
847
|
state.loading = true;
|
|
@@ -23,7 +23,7 @@ import { useForm, FormProvider } from 'react-hook-form';
|
|
|
23
23
|
import { yupResolver } from '@hookform/resolvers/yup';
|
|
24
24
|
import { useLanguage } from '../../../../hooks';
|
|
25
25
|
import { styled } from '@mui/material/styles';
|
|
26
|
-
import { bankSelector, createBankAccount } from '../../../app/bank/bankStore';
|
|
26
|
+
import { bankSelector, clearError, createBankAccount } from '../../../app/bank/bankStore';
|
|
27
27
|
import Form from '../../../../components/Form';
|
|
28
28
|
import { handleCurrentActiveScreen } from '../../../../app/settings';
|
|
29
29
|
import ConfirmPolicy from './ConfirmPolicy';
|
|
@@ -56,7 +56,11 @@ var BankDetails = function () {
|
|
|
56
56
|
var onBack = function () {
|
|
57
57
|
dispatch(handleCurrentActiveScreen('BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
|
|
58
58
|
};
|
|
59
|
-
var disabled = ibanChecking || !methods.formState.isValid;
|
|
59
|
+
var disabled = ibanChecking || !methods.formState.isValid || !!error;
|
|
60
|
+
React.useEffect(function () {
|
|
61
|
+
if (error)
|
|
62
|
+
dispatch(clearError());
|
|
63
|
+
}, [methods.formState.isValid, methods.watch('bankStatementFile')]);
|
|
60
64
|
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(BankStatement, {}), _jsx(ConfirmPolicy, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
|
|
61
65
|
};
|
|
62
66
|
export default BankDetails;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { styled } from '@mui/material/styles';
|
|
3
|
-
import { ScreenContainer } from '
|
|
3
|
+
import { ScreenContainer } from '../../../shared/Containers';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
5
|
import { useController, useFormContext } from 'react-hook-form';
|
|
6
|
-
import
|
|
6
|
+
import { useAppSelector } from '../../../../hooks';
|
|
7
|
+
import { bankSelector } from '../../../app/bank/bankStore';
|
|
8
|
+
import UploadFile from '../../../shared/UploadFile';
|
|
7
9
|
var FeatureStyled = styled(ScreenContainer)(function (_a) {
|
|
8
10
|
var theme = _a.theme;
|
|
9
11
|
return ({
|
|
@@ -15,6 +17,7 @@ var BankStatement = function () {
|
|
|
15
17
|
var t = useTranslation().t;
|
|
16
18
|
var control = useFormContext().control;
|
|
17
19
|
var bankStatementFileControl = useController({ name: 'bankStatementFile', control: control });
|
|
20
|
+
var loading = useAppSelector(bankSelector).loading;
|
|
18
21
|
var error = (_a = bankStatementFileControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
|
|
19
22
|
var handleBankStatementChange = function (file) {
|
|
20
23
|
bankStatementFileControl.field.onChange(file);
|
|
@@ -22,6 +25,6 @@ var BankStatement = function () {
|
|
|
22
25
|
var handleReset = function () {
|
|
23
26
|
bankStatementFileControl.field.onChange(null);
|
|
24
27
|
};
|
|
25
|
-
return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), dragTitle: t('drag_and_drop'), uploadTitle: t('title_upload_file'), onFileUploaded: handleBankStatementChange, isSubmitting:
|
|
28
|
+
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) }) }));
|
|
26
29
|
};
|
|
27
30
|
export default BankStatement;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { REGEX_BENEFICIARY_NAME, VALID_FILE_FORMATS } from '../../../../constants';
|
|
1
|
+
import { REGEX_BENEFICIARY_NAME, MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
|
|
2
2
|
import * as yup from 'yup';
|
|
3
3
|
export var BankValidation = yup.object().shape({
|
|
4
4
|
iban: yup
|
|
@@ -18,7 +18,9 @@ export var BankValidation = yup.object().shape({
|
|
|
18
18
|
.test({
|
|
19
19
|
test: function (value) {
|
|
20
20
|
if (!!value)
|
|
21
|
-
return VALID_FILE_FORMATS.includes(value === null || value === void 0 ? void 0 : value.type) ?
|
|
21
|
+
return VALID_FILE_FORMATS.includes(value === null || value === void 0 ? void 0 : value.type) && (value === null || value === void 0 ? void 0 : value.size) < MAX_FILE_SIZE
|
|
22
|
+
? true
|
|
23
|
+
: this.createError({ message: 'alert_file_upload' });
|
|
22
24
|
return true;
|
|
23
25
|
}
|
|
24
26
|
})
|
|
@@ -24,7 +24,7 @@ export declare const TextStyled: import("@emotion/styled").StyledComponent<impor
|
|
|
24
24
|
export declare const LinkStyled: import("@emotion/styled").StyledComponent<Omit<import("@mui/material/Link").LinkBaseProps, "classes"> & {
|
|
25
25
|
children?: React.ReactNode;
|
|
26
26
|
classes?: Partial<import("@mui/material/Link").LinkClasses> | undefined;
|
|
27
|
-
color?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue<
|
|
27
|
+
color?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue<import("csstype").Property.Color | import("csstype").Property.Color[] | undefined> | ((theme: import("@mui/material/styles").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue<import("csstype").Property.Color | import("csstype").Property.Color[] | undefined>);
|
|
28
28
|
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
29
29
|
TypographyClasses?: (Partial<import("@mui/material").TypographyClasses> & Partial<import("@mui/material/styles").ClassNameMap<never>>) | undefined;
|
|
30
30
|
underline?: "none" | "always" | "hover" | undefined;
|
|
@@ -7,5 +7,6 @@ export interface CustomButtonProps extends ButtonProps {
|
|
|
7
7
|
disableNextIcon?: boolean;
|
|
8
8
|
onBackClicked?: () => void;
|
|
9
9
|
error?: string;
|
|
10
|
+
hideError?: boolean;
|
|
10
11
|
}
|
|
11
|
-
export default function CustomButton({ children, disabled, isAr, loading, disableBack, onBackClicked, error, disableNextIcon, ...props }: CustomButtonProps): JSX.Element;
|
|
12
|
+
export default function CustomButton({ children, disabled, isAr, loading, disableBack, onBackClicked, error, hideError, disableNextIcon, ...props }: CustomButtonProps): JSX.Element;
|
|
@@ -83,7 +83,7 @@ var BackButtonStyled = styled(Button, { shouldForwardProp: function (prop) { ret
|
|
|
83
83
|
});
|
|
84
84
|
});
|
|
85
85
|
export default function CustomButton(_a) {
|
|
86
|
-
var children = _a.children, disabled = _a.disabled, isAr = _a.isAr, loading = _a.loading, disableBack = _a.disableBack, onBackClicked = _a.onBackClicked, error = _a.error, disableNextIcon = _a.disableNextIcon, props = __rest(_a, ["children", "disabled", "isAr", "loading", "disableBack", "onBackClicked", "error", "disableNextIcon"]);
|
|
86
|
+
var children = _a.children, disabled = _a.disabled, isAr = _a.isAr, loading = _a.loading, disableBack = _a.disableBack, onBackClicked = _a.onBackClicked, error = _a.error, hideError = _a.hideError, disableNextIcon = _a.disableNextIcon, props = __rest(_a, ["children", "disabled", "isAr", "loading", "disableBack", "onBackClicked", "error", "hideError", "disableNextIcon"]);
|
|
87
87
|
var _b = React.useState(false), btnLoading = _b[0], setBtnLoading = _b[1];
|
|
88
88
|
var isBackEnabled = !disableBack && !btnLoading;
|
|
89
89
|
React.useEffect(function () {
|
|
@@ -95,7 +95,7 @@ export default function CustomButton(_a) {
|
|
|
95
95
|
React.useEffect(function () {
|
|
96
96
|
setBtnLoading(false);
|
|
97
97
|
}, []);
|
|
98
|
-
return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, { children: [isBackEnabled && (_jsx(BackButtonStyled, __assign({ onClick: function () { return onBackClicked === null || onBackClicked === void 0 ? void 0 : onBackClicked(); }, isAr: isAr, type: 'reset', startIcon: _jsx(BackIconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props))), _jsx(ButtonStyled, __assign({ disabled: disabled, isLoading: btnLoading, type: !btnLoading ? 'submit' : 'button', isBack: isBackEnabled, endIcon: btnLoading === false
|
|
98
|
+
return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error && !hideError }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, { children: [isBackEnabled && (_jsx(BackButtonStyled, __assign({ onClick: function () { return onBackClicked === null || onBackClicked === void 0 ? void 0 : onBackClicked(); }, isAr: isAr, type: 'reset', startIcon: _jsx(BackIconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props))), _jsx(ButtonStyled, __assign({ disabled: disabled, isLoading: btnLoading, type: !btnLoading ? 'submit' : 'button', isBack: isBackEnabled, endIcon: btnLoading === false
|
|
99
99
|
? !disableNextIcon && _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW })
|
|
100
100
|
: undefined }, props, { children: !btnLoading ? (_jsxs(Text, __assign({ sx: { marginInlineEnd: isBackEnabled ? '-24px' : '-15px' } }, { children: [" ", children] }))) : (_jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 15, toggleAnimation: !!loading })) }))] })] }));
|
|
101
101
|
}
|
|
@@ -82,5 +82,5 @@ export default function SuccessButton(_a) {
|
|
|
82
82
|
React.useEffect(function () {
|
|
83
83
|
setBtnLoading(false);
|
|
84
84
|
}, []);
|
|
85
|
-
return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ isAr: isAr, loading: btnLoading, disabled: disabled, type: 'button', variant: btnLoading ? 'contained' : 'outlined' }, props, { children: children })) }));
|
|
85
|
+
return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ isAr: isAr, loading: btnLoading, disabled: disabled, type: 'button', variant: btnLoading ? 'contained' : 'outlined', error: error, hideError: true }, props, { children: children })) }));
|
|
86
86
|
}
|
|
@@ -36,16 +36,15 @@ var LabelContainerStyled = styled(Box)(function (_a) {
|
|
|
36
36
|
});
|
|
37
37
|
var BoxStyled = styled(Box)(function (_a) {
|
|
38
38
|
var theme = _a.theme;
|
|
39
|
-
return (__assign(__assign({ direction: theme.direction }, theme.typography.subtitle2), { color: theme.palette.primary.main, fontWeight: theme.typography.fontWeightBold, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), width: '85%' }));
|
|
39
|
+
return (__assign(__assign({ direction: theme.direction }, theme.typography.subtitle2), { color: theme.palette.primary.main, fontWeight: theme.typography.fontWeightBold, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), width: '85%', wordBreak: 'break-all' }));
|
|
40
40
|
});
|
|
41
41
|
var UploadBoxStyled = styled(Box)(function (_a) {
|
|
42
42
|
var theme = _a.theme;
|
|
43
|
-
return (__assign(__assign({}, theme.typography.caption), { background: theme.palette.primary.main, color: theme.palette.common.white, fontWeight: theme.typography.fontWeightRegular,
|
|
43
|
+
return (__assign(__assign({}, theme.typography.caption), { background: theme.palette.primary.main, color: theme.palette.common.white, fontWeight: theme.typography.fontWeightRegular, cursor: 'pointer', width: '15%', display: 'flex', justifyContent: 'center', alignItems: 'center' }));
|
|
44
44
|
});
|
|
45
45
|
var ClearIconStyled = styled(ClearIcon)(function (_a) {
|
|
46
46
|
var theme = _a.theme;
|
|
47
47
|
return ({
|
|
48
|
-
marginBlockStart: theme.spacing(0.25),
|
|
49
48
|
width: theme.spacing(3),
|
|
50
49
|
height: theme.spacing(3),
|
|
51
50
|
cursor: 'pointer',
|