@tap-payments/auth-jsconnect 2.6.2-test → 2.6.3-test

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

@@ -59,7 +59,7 @@ import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { handleNextScreenStep, handleCurrentActiveScreen, handleOpen, handleSetCountryByIso2 } from '../../../app/settings';
 import { FlowsTypes, AuthForType, BusinessType, LicenseType } from '../../../@types';
 import API from '../../../api';
-import { CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
+import { CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE, SCOPE_AUTH } from '../../../constants';
 import { defaultCountry } from '../../../constants';
 import { getIndividualName, capitalizeTheFirstLetterOfEachWord, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA } from '../../../utils';
 export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retrieveLeadIdentityByIdAsync', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
@@ -143,6 +143,63 @@ export var retrieveEntityListAsync = createAsyncThunk('connectExpress/retrieveEn
         }
     });
 }); });
+export var retrieveAuthenticationListAsync = createAsyncThunk('connectExpress/retrieveAuthenticationListAsync', function (_a) {
+    var individualId = _a.individualId;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var brandList, entityList, brands, err_1, list, err_2;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    brandList = undefined;
+                    entityList = undefined;
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4, API.brandService.getBrandList({ individual_id: individualId })];
+                case 2:
+                    brands = (_b.sent()).brands;
+                    brandList = brands;
+                    return [3, 4];
+                case 3:
+                    err_1 = _b.sent();
+                    return [3, 4];
+                case 4:
+                    _b.trys.push([4, 6, , 7]);
+                    return [4, API.entityService.getEntityListUsingIndividualId(individualId)];
+                case 5:
+                    list = (_b.sent()).list;
+                    entityList = list;
+                    return [3, 7];
+                case 6:
+                    err_2 = _b.sent();
+                    return [3, 7];
+                case 7: return [2, { brandList: brandList || [], entityList: entityList || [] }];
+            }
+        });
+    });
+});
+export var getMerchantListAsync = createAsyncThunk('connectExpress/getMerchantListAsync', function (entityId) { return __awaiter(void 0, void 0, void 0, function () {
+    var merchants;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, API.entityService.getMerchantListUsingEntityId(entityId)];
+            case 1:
+                merchants = (_a.sent()).merchants;
+                return [2, merchants || []];
+        }
+    });
+}); });
+export var getTerminalListAsync = createAsyncThunk('connectExpress/getTerminalListAsync', function (merchantId) { return __awaiter(void 0, void 0, void 0, function () {
+    var list;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, API.entityService.getTerminalListUsingMerchantId(merchantId)];
+            case 1:
+                list = (_a.sent()).list;
+                return [2, list || []];
+        }
+    });
+}); });
 export var createMobileAuthAsync = createAsyncThunk('connectExpress/createMobileAuthAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connectExpress, requestBody, data;
     var _b, _c;
@@ -310,16 +367,20 @@ export var createCivilIdAuthAsync = createAsyncThunk('connectExpress/createCivil
     });
 }); });
 export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, mobileData, _c, auth_token, device_token, service_name, payload, data, isSaudi, next;
