@tap-payments/auth-jsconnect 2.12.13-development → 2.12.16-development

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

@@ -236,6 +236,7 @@ export interface LibConfig extends LibCallbacks {
         closeButton?: boolean;
         disableNafath?: boolean;
         disablePaci?: boolean;
+        emailAuth?: boolean;
         dialogStartTransition?: 'left' | 'right' | 'up' | 'down';
         dialogEndTransition?: 'left' | 'right' | 'up' | 'down';
     };
@@ -420,6 +421,7 @@ export declare enum IndividualType {
 }
 export declare enum DocumentPurpose {
     CR = "commercial_registration",
+    COMMERCIAL_REGISTRATION_EXTRACT = "commercial_registration_extract",
     ARTICLE_ASSOCIATION = "article_of_association",
     BANK_STATEMENT = "bank_statement",
     BANK_CERTIFICATE = "bank_certificate",

package/build/@types/app.js

@@ -92,6 +92,7 @@ export var IndividualType;
 export var DocumentPurpose;
 (function (DocumentPurpose) {
     DocumentPurpose["CR"] = "commercial_registration";
+    DocumentPurpose["COMMERCIAL_REGISTRATION_EXTRACT"] = "commercial_registration_extract";
     DocumentPurpose["ARTICLE_ASSOCIATION"] = "article_of_association";
     DocumentPurpose["BANK_STATEMENT"] = "bank_statement";
     DocumentPurpose["BANK_CERTIFICATE"] = "bank_certificate";

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

@@ -140,6 +140,7 @@ export declare type EntityNameFormValues = {
     expiryDate: string;
     unifiedNumber: string;
     certificateId?: Array<string>;
+    commercialRegistrationExtractId?: Array<string>;
     articleId?: string;
 };
 export declare type EntityCapitalFormValues = {

package/build/api/document.d.ts

@@ -7,7 +7,7 @@ export declare type DocumentInfo = {
     images: Array<string>;
 };
 export declare type DocumentUpdateBody = {
-    entity_id?: boolean;
+    entity_id?: string;
     individual_type_id?: number;
     country?: string;
     documents: Array<DocumentInfo>;

package/build/assets/locales/ar.json

@@ -643,6 +643,7 @@
     "title_brand_logo": "لوجو العلامة التجارية",
     "title_civil_id": "صورة الهوية الوطنية",
     "title_connect_flow": "استقبل المدفوعات من تاب",
+    "title_commercial_registration_extract": "مستخرج السجل التجاري",
     "title_license_certificate": "السجل التجاري للمنشأة",
     "title_signature_file": "صورة من التوقيع",
     "title_tax_document": "وثيقة الضرائب",

package/build/assets/locales/en.json

@@ -668,6 +668,7 @@
     "title_brand_logo": "Brand Logo",
     "title_civil_id": "Civil ID Attachment",
     "title_connect_flow": "Connect Tap",
+    "title_commercial_registration_extract": "Commercial registration extract",
     "title_license_certificate": "License Certificate",
     "title_signature_file": "Signature Attachment",
     "title_tax_document": "Tax document",

package/build/features/app/connectExpress/connectExpressStore.js

@@ -61,7 +61,7 @@ import { FlowsTypes, AuthForType, BusinessType, LicenseType, AuthForScreen } fro
 import API, { setAuthSessionToGlobalHeaders } from '../../../api';
 import { ADD_NEW_ENTITY, COLLECT_DOB_INFO_NAFATH, CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, NAFATH_PACI_TIMEOUT_DURATION, NAFATH_VERIFICATION_FAILED, OTHER_CR_LICENSE, OTHER_FL_LICENSE, SCOPE_AUTH, SCOPE_MERCHANT } from '../../../constants';
 import { defaultCountry } from '../../../constants';
-import { getIndividualName, capitalizeTheFirstLetterOfEachWord, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA, isKW, isQA, isOtherThanKWOrSA, sendCustomEventToGTM, sendCustomDimension, getMetaData, isNetworkError, isTimeoutError, isInternalServerError, isAuthenticationVerificationFailed } from '../../../utils';
+import { getIndividualName, capitalizeTheFirstLetterOfEachWord, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA, isKW, isEmailAuthEnabled, isOtherThanKWOrSA, sendCustomEventToGTM, sendCustomDimension, getMetaData, isNetworkError, isTimeoutError, isInternalServerError, isAuthenticationVerificationFailed } from '../../../utils';
 export var updateBusinessCountryAsync = createAsyncThunk('connectExpress/updateBusinessCountryAsync', function (countryCode, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var connectExpress, payload, data;
     return __generator(this, function (_a) {
@@ -81,17 +81,17 @@ export var updateBusinessCountryAsync = createAsyncThunk('connectExpress/updateB
     });
 }); });
 export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retrieveLeadIdentityByIdAsync', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, countryCode, showBoard, data, _a, country_code, contact, phone, status, board_id, board_info_id, isRegistered, screen_1, screen_2, _b, boardInfo, boardData, error_1;
-    var _c, _d, _e, _f, _g, _h;
-    return __generator(this, function (_j) {
-        switch (_j.label) {
+    var settings, countryCode, showBoard, data, _a, country_code, contact, phone, status, board_id, board_info_id, emailAuth, isRegistered, screen_1, screen_2, _b, boardInfo, boardData, error_1;
+    var _c, _d, _e, _f, _g, _h, _j;
+    return __generator(this, function (_k) {
+        switch (_k.label) {
             case 0:
                 settings = thunkApi.getState().settings;
                 countryCode = settings.data.businessCountry;
                 showBoard = settings.data.appConfig.showBoard;
                 return [4, API.leadService.retrieveLeadIdentity(leadId)];
             case 1:
-                data = _j.sent();
+                data = _k.sent();
                 _a = data || {}, country_code = _a.country_code, contact = _a.contact;
                 if (country_code)
                     thunkApi.dispatch(handleSetCountryByIso2(country_code));
@@ -103,20 +103,23 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_BUSINESS_COUNTRY_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
+                emailAuth = (_d = settings.data.appConfig.features) === null || _d === void 0 ? void 0 : _d.emailAuth;
                 isRegistered = (status === null || status === void 0 ? void 0 : status.toLowerCase()) === 'registered';
                 if (!isRegistered && !(data === null || data === void 0 ? void 0 : data.identification) && phone) {
-                    screen_1 = isQA(country_code || ((_d = settings.data.businessCountry) === null || _d === void 0 ? void 0 : _d.iso2)) ? 'CONNECT_EXPRESS_EMAIL_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
+                    screen_1 = isEmailAuthEnabled(emailAuth, country_code || ((_e = settings.data.businessCountry) === null || _e === void 0 ? void 0 : _e.iso2))
+                        ? 'CONNECT_EXPRESS_EMAIL_STEP'
+                        : 'CONNECT_EXPRESS_MOBILE_STEP';
                     thunkApi.dispatch(handleCurrentActiveScreen(screen_1));
                     return [2, { data: data, countryCode: countryCode }];
                 }
                 if (!isRegistered && country_code) {
                     screen_2 = 'CONNECT_EXPRESS_NID_STEP';
                     if (!isSA(data.country_code))
-                        screen_2 = isQA(data.country_code) ? 'CONNECT_EXPRESS_EMAIL_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
+                        screen_2 = isEmailAuthEnabled(emailAuth, data.country_code) ? 'CONNECT_EXPRESS_EMAIL_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
                     thunkApi.dispatch(handleCurrentActiveScreen(screen_2));
                     return [2, { data: data, countryCode: countryCode }];
                 }
-                if (!isRegistered && isQA(settings.data.businessCountry.iso2)) {
+                if (!isRegistered && isEmailAuthEnabled(emailAuth, settings.data.businessCountry.iso2)) {
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_EMAIL_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
@@ -128,11 +131,11 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_NID_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
-                if ((_e = data === null || data === void 0 ? void 0 : data.identification) === null || _e === void 0 ? void 0 : _e.authentication_id) {
-                    thunkApi.dispatch(storeAuthId((_f = data === null || data === void 0 ? void 0 : data.identification) === null || _f === void 0 ? void 0 : _f.authentication_id));
+                if ((_f = data === null || data === void 0 ? void 0 : data.identification) === null || _f === void 0 ? void 0 : _f.authentication_id) {
+                    thunkApi.dispatch(storeAuthId((_g = data === null || data === void 0 ? void 0 : data.identification) === null || _g === void 0 ? void 0 : _g.authentication_id));
                 }
                 if (isRegistered && !showBoard) {
-                    (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, data);
+                    (_j = (_h = settings.data.appConfig).onFlowCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, data);
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
@@ -141,19 +144,19 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                     return [2, { data: data, countryCode: countryCode }];
                 }
                 if (!(isRegistered && board_id && board_info_id)) return [3, 5];
-                _j.label = 2;
+                _k.label = 2;
             case 2:
-                _j.trys.push([2, 4, , 5]);
+                _k.trys.push([2, 4, , 5]);
                 return [4, Promise.all([
                         API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id }),
                         API.boardService.retrieveBoardDetails(board_id)
                     ])];
             case 3:
-                _b = _j.sent(), boardInfo = _b[0], boardData = _b[1];
+                _b = _k.sent(), boardInfo = _b[0], boardData = _b[1];
                 thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP'));
                 return [2, { data: data, countryCode: countryCode, boardInfo: boardInfo, boardData: boardData }];
             case 4:
-                error_1 = _j.sent();
+                error_1 = _k.sent();
                 thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP'));
                 return [2, { data: data, countryCode: countryCode }];
             case 5: return [2, { data: data, countryCode: countryCode }];

package/build/features/app/entity/entityStore.js

@@ -304,18 +304,43 @@ export var retrieveBoardDetails = createAsyncThunk('entityRetrieveEntityInfo', f
         });
     });
 });
+var uploadEntityDocumentByPurpose = function (documents, entityId, purpose, imageIds) { return __awaiter(void 0, void 0, void 0, function () {
+    var existingDocument, documentBody_1, documentBody;
+    return __generator(this, function (_a) {
+        if ((imageIds || []).length === 0)
+            return [2, undefined];
+        existingDocument = getRecentDocumentBasedOnPurpose(documents, purpose);
+        if (existingDocument === null || existingDocument === void 0 ? void 0 : existingDocument.id) {
+            documentBody_1 = {
+                id: existingDocument.id,
+                images: imageIds
+            };
+            return [2, API.documentService.addFilesToExistingDocument(documentBody_1)];
+        }
+        documentBody = {
+            entity_id: entityId,
+            documents: [
+                {
+                    type: purpose,
+                    images: imageIds
+                }
+            ]
+        };
+        return [2, API.documentService.updateDocumentInfo(documentBody)];
+    });
+}); };
 export var updateEntityName = createAsyncThunk('entityUpdateEntityName', function (_a, thunkApi) {
     var formData = _a.formData, originalFormData = _a.originalFormData, isDirty = _a.isDirty;
     return __awaiter(void 0, void 0, void 0, function () {
-        var _b, settings, entity, entityRes, _c, id, data_status, data_verification, documents, issuingDate, expiryDate, licenseType, licenseNumber, articleId, unifiedNumber, legalName, certificateId, entityType, issueDate, expDate, isFL, isLegalNameENNonEditable, isLegalNameARNonEditable, isLicenseTypeNonEditable, isEntityTypeNonEditable, isLicenseNumberNonEditable, isUnifiedNumberNonEditable, isIssuingDateNonEditable, isExpiryDateNonEditable, isDocumentsNonEditable, isAOAFileNonEditable, isEntityTypeVerified, isLicenseNonEditable, isLicenseAvailable, payload, entityData, documentData, activityList, entity_1, documentResponse, document, documentBody, documentBody, entity_2, list;
-        var _d, _e;
-        return __generator(this, function (_f) {
-            switch (_f.label) {
+        var _b, settings, entity, entityRes, _c, id, data_status, data_verification, documents, issuingDate, expiryDate, licenseType, licenseNumber, articleId, unifiedNumber, legalName, certificateId, commercialRegistrationExtractId, entityType, issueDate, expDate, isFL, isLegalNameENNonEditable, isLegalNameARNonEditable, isLicenseTypeNonEditable, isEntityTypeNonEditable, isLicenseNumberNonEditable, isUnifiedNumberNonEditable, isIssuingDateNonEditable, isExpiryDateNonEditable, isDocumentsNonEditable, isAOAFileNonEditable, isEntityTypeVerified, isLicenseNonEditable, isLicenseAvailable, payload, entityData, documentData, activityList, entity_1, documentResponse, documentUploads, _i, documentUploads_1, _d, purpose, imageIds, response, entity_2, list;
+        var _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
                 case 0:
                     _b = thunkApi.getState(), settings = _b.settings, entity = _b.entity;
                     entityRes = (entity.data.verify.responseBody || {}).entity;
                     _c = entityRes || {}, id = _c.id, data_status = _c.data_status, data_verification = _c.data_verification, documents = _c.documents;
-                    issuingDate = formData.issuingDate, expiryDate = formData.expiryDate, licenseType = formData.licenseType, licenseNumber = formData.licenseNumber, articleId = formData.articleId, unifiedNumber = formData.unifiedNumber, legalName = formData.legalName, certificateId = formData.certificateId, entityType = formData.entityType;
+                    issuingDate = formData.issuingDate, expiryDate = formData.expiryDate, licenseType = formData.licenseType, licenseNumber = formData.licenseNumber, articleId = formData.articleId, unifiedNumber = formData.unifiedNumber, legalName = formData.legalName, certificateId = formData.certificateId, commercialRegistrationExtractId = formData.commercialRegistrationExtractId, entityType = formData.entityType;
                     issueDate = issuingDate && new Date(issuingDate).getTime();
                     expDate = expiryDate && new Date(expiryDate).getTime();
                     isFL = licenseType === BusinessType.FL;
@@ -358,48 +383,44 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
                     if (!isDirty) return [3, 2];
                     return [4, API.entityService.updateEntity(payload)];
                 case 1:
-                    entity_1 = (_f.sent()).entity;
+                    entity_1 = (_g.sent()).entity;
                     entityData = entity_1;
-                    _f.label = 2;
+                    _g.label = 2;
                 case 2:
                     documentResponse = undefined;
-                    document = getRecentDocumentBasedOnPurpose(documents, DocumentPurpose.CR);
-                    if (!(!isDocumentsNonEditable && (certificateId || []).length > 0)) return [3, 8];
-                    if (!(document === null || document === void 0 ? void 0 : document.id)) return [3, 4];
-                    documentBody = {
-                        id: document.id,
-                        images: certificateId
-                    };
-                    return [4, API.documentService.addFilesToExistingDocument(documentBody)];
+                    if (!!isDocumentsNonEditable) return [3, 6];
+                    documentUploads = [
+                        { purpose: DocumentPurpose.CR, imageIds: certificateId },
+                        { purpose: DocumentPurpose.COMMERCIAL_REGISTRATION_EXTRACT, imageIds: commercialRegistrationExtractId }
+                    ];
+                    _i = 0, documentUploads_1 = documentUploads;
+                    _g.label = 3;
                 case 3:
-                    documentResponse = _f.sent();
-                    return [3, 6];
+                    if (!(_i < documentUploads_1.length)) return [3, 6];
+                    _d = documentUploads_1[_i], purpose = _d.purpose, imageIds = _d.imageIds;
+                    return [4, uploadEntityDocumentByPurpose(documents, id || '', purpose, imageIds)];
                 case 4:
-                    documentBody = {
-                        entity_id: id || '',
-                        documents: [
-                            {
-                                type: DocumentPurpose.CR,
-                                images: certificateId
-                            }
-                        ]
-                    };
-                    return [4, API.documentService.updateDocumentInfo(documentBody)];
+                    response = _g.sent();
+                    if (response)
+                        documentResponse = response;
+                    _g.label = 5;
                 case 5:
-                    documentResponse = _f.sent();
-                    _f.label = 6;
-                case 6: return [4, API.entityService.retrieveEntity(id)];
+                    _i++;
+                    return [3, 3];
+                case 6:
+                    if (!documentResponse) return [3, 8];
+                    return [4, API.entityService.retrieveEntity(id)];
                 case 7:
-                    entity_2 = (_f.sent()).entity;
+                    entity_2 = (_g.sent()).entity;
                     entityData = entity_2;
                     documentData = documentResponse;
-                    _f.label = 8;
+                    _g.label = 8;
                 case 8: return [4, API.dataService.getActivitiesIsIc()];
                 case 9:
-                    list = (_f.sent()).list;
+                    list = (_g.sent()).list;
                     activityList = list;
                     sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
-                    (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, id);
+                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, id);
                     return [2, { data: { entity: entityData, documentData: documentData, activityList: activityList }, formData: originalFormData }];
             }
         });
@@ -754,7 +775,7 @@ export var entitySlice = createSlice({
             state.error = null;
             var _a = action.payload, data = _a.data, formData = _a.formData;
             var _b = data || {}, entity = _b.entity, activityList = _b.activityList, rest = __rest(_b, ["entity", "activityList"]);
-            state.data.entityNameData = __assign(__assign({}, formData), { certificateId: undefined });
+            state.data.entityNameData = __assign(__assign({}, formData), { certificateId: undefined, commercialRegistrationExtractId: undefined });
             state.data.entityNameData.responseBody = __assign(__assign({}, state.data.entityNameData.responseBody), { rest: rest });
             state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { entity: entity, activityList: activityList });
             if (entity === null || entity === void 0 ? void 0 : entity.activities)

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

@@ -91,7 +91,7 @@ var BankDetails = function () {
     var defaultBankFiles = React.useMemo(function () {
         if (!document)
             return [];
-        return getFileDetailsFromDocument([document], "".concat(DocumentPurpose.BANK_STATEMENT, ",").concat(DocumentPurpose.BANK_CERTIFICATE));
+        return getFileDetailsFromDocument([document], [DocumentPurpose.BANK_STATEMENT, DocumentPurpose.BANK_CERTIFICATE]);
     }, [document]);
     var originalReadOnly = useFormReadOnly(methods, { bankStatementId: defaultBankFiles });
     var noneEditable = useDataNoneEditable(data_status, [

package/build/features/connectExpress/ConnectExpress.js

@@ -67,7 +67,7 @@ import { store } from '../../app/store';
 import { connectExpressSelector, setIsLeadIdPassed, setLeadId, retrieveLeadIdentityByIdAsync, setDefaultCountryCode, clearError, createAuthSessionExpiredAsync } from '../app/connectExpress/connectExpressStore';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { isKW, isQA, findOrCreateElementAndInject, sendPageView, isOtherThanKWOrSA, initializeGTM, sendCustomEventToGTM, sendCustomDimension } from '../../utils';
+import { isKW, isEmailAuthEnabled, findOrCreateElementAndInject, sendPageView, isOtherThanKWOrSA, initializeGTM, sendCustomEventToGTM, sendCustomDimension } from '../../utils';
 import { CONNECT_EXPRESS_SCREENS_NAVIGATION } from '../../constants';
 import { connectExpressFeatureScreens } from '../featuresScreens';
 import Background from '../shared/Background';
@@ -123,7 +123,7 @@ var ConnectExpress = memo(function (_a) {
         }
     }, [data.businessCountry]);
     React.useEffect(function () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (settingLoading || !props.open)
             return;
         if (!data.isValidOperator) {
@@ -146,10 +146,10 @@ var ConnectExpress = memo(function (_a) {
             dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_BUSINESS_COUNTRY_STEP'));
             return;
         }
-        if (((_b = data.businessCountry) === null || _b === void 0 ? void 0 : _b.iso2) && isQA(data.businessCountry.iso2)) {
+        if (((_b = data.businessCountry) === null || _b === void 0 ? void 0 : _b.iso2) && isEmailAuthEnabled((_c = appConfig.features) === null || _c === void 0 ? void 0 : _c.emailAuth, data.businessCountry.iso2)) {
             dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_EMAIL_STEP'));
         }
-        else if (((_c = data.businessCountry) === null || _c === void 0 ? void 0 : _c.iso2) && (isKW(data.businessCountry.iso2) || isOtherThanKWOrSA(data.businessCountry.iso2))) {
+        else if (((_d = data.businessCountry) === null || _d === void 0 ? void 0 : _d.iso2) && (isKW(data.businessCountry.iso2) || isOtherThanKWOrSA(data.businessCountry.iso2))) {
             dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_MOBILE_STEP'));
         }
     }, [data.isValidOperator, settingLoading]);

package/build/features/connectExpress/screens/AuthenticationList/AuthenticationList.js

@@ -15,9 +15,9 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import Collapse from '@mui/material/Collapse';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useIsEmailAuth } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import { deepCopy, isKW, isSA, isQA, sendCustomEventToGTM } from '../../../../utils';
+import { deepCopy, isKW, isSA, sendCustomEventToGTM } from '../../../../utils';
 import { AuthForType } from '../../../../@types';
 import Form from '../../../../components/Form';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -36,16 +36,16 @@ var ListType;
     ListType["EntityList"] = "EntityList";
 })(ListType || (ListType = {}));
 var AuthenticationList = function (_a) {
-    var _b, _c, _d;
+    var _b, _c;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _e = useAppSelector(connectExpressSelector), data = _e.data, loading = _e.loading, error = _e.error;
-    var _f = data.authenticationData, brandInfo = _f.brandInfo, entityInfo = _f.entityInfo;
-    var _g = React.useState(), listActive = _g[0], setListActive = _g[1];
+    var _d = useAppSelector(connectExpressSelector), data = _d.data, loading = _d.loading, error = _d.error;
+    var _e = data.authenticationData, brandInfo = _e.brandInfo, entityInfo = _e.entityInfo;
+    var _f = React.useState(), listActive = _f[0], setListActive = _f[1];
     var brandList = (((_b = data.responseData) === null || _b === void 0 ? void 0 : _b.authenticationData) || {}).brandList;
-    var _h = React.useState(false), isAddEntity = _h[0], setIsAddEntity = _h[1];
+    var _g = React.useState(false), isAddEntity = _g[0], setIsAddEntity = _g[1];
     var otpData = data.otpData;
     var startWithNID = otpData.authFor === AuthForType.NATIONAL_ID;
-    var startWithEmail = isQA((_c = settingsData.businessCountry) === null || _c === void 0 ? void 0 : _c.iso2);
+    var startWithEmail = useIsEmailAuth();
     React.useEffect(function () {
         sendCustomEventToGTM({
             event: 'Send Event',
@@ -64,7 +64,7 @@ var AuthenticationList = function (_a) {
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
-    var code = (_d = settingsData.businessCountry) === null || _d === void 0 ? void 0 : _d.iso2;
+    var code = (_c = settingsData.businessCountry) === null || _c === void 0 ? void 0 : _c.iso2;
     var isSACountry = React.useMemo(function () { return isSA(code); }, [code]);
     var onSubmit = function (formData) {
         if (isAddEntity) {

package/build/features/connectExpress/screens/BusinessCountry/BusinessCountry.js

@@ -53,7 +53,7 @@ import { ScreenContainer } from '../../../shared/Containers';
 import BusinessCountry from '../../../shared/BusinessCountry';
 import Button from '../../../shared/Button';
 import Collapse from '../../../../components/Collapse';
-import { findCountryByIso2, isKW, isQA, isOtherThanKWOrSA, sendCustomEventToGTM } from '../../../../utils';
+import { findCountryByIso2, isKW, isEmailAuthEnabled, isOtherThanKWOrSA, sendCustomEventToGTM } from '../../../../utils';
 import { handleNextScreenStep, handleSetCountryByIso2, settingsSelector } from '../../../../app/settings';
 import { clearError, connectExpressSelector, setDefaultCountryCode, storeIsStartFromBusinessCountry, updateBusinessCountryAsync } from '../../../app/connectExpress/connectExpressStore';
 var BusinessCountryScreen = function (_a) {
@@ -74,8 +74,9 @@ var BusinessCountryScreen = function (_a) {
     }, [settingsData.businessCountry, settingsData.ipCountry]);
     var onSelectCountry = function (iso2) { return __awaiter(void 0, void 0, void 0, function () {
         var countryCode;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     if (!iso2)
                         return [2];
@@ -90,12 +91,12 @@ var BusinessCountryScreen = function (_a) {
                     if (!data.leadId) return [3, 2];
                     return [4, dispatch(updateBusinessCountryAsync(iso2))];
                 case 1:
-                    _a.sent();
-                    _a.label = 2;
+                    _b.sent();
+                    _b.label = 2;
                 case 2:
                     if (countryCode)
                         dispatch(setDefaultCountryCode(countryCode));
-                    if (isQA(iso2)) {
+                    if (isEmailAuthEnabled((_a = settingsData.appConfig.features) === null || _a === void 0 ? void 0 : _a.emailAuth, iso2)) {
                         dispatch(handleNextScreenStep('CONNECT_EXPRESS_EMAIL_STEP'));
                         return [2];
                     }

package/build/features/connectExpress/screens/CollectIndividualInfo/CollectIndividualInfo.js

@@ -17,8 +17,8 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useExcludeReadOnlyFelids, useFormErrorAndUpdateReadOnly, useFormReadOnly, useSetFromDefaultValues } from '../../../../hooks';
 import { AuthForType } from '../../../../@types';
-import { useLanguage } from '../../../../hooks';
-import { deepCopy, isKW, isQA, sendCustomEventToGTM } from '../../../../utils';
+import { useLanguage, useIsEmailAuth } from '../../../../hooks';
+import { deepCopy, isKW, sendCustomEventToGTM } from '../../../../utils';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -36,16 +36,16 @@ var FormStyled = styled(Form)(function () { return ({
     justifyContent: 'space-between'
 }); });
 var CollectIndividualInfo = function (_a) {
-    var _b, _c;
-    var _d = React.useState(false), listActive = _d[0], setListActive = _d[1];
-    var _e = React.useState(false), emailChecking = _e[0], setEmailChecking = _e[1];
+    var _b;
+    var _c = React.useState(false), listActive = _c[0], setListActive = _c[1];
+    var _d = React.useState(false), emailChecking = _d[0], setEmailChecking = _d[1];
     var settingsData = useAppSelector(settingsSelector).data;
-    var _f = useAppSelector(connectExpressSelector), data = _f.data, loading = _f.loading, error = _f.error;
+    var _e = useAppSelector(connectExpressSelector), data = _e.data, loading = _e.loading, error = _e.error;
     var dispatch = useAppDispatch();
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var individualData = data.individualData, otpData = data.otpData, responseData = data.responseData;
-    var startWithEmail = isQA((_b = settingsData.businessCountry) === null || _b === void 0 ? void 0 : _b.iso2);
+    var startWithEmail = useIsEmailAuth();
     var startWithNID = otpData.authFor === AuthForType.NATIONAL_ID;
     var startWithNIDMissed = otpData.authFor === AuthForType.NATIONAL_ID_MISSED;
     var contact = ((responseData === null || responseData === void 0 ? void 0 : responseData.leadData) || {}).contact;
@@ -119,7 +119,7 @@ var CollectIndividualInfo = function (_a) {
     var isEmailValid = typeof isEmailAvailable === 'undefined' ? isLeadEmailAvailable : isEmailAvailable;
     var emailErrChecks = !methods.formState.isValid || !!methods.formState.errors.email;
     var disabled = emailErrChecks || emailChecking || !isEmailValid;
-    var emailReadOnly = readOnly['email'] && !((_c = methods.getFieldState('email').error) === null || _c === void 0 ? void 0 : _c.message) && !methods.getFieldState('email').isDirty;
+    var emailReadOnly = readOnly['email'] && !((_b = methods.getFieldState('email').error) === null || _b === void 0 ? void 0 : _b.message) && !methods.getFieldState('email').isDirty;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Name, { readOnly: readOnly['name'], show: !listActive }), _jsx(MobileNumber, { readOnly: readOnly['mobile'], show: true, onListOpen: function () { return handleMenuListClick(); }, onListClose: function () { return handleMenuListClick(); }, countries: settingsData.countries }), _jsx(Email, { readOnly: emailReadOnly, show: !listActive, fetchingEmail: function (v) { return setEmailChecking(v); }, emailChecking: emailChecking }), _jsx(Collapse, __assign({ in: !listActive }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default React.memo(CollectIndividualInfo);

package/build/features/connectExpress/screens/NIDMissed/NID.js

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { NIDOtherCountryValidationSchema, NIDValidationSchema } from './validation';
-import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useLanguage, useAppSelector, useIsEmailAuth } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import { clearError, connectExpressSelector, createNIDNafathAuthIdentityAsync } from '../../../app/connectExpress/connectExpressStore';
 import Form from '../../../../components/Form';
@@ -25,21 +25,20 @@ import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
 import IDNumber from './IDNumber';
 import DOB from './DOB';
-import { deepCopy, isOtherThanKWOrSA, isQA } from '../../../../utils';
+import { deepCopy, isOtherThanKWOrSA } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
 }); });
 var NID = function (_a) {
-    var _b;
-    var _c = React.useState(false), collapse = _c[0], setCollapse = _c[1];
+    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
     var t = useTranslation().t;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _d = useAppSelector(connectExpressSelector), data = _d.data, loading = _d.loading, error = _d.error;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, loading = _c.loading, error = _c.error;
     var isOtherCountry = React.useMemo(function () { return isOtherThanKWOrSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
-    var startWithEmail = isQA((_b = settingsData.businessCountry) === null || _b === void 0 ? void 0 : _b.iso2);
+    var startWithEmail = useIsEmailAuth();
     var methods = useForm({
         resolver: yupResolver(isOtherCountry ? NIDOtherCountryValidationSchema : NIDValidationSchema),
         defaultValues: data.nidData,

package/build/features/connectExpress/screens/OTP/OTP.js

@@ -17,13 +17,13 @@ import Text from '../../../../components/Text';
 import { clearError, connectExpressSelector, verifyMobileOtpAsync, verifyEmailOtpAsync, resetOTPValue } from '../../../app/connectExpress/connectExpressStore';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
-import { useAppDispatch, useAppSelector, useSanitizedTranslation } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import { useAppDispatch, useAppSelector, useSanitizedTranslation, useIsEmailAuth } from '../../../../hooks';
+import { handlePrevScreenStep } from '../../../../app/settings';
 import { useLanguage } from '../../../../hooks';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Form from '../../../../components/Form';
-import { maskPhone, deepCopy, sendCustomEventToGTM, maskEmail, isQA } from '../../../../utils';
+import { maskPhone, deepCopy, sendCustomEventToGTM, maskEmail } from '../../../../utils';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
@@ -46,13 +46,12 @@ var FormStyled = styled(Form)(function () { return ({
     flexDirection: 'column'
 }); });
 var OTP = function () {
-    var _a, _b;
+    var _a;
     var dispatch = useAppDispatch();
-    var _c = useAppSelector(connectExpressSelector), data = _c.data, loading = _c.loading, error = _c.error;
-    var settingsData = useAppSelector(settingsSelector).data;
+    var _b = useAppSelector(connectExpressSelector), data = _b.data, loading = _b.loading, error = _b.error;
     var st = useSanitizedTranslation();
     var isAr = useLanguage().isAr;
-    var isEmailFlow = isQA((_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2);
+    var isEmailFlow = useIsEmailAuth();
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
         defaultValues: data.otpData,
@@ -85,7 +84,7 @@ var OTP = function () {
         dispatch(handlePrevScreenStep(screen));
     };
     var disabled = !methods.formState.isValid;
-    var phone = data.mobileData.mobile ? ((_b = data.mobileData.countryCode) === null || _b === void 0 ? void 0 : _b.idd_prefix) + data.mobileData.mobile : '';
+    var phone = data.mobileData.mobile ? ((_a = data.mobileData.countryCode) === null || _a === void 0 ? void 0 : _a.idd_prefix) + data.mobileData.mobile : '';
     var contactInfo = isEmailFlow ? maskEmail(data.emailData.email) : maskPhone(phone);
     var title = isEmailFlow ? st('otp_email_sent_title') : st('ide_opt_sent_title');
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : title, !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: contactInfo }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: st('next') }))] })) })) }));

package/build/features/connectExpress/screens/OTP/OTPInput.js

@@ -18,9 +18,8 @@ import { styled } from '@mui/material/styles';
 import OTPField from '../../../shared/OTP';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
 import { resendMobileAuthOTP, resendEmailAuthOTP, connectExpressSelector, clearError } from '../../../app/connectExpress/connectExpressStore';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { sendCustomEventToGTM, isQA } from '../../../../utils';
-import { settingsSelector } from '../../../../app/settings';
+import { useAppDispatch, useAppSelector, useIsEmailAuth } from '../../../../hooks';
+import { sendCustomEventToGTM } from '../../../../utils';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -30,15 +29,13 @@ var BoxStyled = styled(Box)(function (_a) {
     });
 });
 var OTPInput = function (_a) {
-    var _b;
-    var _c = useFormContext(), control = _c.control, setValue = _c.setValue;
+    var _b = useFormContext(), control = _b.control, setValue = _b.setValue;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
-    var _d = useAppSelector(connectExpressSelector), data = _d.data, error = _d.error;
-    var settingsData = useAppSelector(settingsSelector).data;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, error = _c.error;
     var mobileData = data.mobileData, emailData = data.emailData;
-    var isEmailFlow = isQA((_b = settingsData.businessCountry) === null || _b === void 0 ? void 0 : _b.iso2);
+    var isEmailFlow = useIsEmailAuth();
     var sendEventAskAnotherOTP = function () {
         sendCustomEventToGTM({
             event: 'Send Event',

package/build/features/entity/screens/EntityName/EntityDocumentUpload.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DocumentPurpose, FileDetails } from '../../../../@types';
+interface EntityDocumentUploadProps {
+    name: string;
+    labelKey: string;
+    purpose: DocumentPurpose;
+    show: boolean;
+    readOnly?: boolean;
+    defaultFiles?: Array<FileDetails>;
+}
+declare const EntityDocumentUpload: ({ name, labelKey, purpose, show, readOnly, defaultFiles }: EntityDocumentUploadProps) => JSX.Element;
+export default EntityDocumentUpload;

package/build/features/entity/screens/EntityName/{LicenseCertificate.js → EntityDocumentUpload.js}

@@ -15,9 +15,8 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { styled } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
-import { DocumentPurpose } from '../../../../@types';
 import { FileType } from '../../../../constants';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useSanitizedTranslation } from '../../../../hooks';
 import { hasVerifiedValue } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { clearError, entitySelector, uploadingStatus } from '../../../app/entity/entityStore';
@@ -28,27 +27,23 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
         marginBlockStart: theme.spacing(3)
     });
 });
-var LicenseCertificate = function (_a) {
+var EntityDocumentUpload = function (_a) {
     var _b;
-    var show = _a.show, readOnly = _a.readOnly, defaultFiles = _a.defaultFiles;
+    var name = _a.name, labelKey = _a.labelKey, purpose = _a.purpose, show = _a.show, readOnly = _a.readOnly, defaultFiles = _a.defaultFiles;
     var t = useTranslation().t;
+    var st = useSanitizedTranslation();
     var control = useFormContext().control;
     var dispatch = useAppDispatch();
-    var certificateIdControl = useController({ name: 'certificateId', control: control });
+    var fieldControl = useController({ name: name, control: control });
     var _c = useAppSelector(entitySelector), loading = _c.loading, error = _c.error, data = _c.data;
     var data_verification = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).data_verification;
-    var uploadedIds = certificateIdControl.field.value;
+    var uploadedIds = fieldControl.field.value;
     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]);
-    var handleLicenseCertificateChange = function (ids) {
+    var handleChange = function (ids) {
         if (error)
             dispatch(clearError());
-        certificateIdControl.field.onChange(ids);
+        fieldControl.field.onChange(ids);
     };
-    var handleReset = function (ids) {
-        if (error)
-            dispatch(clearError());
-        certificateIdControl.field.onChange(ids);
-    };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: 'certificateId', control: control, label: t('title_license_certificate'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_certificate'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleLicenseCertificateChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.CR, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); }, fileType: FileType.IMAGES, isVerified: !(uploadedIds === null || uploadedIds === void 0 ? void 0 : uploadedIds.length) && isDocumentVerified }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, id: name, control: control, label: st(labelKey), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_certificate'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleChange, isSubmitting: loading, onDeleteFile: handleChange, maxLimit: 4, defaultFiles: defaultFiles, purpose: purpose, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); }, fileType: FileType.IMAGES, isVerified: !(uploadedIds === null || uploadedIds === void 0 ? void 0 : uploadedIds.length) && isDocumentVerified }) }) })));
 };
-export default LicenseCertificate;
+export default EntityDocumentUpload;

package/build/features/entity/screens/EntityName/EntityName.js

@@ -31,8 +31,8 @@ import IssuingDate from './IssuingDate';
 import ExpiryDate from './ExpiryDate';
 import EntityTypeList from './EntityTypeList';
 import UnifiedNumber from './UnifiedNumber';
-import LicenseCertificate from './LicenseCertificate';
 import Article from './Article';
+import EntityDocumentUpload from './EntityDocumentUpload';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -47,7 +47,7 @@ var EntityName = function (_a) {
     var isAr = useLanguage().isAr;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
-    var _j = data.entityNameData, legalName = _j.legalName, licenseNumber = _j.licenseNumber, licenseType = _j.licenseType, entityType = _j.entityType, issuingDate = _j.issuingDate, expiryDate = _j.expiryDate, unifiedNumber = _j.unifiedNumber, certificateId = _j.certificateId, articleId = _j.articleId;
+    var _j = data.entityNameData, legalName = _j.legalName, licenseNumber = _j.licenseNumber, licenseType = _j.licenseType, entityType = _j.entityType, issuingDate = _j.issuingDate, expiryDate = _j.expiryDate, unifiedNumber = _j.unifiedNumber, certificateId = _j.certificateId, commercialRegistrationExtractId = _j.commercialRegistrationExtractId, articleId = _j.articleId;
     var country_code = settingsData.businessCountry.iso2;
     var isSACountry = React.useMemo(function () { return isSA(country_code); }, [country_code]);
     var isKWCountry = React.useMemo(function () { return isKW(country_code); }, [country_code]);
@@ -83,6 +83,7 @@ var EntityName = function (_a) {
             expiryDate: expiryDate,
             unifiedNumber: unifiedNumber,
             certificateId: certificateId,
+            commercialRegistrationExtractId: commercialRegistrationExtractId,
             articleId: articleId
         },
         mode: 'onChange'
@@ -91,6 +92,7 @@ var EntityName = function (_a) {
     var isEntityTypeFL = ((_b = watch('entityType')) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase()) === BusinessType.FL;
     useSetFromDefaultValues(methods, data.entityNameData, true);
     var defaultCertificateFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.CR); }, [documents]);
+    var defaultCommercialRegistrationExtractFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.COMMERCIAL_REGISTRATION_EXTRACT); }, [documents]);
     var defaultArticleFile = React.useMemo(function () { return AOA_file && __assign(__assign({}, AOA_file), { docId: id }); }, [AOA_file]);
     var issueDateRes = (license === null || license === void 0 ? void 0 : license.issuing_date) && convertToEnglishDateFormat(new Date(license.issuing_date));
     var expDateRes = (license === null || license === void 0 ? void 0 : license.expiry_date) && convertToEnglishDateFormat(new Date(license.expiry_date));
@@ -104,7 +106,11 @@ var EntityName = function (_a) {
         unifiedNumber: (_c = license === null || license === void 0 ? void 0 : license.additional_info) === null || _c === void 0 ? void 0 : _c.unified_number,
         articleId: defaultArticleFile === null || defaultArticleFile === void 0 ? void 0 : defaultArticleFile.id
     }).isDirty;
-    var originalReadOnly = useFormReadOnly(methods, { certificateId: defaultCertificateFiles, articleId: defaultArticleFile });
+    var originalReadOnly = useFormReadOnly(methods, {
+        certificateId: defaultCertificateFiles,
+        commercialRegistrationExtractId: defaultCommercialRegistrationExtractFiles,
+        articleId: defaultArticleFile
+    });
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var dataVerified = useDataVerified(data_verification, [
@@ -159,6 +165,6 @@ var EntityName = function (_a) {
     var showExpiryDate = isSACountry ? !isCR : true;
     var showUnifiedNumber = isSACountry ? !isEntityTypeFL : false;
     var disableBack = settingsData.appConfig.mode === 'content';
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(LegalName, { readOnly: readOnly['legalName'] || (noneEditable['legal_name.en'] && noneEditable['legal_name.ar']), isVerified: isLegalNameVerified }) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { readOnly: readOnly['entityType'] || noneEditable['type'], onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); }, isVerified: isEntityTypeVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(UnifiedNumber, { show: showUnifiedNumber, readOnly: readOnly['unifiedNumber'] || noneEditable['license.additional_info'], isVerified: isUnifiedNumberVerified }), _jsx(LicenseNumber, { show: showLicenseNumber, readOnly: readOnly['licenseNumber'] || noneEditable['license.number'], isVerified: isLicenseNumberVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose, readOnly: readOnly['issuingDate'] || noneEditable['license.issuing_date'], isVerified: isIssuingDateVerified }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl && showExpiryDate }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose, readOnly: readOnly['expiryDate'] || noneEditable['license.expiry_date'], isVerified: isExpiryDateVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseCertificate, { defaultFiles: defaultCertificateFiles, show: isSACountry ? false : !isKWCountry || isCR, readOnly: readOnly['certificateId'] || noneEditable['documents'] }), _jsx(Article, { defaultFile: defaultArticleFile, show: !isSACountry, readOnly: readOnly['articleId'] || noneEditable['AOA_file_id'], isVerified: isArticleIdVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: disableBack, onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, 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(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(LegalName, { readOnly: readOnly['legalName'] || (noneEditable['legal_name.en'] && noneEditable['legal_name.ar']), isVerified: isLegalNameVerified }) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { readOnly: readOnly['entityType'] || noneEditable['type'], onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); }, isVerified: isEntityTypeVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(UnifiedNumber, { show: showUnifiedNumber, readOnly: readOnly['unifiedNumber'] || noneEditable['license.additional_info'], isVerified: isUnifiedNumberVerified }), _jsx(LicenseNumber, { show: showLicenseNumber, readOnly: readOnly['licenseNumber'] || noneEditable['license.number'], isVerified: isLicenseNumberVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose, readOnly: readOnly['issuingDate'] || noneEditable['license.issuing_date'], isVerified: isIssuingDateVerified }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl && showExpiryDate }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose, readOnly: readOnly['expiryDate'] || noneEditable['license.expiry_date'], isVerified: isExpiryDateVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(EntityDocumentUpload, { name: 'certificateId', labelKey: 'title_license_certificate', purpose: DocumentPurpose.CR, show: isSACountry ? false : !isKWCountry || isCR, readOnly: readOnly['certificateId'] || noneEditable['documents'], defaultFiles: defaultCertificateFiles }), _jsx(EntityDocumentUpload, { name: 'commercialRegistrationExtractId', labelKey: 'title_commercial_registration_extract', purpose: DocumentPurpose.COMMERCIAL_REGISTRATION_EXTRACT, show: isKWCountry, readOnly: readOnly['commercialRegistrationExtractId'] || noneEditable['documents'], defaultFiles: defaultCommercialRegistrationExtractFiles }), _jsx(Article, { defaultFile: defaultArticleFile, show: !isSACountry, readOnly: readOnly['articleId'] || noneEditable['AOA_file_id'], isVerified: isArticleIdVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: disableBack, onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default EntityName;

package/build/features/entity/screens/EntityName/validation.d.ts

@@ -9,6 +9,7 @@ export declare const EntityNameValidationSchema: (noneEditable: NonEditableMap)
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -19,6 +20,7 @@ export declare const EntityNameValidationSchema: (noneEditable: NonEditableMap)
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -29,6 +31,7 @@ export declare const EntityNameValidationSchema: (noneEditable: NonEditableMap)
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;
 export declare const EntityNameKWValidationSchema: (noneEditable: NonEditableMap) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
@@ -39,6 +42,7 @@ export declare const EntityNameKWValidationSchema: (noneEditable: NonEditableMap
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -48,6 +52,7 @@ export declare const EntityNameKWValidationSchema: (noneEditable: NonEditableMap
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -57,6 +62,7 @@ export declare const EntityNameKWValidationSchema: (noneEditable: NonEditableMap
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;
 export declare const EntityNameOtherCountryValidationSchema: (noneEditable: NonEditableMap) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
@@ -67,6 +73,7 @@ export declare const EntityNameOtherCountryValidationSchema: (noneEditable: NonE
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -76,6 +83,7 @@ export declare const EntityNameOtherCountryValidationSchema: (noneEditable: NonE
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -85,6 +93,7 @@ export declare const EntityNameOtherCountryValidationSchema: (noneEditable: NonE
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    commercialRegistrationExtractId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;
 export {};

package/build/features/entity/screens/EntityName/validation.js

@@ -43,6 +43,7 @@ export var EntityNameValidationSchema = function (noneEditable) {
         issuingDate: noneEditable['license.issuing_date'] ? yup.string().optional() : yup.string().required('choose_any_issuing_date'),
         expiryDate: yup.string().optional(),
         certificateId: yup.array().optional(),
+        commercialRegistrationExtractId: yup.array().optional(),
         articleId: yup.string().optional()
     });
 };
@@ -88,6 +89,7 @@ export var EntityNameKWValidationSchema = function (noneEditable) {
         issuingDate: noneEditable['license.issuing_date'] ? yup.string().optional() : yup.string().required('choose_any_issuing_date'),
         expiryDate: noneEditable['license.expiry_date'] ? yup.string().optional() : yup.string().required('choose_any_expiry_date'),
         certificateId: yup.array().optional(),
+        commercialRegistrationExtractId: yup.array().optional(),
         articleId: yup.string().optional()
     });
 };
@@ -130,6 +132,7 @@ export var EntityNameOtherCountryValidationSchema = function (noneEditable) {
         issuingDate: noneEditable['license.issuing_date'] ? yup.string().optional() : yup.string().required('choose_any_issuing_date'),
         expiryDate: noneEditable['license.expiry_date'] ? yup.string().optional() : yup.string().required('choose_any_expiry_date'),
         certificateId: yup.array().optional(),
+        commercialRegistrationExtractId: yup.array().optional(),
         articleId: yup.string().optional()
     });
 };

package/build/hooks/index.d.ts

@@ -15,6 +15,7 @@ export * from './useSetFromDefaultValues';
 export * from './useCountUp';
 export * from './useCountDown';
 export * from './useCountry';
+export * from './useIsEmailAuth';
 export * from './useVerifyToken';
 export * from './useFormReadOnly';
 export * from './useDataNoneEditable';

package/build/hooks/index.js

@@ -15,6 +15,7 @@ export * from './useSetFromDefaultValues';
 export * from './useCountUp';
 export * from './useCountDown';
 export * from './useCountry';
+export * from './useIsEmailAuth';
 export * from './useVerifyToken';
 export * from './useFormReadOnly';
 export * from './useDataNoneEditable';

package/build/hooks/useAppConfig.js

@@ -31,7 +31,7 @@ export var useAppConfig = function (_a) {
     var data = useAppSelector(settingsSelector).data;
     var setAppConfig = function () {
         if (!disableSettingFetching) {
-            dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey, scope: scope === null || scope === void 0 ? void 0 : scope.toLowerCase(), mode: mode !== null && mode !== void 0 ? mode : 'page', showBoard: showBoard !== null && showBoard !== void 0 ? showBoard : true, features: __assign({ merchantLogo: true, switchLanguage: true, overlay: true, loaderOverlay: true }, features) }, rest)));
+            dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey, scope: scope === null || scope === void 0 ? void 0 : scope.toLowerCase(), mode: mode !== null && mode !== void 0 ? mode : 'page', showBoard: showBoard !== null && showBoard !== void 0 ? showBoard : true, features: __assign({ merchantLogo: true, switchLanguage: true, overlay: true, loaderOverlay: true, emailAuth: true }, features) }, rest)));
         }
         dispatch(handleActiveFlowScreens(navigation));
     };

