@tap-payments/auth-jsconnect 2.0.70-test → 2.0.72-test

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/build/@types/app.d.ts +5 -2
  2. package/build/@types/form.d.ts +4 -1
  3. package/build/api/brand.d.ts +2 -1
  4. package/build/api/brand.js +10 -1
  5. package/build/api/data.d.ts +2 -0
  6. package/build/api/data.js +16 -1
  7. package/build/api/entity.d.ts +3 -1
  8. package/build/api/index.d.ts +2 -0
  9. package/build/api/individual.d.ts +48 -19
  10. package/build/constants/api.d.ts +2 -0
  11. package/build/constants/api.js +5 -1
  12. package/build/features/app/business/businessStore.d.ts +1 -2
  13. package/build/features/app/business/businessStore.js +72 -118
  14. package/build/features/app/connect/connectStore.d.ts +1 -0
  15. package/build/features/app/connect/connectStore.js +106 -60
  16. package/build/features/app/entity/entityStore.js +3 -3
  17. package/build/features/business/screens/Activities/Activities.js +1 -6
  18. package/build/features/business/screens/Activities/ActivitiesList.js +7 -6
  19. package/build/features/business/screens/Activities/SalesChannels.d.ts +0 -3
  20. package/build/features/business/screens/Activities/SalesChannels.js +0 -96
  21. package/build/features/business/screens/Activities/validation.d.ts +0 -51
  22. package/build/features/business/screens/Activities/validation.js +0 -9
  23. package/build/features/business/screens/CivilID/CivilID.js +2 -3
  24. package/build/features/business/screens/Customers/CustomerLocations.js +0 -1
  25. package/build/features/business/screens/Customers/ExpectedSalesRange.js +6 -6
  26. package/build/features/connect/screens/Merchant/Merchant.js +9 -1
  27. package/build/features/connect/screens/Mobile/Mobile.js +4 -1
  28. package/build/features/entity/screens/EntityInfoConfirm/ActivitiesList.js +6 -5
  29. package/package.json +129 -129
package/build/features/app/connect/connectStore.d.ts CHANGED
@@ -23,6 +23,7 @@ export declare const verifyAuth: import("@reduxjs/toolkit").AsyncThunk<{
23
23
  response: any;
24
24
  formData: OTPFormValues;
25
25
  leadData: any;
26
+ selectedChannels: any;
26
27
  }, OTPFormValues, {}>;
27
28
  interface verifyPACIParams {
28
29
  onSuccess?: () => void | Promise<void>;
package/build/features/app/connect/connectStore.js CHANGED
@@ -215,16 +215,17 @@ export var resendOTPNID = createAsyncThunk('resendOTPNID', function (params, thu
215
215
  });
216
216
  }); });
217
217
  export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
218
- var _a, connect, settings, isAbsher, _b, mobileData, nidData, responseBody, individualInfo, payload, data, leadData, isNewUser, params_1;
219
- var _c, _d;
220
- return __generator(this, function (_e) {
221
- switch (_e.label) {
218
+ var _a, connect, settings, isAbsher, _b, mobileData, nidData, responseBody, individualInfo, selectedChannels, payload, data, leadData, isNewUser, brand, params_1;
219
+ var _c, _d, _e, _f;
220
+ return __generator(this, function (_g) {
221
+ switch (_g.label) {
222
222
  case 0:
223
223
  _a = thunkApi.getState(), connect = _a.connect, settings = _a.settings;
224
224
  isAbsher = connect.data.otpData.isAbsher;
225
225
  _b = connect.data, mobileData = _b.mobileData, nidData = _b.nidData;
226
226
  responseBody = (isAbsher ? nidData : mobileData).responseBody;
227
227
  individualInfo = undefined;
228
+ selectedChannels = undefined;
228
229
  payload = {
229
230
  data: params.otp,
230
231
  auth_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_token,
@@ -239,20 +240,26 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
239
240
  };
240
241
  return [4, API.authService.verifyAuth(payload)];
241
242
  case 1:
242
- data = (_e.sent()).data;
243
- if (!!data.errors) return [3, 5];
243
+ data = (_g.sent()).data;
244
+ if (!!data.errors) return [3, 7];
244
245
  (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
245
246
  return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.lead_id)];
246
247
  case 2:
247
- leadData = (_e.sent()).data;
248
+ leadData = (_g.sent()).data;
248
249
  individualInfo = leadData;
249
250
  isNewUser = leadData === null || leadData === void 0 ? void 0 : leadData.is_new_individual;
250
- return [4, thunkApi.dispatch(retrieveBrandList(individualInfo === null || individualInfo === void 0 ? void 0 : individualInfo.individual_id))];
251
+ if (!!!((_e = leadData === null || leadData === void 0 ? void 0 : leadData.brand) === null || _e === void 0 ? void 0 : _e.id)) return [3, 4];
252
+ return [4, API.brandService.retrieveBrand((_f = leadData === null || leadData === void 0 ? void 0 : leadData.brand) === null || _f === void 0 ? void 0 : _f.id)];
251
253
  case 3:
252
- _e.sent();
254
+ brand = (_g.sent()).brand;
255
+ selectedChannels = brand === null || brand === void 0 ? void 0 : brand.channel_services;
256
+ _g.label = 4;
257
+ case 4: return [4, thunkApi.dispatch(retrieveBrandList(individualInfo === null || individualInfo === void 0 ? void 0 : individualInfo.individual_id))];
258
+ case 5:
259
+ _g.sent();
253
260
  return [4, thunkApi.dispatch(retrieveChannels())];
254
- case 4:
255
- _e.sent();
261
+ case 6:
262
+ _g.sent();
256
263
  if (!(data === null || data === void 0 ? void 0 : data.lead_id)) {
257
264
  params_1 = {
258
265
  individualId: data === null || data === void 0 ? void 0 : data.individual_id,
@@ -265,20 +272,19 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
265
272
  ? thunkApi.dispatch(handleNextScreenStep('CONNECT_INDIVIDUAL_STEP'))
266
273
  : thunkApi.dispatch(handleNextScreenStep('CONNECT_MERCHANT_INFO_STEP'));
267
274
  }
268
- _e.label = 5;
269
- case 5: return [2, { response: data, formData: params, leadData: individualInfo }];
275
+ _g.label = 7;
276
+ case 7: return [2, { response: data, formData: params, leadData: individualInfo, selectedChannels: selectedChannels }];
270
277
  }
271
278
  });
272
279
  }); });
