@tap-payments/auth-jsconnect 1.0.44 → 1.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/@types/app.d.ts +7 -0
- package/build/@types/form.d.ts +2 -1
- package/build/@types/redux.d.ts +0 -1
- package/build/api/auth.d.ts +0 -2
- package/build/api/lead.d.ts +3 -2
- package/build/assets/locales/ar.json +3 -1
- package/build/assets/locales/en.json +3 -1
- package/build/components/AnimationFlow/BottomSheet.js +3 -3
- package/build/components/Footer/Footer.js +5 -5
- package/build/constants/app.js +2 -2
- package/build/constants/dummy.d.ts +14 -0
- package/build/constants/dummy.js +29 -0
- package/build/constants/validation.d.ts +1 -0
- package/build/constants/validation.js +1 -0
- package/build/features/app/business/businessStore.d.ts +3 -3
- package/build/features/app/business/businessStore.js +45 -52
- package/build/features/app/connect/connectStore.d.ts +35 -13
- package/build/features/app/connect/connectStore.js +160 -185
- package/build/features/bank/Bank.js +1 -1
- package/build/features/business/Business.js +2 -15
- package/build/features/connect/screens/Individual/Email.d.ts +3 -1
- package/build/features/connect/screens/Individual/Email.js +53 -5
- package/build/features/connect/screens/Individual/Individual.js +13 -9
- package/build/features/connect/screens/Individual/validation.d.ts +1 -1
- package/build/features/connect/screens/Individual/validation.js +7 -3
- package/build/features/connect/screens/Merchant/BrandList.d.ts +12 -0
- package/build/features/connect/screens/Merchant/BrandList.js +118 -0
- package/build/features/connect/screens/Merchant/BrandName.d.ts +4 -1
- package/build/features/connect/screens/Merchant/BrandName.js +56 -5
- package/build/features/connect/screens/Merchant/Merchant.js +14 -7
- package/build/features/connect/screens/Merchant/SocialMedia.d.ts +4 -1
- package/build/features/connect/screens/Merchant/SocialMedia.js +4 -3
- package/build/features/connect/screens/Merchant/TAC.d.ts +2 -1
- package/build/features/connect/screens/Merchant/TAC.js +2 -1
- package/build/features/connect/screens/Merchant/validation.d.ts +4 -4
- package/build/features/connect/screens/Merchant/validation.js +60 -56
- package/build/features/connect/screens/Mobile/Mobile.js +6 -1
- package/build/features/connect/screens/Mobile/validation.d.ts +1 -1
- package/build/features/connect/screens/Mobile/validation.js +7 -2
- package/build/features/connect/screens/Password/Password.js +5 -3
- package/build/features/individual/Individual.js +1 -1
- package/build/features/password/Password.js +1 -1
- package/build/features/shared/Button/Button.js +1 -1
- package/build/features/tax/Tax.js +2 -2
- package/package.json +1 -1
- package/build/hooks/useElementSizeById.d.ts +0 -6
- package/build/hooks/useElementSizeById.js +0 -12
|
@@ -49,7 +49,7 @@ var _a;
|
|
|
49
49
|
import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
|
|
50
50
|
import { handleNextScreenStep } from '../../../app/settings';
|
|
51
51
|
import API from '../../../api';
|
|
52
|
-
import { CONNECT_STEP_NAMES, IDENTIFICATION_TYPE } from '../../../constants';
|
|
52
|
+
import { BRAND_LIST, CONNECT_STEP_NAMES, IDENTIFICATION_TYPE } from '../../../constants';
|
|
53
53
|
import { defaultCountry } from '../../../constants';
|
|
54
54
|
import { getIndividualName, getClientEmailUrl, capitalizeTheFirstLetterOfEachWord, removeRequestHeaders } from '../../../utils';
|
|
55
55
|
export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -87,7 +87,6 @@ export var createMobileAuth = createAsyncThunk('createMobileAuth', function (par
|
|
|
87
87
|
phone: params.mobile || '',
|
|
88
88
|
code: params.countryCode.idd_prefix.toString()
|
|
89
89
|
},
|
|
90
|
-
device_info: settings.data.deviceInfo,
|
|
91
90
|
sign_in: false,
|
|
92
91
|
step_name: CONNECT_STEP_NAMES.CREATE_AUTH_MOBILE,
|
|
93
92
|
encryption_contract: ['user_credentail.phone', 'user_credentail.code']
|
|
@@ -118,7 +117,6 @@ export var createNIDAuth = createAsyncThunk('createNIDAuth', function (params, t
|
|
|
118
117
|
date_of_birth: params.dob,
|
|
119
118
|
country_code: connect.data.businessCountry.iso2
|
|
120
119
|
},
|
|
121
|
-
device_info: settings.data.deviceInfo,
|
|
122
120
|
sign_in: false,
|
|
123
121
|
step_name: CONNECT_STEP_NAMES.CREATE_AUTH_NID,
|
|
124
122
|
encryption_contract: [
|
|
@@ -140,14 +138,15 @@ export var createNIDAuth = createAsyncThunk('createNIDAuth', function (params, t
|
|
|
140
138
|
});
|
|
141
139
|
}); });
|
|
142
140
|
export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
143
|
-
var _a, connect, settings, isAbsher, responseBody, payload, data,
|
|
144
|
-
var
|
|
145
|
-
return __generator(this, function (
|
|
146
|
-
switch (
|
|
141
|
+
var _a, connect, settings, isAbsher, _b, mobileData, nidData, responseBody, payload, data, params_1, params_2;
|
|
142
|
+
var _c, _d;
|
|
143
|
+
return __generator(this, function (_e) {
|
|
144
|
+
switch (_e.label) {
|
|
147
145
|
case 0:
|
|
148
146
|
_a = thunkApi.getState(), connect = _a.connect, settings = _a.settings;
|
|
149
147
|
isAbsher = connect.data.otpData.isAbsher;
|
|
150
|
-
|
|
148
|
+
_b = connect.data, mobileData = _b.mobileData, nidData = _b.nidData;
|
|
149
|
+
responseBody = (isAbsher ? nidData : mobileData).responseBody;
|
|
151
150
|
payload = {
|
|
152
151
|
data: params.otp,
|
|
153
152
|
auth_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_token,
|
|
@@ -163,95 +162,70 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
|
|
|
163
162
|
};
|
|
164
163
|
return [4, API.authService.verifyAuth(payload)];
|
|
165
164
|
case 1:
|
|
166
|
-
data = (
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
165
|
+
data = (_e.sent()).data;
|
|
166
|
+
if (!data.errors) {
|
|
167
|
+
(_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
|
|
168
|
+
if (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) {
|
|
169
|
+
params_1 = {
|
|
170
|
+
leadId: data === null || data === void 0 ? void 0 : data.lead_id,
|
|
171
|
+
stepName: 'CONNECT_INDIVIDUAL_STEP'
|
|
172
|
+
};
|
|
173
|
+
thunkApi.dispatch(retrieveLead(params_1));
|
|
174
|
+
}
|
|
175
|
+
else {
|
|
176
|
+
params_2 = {
|
|
177
|
+
individualId: data === null || data === void 0 ? void 0 : data.individual_id,
|
|
178
|
+
stepName: 'CONNECT_MERCHANT_INFO_STEP'
|
|
179
|
+
};
|
|
180
|
+
thunkApi.dispatch(createLead(params_2));
|
|
181
|
+
}
|
|
181
182
|
}
|
|
182
|
-
|
|
183
|
-
case 4: return [2, { response: data, leadResponse: leadData === null || leadData === void 0 ? void 0 : leadData.data, formData: params }];
|
|
183
|
+
return [2, { response: data, formData: params }];
|
|
184
184
|
}
|
|
185
185
|
});
|
|
186
186
|
}); });
|
|
187
|
-
export var
|
|
188
|
-
var
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
case 0:
|
|
193
|
-
_a = thunkApi.getState(), connect = _a.connect, settings = _a.settings;
|
|
194
|
-
_b = connect.data, businessCountry = _b.businessCountry, mobileData = _b.mobileData;
|
|
195
|
-
mobile = mobileData.mobile, countryCode = mobileData.countryCode;
|
|
196
|
-
requestBody = {
|
|
197
|
-
user_credentail: {
|
|
198
|
-
phone: mobile || '',
|
|
199
|
-
code: countryCode.idd_prefix.toString()
|
|
200
|
-
},
|
|
201
|
-
device_info: settings.data.deviceInfo,
|
|
202
|
-
sign_in: true,
|
|
203
|
-
step_name: CONNECT_STEP_NAMES.CREATE_AUTH_PASSWORD,
|
|
204
|
-
encryption_contract: ['user_credentail.phone', 'user_credentail.code']
|
|
205
|
-
};
|
|
206
|
-
return [4, API.authService.createAuth(requestBody)];
|
|
187
|
+
export var retrieveLead = createAsyncThunk('retrieveLead', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
188
|
+
var data;
|
|
189
|
+
return __generator(this, function (_a) {
|
|
190
|
+
switch (_a.label) {
|
|
191
|
+
case 0: return [4, API.leadService.retrieveLead(params.leadId)];
|
|
207
192
|
case 1:
|
|
208
|
-
data = (
|
|
193
|
+
data = (_a.sent()).data;
|
|
194
|
+
thunkApi.dispatch(handleNextScreenStep(params.stepName));
|
|
195
|
+
return [2, { response: data, formData: params }];
|
|
196
|
+
}
|
|
197
|
+
});
|
|
198
|
+
}); });
|
|
199
|
+
export var createLead = createAsyncThunk('createLead', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
200
|
+
var connect, businessCountry, payload, data;
|
|
201
|
+
return __generator(this, function (_a) {
|
|
202
|
+
switch (_a.label) {
|
|
203
|
+
case 0:
|
|
204
|
+
connect = thunkApi.getState().connect;
|
|
205
|
+
businessCountry = connect.data.businessCountry;
|
|
209
206
|
payload = {
|
|
210
|
-
|
|
211
|
-
auth_token: data === null || data === void 0 ? void 0 : data.auth_token,
|
|
212
|
-
auth_type: data === null || data === void 0 ? void 0 : data.auth_type,
|
|
213
|
-
device_token: data === null || data === void 0 ? void 0 : data.device_token,
|
|
214
|
-
service_name: data === null || data === void 0 ? void 0 : data.service_name,
|
|
215
|
-
new_user: data === null || data === void 0 ? void 0 : data.new_user,
|
|
216
|
-
sign_in: true,
|
|
217
|
-
remember_me: data === null || data === void 0 ? void 0 : data.remember_me,
|
|
218
|
-
scopes: data === null || data === void 0 ? void 0 : data.scopes,
|
|
219
|
-
step_name: CONNECT_STEP_NAMES.VERIFY_AUTH_PASSWORD,
|
|
220
|
-
encryption_contract: ['data']
|
|
221
|
-
};
|
|
222
|
-
return [4, API.authService.verifyAuth(payload)];
|
|
223
|
-
case 2:
|
|
224
|
-
response = _f.sent();
|
|
225
|
-
leadResponse = undefined;
|
|
226
|
-
leadPayload = {
|
|
227
|
-
individual_id: (_c = response.data) === null || _c === void 0 ? void 0 : _c.individual_id,
|
|
207
|
+
individual_id: params.individualId,
|
|
228
208
|
country_code: businessCountry.iso2
|
|
229
209
|
};
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
(_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, { password: params.password });
|
|
236
|
-
_f.label = 4;
|
|
237
|
-
case 4: return [2, { response: response.data, createAuthResponse: data, leadResponse: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, formData: params }];
|
|
210
|
+
return [4, API.leadService.createLead(payload)];
|
|
211
|
+
case 1:
|
|
212
|
+
data = (_a.sent()).data;
|
|
213
|
+
thunkApi.dispatch(handleNextScreenStep(params.stepName));
|
|
214
|
+
return [2, { response: data, formData: params }];
|
|
238
215
|
}
|
|
239
216
|
});
|
|
240
217
|
}); });
|
|
241
218
|
export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
242
|
-
var _a, settings, connect, isAbsher,
|
|
219
|
+
var _a, settings, connect, isAbsher, payload, data;
|
|
243
220
|
var _b, _c, _d, _e, _f;
|
|
244
221
|
return __generator(this, function (_g) {
|
|
245
222
|
switch (_g.label) {
|
|
246
223
|
case 0:
|
|
247
224
|
_a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
|
|
248
225
|
isAbsher = connect.data.otpData.isAbsher;
|
|
249
|
-
headers = {
|
|
250
|
-
lead_id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
|
|
251
|
-
device_identifier: settings.data.deviceInfo.browser.browser_id
|
|
252
|
-
};
|
|
253
226
|
payload = {
|
|
254
227
|
name: getIndividualName(params.name),
|
|
228
|
+
lead_id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
|
|
255
229
|
contact: {
|
|
256
230
|
email: params.email,
|
|
257
231
|
phone: isAbsher
|
|
@@ -271,7 +245,7 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
|
|
|
271
245
|
'contact.phone.number'
|
|
272
246
|
]
|
|
273
247
|
};
|
|
274
|
-
return [4, API.leadService.updateLead(payload
|
|
248
|
+
return [4, API.leadService.updateLead(payload)];
|
|
275
249
|
case 1:
|
|
276
250
|
data = (_g.sent()).data;
|
|
277
251
|
if (!data.errors) {
|
|
@@ -283,19 +257,12 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
|
|
|
283
257
|
});
|
|
284
258
|
}); });
|
|
285
259
|
export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
286
|
-
var _a, settings, connect,
|
|
287
|
-
var _b, _c, _d, _e, _f, _g
|
|
288
|
-
return __generator(this, function (
|
|
289
|
-
switch (
|
|
260
|
+
var _a, settings, connect, payload, data;
|
|
261
|
+
var _b, _c, _d, _e, _f, _g;
|
|
262
|
+
return __generator(this, function (_h) {
|
|
263
|
+
switch (_h.label) {
|
|
290
264
|
case 0:
|
|
291
265
|
_a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
|
|
292
|
-
isNewUser = (_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.new_user;
|
|
293
|
-
headers = {
|
|
294
|
-
lead_id: !isNewUser
|
|
295
|
-
? (_c = connect.data.passwordData.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id
|
|
296
|
-
: ((_d = connect.data.otpData.responseBody) === null || _d === void 0 ? void 0 : _d.lead_id) || '',
|
|
297
|
-
device_identifier: (_f = (_e = settings.data.deviceInfo) === null || _e === void 0 ? void 0 : _e.browser) === null || _f === void 0 ? void 0 : _f.browser_id
|
|
298
|
-
};
|
|
299
266
|
payload = {
|
|
300
267
|
brand: {
|
|
301
268
|
name: {
|
|
@@ -303,91 +270,97 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
|
|
|
303
270
|
ar: params.brandName,
|
|
304
271
|
zh: params.brandName
|
|
305
272
|
},
|
|
306
|
-
website: (
|
|
307
|
-
social: [(
|
|
273
|
+
website: (_b = params.links) === null || _b === void 0 ? void 0 : _b.website,
|
|
274
|
+
social: [(_c = params.links) === null || _c === void 0 ? void 0 : _c.twitter, (_d = params.links) === null || _d === void 0 ? void 0 : _d.instagram]
|
|
308
275
|
},
|
|
276
|
+
lead_id: ((_e = connect.data.otpData.responseBody) === null || _e === void 0 ? void 0 : _e.lead_id) || '',
|
|
309
277
|
terms_conditions_accepted: params.termAndConditionChecked,
|
|
310
278
|
step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_MERCHANT,
|
|
311
279
|
encryption_contract: ['brand.name.en', 'brand.name.ar', 'brand.name.zh']
|
|
312
280
|
};
|
|
313
|
-
return [4, API.leadService.updateLead(payload
|
|
281
|
+
return [4, API.leadService.updateLead(payload)];
|
|
314
282
|
case 1:
|
|
315
|
-
data = (
|
|
283
|
+
data = (_h.sent()).data;
|
|
316
284
|
if (!data.errors) {
|
|
317
285
|
thunkApi.dispatch(handleNextScreenStep());
|
|
318
|
-
(
|
|
286
|
+
(_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, params);
|
|
319
287
|
}
|
|
320
288
|
return [2, { response: data, formData: params }];
|
|
321
289
|
}
|
|
322
290
|
});
|
|
323
291
|
}); });
|
|
324
|
-
export var checkEmailAvailability = createAsyncThunk('checkEmailAvailability', function (
|
|
325
|
-
var _a,
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
292
|
+
export var checkEmailAvailability = createAsyncThunk('checkEmailAvailability', function (_a, thunkApi) {
|
|
293
|
+
var email = _a.email, cancelToken = _a.cancelToken, onSuccess = _a.onSuccess;
|
|
294
|
+
return __awaiter(void 0, void 0, void 0, function () {
|
|
295
|
+
var _b, settings, connect, headers, requestBody, data;
|
|
296
|
+
var _c, _d, _e;
|
|
297
|
+
return __generator(this, function (_f) {
|
|
298
|
+
switch (_f.label) {
|
|
299
|
+
case 0:
|
|
300
|
+
_b = thunkApi.getState(), settings = _b.settings, connect = _b.connect;
|
|
301
|
+
headers = {
|
|
302
|
+
lead_id: (_c = connect.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id,
|
|
303
|
+
device_identifier: (_e = (_d = settings.data.deviceInfo) === null || _d === void 0 ? void 0 : _d.browser) === null || _e === void 0 ? void 0 : _e.browser_id
|
|
304
|
+
};
|
|
305
|
+
requestBody = {
|
|
306
|
+
email: email
|
|
307
|
+
};
|
|
308
|
+
return [4, API.availabilityServices.checkEmail(requestBody, { headers: headers, cancelToken: cancelToken })];
|
|
309
|
+
case 1:
|
|
310
|
+
data = (_f.sent()).data;
|
|
311
|
+
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
|
|
312
|
+
if (!data.errors)
|
|
313
|
+
return [2, { response: data, formData: email }];
|
|
314
|
+
return [2];
|
|
315
|
+
}
|
|
316
|
+
});
|
|
345
317
|
});
|
|
346
|
-
});
|
|
347
|
-
export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailability', function (
|
|
348
|
-
var _a,
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
318
|
+
});
|
|
319
|
+
export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailability', function (_a, thunkApi) {
|
|
320
|
+
var cancelToken = _a.cancelToken, name = _a.name, onSuccess = _a.onSuccess;
|
|
321
|
+
return __awaiter(void 0, void 0, void 0, function () {
|
|
322
|
+
var _b, settings, connect, headers, requestBody, data;
|
|
323
|
+
var _c, _d, _e;
|
|
324
|
+
return __generator(this, function (_f) {
|
|
325
|
+
switch (_f.label) {
|
|
326
|
+
case 0:
|
|
327
|
+
_b = thunkApi.getState(), settings = _b.settings, connect = _b.connect;
|
|
328
|
+
headers = {
|
|
329
|
+
lead_id: ((_c = connect.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id) || '',
|
|
330
|
+
device_identifier: (_e = (_d = settings.data.deviceInfo) === null || _d === void 0 ? void 0 : _d.browser) === null || _e === void 0 ? void 0 : _e.browser_id
|
|
331
|
+
};
|
|
332
|
+
requestBody = {
|
|
333
|
+
profile_name: name
|
|
334
|
+
};
|
|
335
|
+
return [4, API.availabilityServices.checkBrand(requestBody, { headers: headers, cancelToken: cancelToken })];
|
|
336
|
+
case 1:
|
|
337
|
+
data = (_f.sent()).data;
|
|
338
|
+
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
|
|
339
|
+
if (!data.errors)
|
|
340
|
+
return [2, { response: data, formData: { name: name } }];
|
|
341
|
+
return [2];
|
|
342
|
+
}
|
|
343
|
+
});
|
|
368
344
|
});
|
|
369
|
-
});
|
|
345
|
+
});
|
|
370
346
|
export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
|
|
371
|
-
var _a, settings, connect,
|
|
372
|
-
var _b, _c, _d, _e, _f
|
|
373
|
-
return __generator(this, function (
|
|
374
|
-
switch (
|
|
347
|
+
var _a, settings, connect, payload, data;
|
|
348
|
+
var _b, _c, _d, _e, _f;
|
|
349
|
+
return __generator(this, function (_g) {
|
|
350
|
+
switch (_g.label) {
|
|
375
351
|
case 0:
|
|
376
352
|
_a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
|
|
377
|
-
headers = {
|
|
378
|
-
lead_id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
|
|
379
|
-
device_identifier: (_d = (_c = settings.data.deviceInfo) === null || _c === void 0 ? void 0 : _c.browser) === null || _d === void 0 ? void 0 : _d.browser_id
|
|
380
|
-
};
|
|
381
353
|
payload = {
|
|
382
354
|
step_name: CONNECT_STEP_NAMES.CONNECT_SUCCESS,
|
|
383
355
|
email_url: getClientEmailUrl(),
|
|
356
|
+
lead_id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
|
|
384
357
|
encryption_contract: []
|
|
385
358
|
};
|
|
386
|
-
return [4, API.leadService.updateLead(payload
|
|
359
|
+
return [4, API.leadService.updateLead(payload)];
|
|
387
360
|
case 1:
|
|
388
|
-
data = (
|
|
389
|
-
(
|
|
390
|
-
(
|
|
361
|
+
data = (_g.sent()).data;
|
|
362
|
+
(_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
|
|
363
|
+
(_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
|
|
391
364
|
return [2, { response: data, formData: params }];
|
|
392
365
|
}
|
|
393
366
|
});
|
|
@@ -395,7 +368,6 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
|
|
|
395
368
|
var initialState = {
|
|
396
369
|
error: null,
|
|
397
370
|
loading: false,
|
|
398
|
-
searchActive: false,
|
|
399
371
|
data: {
|
|
400
372
|
businessCountry: defaultCountry,
|
|
401
373
|
countries: [],
|
|
@@ -412,9 +384,6 @@ var initialState = {
|
|
|
412
384
|
otp: '',
|
|
413
385
|
isAbsher: false
|
|
414
386
|
},
|
|
415
|
-
passwordData: {
|
|
416
|
-
password: ''
|
|
417
|
-
},
|
|
418
387
|
individualData: {
|
|
419
388
|
name: '',
|
|
420
389
|
email: '',
|
|
@@ -449,8 +418,6 @@ export var connectSlice = createSlice({
|
|
|
449
418
|
resetOTPScreen: function (state) {
|
|
450
419
|
state.data.otpData.otp = '';
|
|
451
420
|
},
|
|
452
|
-
resetPasswordScreen: function (state) {
|
|
453
|
-
},
|
|
454
421
|
resetIndividualScreen: function (state) {
|
|
455
422
|
state.data.individualData = initialState.data.individualData;
|
|
456
423
|
},
|
|
@@ -520,17 +487,33 @@ export var connectSlice = createSlice({
|
|
|
520
487
|
})
|
|
521
488
|
.addCase(verifyAuth.fulfilled, function (state, action) {
|
|
522
489
|
var _a;
|
|
523
|
-
state.loading = false;
|
|
524
490
|
state.error = null;
|
|
525
|
-
var _b = action.payload, formData = _b.formData, response = _b.response
|
|
491
|
+
var _b = action.payload, formData = _b.formData, response = _b.response;
|
|
526
492
|
var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
|
|
527
493
|
if (description) {
|
|
494
|
+
state.loading = false;
|
|
528
495
|
state.error = description;
|
|
529
496
|
return;
|
|
530
497
|
}
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
498
|
+
state.data.otpData.responseBody = response;
|
|
499
|
+
state.data.otpData.otp = formData.otp;
|
|
500
|
+
})
|
|
501
|
+
.addCase(verifyAuth.pending, function (state) {
|
|
502
|
+
state.loading = true;
|
|
503
|
+
state.error = null;
|
|
504
|
+
})
|
|
505
|
+
.addCase(verifyAuth.rejected, function (state, action) {
|
|
506
|
+
state.loading = false;
|
|
507
|
+
state.error = action.error.message;
|
|
508
|
+
})
|
|
509
|
+
.addCase(retrieveLead.fulfilled, function (state, action) {
|
|
510
|
+
var _a;
|
|
511
|
+
state.loading = false;
|
|
512
|
+
state.error = null;
|
|
513
|
+
var response = action.payload.response;
|
|
514
|
+
var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
|
|
515
|
+
if (!!response && !description) {
|
|
516
|
+
var name_1 = response.name, contact = response.contact;
|
|
534
517
|
var email = (contact || {}).email;
|
|
535
518
|
var firstName = (name_1 === null || name_1 === void 0 ? void 0 : name_1.first) + ' ';
|
|
536
519
|
var middleName = !!(name_1 === null || name_1 === void 0 ? void 0 : name_1.middle) ? (name_1 === null || name_1 === void 0 ? void 0 : name_1.middle) + ' ' : '';
|
|
@@ -543,37 +526,31 @@ export var connectSlice = createSlice({
|
|
|
543
526
|
if (!!email)
|
|
544
527
|
state.data.individualData.email = email;
|
|
545
528
|
}
|
|
546
|
-
state.data.otpData.otp = formData.otp;
|
|
547
|
-
state.data.otpData.responseBody = response;
|
|
548
529
|
})
|
|
549
|
-
.addCase(
|
|
530
|
+
.addCase(retrieveLead.pending, function (state) {
|
|
550
531
|
state.loading = true;
|
|
551
532
|
state.error = null;
|
|
552
533
|
})
|
|
553
|
-
.addCase(
|
|
534
|
+
.addCase(retrieveLead.rejected, function (state, action) {
|
|
554
535
|
state.loading = false;
|
|
555
536
|
state.error = action.error.message;
|
|
556
537
|
})
|
|
557
|
-
.addCase(
|
|
558
|
-
var _a
|
|
538
|
+
.addCase(createLead.fulfilled, function (state, action) {
|
|
539
|
+
var _a;
|
|
559
540
|
state.loading = false;
|
|
560
541
|
state.error = null;
|
|
561
|
-
var
|
|
562
|
-
var
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
state.error = (error === null || error === void 0 ? void 0 : error.description) || description;
|
|
567
|
-
return;
|
|
542
|
+
var response = action.payload.response;
|
|
543
|
+
var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
|
|
544
|
+
if (!!response && !description) {
|
|
545
|
+
state.data.brandData.brandList = BRAND_LIST;
|
|
546
|
+
state.data.otpData.responseBody = response;
|
|
568
547
|
}
|
|
569
|
-
state.data.passwordData.password = formData.password;
|
|
570
|
-
state.data.passwordData.responseBody = leadResponse;
|
|
571
548
|
})
|
|
572
|
-
.addCase(
|
|
549
|
+
.addCase(createLead.pending, function (state) {
|
|
573
550
|
state.loading = true;
|
|
574
551
|
state.error = null;
|
|
575
552
|
})
|
|
576
|
-
.addCase(
|
|
553
|
+
.addCase(createLead.rejected, function (state, action) {
|
|
577
554
|
state.loading = false;
|
|
578
555
|
state.error = action.error.message;
|
|
579
556
|
})
|
|
@@ -621,30 +598,28 @@ export var connectSlice = createSlice({
|
|
|
621
598
|
})
|
|
622
599
|
.addCase(checkEmailAvailability.fulfilled, function (state, action) {
|
|
623
600
|
var _a;
|
|
624
|
-
state.searchActive = false;
|
|
625
601
|
state.error = null;
|
|
626
602
|
state.data.individualData.responseBody = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.response;
|
|
627
603
|
})
|
|
628
604
|
.addCase(checkEmailAvailability.pending, function (state) {
|
|
629
|
-
state.searchActive = true;
|
|
630
605
|
state.error = null;
|
|
631
606
|
})
|
|
632
607
|
.addCase(checkEmailAvailability.rejected, function (state, action) {
|
|
633
|
-
|
|
608
|
+
if (action.error.message === 'Aborted')
|
|
609
|
+
return;
|
|
634
610
|
state.error = action.error.message;
|
|
635
611
|
})
|
|
636
612
|
.addCase(checkBrandNameAvailability.fulfilled, function (state, action) {
|
|
637
613
|
var _a;
|
|
638
|
-
state.searchActive = false;
|
|
639
614
|
state.error = null;
|
|
640
615
|
state.data.brandData.responseBody = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.response;
|
|
641
616
|
})
|
|
642
617
|
.addCase(checkBrandNameAvailability.pending, function (state) {
|
|
643
|
-
state.searchActive = true;
|
|
644
618
|
state.error = null;
|
|
645
619
|
})
|
|
646
620
|
.addCase(checkBrandNameAvailability.rejected, function (state, action) {
|
|
647
|
-
|
|
621
|
+
if (action.error.message === 'Aborted')
|
|
622
|
+
return;
|
|
648
623
|
state.error = action.error.message;
|
|
649
624
|
})
|
|
650
625
|
.addCase(updateLeadSuccess.fulfilled, function (state, action) {
|
|
@@ -669,6 +644,6 @@ export var connectSlice = createSlice({
|
|
|
669
644
|
});
|
|
670
645
|
}
|
|
671
646
|
});
|
|
672
|
-
export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetMobileScreen = _a.resetMobileScreen, resetOTPScreen = _a.resetOTPScreen, resetIndividualScreen = _a.resetIndividualScreen, resetMerchantScreen = _a.resetMerchantScreen, resetNIDScreen = _a.resetNIDScreen
|
|
647
|
+
export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetMobileScreen = _a.resetMobileScreen, resetOTPScreen = _a.resetOTPScreen, resetIndividualScreen = _a.resetIndividualScreen, resetMerchantScreen = _a.resetMerchantScreen, resetNIDScreen = _a.resetNIDScreen;
|
|
673
648
|
export default connectSlice.reducer;
|
|
674
649
|
export var connectSelector = function (state) { return state.connect; };
|
|
@@ -18,10 +18,10 @@ import { store } from '../../app/store';
|
|
|
18
18
|
import { ReduxProvider, ThemeProvider } from '../../components/Providers';
|
|
19
19
|
import Collapse from '../../components/Collapse';
|
|
20
20
|
import { reactElement } from '../../utils';
|
|
21
|
+
import { FeatureContainer } from '../shared/Containers';
|
|
21
22
|
import { BANK_SCREENS_NAVIGATION } from '../../constants';
|
|
22
23
|
import { bankFeatureScreens } from '../featuresScreens';
|
|
23
24
|
import CustomFooter from '../shared/Footer';
|
|
24
|
-
import { FeatureContainer } from '../shared/Containers';
|
|
25
25
|
var Bank = memo(function (props) {
|
|
26
26
|
var open = React.useState(true)[0];
|
|
27
27
|
var theme = useAppTheme().theme;
|
|
@@ -11,10 +11,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import React, { memo, useEffect } from 'react';
|
|
14
|
-
import { styled } from '@mui/material/styles';
|
|
15
|
-
import Box from '@mui/material/Box';
|
|
16
14
|
import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener } from '../../hooks';
|
|
17
15
|
import { settingsSelector } from '../../app/settings';
|
|
16
|
+
import { FeatureContainer } from '../shared/Containers';
|
|
18
17
|
import { getCountries, verifyLeadToken } from '../app/business/businessStore';
|
|
19
18
|
import AnimationFlow from '../../components/AnimationFlow';
|
|
20
19
|
import { store } from '../../app/store';
|
|
@@ -24,18 +23,6 @@ import { getParameterByName, reactElement } from '../../utils';
|
|
|
24
23
|
import { BUSINESS_SCREENS_NAVIGATION } from '../../constants';
|
|
25
24
|
import { businessFeatureScreens } from '../featuresScreens';
|
|
26
25
|
import CustomFooter from '../shared/Footer';
|
|
27
|
-
var Container = styled(Box)(function (_a) {
|
|
28
|
-
var _b;
|
|
29
|
-
var theme = _a.theme;
|
|
30
|
-
return (_b = {
|
|
31
|
-
width: '100%',
|
|
32
|
-
minHeight: theme.spacing(20)
|
|
33
|
-
},
|
|
34
|
-
_b[theme.transitions.create('height')] = {
|
|
35
|
-
duration: theme.transitions.duration.enteringScreen
|
|
36
|
-
},
|
|
37
|
-
_b);
|
|
38
|
-
});
|
|
39
26
|
var Business = memo(function (props) {
|
|
40
27
|
var open = React.useState(true)[0];
|
|
41
28
|
var theme = useAppTheme().theme;
|
|
@@ -57,7 +44,7 @@ var Business = memo(function (props) {
|
|
|
57
44
|
useEffect(function () {
|
|
58
45
|
dispatch(getCountries());
|
|
59
46
|
}, []);
|
|
60
|
-
return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(
|
|
47
|
+
return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: businessFeatureScreens.map(function (_a, index) {
|
|
61
48
|
var Element = _a.element, name = _a.name;
|
|
62
49
|
var isActive = activeScreen.name === name;
|
|
63
50
|
return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface EmailProps {
|
|
3
3
|
show: boolean;
|
|
4
|
+
fetchingEmail: (flag: boolean) => void;
|
|
5
|
+
emailChecking: boolean;
|
|
4
6
|
}
|
|
5
|
-
declare const _default: React.MemoExoticComponent<({ show }: EmailProps) => JSX.Element>;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<({ show, fetchingEmail, emailChecking }: EmailProps) => JSX.Element>;
|
|
6
8
|
export default _default;
|