-    var _d, _e;
-    return __generator(this, function (_f) {
-        switch (_f.label) {
+    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, mobileData, _c, auth_token, device_token, service_name, isScopeAuthentication, redirectUrl, bi, isDataHasOperator, payload, data, authId, urlQueryStart, _d, brandList, entityList, isSaudi, next;
+    var _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
                 _b = connectExpress.data || {}, responseData = _b.responseData, leadId = _b.leadId, isLeadIdPassed = _b.isLeadIdPassed, mobileData = _b.mobileData;
                 if (!(responseData === null || responseData === void 0 ? void 0 : responseData.authData))
                     throw new Error('Auth data is missing');
                 _c = responseData.authData, auth_token = _c.auth_token, device_token = _c.device_token, service_name = _c.service_name;
+                isScopeAuthentication = settings.data.appConfig.scope === SCOPE_AUTH;
+                redirectUrl = connectExpress.data.redirectUrl;
+                bi = settings.data.deviceInfo.browser.browser_id;
+                isDataHasOperator = connectExpress.data.authData.includes('operator');
                 payload = {
                     auth_token: auth_token,
                     lead_id: leadId,
@@ -334,11 +395,26 @@ export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileO
                 };
                 return [4, API.authService.verifyExpressAuth(payload)];
             case 1:
-                data = _f.sent();
-                return [4, thunkApi.dispatch(getLeadByIdAsync(data.lead_id)).unwrap()];
+                data = _g.sent();
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
+                authId = data.auth.id;
+                if (isScopeAuthentication && redirectUrl && !data.new_user && !isDataHasOperator && authId) {
+                    urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+                    window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+                    return [2, data];
+                }
+                if (!(isScopeAuthentication && redirectUrl && !data.new_user && isDataHasOperator)) return [3, 3];
+                return [4, thunkApi.dispatch(retrieveAuthenticationListAsync({ individualId: data.individual_id })).unwrap()];
             case 2:
-                _f.sent();
-                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
+                _d = _g.sent(), brandList = _d.brandList, entityList = _d.entityList;
+                if (brandList.length && entityList.length) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP')); });
+                    return [2, data];
+                }
+                _g.label = 3;
+            case 3: return [4, thunkApi.dispatch(getLeadByIdAsync(data.lead_id)).unwrap()];
+            case 4:
+                _g.sent();
                 isSaudi = isSA(settings.data.businessCountry.iso2);
                 next = isSaudi ? 'CONNECT_EXPRESS_NID_MISSED_STEP' : 'CONNECT_EXPRESS_CIVIL_ID_MISSED_STEP';
                 sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep(next)); });
@@ -347,16 +423,20 @@ export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileO
     });
 }); });
 export var verifyNIDOtpAsync = createAsyncThunk('connectExpress/verifyNIDOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, nidData, _c, auth_token, device_token, service_name, payload, data, stepName, needToCollectMoreInfo, creatingAccount;
-    var _d, _e;
-    return __generator(this, function (_f) {
-        switch (_f.label) {
+    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, nidData, _c, auth_token, device_token, service_name, isScopeAuthentication, redirectUrl, bi, isDataHasOperator, payload, data, authId, urlQueryStart, _d, brandList, entityList, stepName, needToCollectMoreInfo, creatingAccount;
+    var _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
                 _b = connectExpress.data || {}, responseData = _b.responseData, leadId = _b.leadId, isLeadIdPassed = _b.isLeadIdPassed, nidData = _b.nidData;
                 if (!(responseData === null || responseData === void 0 ? void 0 : responseData.authData))
                     throw new Error('Auth data is missing');
                 _c = responseData.authData, auth_token = _c.auth_token, device_token = _c.device_token, service_name = _c.service_name;
+                isScopeAuthentication = settings.data.appConfig.scope === SCOPE_AUTH;
+                redirectUrl = connectExpress.data.redirectUrl;
+                bi = settings.data.deviceInfo.browser.browser_id;
+                isDataHasOperator = connectExpress.data.authData.includes('operator');
                 payload = {
                     auth_token: auth_token,
                     lead_id: leadId,
@@ -371,11 +451,26 @@ export var verifyNIDOtpAsync = createAsyncThunk('connectExpress/verifyNIDOtpAsyn
                 };
                 return [4, API.authService.verifyExpressAuth(payload)];
             case 1:
-                data = _f.sent();
-                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
-                return [4, thunkApi.dispatch(getLeadByIdAsync(data.lead.id)).unwrap()];
+                data = _g.sent();
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
+                authId = data.auth.id;
+                if (isScopeAuthentication && redirectUrl && !data.new_user && !isDataHasOperator && authId) {
+                    urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+                    window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+                    return [2, data];
+                }
+                if (!(isScopeAuthentication && redirectUrl && !data.new_user && isDataHasOperator)) return [3, 3];
+                return [4, thunkApi.dispatch(retrieveAuthenticationListAsync({ individualId: data.individual_id })).unwrap()];
             case 2:
-                _f.sent();
+                _d = _g.sent(), brandList = _d.brandList, entityList = _d.entityList;
+                if (brandList.length && entityList.length) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP')); });
+                    return [2, data];
+                }
+                _g.label = 3;
+            case 3: return [4, thunkApi.dispatch(getLeadByIdAsync(data.lead.id)).unwrap()];
+            case 4:
+                _g.sent();
                 stepName = data.step_name;
                 needToCollectMoreInfo = stepName === 'collect_info';
                 creatingAccount = stepName === 'create_account';
@@ -723,14 +818,80 @@ export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDat
         });
     });
 });