273
280
  export var verifyPACI = createAsyncThunk('verifyPACI', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
274
- var _a, settings, connect, responseBody, leadBody, expiry, interval, maxCalls, response, count, data, isSuccess, leadBody_1, leadBody_2;
281
+ var _a, settings, connect, responseBody, expiry, interval, maxCalls, response, count, data, isSuccess, leadData, leadBody;
275
282
  var _b, _c, _d, _e;
276
283
  return __generator(this, function (_f) {
277
284
  switch (_f.label) {
278
285
  case 0:
279
286
  _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
280
287
  responseBody = connect.data.civilIdData.responseBody;
281
- leadBody = connect.data.otpData.responseBody;
282
288
  expiry = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.expiry) || 120;
283
289
  interval = 3;
284
290
  maxCalls = Math.floor(expiry / interval);
@@ -286,49 +292,49 @@ export var verifyPACI = createAsyncThunk('verifyPACI', function (params, thunkAp
286
292
  count = 1;
287
293
  _f.label = 1;
288
294
  case 1:
289
- if (!(count <= maxCalls)) return [3, 7];
295
+ if (!(count <= maxCalls)) return [3, 8];
290
296
  if (thunkApi.signal.aborted) {
291
- return [3, 7];
297
+ return [3, 8];
292
298
  }
293
299
  return [4, API.authService.getVerifyAuth(responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_token)];
294
300
  case 2:
295
301
  data = _f.sent();
296
302
  response = data;
297
- if (count === 1 && (leadBody === null || leadBody === void 0 ? void 0 : leadBody.is_new_individual) === false) {
298
- thunkApi.dispatch(retrieveBrandList(data === null || data === void 0 ? void 0 : data.individual_id));
299
- thunkApi.dispatch(retrieveChannels());
300
- }
301
303
  isSuccess = ((_b = data.status) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'success';
302
- if (!isSuccess) return [3, 4];
304
+ if (!isSuccess) return [3, 5];
303
305
  return [4, ((_c = params === null || params === void 0 ? void 0 : params.onSuccess) === null || _c === void 0 ? void 0 : _c.call(params))];
304
306
  case 3:
305
307
  _f.sent();
306
- if ((leadBody === null || leadBody === void 0 ? void 0 : leadBody.is_new_individual) && (data === null || data === void 0 ? void 0 : data.lead_id)) {
307
- leadBody_1 = {
308
- leadId: data === null || data === void 0 ? void 0 : data.lead_id,
309
- stepName: 'CONNECT_INDIVIDUAL_STEP'
310
- };
311
- thunkApi.dispatch(retrieveLead(leadBody_1));
308
+ return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.lead_id)];
309
+ case 4:
310
+ leadData = (_f.sent()).data;
311
+ response = __assign(__assign({}, response), leadData);
312
+ if (count === 1 && (leadData === null || leadData === void 0 ? void 0 : leadData.is_new_individual) === false) {
313
+ thunkApi.dispatch(retrieveBrandList(data === null || data === void 0 ? void 0 : data.individual_id));
314
+ thunkApi.dispatch(retrieveChannels());
315
+ }
316
+ if ((leadData === null || leadData === void 0 ? void 0 : leadData.is_new_individual) && (data === null || data === void 0 ? void 0 : data.lead_id)) {
317
+ thunkApi.dispatch(handleNextScreenStep('CONNECT_INDIVIDUAL_STEP'));
312
318
  }
313
319
  else if (!(data === null || data === void 0 ? void 0 : data.lead_id) && (data === null || data === void 0 ? void 0 : data.individual_id)) {
314
- leadBody_2 = {
320
+ leadBody = {
315
321
  individualId: data === null || data === void 0 ? void 0 : data.individual_id,
316
322
  stepName: 'CONNECT_MERCHANT_INFO_STEP'
317
323
  };
318
- thunkApi.dispatch(createLead(leadBody_2));
324
+ thunkApi.dispatch(createLead(leadBody));
319
325
  }
320
326
  else
321
327
  thunkApi.dispatch(handleNextScreenStep('CONNECT_MERCHANT_INFO_STEP'));
322
328
  (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, {});
323
- return [3, 7];
324
- case 4: return [4, sleep(interval * 1000)];
325
- case 5:
326
- _f.sent();
327
- _f.label = 6;
329
+ return [3, 8];
330
+ case 5: return [4, sleep(interval * 1000)];
328
331
  case 6:
332
+ _f.sent();
333
+ _f.label = 7;
334
+ case 7:
329
335
  count++;
330
336
  return [3, 1];
331
- case 7: return [2, { response: response }];
337
+ case 8: return [2, { response: response }];
332
338
  }
333
339
  });
334
340
  }); });
