@tap-payments/auth-jsconnect 2.4.8-test → 2.4.10-test

package/build/@types/app.d.ts

@@ -523,4 +523,31 @@ export declare type BrandDataVerification = {
     'segment.type': string;
     terms: string;
 };
+export declare type EntityDataVerification = {
+    AOA_file_id: string;
+    billing_address: string;
+    'capital.announced': string;
+    'capital.paid': string;
+    'capital.shares.count': string;
+    'capital.shares.value': string;
+    'capital.subscribed': string;
+    country: string;
+    is_licensed: string;
+    is_vat_acknowledged: string;
+    'legal_name.ar': string;
+    'legal_name.en': string;
+    'license.additional_info': string;
+    'license.expiry_date': string;
+    'license.issuing_date': string;
+    'license.number': string;
+    'license.provider': string;
+    'license.status': string;
+    'license.type': string;
+    location: string;
+    not_for_profit: string;
+    settlement_by: string;
+    tax_number: string;
+    taxable: string;
+    type: string;
+};
 export {};

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

@@ -42,17 +42,18 @@ var ButtonStyled = styled(Button)(function (_a) {
     });
 });
 var BankDetails = function () {
-    var _a, _b, _c;
-    var _d = React.useState(false), ibanChecking = _d[0], setIbanChecking = _d[1];
+    var _a, _b;
+    var _c = React.useState(false), ibanChecking = _c[0], setIbanChecking = _c[1];
     var dispatch = useAppDispatch();
-    var _e = useAppSelector(bankSelector), data = _e.data, loading = _e.loading, error = _e.error;
+    var _d = useAppSelector(bankSelector), data = _d.data, loading = _d.loading, error = _d.error;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _f = data.bankData, iban = _f.iban, beneficiaryName = _f.beneficiaryName, bankName = _f.bankName, bankStatementId = _f.bankStatementId, bankStatementUploading = _f.uploading, confirmPolicy = _f.confirmPolicy;
+    var _e = data.bankData, iban = _e.iban, beneficiaryName = _e.beneficiaryName, bankName = _e.bankName, bankStatementId = _e.bankStatementId, bankStatementUploading = _e.uploading, confirmPolicy = _e.confirmPolicy;
     var verify = data.verify;
-    var _g = verify.responseBody || {}, bank_account = _g.bank_account, entity = _g.entity, flows = _g.flows;
+    var _f = verify.responseBody || {}, bank_account = _f.bank_account, entity = _f.entity, flows = _f.flows;
+    var _g = bank_account || {}, document = _g.document, data_status = _g.data_status, data_verification = _g.data_verification, beneficiary_name = _g.beneficiary_name, resIban = _g.iban, bank_name = _g.bank_name;
     var isKWCountry = React.useMemo(function () { return isKW(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var isFL = ((_a = entity === null || entity === void 0 ? void 0 : entity.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === BusinessType.FL ? true : false;
-    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;
+    var bankHasDocument = ((_b = document === null || document === void 0 ? void 0 : document.file_details) === null || _b === void 0 ? void 0 : _b.length) > 0;
     var isIBANMasked = isStringHasOneAsterisk(iban);
     var methods = useForm({
         resolver: yupResolver(isKWCountry && isFL && !bankHasDocument ? BankKWFLValidation(isIBANMasked) : BankValidation(isIBANMasked)),
@@ -82,12 +83,12 @@ var BankDetails = function () {
             dispatch(clearError());
     }, [methods.formState.isValid, methods.watch('bankStatementId')]);
     var defaultBankFiles = React.useMemo(function () {
-        if (!(bank_account === null || bank_account === void 0 ? void 0 : bank_account.document))
+        if (!document)
             return [];
-        return getFileDetailsFromDocument([bank_account.document], DocumentPurpose.BANK_STATEMENT);
-    }, [bank_account === null || bank_account === void 0 ? void 0 : bank_account.document]);
+        return getFileDetailsFromDocument([document], DocumentPurpose.BANK_STATEMENT);
+    }, [document]);
     var originalReadOnly = useFormReadOnly(methods, { bankStatementId: defaultBankFiles });
-    var noneEditable = useDataNoneEditable(bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_status, [
+    var noneEditable = useDataNoneEditable(data_status, [
         'beneficiary_name',
         'bank_name',
         'iban',
@@ -95,12 +96,15 @@ var BankDetails = function () {
         'bank_statement_file_id',
         'is_acknowledged'
     ]);
-    var dataVerified = useDataVerified(bank_account === null || bank_account === void 0 ? void 0 : bank_account.data_verification, ['bank_name', 'beneficiary_name', 'document', 'iban']);
+    var dataVerified = useDataVerified(data_verification, ['bank_name', 'beneficiary_name', 'document', 'iban']);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var isBeneficiaryNameVerified = dataVerified['beneficiary_name'] && beneficiary_name === methods.watch('beneficiaryName');
+    var isIBANVerified = dataVerified['iban'] && resIban === methods.watch('iban');
+    var isBankNameVerified = dataVerified['bank_name'] && bank_name === methods.watch('bankName');
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (data) {
         dispatch(createBankAccount(getFelids(data)));
     };
-    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'], isVerified: dataVerified['beneficiary_name'] }), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking, readOnly: readOnly['iban'] || noneEditable['iban'], isVerified: dataVerified['iban'] }), _jsx(BankName, { readOnly: readOnly['bankName'] || noneEditable['bank_name'], isVerified: dataVerified['bank_name'] }), _jsx(BankStatement, { isVerified: dataVerified['document'], 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') }))] })) })) }));
+    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'], isVerified: isBeneficiaryNameVerified }), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking, readOnly: readOnly['iban'] || noneEditable['iban'], isVerified: isIBANVerified }), _jsx(BankName, { readOnly: readOnly['bankName'] || noneEditable['bank_name'], isVerified: isBankNameVerified }), _jsx(BankStatement, { isVerified: dataVerified['document'], 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') }))] })) })) }));
 };
 export default BankDetails;

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

