@tap-payments/auth-jsconnect 2.3.68-test → 2.3.70-test

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.
@@ -345,20 +345,20 @@ export var PASSWORD_SCREENS_NAVIGATION = [
345
345
  export var BANK_SCREENS_NAVIGATION = [
346
346
  {
347
347
  name: 'BANK_VERIFY_STEP',
348
- next: ['BANK_BANK_DETAILS_STEP', 'BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'],
348
+ next: 'BANK_BANK_DETAILS_STEP',
349
349
  prev: '',
350
350
  order: 1
351
351
  },
352
352
  {
353
353
  name: 'BANK_LOADING_DATA_STEP',
354
- next: ['BANK_BANK_DETAILS_STEP', 'BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'],
355
- prev: '',
354
+ next: 'BANK_BANK_DETAILS_STEP',
355
+ prev: 'BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
356
356
  order: 1
357
357
  },
358
358
  {
359
359
  name: 'BANK_BANK_DETAILS_STEP',
360
360
  next: 'BANK_DETAILS_SUCCESS_STEP',
361
- prev: '',
361
+ prev: 'BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
362
362
  order: 2
363
363
  },
364
364
  {
@@ -27,6 +27,9 @@ export declare const verifyBankLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
27
27
  data: any;
28
28
  formData: OTPFormValues;
29
29
  }, OTPFormValues, {}>;
30
+ export declare const retrieveBoardStatus: import("@reduxjs/toolkit").AsyncThunk<{
31
+ flows: any;
32
+ }, void, {}>;
30
33
  export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk<{
31
34
  data: any;
32
35
  }, string, {}>;
@@ -49,7 +49,7 @@ var _a;
49
49
  import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
50
50
  import API from '../../../api';
51
51
  import { DocumentPurpose, FlowsTypes } from '../../../@types';
52
- import { handleCurrentActiveScreen, handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
52
+ import { handleCurrentActiveScreen, handleNextScreenStep, handlePrevScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
53
53
  import { BANK_STEP_NAMES } from '../../../constants';
54
54
  import { hasNoneEditableValue, isStringMasked, sleep } from '../../../utils';
55
55
  export var verifyLeadToken = createAsyncThunk('bankVerifyLeadToken', function (_a, thunkApi) {
@@ -85,7 +85,7 @@ export var verifyLeadToken = createAsyncThunk('bankVerifyLeadToken', function (_
85
85
  thunkApi.dispatch(handleCurrentActiveScreen('BANK_VERIFY_STEP'));
86
86
  }
87
87
  else if (data.step_name === BANK_STEP_NAMES.BANK_INFO) {
88
- sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('BANK_BANK_DETAILS_STEP')); });
88
+ sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
89
89
  }
90
90
  _e.label = 4;
91
91
  case 4: return [2, {
@@ -144,13 +144,28 @@ export var verifyBankLeadOTP = createAsyncThunk('verifyBankLeadOTP', function (p
144
144
  data = (_e.sent()).data;
145
145
  if (!data.errors) {
146
146
  (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
147
- sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('BANK_BANK_DETAILS_STEP')); });
147
+ sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
148
148
  }
149
149
  return [2, { data: data, formData: params }];
150
150
  }
151
151
  });
152
152
  }); });