@@ -438,48 +444,66 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
438
444
  });
439
445
  }); });
440
446
  export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
441
- var _a, settings, connect, instagram, twitter, _b, otpData, brandData, isAbsher, responseBody, isExistingUser, isOther, brand, payload, data;
442
- var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
443
- return __generator(this, function (_q) {
444
- switch (_q.label) {
447
+ var _a, settings, connect, instagram, twitter, _b, otpData, brandData, responseBody, isExistingUser, isOther, brand, payload, data, hasWebsite, hasTwitter, hasInstagram, hasAppleApp, hasPlayApp, hasCallCenter, hasPhysicalStore, links, salesBackendBody, salesChannelsPayload;
448
+ var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
449
+ return __generator(this, function (_w) {
450
+ switch (_w.label) {
445
451
  case 0:
446
452
  _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
447
453
  instagram = !!((_c = params.links) === null || _c === void 0 ? void 0 : _c.instagram) ? "".concat(INSTAGRAM_URL, "/").concat((_d = params.links) === null || _d === void 0 ? void 0 : _d.instagram) : '';
448
454
  twitter = !!((_e = params.links) === null || _e === void 0 ? void 0 : _e.twitter) ? "".concat(TWITTER_URL, "/").concat((_f = params.links) === null || _f === void 0 ? void 0 : _f.twitter) : '';
449
455
  _b = connect.data, otpData = _b.otpData, brandData = _b.brandData;
450
- isAbsher = otpData.isAbsher;
451
456
  responseBody = otpData.responseBody;
452
457
  isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.is_new_individual) === false;
453
458
  isOther = !!((_g = params.selectedBrandItem) === null || _g === void 0 ? void 0 : _g.id) ? ((_h = params.selectedBrandItem) === null || _h === void 0 ? void 0 : _h.id) === 'other' : true;
454
- brand = __assign({ name: {
459
+ brand = {
460
+ name: {
455
461
  en: params.brandName,
456
462
  ar: params.brandName,
457
463
  zh: params.brandName
458
- }, website: (_j = params.links) === null || _j === void 0 ? void 0 : _j.website, social: [twitter, instagram] }, (isExistingUser &&
459
- !isOther && {
460
- id: (_k = params.selectedBrandItem) === null || _k === void 0 ? void 0 : _k.id,
461
- name: undefined
462
- }));
464
+ }
465
+ };
463
466
  payload = {
464
467
  brand: brand,
465
- id: (isExistingUser ? (_l = brandData.responseBody) === null || _l === void 0 ? void 0 : _l.lead_id : (_m = otpData.responseBody) === null || _m === void 0 ? void 0 : _m.lead_id) || '',
468
+ id: (isExistingUser ? (_j = brandData.responseBody) === null || _j === void 0 ? void 0 : _j.lead_id : (_k = otpData.responseBody) === null || _k === void 0 ? void 0 : _k.lead_id) || '',
466
469
  terms_conditions_accepted: isExistingUser && !isOther ? undefined : params.termAndConditionChecked,
467
470
  step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_BRAND,
468
- encryption_contract: [
469
- 'brand.name.en',
470
- 'brand.name.ar',
471
- 'brand.name.zh',
472
- 'brand.website',
473
- 'brand.social[0]',
474
- 'brand.social[1]'
475
- ]
471
+ encryption_contract: ['brand.name.en', 'brand.name.ar', 'brand.name.zh']
476
472
  };
477
473
  return [4, API.leadService.updateLead(payload)];
478
474
  case 1:
479
- data = _q.sent();
475
+ data = _w.sent();
476
+ hasWebsite = !!((_l = params.links) === null || _l === void 0 ? void 0 : _l.website);
477
+ hasTwitter = !!((_m = params.links) === null || _m === void 0 ? void 0 : _m.twitter);
478
+ hasInstagram = !!((_o = params.links) === null || _o === void 0 ? void 0 : _o.instagram);
479
+ hasAppleApp = !!((_p = params.links) === null || _p === void 0 ? void 0 : _p.apple_store);
480
+ hasPlayApp = !!((_q = params.links) === null || _q === void 0 ? void 0 : _q.play_store);
481
+ hasCallCenter = !!((_r = params.links) === null || _r === void 0 ? void 0 : _r.call_center);
482
+ hasPhysicalStore = !!((_s = params.links) === null || _s === void 0 ? void 0 : _s.physical_store);
483
+ links = params.links;
484
+ salesBackendBody = [];
485
+ if (hasWebsite)
486
+ salesBackendBody === null || salesBackendBody === void 0 ? void 0 : salesBackendBody.push({ id: 'sales_channel_7VoC2322123xgg9250S9L806', address: links.website });
487
+ if (hasTwitter)
488
+ salesBackendBody === null || salesBackendBody === void 0 ? void 0 : salesBackendBody.push({ id: 'sales_channel_cLGQ2322123rmQk259q9s815', address: links.twitter });
489
+ if (hasInstagram)
490
+ salesBackendBody === null || salesBackendBody === void 0 ? void 0 : salesBackendBody.push({ id: 'sales_channel_cLGQ2322123rmQk259q9s815', address: links.instagram });
491
+ if (hasAppleApp)
492
+ salesBackendBody === null || salesBackendBody === void 0 ? void 0 : salesBackendBody.push({ id: 'sales_channel_2kLg2322123pK5C25V49K815', address: links.apple_store });
493
+ if (hasPlayApp)
494
+ salesBackendBody === null || salesBackendBody === void 0 ? void 0 : salesBackendBody.push({ id: 'sales_channel_2kLg2322123pK5C25V49K815', address: links.play_store });
495
+ if (hasCallCenter)
496
+ salesBackendBody === null || salesBackendBody === void 0 ? void 0 : salesBackendBody.push({ id: 'sales_channel_aCg923221233eUv255x9V816', address: links.call_center });
497
+ if (hasPhysicalStore)
498
+ salesBackendBody === null || salesBackendBody === void 0 ? void 0 : salesBackendBody.push({ id: 'sales_channel_1aQ52322123Xt7K25Qv9d815', address: links.physical_store });
499
+ salesChannelsPayload = {
500
+ id: (_t = data === null || data === void 0 ? void 0 : data.brand) === null || _t === void 0 ? void 0 : _t.id,
501
+ channel_services: salesBackendBody
502
+ };
503
+ API.brandService.updateBrandSales(salesChannelsPayload);
480
504
  thunkApi.dispatch(updateLeadSuccess());
481
505
  thunkApi.dispatch(handleNextScreenStep());
482
- (_p = (_o = settings.data.appConfig).onStepCompleted) === null || _p === void 0 ? void 0 : _p.call(_o, settings.data.activeScreen.name, params);
506
+ (_v = (_u = settings.data.appConfig).onStepCompleted) === null || _v === void 0 ? void 0 : _v.call(_u, settings.data.activeScreen.name, params);
483
507
  return [2, { response: data, formData: params }];
484
508
  }
485
509
  });
@@ -592,7 +616,11 @@ var initialState = {
592
616
  links: {
593
617
  website: '',
594
618
  twitter: '',
595
- instagram: ''
619
+ instagram: '',
620
+ apple_store: '',
621
+ play_store: '',
622
+ call_center: '',
623
+ physical_store: ''
596
624
  },
597
625
  selectedBrandItem: {},
598
626
  responseBody: {
@@ -696,9 +724,27 @@ export var connectSlice = createSlice({
696
724
  state.error = null;
697
725
  })
698
726
  .addCase(verifyPACI.fulfilled, function (state, action) {
727
+ var _a;
699
728
  state.loading = false;
700
729
  state.error = null;
701
730
  state.data.otpData.responseBody = action.payload.response;
731
+ var _b = action.payload.response, name = _b.name, contact = _b.contact, brand = _b.brand;
732
+ var _c = contact || {}, email = _c.email, phone = _c.phone;
733
+ var firstName = (name === null || name === void 0 ? void 0 : name.first) + ' ';
734
+ var middleName = !!(name === null || name === void 0 ? void 0 : name.middle) ? (name === null || name === void 0 ? void 0 : name.middle) + ' ' : '';
735
+ var thirdName = !!(name === null || name === void 0 ? void 0 : name.third) ? (name === null || name === void 0 ? void 0 : name.third) + ' ' : '';
736
+ var lastName = !!(name === null || name === void 0 ? void 0 : name.last) ? name === null || name === void 0 ? void 0 : name.last : '';
737
+ if (!!name) {
738
+ var capitalizedName = capitalizeTheFirstLetterOfEachWord(firstName + middleName + thirdName + lastName);
739
+ state.data.individualData.name = capitalizedName;
740
+ }
741
+ if (!!email)
742
+ state.data.individualData.email = email;
743
+ if (!!(phone === null || phone === void 0 ? void 0 : phone.number))
744
+ state.data.individualData.mobile = phone === null || phone === void 0 ? void 0 : phone.number;
745
+ state.data.brandData.brandName = (_a = brand === null || brand === void 0 ? void 0 : brand.name) === null || _a === void 0 ? void 0 : _a.en;
746
+ state.data.brandData.links.website = brand === null || brand === void 0 ? void 0 : brand.website;
747
+ state.data.otpData.responseBody = action.payload.response;
702
748
  })
703
749
  .addCase(verifyPACI.rejected, function (state, action) {
704
750
  state.loading = false;
@@ -750,7 +796,7 @@ export var connectSlice = createSlice({
750
796
  .addCase(verifyAuth.fulfilled, function (state, action) {
751
797
  var _a, _b;
752
798
  state.error = null;
753
- var _c = action.payload, formData = _c.formData, response = _c.response, leadData = _c.leadData;
799
+ var _c = action.payload, formData = _c.formData, response = _c.response, leadData = _c.leadData, selectedChannels = _c.selectedChannels;
754
800
  var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
755
801
  if (description) {
756
802
  state.loading = false;
package/build/features/app/entity/entityStore.js CHANGED
@@ -172,8 +172,8 @@ export var updateEntityInfo = createAsyncThunk('updateEntityInfo', function (par
172
172
  requestBody = {
173
173
  id: (_c = (_b = entity.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.id,
174
174
  activities: (_d = (params.activities || [])) === null || _d === void 0 ? void 0 : _d.map(function (_a) {
175
- var en = _a.en;
176
- return en;
175
+ var id = _a.id;
176
+ return ({ id: id });
177
177
  }),
178
178
  license_name: params.licenseName,
179
179
  license_number: params.licenseNumber,
@@ -313,7 +313,7 @@ export var entitySlice = createSlice({
313
313
  var activities = (entity === null || entity === void 0 ? void 0 : entity.activities) || [];
314
314
  var selectedActivity = activities === null || activities === void 0 ? void 0 : activities.filter(function (activity) {
315
315
  var _a;
316
- return (_a = brand === null || brand === void 0 ? void 0 : brand.activities) === null || _a === void 0 ? void 0 : _a.find(function (value) { var _a; return ((_a = activity.en) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === value.toLowerCase(); });
316
+ return (_a = brand === null || brand === void 0 ? void 0 : brand.activities) === null || _a === void 0 ? void 0 : _a.find(function (value) { return value.id === activity.id; });
317
317
  });
318
318
  state.data.entityData.activities = (selectedActivity === null || selectedActivity === void 0 ? void 0 : selectedActivity.length) > 0 ? selectedActivity : [activities === null || activities === void 0 ? void 0 : activities[0]];
319
319
  state.data.entityData.responseBody = __assign(__assign({}, state.data.entityData.responseBody), { entity_id: entity === null || entity === void 0 ? void 0 : entity.id, activities: activities, selectedActivities: (selectedActivity === null || selectedActivity === void 0 ? void 0 : selectedActivity.length) > 0 ? selectedActivity : [activities === null || activities === void 0 ? void 0 : activities[0]] });
package/build/features/business/screens/Activities/Activities.js CHANGED
@@ -20,7 +20,6 @@ import { yupResolver } from '@hookform/resolvers/yup';
20
20
  import { useTranslation } from 'react-i18next';
21
21
  import { handlePrevScreenStep } from '../../../../app/settings';
22
22
  import Button from '../../../shared/Button';
23
- import SalesChannels from './SalesChannels';
24
23
  import { ScreenContainer } from '../../../shared/Containers';
25
24
  import Collapse from '../../../../components/Collapse';
26
25
  import OperationStartDate from './OperationStartDate';
@@ -53,10 +52,6 @@ var Activities = function () {
53
52
  var onBack = function () {
54
53
  dispatch(handlePrevScreenStep());
55
54
  };
56
- React.useEffect(function () {
57
- var salesChannels = activitiesData.salesChannels;
58
- methods.setValue('salesChannels', salesChannels);
59
- }, [activitiesData.salesChannels]);
60
55
  React.useEffect(function () {
61
56
  var activities = activitiesData.activities;
62
57
  methods.setValue('activities', activities);
@@ -73,6 +68,6 @@ var Activities = function () {
73
68
  anchorEl ? setAnchorEl(false) : setAnchorEl(true);
74
69
  };
75
70
  var disabled = !methods.formState.isValid || !!error;
76
- return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(LicenseName, {}) })), _jsxs(Collapse, __assign({ in: !collapse }, { children: [_jsx(ActivitiesList, { onListOpen: function () { return handleMenuClick(); }, onListClose: function () { return handleMenuClick(); } }), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(SalesChannels, {}) }))] })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(OperationStartDate, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
71
+ return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(LicenseName, {}) })), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(ActivitiesList, { onListOpen: function () { return handleMenuClick(); }, onListClose: function () { return handleMenuClick(); } }) })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(OperationStartDate, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
77
72
  };
78
73
  export default Activities;
package/build/features/business/screens/Activities/ActivitiesList.js CHANGED
@@ -105,9 +105,9 @@ var ActivitiesList = function (_a) {
105
105
  (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
106
106
  };
107
107
  var onSelectItem = function (item) {
108
- var isActivityExists = controlValue === null || controlValue === void 0 ? void 0 : controlValue.find(function (activity) { return activity.en === (item === null || item === void 0 ? void 0 : item.en); });
108
+ var isActivityExists = controlValue === null || controlValue === void 0 ? void 0 : controlValue.find(function (activity) { return activity.id === item.id; });
109
109
  if (isActivityExists) {
110
- var updatedIdList = controlValue === null || controlValue === void 0 ? void 0 : controlValue.filter(function (activity) { return activity.en !== (item === null || item === void 0 ? void 0 : item.en); });
110
+ var updatedIdList = controlValue === null || controlValue === void 0 ? void 0 : controlValue.filter(function (activity) { return activity.id !== (item === null || item === void 0 ? void 0 : item.id); });
111
111
  if (updatedIdList.length >= 1)
112
112
  activitiesControl.field.onChange(updatedIdList);
113
113
  return;
@@ -115,17 +115,18 @@ var ActivitiesList = function (_a) {
115
115
  activitiesControl.field.onChange(__spreadArray(__spreadArray([], controlValue, true), [item], false));
116
116
  };
117
117
  var getSelectedActivities = function () {
118
- var _a, _b;
119
118
  if ((controlValue === null || controlValue === void 0 ? void 0 : controlValue.length) > 1) {
120
119
  return (controlValue === null || controlValue === void 0 ? void 0 : controlValue.length) + ' ' + t('activities_selected');
121
120
  }
122
- return isAr ? (_a = controlValue[0]) === null || _a === void 0 ? void 0 : _a.ar : (_b = controlValue[0]) === null || _b === void 0 ? void 0 : _b.en;
121
+ var item = controlValue[0];
122
+ return isAr ? item === null || item === void 0 ? void 0 : item.name.ar : item === null || item === void 0 ? void 0 : item.name.en;
123
123
  };
124
124
  var getSelectedActivityFlag = function (item) {
125
- return controlValue === null || controlValue === void 0 ? void 0 : controlValue.find(function (activity) { return activity.en === (item === null || item === void 0 ? void 0 : item.en); });
125
+ return controlValue === null || controlValue === void 0 ? void 0 : controlValue.find(function (activity) { return activity.id === item.id; });
126
126
  };
127
127
  return (_jsx(Collapse, __assign({ in: (activitiesMenuList === null || activitiesMenuList === void 0 ? void 0 : activitiesMenuList.length) > 0 }, { children: _jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t(isCR ? 'activities' : 'category'), " ", _jsx(MandatoryStyled, { children: "*" })] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: getSelectedActivities(), placeholder: isCR ? t('choose_activities') : t('category_name'), onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: activitiesMenuList, onSelectItem: onSelectItem, renderItem: function (item) {
128
- return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.en) === getSelectedActivityFlag(item) }, { children: isAr ? item === null || item === void 0 ? void 0 : item.ar : item === null || item === void 0 ? void 0 : item.en })) })), getSelectedActivityFlag(item) && _jsx(CheckIconStyled, {})] }));
128
+ var _a, _b, _c;
129
+ return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: item.id === ((_a = getSelectedActivityFlag(item)) === null || _a === void 0 ? void 0 : _a.id) }, { children: isAr ? (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = item === null || item === void 0 ? void 0 : item.name) === null || _c === void 0 ? void 0 : _c.en })) })), getSelectedActivityFlag(item) && _jsx(CheckIconStyled, {})] }));
129
130
  } }) }))] })] }) })));