@@ -21,12 +21,13 @@ var BankStatement = function (_a) {
     var bankStatementIdControl = useController({ name: 'bankStatementId', control: control });
     var loading = useAppSelector(bankSelector).loading;
     var dispatch = useAppDispatch();
+    var uploadedIds = bankStatementIdControl.field.value;
     var handleBankStatementChange = function (ids) {
         bankStatementIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
         bankStatementIdControl.field.onChange(ids);
     };
-    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'bankStatementId', control: control, 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, isSubmitting: loading, required: required, onDeleteFile: handleReset, purpose: DocumentPurpose.BANK_STATEMENT, defaultFiles: defaultFiles, maxLimit: 4, fileUploadingStatus: function (uploading) { return dispatch(bankStatementUploadingStatus(uploading)); }, fileType: FileType.FILES, isVerified: isVerified }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'bankStatementId', control: control, 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, isSubmitting: loading, required: required, onDeleteFile: handleReset, purpose: DocumentPurpose.BANK_STATEMENT, defaultFiles: defaultFiles, maxLimit: 4, fileUploadingStatus: function (uploading) { return dispatch(bankStatementUploadingStatus(uploading)); }, fileType: FileType.FILES, isVerified: !(uploadedIds === null || uploadedIds === void 0 ? void 0 : uploadedIds.length) && isVerified }) }));
 };
 export default BankStatement;

package/build/features/tax/screens/TaxDetails/TaxDetails.js

@@ -16,7 +16,7 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import Form from '../../../../components/Form';
-import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
+import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import { DocumentPurpose } from '../../../../@types';
 import { getFileDetailsFromDocument, isSA } from '../../../../utils';
@@ -37,8 +37,9 @@ var TaxDetails = function () {
     var dispatch = useAppDispatch();
     var _a = useAppSelector(taxSelector), data = _a.data, loading = _a.loading, error = _a.error, uploading = _a.uploading;
     var _b = data.verify.responseBody || {}, entity = _b.entity, flows = _b.flows;
+    var _c = entity || {}, documents = _c.documents, data_status = _c.data_status, data_verification = _c.data_verification, vat_id = _c.vat_id;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _c = data.taxData, vatId = _c.vatId, confirmPolicy = _c.confirmPolicy, documentId = _c.documentId;
+    var _d = data.taxData, vatId = _d.vatId, confirmPolicy = _d.confirmPolicy, documentId = _d.documentId;
     var methods = useForm({
         resolver: yupResolver(Validation()),
         defaultValues: {
@@ -49,11 +50,13 @@ var TaxDetails = function () {
         mode: 'onChange'
     });
     useSetFromDefaultValues(methods, data.taxData);
-    var defaultTaxFiles = React.useMemo(function () { return getFileDetailsFromDocument(entity === null || entity === void 0 ? void 0 : entity.documents, DocumentPurpose.TAX_DOCUMENT); }, [entity === null || entity === void 0 ? void 0 : entity.documents]);
+    var defaultTaxFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.TAX_DOCUMENT); }, [documents]);
     var originalReadOnly = useFormReadOnly(methods, { documentId: defaultTaxFiles });