+export var updateOperatorInfoAsync = createAsyncThunk('connectExpress/updateOperatorInfoAsync', function (_a, thunkApi) {
+    var terminalInfo = _a.terminalInfo;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var _b, connectExpress, settings, _c, postURL, responseData, redirectUrl, bi, body, data, authId, urlQueryStart;
+        var _d, _e, _f, _g, _h;
+        return __generator(this, function (_j) {
+            switch (_j.label) {
+                case 0:
+                    _b = thunkApi.getState(), connectExpress = _b.connectExpress, settings = _b.settings;
+                    _c = connectExpress.data, postURL = _c.postURL, responseData = _c.responseData;
+                    redirectUrl = connectExpress.data.redirectUrl;
+                    bi = settings.data.deviceInfo.browser.browser_id;
+                    body = {
+                        id: ((_d = terminalInfo === null || terminalInfo === void 0 ? void 0 : terminalInfo.operator) === null || _d === void 0 ? void 0 : _d.id) || '',
+                        post_url: postURL
+                    };
+                    return [4, API.operatorService.updateOperator(body)];
+                case 1:
+                    data = _j.sent();
+                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, data);
+                    authId = (_h = (_g = responseData === null || responseData === void 0 ? void 0 : responseData.authData) === null || _g === void 0 ? void 0 : _g.auth) === null || _h === void 0 ? void 0 : _h.id;
+                    if (authId) {
+                        urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+                        window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+                    }
+                    return [2];
+            }
+        });
+    });
+});
+export var onCloseCompleteAsync = createAsyncThunk('connectExpress/onCloseCompleteAsync', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, connectExpress, settings, _b, postURL, responseData, redirectUrl, bi, merchant, list, id, body, data, authId, urlQueryStart;
+    var _c, _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
+            case 0:
+                _a = thunkApi.getState(), connectExpress = _a.connectExpress, settings = _a.settings;
+                _b = connectExpress.data, postURL = _b.postURL, responseData = _b.responseData;
+                redirectUrl = connectExpress.data.redirectUrl;
+                bi = settings.data.deviceInfo.browser.browser_id;
+                merchant = ((responseData === null || responseData === void 0 ? void 0 : responseData.boardData) || {}).merchant;
+                return [4, thunkApi.dispatch(getTerminalListAsync(merchant === null || merchant === void 0 ? void 0 : merchant.id)).unwrap()];
+            case 1:
+                list = _j.sent();
+                id = ((_d = (_c = list === null || list === void 0 ? void 0 : list[0]) === null || _c === void 0 ? void 0 : _c.operator) === null || _d === void 0 ? void 0 : _d.id) || '';
+                body = {
+                    id: id,
+                    post_url: postURL
+                };
+                return [4, API.operatorService.updateOperator(body)];
+            case 2:
+                data = _j.sent();
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, data);
+                authId = (_h = (_g = responseData === null || responseData === void 0 ? void 0 : responseData.authData) === null || _g === void 0 ? void 0 : _g.auth) === null || _h === void 0 ? void 0 : _h.id;
+                if (authId) {
+                    urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+                    window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+                }
+                return [2];
+        }
+    });
+}); });
 var initialState = {
     error: null,
     loading: false,
     customLoading: false,
+    merchantLoading: false,
+    terminalLoading: false,
     data: {
         showBoard: true,
         isLeadIdPassed: false,
         postURL: '',
+        redirectUrl: '',
+        authData: [],
         flowName: FlowsTypes.CONNECT_EXPRESS,
         mobileData: {
             countryCode: defaultCountry,
@@ -759,6 +920,12 @@ var initialState = {
             brandName: '',
             licenseNumber: '',
             termAndConditionChecked: false
+        },
+        authenticationData: {
+            brandInfo: undefined,
+            entityInfo: undefined,
+            merchantInfo: undefined,
+            terminalInfo: undefined
         }
     }
 };
@@ -772,6 +939,12 @@ export var connectSlice = createSlice({
         setShowBoard: function (state, action) {
             state.data.showBoard = action.payload;
         },
+        setRedirectUrl: function (state, action) {
+            state.data.redirectUrl = action.payload;
+        },
+        setAuthData: function (state, action) {
+            state.data.authData = action.payload;
+        },
         setIsLeadIdPassed: function (state, action) {
             state.data.isLeadIdPassed = action.payload;
         },
@@ -1007,9 +1180,10 @@ export var connectSlice = createSlice({
             state.error = null;
         })
             .addCase(verifyNIDOtpLeadIdentityAsync.fulfilled, function (state, action) {
-            var _a;
+            var _a, _b, _c;
             state.loading = false;
-            state.data.responseData = __assign(__assign({}, state.data.responseData), { authData: __assign(__assign({}, (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authData), action.payload) });
+            var auth = (((_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authData) || {}).auth;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { authData: __assign(__assign(__assign({}, (_b = state.data.responseData) === null || _b === void 0 ? void 0 : _b.authData), action.payload), { auth: __assign(__assign({}, (_c = action.payload) === null || _c === void 0 ? void 0 : _c.auth), { id: auth === null || auth === void 0 ? void 0 : auth.id }) }) });
         })
             .addCase(verifyNIDOtpLeadIdentityAsync.rejected, function (state, action) {
             state.loading = false;
@@ -1020,9 +1194,10 @@ export var connectSlice = createSlice({
             state.error = null;
         })
             .addCase(verifyPaciOtpLeadIdentityAsync.fulfilled, function (state, action) {
-            var _a;
+            var _a, _b, _c;
             state.loading = false;
-            state.data.responseData = __assign(__assign({}, state.data.responseData), { authData: __assign(__assign({}, (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authData), action.payload) });
+            var auth = (((_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authData) || {}).auth;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { authData: __assign(__assign(__assign({}, (_b = state.data.responseData) === null || _b === void 0 ? void 0 : _b.authData), action.payload), { auth: __assign(__assign({}, (_c = action.payload) === null || _c === void 0 ? void 0 : _c.auth), { id: auth === null || auth === void 0 ? void 0 : auth.id }) }) });
         })
             .addCase(verifyPaciOtpLeadIdentityAsync.rejected, function (state, action) {
             state.loading = false;
@@ -1075,6 +1250,20 @@ export var connectSlice = createSlice({
             .addCase(retrieveEntityListAsync.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(retrieveAuthenticationListAsync.fulfilled, function (state, action) {
+            state.error = null;
+            state.loading = false;
+            var _a = action.payload, brandList = _a.brandList, entityList = _a.entityList;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { authenticationData: { brandList: brandList, entityList: entityList } });
+        })
+            .addCase(retrieveAuthenticationListAsync.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(retrieveAuthenticationListAsync.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(checkEmailAvailabilityAsync.fulfilled, function (state, action) {
             var _a;
@@ -1143,9 +1332,65 @@ export var connectSlice = createSlice({
             .addCase(createAccountAsync.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(getMerchantListAsync.pending, function (state) {
+            state.merchantLoading = true;
+            state.error = null;
+        })
+            .addCase(getMerchantListAsync.fulfilled, function (state, action) {
+            state.merchantLoading = false;
+            state.error = null;
+            var data = state.data.responseData;
+            var merchantList = action.payload;
+            state.data.responseData = __assign(__assign({}, data), { authenticationData: __assign(__assign({}, data === null || data === void 0 ? void 0 : data.authenticationData), { merchantList: merchantList }) });
+        })
+            .addCase(getMerchantListAsync.rejected, function (state, action) {
+            state.merchantLoading = false;
+            state.error = action.error.message;
+        })
+            .addCase(getTerminalListAsync.pending, function (state) {
+            state.terminalLoading = true;
+            state.error = null;
+        })
+            .addCase(getTerminalListAsync.fulfilled, function (state, action) {
+            state.terminalLoading = false;
+            state.error = null;
+            var data = state.data.responseData;
+            var terminalList = action.payload;
+            state.data.responseData = __assign(__assign({}, data), { authenticationData: __assign(__assign({}, data === null || data === void 0 ? void 0 : data.authenticationData), { terminalList: terminalList }) });
+        })
+            .addCase(getTerminalListAsync.rejected, function (state, action) {
+            state.terminalLoading = false;
+            state.error = action.error.message;
+        })
+            .addCase(updateOperatorInfoAsync.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateOperatorInfoAsync.fulfilled, function (state) {
+            state.loading = false;
+            state.error = null;
+            state.data.responseData = __assign({}, state.data.responseData);
+        })
+            .addCase(updateOperatorInfoAsync.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(onCloseCompleteAsync.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(onCloseCompleteAsync.fulfilled, function (state) {
+            state.loading = false;
+            state.error = null;
+            state.data.responseData = __assign({}, state.data.responseData);
+        })
+            .addCase(onCloseCompleteAsync.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         });
     }
 });
-export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, setIsLeadIdPassed = _a.setIsLeadIdPassed, resetMobileScreen = _a.resetMobileScreen, resetOTPValue = _a.resetOTPValue, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen, resetStore = _a.resetStore, setError = _a.setError, setPostUrl = _a.setPostUrl, setLeadId = _a.setLeadId, setShowBoard = _a.setShowBoard, resetIndividualScreen = _a.resetIndividualScreen;
+export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, setIsLeadIdPassed = _a.setIsLeadIdPassed, resetMobileScreen = _a.resetMobileScreen, resetOTPValue = _a.resetOTPValue, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen, resetStore = _a.resetStore, setError = _a.setError, setPostUrl = _a.setPostUrl, setRedirectUrl = _a.setRedirectUrl, setAuthData = _a.setAuthData, setLeadId = _a.setLeadId, setShowBoard = _a.setShowBoard, resetIndividualScreen = _a.resetIndividualScreen;
 export default connectSlice.reducer;
 export var connectExpressSelector = function (state) { return state.connectExpress; };

package/build/features/connectExpress/ConnectExpress.js

@@ -64,7 +64,7 @@ import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepSta
 import { handleCurrentActiveScreen, settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
-import { connectExpressSelector, setIsLeadIdPassed, setPostUrl, setLeadId, retrieveLeadIdentityByIdAsync, setShowBoard } from '../app/connectExpress/connectExpressStore';
+import { connectExpressSelector, setIsLeadIdPassed, setPostUrl, setLeadId, retrieveLeadIdentityByIdAsync, setShowBoard, setRedirectUrl, setAuthData } from '../app/connectExpress/connectExpressStore';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
 import { isKW, findOrCreateElementAndInject, sendPageView } from '../../utils';
@@ -78,11 +78,15 @@ var ConnectExpress = memo(function (_a) {
     var _b = useAppSelector(settingsSelector), data = _b.data, error = _b.error, settingLoading = _b.loading;
     var _c = useAppSelector(connectExpressSelector), connectExpressError = _c.error, loading = _c.loading, customLoading = _c.customLoading, connectData = _c.data;
     var onVerifyConfigTokenSuccess = function (data) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, post, lead_id, board;
+        var _a, post, lead_id, board, platform_redirect_url, authData;
         return __generator(this, function (_b) {
-            _a = data || {}, post = _a.post, lead_id = _a.lead_id, board = _a.board;
+            _a = data || {}, post = _a.post, lead_id = _a.lead_id, board = _a.board, platform_redirect_url = _a.platform_redirect_url, authData = _a.data;
             if (post === null || post === void 0 ? void 0 : post.url)
                 dispatch(setPostUrl(post.url));
+            if (platform_redirect_url)
+                dispatch(setRedirectUrl(platform_redirect_url));
+            if (authData)
+                dispatch(setAuthData(authData));
             if (lead_id) {
                 dispatch(setIsLeadIdPassed(true));
                 dispatch(setLeadId(lead_id));

package/build/features/connectExpress/screens/AuthenticationList/AuthenticationList.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface AuthenticationListProps {
+}
+declare const _default: React.MemoExoticComponent<({}: AuthenticationListProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,91 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+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 { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import { deepCopy, isKW, sendCustomEventToGTM } from '../../../../utils';
+import { AuthForType } from '../../../../@types';
+import Form from '../../../../components/Form';
+import { ScreenContainer } from '../../../shared/Containers';
+import Button from '../../../shared/Button';
+import { clearError, connectExpressSelector, updateOperatorInfoAsync } from '../../../app/connectExpress/connectExpressStore';
+import { useLanguage } from '../../../../hooks';
+import { AuthenticationListValidationSchema } from './validation';
+import BrandList from './BrandList';
+import EntityList from './EntityList';
+import MerchantList from './MerchantList';
+import TerminalList from './TerminalList';
+var ListType;
+(function (ListType) {
+    ListType["BrandList"] = "BrandList";
+    ListType["EntityList"] = "EntityList";
+    ListType["MerchantList"] = "MerchantList";
+    ListType["TerminalList"] = "TerminalList";
+})(ListType || (ListType = {}));
+var AuthenticationList = function (_a) {
+    var _b;
+    var settingsData = useAppSelector(settingsSelector).data;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, loading = _c.loading, error = _c.error, merchantLoading = _c.merchantLoading, terminalLoading = _c.terminalLoading;
+    var _d = data.authenticationData, brandInfo = _d.brandInfo, entityInfo = _d.entityInfo, merchantInfo = _d.merchantInfo, terminalInfo = _d.terminalInfo;
+    var _e = React.useState(), listActive = _e[0], setListActive = _e[1];
+    var _f = ((_b = data.responseData) === null || _b === void 0 ? void 0 : _b.authenticationData) || {}, brandList = _f.brandList, entityList = _f.entityList;
+    var otpData = data.otpData;
+    var startWithNID = otpData.authFor === AuthForType.NATIONAL_ID;
+    React.useEffect(function () {
+        sendCustomEventToGTM({
+            event: 'Send Event',
+            event_category: 'User Authentication Flow',
+            event_action: 'Authentication List Step'
+        });
+    }, []);
+    var methods = useForm({
+        resolver: yupResolver(AuthenticationListValidationSchema()),
+        defaultValues: {
+            brandInfo: brandInfo,
+            entityInfo: entityInfo,
+            merchantInfo: merchantInfo,
+            terminalInfo: terminalInfo
+        },
+        mode: 'onChange'
+    });
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var onSubmit = function (formData) {
+        dispatch(updateOperatorInfoAsync(deepCopy(formData)));
+    };
+    var onBack = function () {
+        var _a;
+        var code = (_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2;
+        var screen = startWithNID ? (isKW(code) ? 'CONNECT_EXPRESS_CIVIL_ID_STEP' : 'CONNECT_EXPRESS_NID_STEP') : 'CONNECT_EXPRESS_MOBILE_STEP';
+        dispatch(handlePrevScreenStep(screen));
+    };
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var disabled = !methods.formState.isValid || !!error || merchantLoading || terminalLoading;
+    var handleMenuClick = function (flag) {
+        setListActive(flag);
+    };
+    var isBrandList = listActive === ListType.BrandList;
+    var isEntityList = listActive === ListType.EntityList;
+    var isMerchantList = listActive === ListType.MerchantList;
+    var isTerminalList = listActive === ListType.TerminalList;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandList, { list: brandList || [], show: !isEntityList && !isMerchantList && !isTerminalList, onListOpen: function () { return handleMenuClick(ListType.BrandList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(EntityList, { list: entityList || [], countryList: settingsData.countries || [], show: !isBrandList && !isMerchantList && !isTerminalList, onListOpen: function () { return handleMenuClick(ListType.EntityList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(MerchantList, { show: !isBrandList && !isEntityList && !isTerminalList, onListOpen: function () { return handleMenuClick(ListType.MerchantList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(TerminalList, { show: !isBrandList && !isEntityList && !isMerchantList, onListOpen: function () { return handleMenuClick(ListType.TerminalList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') })) }))] })) })) }));
+};
+export default React.memo(AuthenticationList);

package/build/features/connectExpress/screens/AuthenticationList/BrandList.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { BrandInfo } from '../../../../@types';
+interface BrandListProps {
+    show: boolean;
+    list: Array<BrandInfo>;
+    onListOpen?: () => void;
+    onListClose?: () => void;
+}
+declare const _default: React.MemoExoticComponent<({ show, list, ...rest }: BrandListProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,81 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useFormContext, useController } from 'react-hook-form';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { useLanguage } from '../../../../hooks';
+import ScreenContainer from '../../../shared/Containers/ScreenContainer';
+import InputSelect from '../../../shared/InputSelect';
+import CheckIcon from '../../../shared/CheckIcon';
+import SimpleList from '../../../../components/SimpleList';
+import Text from '../../../../components/Text';
+import ExpandIcon from '../../../../components/ExpandIcon';
+import Collapse from '../../../../components/Collapse';
+var BrandContainer = styled(Box)(function () { return ({
+    display: 'flex'
+}); });
+var BrandNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
+    var theme = _a.theme, isSelected = _a.isSelected;
+    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight }));
+});
+var BrandList = function (_a) {
+    var show = _a.show, list = _a.list, rest = __rest(_a, ["show", "list"]);
+    var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var control = useFormContext().control;
+    var brandInfoControl = useController({ control: control, name: 'brandInfo' });
+    var brandInfo = brandInfoControl.field.value;
+    var onOpenBrandList = function (event) {
+        var _a;
+        setAnchorEl(event.currentTarget);
+        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
+    };
+    var onCloseBrandList = function () {
+        var _a;
+        setAnchorEl(null);
+        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
+    };
+    var getBrandName = function (brand) {
+        var _a, _b;
+        if (!brand)
+            return '';
+        return (isAr ? (_a = brand.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = brand.name) === null || _b === void 0 ? void 0 : _b.en) || '';
+    };
+    var getBrandId = function (brand) {
+        if (!brand)
+            return '';
+        return brand.id || '';
+    };
+    var onSelectItem = function (brand) {
+        brandInfoControl.field.onChange(brand);
+        onCloseBrandList();
+    };
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputSelect, { label: t('select_brand_label'), onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(brandInfo)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { space: 140, list: list, onSelectItem: onSelectItem, renderItem: function (item) {
+                            return (_jsxs(_Fragment, { children: [_jsx(BrandContainer, { children: _jsx(BrandNameText, __assign({ isSelected: getBrandId(item) === getBrandId(brandInfo) }, { children: t(getBrandName(item)) })) }), getBrandId(item) === getBrandId(brandInfo) && _jsx(CheckIcon, {})] }));
+                        } }) }))] }) })));
+};
+export default React.memo(BrandList);

package/build/features/connectExpress/screens/AuthenticationList/EntityList.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { CountryCode, EntityLicenseAuth } from '../../../../@types';
+interface EntityListProps {
+    show: boolean;
+    list: Array<EntityLicenseAuth>;
+    countryList: Array<CountryCode>;
+    onListOpen?: () => void;
+    onListClose?: () => void;
+}
+declare const _default: React.MemoExoticComponent<({ show, list, countryList, ...rest }: EntityListProps) => JSX.Element>;
+export default _default;