130
131
  };
131
132
  export default ActivitiesList;
package/build/features/business/screens/Activities/SalesChannels.d.ts CHANGED
@@ -1,5 +1,2 @@
1
1
  import * as React from 'react';
2
2
  export declare const MandatoryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
- export declare const CollapseStyled: import("@emotion/styled").StyledComponent<import("../../../../components/Collapse").CollapseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
4
- declare const SalesChannels: () => JSX.Element;
5
- export default SalesChannels;
package/build/features/business/screens/Activities/SalesChannels.js CHANGED
@@ -9,104 +9,8 @@ var __assign = (this && this.__assign) || function () {
9
9
  };
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
13
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
14
- if (ar || !(i in from)) {
15
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
16
- ar[i] = from[i];
17
- }
18
- }
19
- return to.concat(ar || Array.prototype.slice.call(from));
20
- };
21
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
22
- import * as React from 'react';
23
- import Box from '@mui/material/Box';
24
12
  import { alpha, styled } from '@mui/material/styles';
25
- import { useTranslation } from 'react-i18next';
26
- import { useController, useFormContext } from 'react-hook-form';
27
- import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
28
- import Text from '../../../../components/Text';
29
- import { businessSelector, clearError } from '../../../app/business/businessStore';
30
- import CheckBox from '../../../../components/CheckBox';
31
- import Warning from '../../../../components/Warning';
32
- import Collapse from '../../../../components/Collapse';
33
- import { ScreenContainer } from '../../../shared/Containers';
34
- var InputLabelStyled = styled(Text)(function (_a) {
35
- var theme = _a.theme;
36
- return (__assign({ margin: theme.spacing(2.5, 2.5, 0.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
37
- });
38
- var ContainerStyled = styled(Box)(function (_a) {
39
- var theme = _a.theme;
40
- return ({
41
- display: 'flex',
42
- flexDirection: 'row',
43
- alignItems: 'center',
44
- padding: theme.spacing(0, 0.5, 0, 0.5),
45
- height: theme.spacing(3.625),
46
- marginBlockEnd: theme.spacing(0.2)
47
- });
48
- });
49
- var TextStyled = styled(Text)(function (_a) {
50
- var theme = _a.theme;
51
- return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.4), fontWeight: theme.typography.fontWeightLight, whiteSpace: 'pre' }, theme.typography.body2), { marginBlockStart: theme.spacing(1.75) }));
52
- });
53
- var CheckBoxStyled = styled(CheckBox)(function (_a) {
54
- var theme = _a.theme;
55
- return ({
56
- marginInlineEnd: theme.spacing(-1),
57
- '& .MuiSvgIcon-root': {
58
- fontSize: 30
59
- },
60
- '&.Mui-checked': {
61
- color: theme.palette.text.primary,
62
- borderRadius: theme.spacing(2.5)
63
- }
64
- });
65
- });
66
13
  export var MandatoryStyled = styled('span')(function (_a) {
67
14
  var theme = _a.theme;
68
15
  return (__assign(__assign({ color: alpha(theme.palette.error.light, 0.4) }, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, verticalAlign: 'sub' }));
69
16
  });