-    var noneEditable = useDataNoneEditable(entity === null || entity === void 0 ? void 0 : entity.data_status, ['tax_number', 'documents', 'is_vat_acknowledged']);
+    var noneEditable = useDataNoneEditable(data_status, ['tax_number', 'documents', 'is_vat_acknowledged']);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var dataVerified = useDataVerified(data_verification, ['tax_number']);
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
+    var isVatIdVerified = dataVerified['tax_number'] && vat_id === methods.watch('vatId');
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
@@ -67,6 +70,6 @@ var TaxDetails = function () {
         }
         dispatch(retrieveBoardStatus());
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, { readOnly: readOnly['vatId'] || noneEditable['tax_number'] }), _jsx(TaxDocument, { show: isSACountry, defaultFiles: defaultTaxFiles, readOnly: readOnly['documentId'] || noneEditable['documents'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_vat_acknowledged'] }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid || uploading, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, { readOnly: readOnly['vatId'] || noneEditable['tax_number'], isVerified: isVatIdVerified }), _jsx(TaxDocument, { show: isSACountry, defaultFiles: defaultTaxFiles, readOnly: readOnly['documentId'] || noneEditable['documents'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_vat_acknowledged'] }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid || uploading, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default TaxDetails;

package/build/features/tax/screens/TaxDetails/TaxDocument.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
@@ -20,6 +21,7 @@ import { FileType } from '../../../../constants';
 import { ScreenContainer } from '../../../shared/Containers';
 import { taxSelector, uploadingStatus } from '../../../app/tax/taxStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
+import { hasVerifiedValue } from '../../../../utils';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -27,18 +29,22 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var TaxDocument = function (_a) {
+    var _b;
     var show = _a.show, readOnly = _a.readOnly, defaultFiles = _a.defaultFiles;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var dispatch = useAppDispatch();
     var documentIdControl = useController({ name: 'documentId', control: control });
-    var loading = useAppSelector(taxSelector).loading;
+    var _c = useAppSelector(taxSelector), loading = _c.loading, data = _c.data;
+    var data_verification = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).data_verification;
+    var uploadedIds = documentIdControl.field.value;
     var handleTaxDocumentChange = function (ids) {
         documentIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
         documentIdControl.field.onChange(ids);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'documentId', control: control, label: t('title_tax_document'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_tax_document'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleTaxDocumentChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.TAX_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); }, fileType: FileType.IMAGES }) })) })));
+    var isDocumentVerified = React.useMemo(function () { var _a; return !!((_a = defaultFiles === null || defaultFiles === void 0 ? void 0 : defaultFiles[0]) === null || _a === void 0 ? void 0 : _a.docId) && hasVerifiedValue(data_verification, "documents.".concat(defaultFiles[0].docId)); }, [data_verification]);
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'documentId', control: control, label: t('title_tax_document'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_tax_document'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleTaxDocumentChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.TAX_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); }, fileType: FileType.IMAGES, isVerified: !(uploadedIds === null || uploadedIds === void 0 ? void 0 : uploadedIds.length) && isDocumentVerified }) })) })));
 };
 export default TaxDocument;

package/build/features/tax/screens/TaxDetails/VATId.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare type VATIdProps = {
     readOnly?: boolean;
+    isVerified?: boolean;
 };
-declare const VATId: ({ readOnly }: VATIdProps) => JSX.Element;
+declare const VATId: ({ readOnly, isVerified }: VATIdProps) => JSX.Element;
 export default VATId;

package/build/features/tax/screens/TaxDetails/VATId.js

@@ -19,17 +19,15 @@ import { VAT_ID_LENGTH } from '../../../../constants';
 import { useAppSelector } from '../../../../hooks';
 import { isSA, removeAllCharsFromNumber } from '../../../../utils';
 import { settingsSelector } from '../../../../app/settings';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
+import { EndAdornment } from '../../../shared/EndAdornment';
 var VATId = function (_a) {
     var _b;
-    var readOnly = _a.readOnly;
+    var readOnly = _a.readOnly, isVerified = _a.isVerified;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var vatControl = useController({ name: 'vatId', control: control });
     var settingsData = useAppSelector(settingsSelector).data;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
-    var disabled = false;
     var handleOnChange = function (vat) {
         var value = removeAllCharsFromNumber(vat);
         vatControl.field.onChange(value);
@@ -39,6 +37,6 @@ var VATId = function (_a) {
     var clearValue = function () {
         vatControl.field.onChange('');
     };
-    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { readOnly: readOnly, label: t('vat_id'), disabled: disabled, inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue || '', onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) })));
+    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { readOnly: readOnly, label: t('vat_id'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue || '', onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: _jsx(EndAdornment, { value: vatValue, isVerified: isVerified, error: vatError, onClear: clearValue }) }) })));
 };
 export default VATId;

package/build/utils/array.js

@@ -170,7 +170,7 @@ export var getRecentDocumentBasedOnPurpose = function (documents, purpose) {
     }
     else {
         return documents
-            .filter(function (doc) { var _a; return ((_a = doc.file_details) === null || _a === void 0 ? void 0 : _a.length) === 0 && doc.id; })
+            .filter(function (doc) { var _a; return !((_a = doc.file_details) === null || _a === void 0 ? void 0 : _a.length) && (doc.type === purpose || doc.id); })
             .sort(function (a, b) { return b.created - a.created; })[0];
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.4.8-test",
+	"version": "2.4.10-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",