package/build/hooks/useIsEmailAuth.d.ts

@@ -0,0 +1 @@
+export declare const useIsEmailAuth: () => boolean | undefined;

package/build/hooks/useIsEmailAuth.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { useAppSelector } from './useAppSelector';
+import { settingsSelector } from '../app/settings';
+import { isEmailAuthEnabled } from '../utils';
+export var useIsEmailAuth = function () {
+    var _a, _b;
+    var settingsData = useAppSelector(settingsSelector).data;
+    var emailAuth = (_a = settingsData.appConfig.features) === null || _a === void 0 ? void 0 : _a.emailAuth;
+    var countryIso2 = (_b = settingsData.businessCountry) === null || _b === void 0 ? void 0 : _b.iso2;
+    return useMemo(function () { return isEmailAuthEnabled(emailAuth, countryIso2); }, [emailAuth, countryIso2]);
+};

package/build/utils/array.d.ts

@@ -62,7 +62,7 @@ export declare const fixBrandList: (items: Array<{
 }[];
 export declare const findFirstId: (items: Array<SaleChannel>) => string;
 export declare const sortActivitiesByName: (items: Array<ActivityParams>, path: string) => ActivityParams[];
-export declare const getFileDetailsFromDocument: (documents: Array<any>, purpose: string) => any;
+export declare const getFileDetailsFromDocument: (documents: Array<any>, purpose: string | Array<string>) => any;
 export declare const getRecentDocumentBasedOnPurpose: (documents: Array<any>, purpose: string) => any;
 export declare const findInArrayOrSubArray: (items: Array<any>, value: string | number) => null;
 export declare const groupSectionWithSelectedActivitiesAtBeginning: (sections: Array<ActivitiesIsIc>, selectedActivities: Array<Activity>) => ActivitiesIsIc[];

package/build/utils/array.js

@@ -191,8 +191,9 @@ export var sortActivitiesByName = function (items, path) {
 export var getFileDetailsFromDocument = function (documents, purpose) {
     if ((documents || []).length === 0)
         return [];
+    var purposes = Array.isArray(purpose) ? purpose : [purpose];
     return documents.reduce(function (acc, document) {
-        var fileDetails = (document.file_details || []).filter(function (file) { return purpose.includes(file.purpose); });
+        var fileDetails = (document.file_details || []).filter(function (file) { return purposes.includes(file.purpose); });
         return acc.concat(fileDetails.map(function (f) { return (__assign(__assign({}, f), { docId: document.id })); }));
     }, []);
 };
@@ -200,7 +201,7 @@ export var getRecentDocumentBasedOnPurpose = function (documents, purpose) {
     if ((documents || []).length === 0)
         return [];
     var filteredByPurpose = documents.filter(function (doc) {
-        return purpose.includes(doc.type);
+        return doc.type === purpose;
     });
     if ((filteredByPurpose || []).length > 0) {
         return filteredByPurpose.sort(function (a, b) { return b.created - a.created; })[0];

package/build/utils/string.d.ts

@@ -49,6 +49,7 @@ export declare const isKW: (flag: string) => boolean;
 export declare const isSA: (flag: string | undefined) => boolean;
 export declare const isOtherThanKWOrSA: (flag: string) => boolean;
 export declare const isQA: (flag: string | undefined) => boolean;
+export declare const isEmailAuthEnabled: (emailAuth: boolean | undefined, countryIso2: string | undefined) => boolean | undefined;
 export declare const isKWOrSA: (flag: string) => boolean;
 export declare const isLinkedIn: (flag: string) => boolean;
 export declare const isTwitter: (flag: string) => boolean;

package/build/utils/string.js

@@ -229,6 +229,9 @@ export var isQA = function (flag) {
         return false;
     return ['qa', 'qat'].includes(flag.toLowerCase());
 };
+export var isEmailAuthEnabled = function (emailAuth, countryIso2) {
+    return emailAuth && isQA(countryIso2);
+};
 export var isKWOrSA = function (flag) {
     return isKW(flag) || isSA(flag);
 };

package/package.json

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

package/build/features/entity/screens/EntityName/LicenseCertificate.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { FileDetails } from '../../../../@types';
-interface LicenseCertificateProps {
-    show: boolean;
-    readOnly?: boolean;
-    defaultFiles?: Array<FileDetails>;
-}
-declare const LicenseCertificate: ({ show, readOnly, defaultFiles }: LicenseCertificateProps) => JSX.Element;
-export default LicenseCertificate;