70
- export var CollapseStyled = styled(Collapse)(function (_a) {
71
- var theme = _a.theme;
72
- return ({
73
- marginBlockStart: theme.spacing(2)
74
- });
75
- });
76
- var SalesChannels = function () {
77
- var _a;
78
- var _b = React.useState([]), channelsMenuList = _b[0], setChannelsMenuList = _b[1];
79
- var t = useTranslation().t;
80
- var isAr = useLanguage().isAr;
81
- var control = useFormContext().control;
82
- var dispatch = useAppDispatch();
83
- var channelsControl = useController({ name: 'salesChannels', control: control });
84
- var channelsChecked = channelsControl.field.value;
85
- var warningMessage = (_a = channelsControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
86
- var _c = useAppSelector(businessSelector), data = _c.data, error = _c.error;
87
- var channelList = (data.businessTypeData.responseBody || {}).channelList;
88
- var salesChannels = (data.activitiesData || {}).salesChannels;
89
- React.useEffect(function () {
90
- if ((channelList === null || channelList === void 0 ? void 0 : channelList.length) > 0) {
91
- setChannelsMenuList(channelList);
92
- }
93
- }, [channelList]);
94
- var handleSalesChannelChange = function (event, checked) {
95
- var selected = channelsMenuList.find(function (channel) { return channel.id === event.target.id; });
96
- var isExists = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (selected === null || selected === void 0 ? void 0 : selected.id); });
97
- if (isExists) {
98
- var updatedIdList = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.filter(function (channel) { return channel.id !== (selected === null || selected === void 0 ? void 0 : selected.id); });
99
- channelsControl.field.onChange(updatedIdList);
100
- return;
101
- }
102
- channelsControl.field.onChange(__spreadArray(__spreadArray([], channelsChecked, true), [selected], false));
103
- if (error)
104
- dispatch(clearError());
105
- };
106
- var getSelectedChannelsFlag = function (item) {
107
- if (channelsChecked)
108
- return !!(channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (item === null || item === void 0 ? void 0 : item.id); }));
109
- };
110
- return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, disabled: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.find(function (c) { return c.id === (channel === null || channel === void 0 ? void 0 : channel.id); })) ? true : false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name.ar : channel.name.en, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
111
- };
112
- export default SalesChannels;
package/build/features/business/screens/Activities/validation.d.ts CHANGED
@@ -16,23 +16,6 @@ export declare const ActivitiesValidationSchema: yup.ObjectSchema<import("yup/li
16
16
  ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
17
17
  en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
18
18
  }>>[] | undefined>;