153
- export var retrieveBoardDetails = createAsyncThunk('retrieveBankEntityInfo', function (boardId) { return __awaiter(void 0, void 0, void 0, function () {
153
+ export var retrieveBoardStatus = createAsyncThunk('bank/retrieveBoardStatus', function (parmas, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
154
+ var bank, board_id, data;
155
+ return __generator(this, function (_a) {
156
+ switch (_a.label) {
157
+ case 0:
158
+ bank = thunkApi.getState().bank;
159
+ board_id = (bank.data.verify.responseBody || {}).id;
160
+ return [4, API.boardService.retrieveBoardInfoStatus(board_id)];
161
+ case 1:
162
+ data = _a.sent();
163
+ thunkApi.dispatch(handlePrevScreenStep());
164
+ return [2, { flows: (data === null || data === void 0 ? void 0 : data.info) || [] }];
165
+ }
166
+ });
167
+ }); });
168
+ export var retrieveBoardDetails = createAsyncThunk('bank/retrieveBoardDetails', function (boardId) { return __awaiter(void 0, void 0, void 0, function () {
154
169
  var data;
155
170
  var _a, _b;
156
171
  return __generator(this, function (_c) {
@@ -384,6 +399,20 @@ export var bankSlice = createSlice({
384
399
  .addCase(retrieveBoardDetails.rejected, function (state, action) {
385
400
  state.error = action.error.message;
386
401
  state.loading = false;
402
+ })
403
+ .addCase(retrieveBoardStatus.pending, function (state) {
404
+ state.error = null;
405
+ state.loading = true;
406
+ })
407
+ .addCase(retrieveBoardStatus.fulfilled, function (state, action) {
408
+ state.error = null;
409
+ state.loading = false;
410
+ var flows = action.payload.flows;
411
+ state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows });
412
+ })
413
+ .addCase(retrieveBoardStatus.rejected, function (state, action) {
414
+ state.error = action.error.message;
415
+ state.loading = false;
387
416
  })
388
417
  .addCase(updateBoardSuccess.fulfilled, function (state, action) {
389
418
  var _a;
@@ -525,9 +525,9 @@ export var updatePhoneInfo = createAsyncThunk('individual/updatePhoneInfo', func
525
525
  }); });
526
526
  export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateIndividualPersonalInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
527
527
  var _a, settings, individual, _b, notification, user, entity, _c, id, type, name, email, mobile, countryCode, gender, nid, issuedCountry, expiryDate, dob, placeOfBirthCountry, placeOfBirthCity, nationality, code, data_status, userName, identification_id_type, isNameNonEditable, isEmailNonEditable, isMobileNumberNonEditable, isMobileCountryNonEditable, isNidNonEditable, isIssuedCountryNonEditable, isExpiryNonEditable, isIdTypeNonEditable, isNationalityNonEditable, isDOBNonEditable, isBirthCityNonEditable, isBirthCountryNonEditable, hasContact, hasPhone, hasIdentification, hasBirth, contact, requestBody, data;
528
- var _d, _e, _f, _g, _h, _j;
529
- return __generator(this, function (_k) {
530
- switch (_k.label) {
528
+ var _d, _e, _f, _g, _h;
529
+ return __generator(this, function (_j) {
530
+ switch (_j.label) {
531
531
  case 0:
532
532
  _a = thunkApi.getState(), settings = _a.settings, individual = _a.individual;
533
533
  _b = individual.data.verify.responseBody || {}, notification = _b.notification, user = _b.user, entity = _b.entity;
@@ -577,7 +577,7 @@ export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateInd
577
577
  date_of_birth: dob
578
578
  })), (!((isBirthCityNonEditable && isBirthCountryNonEditable) || !hasBirth) && {
579
579
  birth: {
580
- city: isBirthCityNonEditable ? undefined : (_g = placeOfBirthCity === null || placeOfBirthCity === void 0 ? void 0 : placeOfBirthCity.name) === null || _g === void 0 ? void 0 : _g.en,
580
+ city: isBirthCityNonEditable ? undefined : placeOfBirthCity === null || placeOfBirthCity === void 0 ? void 0 : placeOfBirthCity.id,
581
581
  country: isBirthCountryNonEditable ? undefined : placeOfBirthCountry === null || placeOfBirthCountry === void 0 ? void 0 : placeOfBirthCountry.iso2
582
582
  }
583
583
  })), (!isNationalityNonEditable && {
@@ -591,22 +591,21 @@ export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateInd
591
591
  'identification.issued_country_code',
592
592
  'identification.expiry',
593
593
  'identification.type',
594
- 'birth.city',
595
594
  'birth.country',
596
595
  'date_of_birth',
597
596
  'nationality'
598
597
  ], step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_PERSONAL_INFO });
599
598
  return [4, API.individualService.updateIndividual(requestBody)];
600
599
  case 1:
601
- data = _k.sent();
600
+ data = _j.sent();
602
601
  if (!(type === IndividualType.USER || type === IndividualType.BUYER)) return [3, 3];
603
602
  return [4, thunkApi.dispatch(retrieveDataList(code))];
604
603
  case 2:
605
- _k.sent();
606
- _k.label = 3;
604
+ _j.sent();
605
+ _j.label = 3;
607
606
  case 3:
608
607
  sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
609
- (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, requestBody);
608
+ (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, requestBody);
610
609
  return [2, { data: data, formData: params }];
611
610
  }
612
611
  });
@@ -24,9 +24,9 @@ import { yupResolver } from '@hookform/resolvers/yup';
24
24
  import { useLanguage } from '../../../../hooks';
25
25
  import { styled } from '@mui/material/styles';
26
26
  import { BusinessType, DocumentPurpose } from '../../../../@types';
27
- import { bankSelector, clearError, createBankAccount } from '../../../app/bank/bankStore';
27
+ import { bankSelector, clearError, createBankAccount, retrieveBoardStatus } from '../../../app/bank/bankStore';
28
28
  import Form from '../../../../components/Form';
29
- import { handleCurrentActiveScreen, settingsSelector } from '../../../../app/settings';
29
+ import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
30
30
  import ConfirmPolicy from './ConfirmPolicy';
31
31
  import BankStatement from './BankStatement';
32
32
  import { getFileDetailsFromDocument, isKW, isStringMasked } from '../../../../utils';
@@ -49,7 +49,7 @@ var BankDetails = function () {
49
49
  var settingsData = useAppSelector(settingsSelector).data;
50
50
  var _f = data.bankData, iban = _f.iban, beneficiaryName = _f.beneficiaryName, bankName = _f.bankName, bankStatementId = _f.bankStatementId, bankStatementUploading = _f.uploading, confirmPolicy = _f.confirmPolicy;
51
51
  var verify = data.verify;
52
- var _g = verify.responseBody || {}, bank_account = _g.bank_account, entity = _g.entity;
52
+ var _g = verify.responseBody || {}, bank_account = _g.bank_account, entity = _g.entity, flows = _g.flows;
53
53
  var isKWCountry = React.useMemo(function () { return isKW(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
54
54
  var isFL = ((_a = entity === null || entity === void 0 ? void 0 : entity.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === BusinessType.FL ? true : false;
55
55
  var bankHasDocument = ((_c = (_b = bank_account === null || bank_account === void 0 ? void 0 : bank_account.document) === null || _b === void 0 ? void 0 : _b.file_details) === null || _c === void 0 ? void 0 : _c.length) > 0;
@@ -73,7 +73,11 @@ var BankDetails = function () {
73
73
  var t = useTranslation().t;
74
74
  var isAr = useLanguage().isAr;
75
75
  var onBack = function () {
76
- dispatch(handleCurrentActiveScreen('BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
76
+ if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {
77
+ dispatch(handlePrevScreenStep());
78
+ return;
79
+ }
80
+ dispatch(retrieveBoardStatus());
77
81
  };
78
82
  var disabled = ibanChecking || !methods.formState.isValid || !!error || bankStatementUploading;
79
83
  React.useEffect(function () {
@@ -95,6 +99,6 @@ var BankDetails = function () {
95
99
  'is_acknowledged'
96
100
  ]);
97
101
  var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
98
- return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, { readOnly: readOnly['beneficiaryName'] || noneEditable['beneficiary_name'] }), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking, readOnly: readOnly['iban'] || noneEditable['iban'] }), _jsx(BankName, { readOnly: readOnly['bankName'] || noneEditable['bank_name'] }), _jsx(BankStatement, { required: isKWCountry && isFL && !bankHasDocument, defaultFiles: defaultBankFiles, readOnly: readOnly['bankStatementId'] || noneEditable['bank_statement_file_id'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_acknowledged'] }), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, disableBack: true, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
102
+ return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, { readOnly: readOnly['beneficiaryName'] || noneEditable['beneficiary_name'] }), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking, readOnly: readOnly['iban'] || noneEditable['iban'] }), _jsx(BankName, { readOnly: readOnly['bankName'] || noneEditable['bank_name'] }), _jsx(BankStatement, { required: isKWCountry && isFL && !bankHasDocument, defaultFiles: defaultBankFiles, readOnly: readOnly['bankStatementId'] || noneEditable['bank_statement_file_id'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_acknowledged'] }), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
99
103
  };
100
104
  export default BankDetails;
@@ -17,7 +17,6 @@ import { useForm, FormProvider } from 'react-hook-form';
17
17
  import { yupResolver } from '@hookform/resolvers/yup';
18
18
  import Box from '@mui/material/Box/Box';
19
19
  import { styled } from '@mui/material/styles';
20
- import { handlePrevScreenStep } from '../../../../app/settings';
21
20
  import { useLanguage, useAppSelector } from '../../../../hooks';
22
21
  import { maskPhone } from '../../../../utils';
23
22
  import Form from '../../../../components/Form';
@@ -69,10 +68,7 @@ var VerifyNumber = function (_a) {
69
68
  var onSubmit = function (formData) {
70
69
  dispatch(verifyBankLeadOTP(formData));
71
70
  };
72
- var onBack = function () {
73
- dispatch(handlePrevScreenStep());
74
- };
75
71
  var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
76
- return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
72
+ return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
77
73
  };
78
74
  export default React.memo(VerifyNumber);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tap-payments/auth-jsconnect",
3
- "version": "2.3.68-test",
3
+ "version": "2.3.70-test",
4
4
  "description": "connect library, auth",
5
5
  "private": false,
6
6
  "main": "build/index.js",