19
- salesChannels: import("yup/lib/array").RequiredArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
20
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
21
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
22
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
23
- }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
24
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
25
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
26
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
27
- }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
28
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
29
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
30
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
31
- }>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
32
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
33
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
34
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
35
- }>>[] | undefined>;
36
19
  operationStartDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
37
20
  }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
38
21
  activities: yup.ArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
@@ -51,23 +34,6 @@ export declare const ActivitiesValidationSchema: yup.ObjectSchema<import("yup/li
51
34
  ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
52
35
  en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
53
36
  }>>[] | undefined>;
54
- salesChannels: import("yup/lib/array").RequiredArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
55
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
56
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
57
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
58
- }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
59
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
60
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
61
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
62
- }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
63
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
64
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
65
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
66
- }>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
67
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
68
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
69
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
70
- }>>[] | undefined>;
71
37
  operationStartDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
72
38
  }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
73
39
  activities: yup.ArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
@@ -86,22 +52,5 @@ export declare const ActivitiesValidationSchema: yup.ObjectSchema<import("yup/li
86
52
  ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
87
53
  en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
88
54
  }>>[] | undefined>;
89
- salesChannels: import("yup/lib/array").RequiredArraySchema<yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
90
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
91
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
92
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
93
- }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
94
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
95
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
96
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
97
- }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
98
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
99
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
100
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
101
- }>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
102
- id: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
103
- name_en: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
104
- name_ar: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
105
- }>>[] | undefined>;
106
55
  operationStartDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
107
56
  }>>>;
package/build/features/business/screens/Activities/validation.js CHANGED
@@ -4,14 +4,5 @@ export var ActivitiesValidationSchema = yup.object().shape({
4
4
  ar: yup.string(),
5
5
  en: yup.string()
6
6
  })),
7
- salesChannels: yup
8
- .array()
9
- .min(1, 'choose_atleast_one_channel')
10
- .of(yup.object().shape({
11
- id: yup.string(),
12
- name_en: yup.string(),
13
- name_ar: yup.string()
14
- }))
15
- .required('choose_atleast_one_channel'),
16
7
  operationStartDate: yup.string().required('choose_any_business_date')
17
8
  });
package/build/features/business/screens/CivilID/CivilID.js CHANGED
@@ -20,9 +20,8 @@ import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
20
20
  import { settingsSelector, handlePrevScreenStep } from '../../../../app/settings';
21
21
  import { clearError, businessSelector, createCivilIdAuth } from '../../../app/business/businessStore';
22
22
  import Form from '../../../../components/Form';
23
- import Button, { MobileButton } from '../../../shared/Button';
23
+ import Button from '../../../shared/Button';
24
24
  import { ScreenContainer } from '../../../shared/Containers';
25
- import Collapse from '../../../../components/Collapse';
26
25
  import Box from '@mui/material/Box';
27
26
  import Divider from '@mui/material/Divider';
28
27
  import Text from '../../../../components/Text';
@@ -80,6 +79,6 @@ var CivilID = function (_a) {
80
79
  dispatch(handlePrevScreenStep('CONNECT_MOBILE_STEP'));
81
80
  };
82
81
  var disabled = !methods.formState.isValid || !!error;
83
- return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(IDNumber, { sx: { mb: methods.formState.isValid ? 7.5 : 0, transition: 'mb 0.3s' } }), _jsx(Button, __assign({ loading: loading, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, error: t(error || '') }, { children: t('next') })), _jsxs(Collapse, __assign({ in: !methods.formState.isValid }, { children: [_jsxs(OrBoxStyled, { children: [_jsx(DividerStyled, {}), _jsx(TextStyled, { children: t('or') }), _jsx(DividerStyled, {})] }), _jsx(MobileButton, __assign({ onClick: function () { return onBack(); }, disabled: loading || settingsStore.loading }, { children: t('mobile_button_label') }))] }))] })) })) }));
82
+ return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(IDNumber, { sx: { mb: 7.5, transition: 'mb 0.3s' } }), _jsx(Button, __assign({ loading: loading, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
84
83
  };
85
84
  export default React.memo(CivilID);