@incodetech/web 0.0.0-dev-20260421-aeeff81 → 0.0.0-dev-20260421-b9de520

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 (91) hide show
  1. package/dist/addressAutocomplete-DTrgJzUp.js +126 -0
  2. package/dist/ae-signature/ae-signature.es.js +2 -2
  3. package/dist/antifraud/antifraud.es.js +2 -2
  4. package/dist/authentication/authentication.es.js +3 -3
  5. package/dist/base.css +84 -1
  6. package/dist/bottomSheet-D7Bcy6_9.js +31 -0
  7. package/dist/consent/consent.es.js +4 -4
  8. package/dist/cross-document-data-match/cross-document-data-match.es.js +2 -2
  9. package/dist/curp-validation/curp-validation.es.js +3 -3
  10. package/dist/{documentCapture-CpF6kCf5.js → documentCapture-BEV5dOjJ.js} +16 -15
  11. package/dist/ekyb/ekyb.es.js +1 -1
  12. package/dist/{ekybModule-B7k5uaCZ.js → ekybModule-B4Xva8gU.js} +6 -6
  13. package/dist/ekybModule-Craxr9wc.js +2 -0
  14. package/dist/ekyc/ekyc.es.js +1 -1
  15. package/dist/ekyc/styles.css +103 -154
  16. package/dist/ekycModule-Bw-Zs4MH.js +2 -0
  17. package/dist/ekycModule-DOVTiBfn.js +250 -0
  18. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  19. package/dist/{electronic-signature-C021QkIh.js → electronic-signature-AVBIN1f_.js} +4 -4
  20. package/dist/email/email.es.js +5 -5
  21. package/dist/{extensibility-CfU7fTHy.js → extensibility-DbkDY7L4.js} +90 -163
  22. package/dist/extensibility.es.js +23 -21
  23. package/dist/face-match/face-match.es.js +1 -1
  24. package/dist/face-match/styles.css +23 -3
  25. package/dist/faceMatch-DO9ECAq7.js +2 -0
  26. package/dist/{faceMatch-BEoxDC42.js → faceMatch-SlCovmDB.js} +73 -57
  27. package/dist/flow/flow.es.js +6 -6
  28. package/dist/flow/styles.css +126 -151
  29. package/dist/{formField-CWGwTjU0.js → formField-Co4Kh1a4.js} +1 -1
  30. package/dist/geolocation/geolocation.es.js +4 -4
  31. package/dist/governmentValidation/governmentValidation.es.js +4 -4
  32. package/dist/{homeScreen-CAFKUlMd.js → homeScreen-CC6U7vbU.js} +2 -2
  33. package/dist/{i18n-CeGVT08F.js → i18n-B3g2cb7v.js} +1 -1
  34. package/dist/id/id.es.js +11 -11
  35. package/dist/identity-reuse/identity-reuse.es.js +3 -3
  36. package/dist/{incodeComponent-DzIDROLm.js → incodeComponent-dxwR00fd.js} +1 -1
  37. package/dist/index.es.js +1 -1
  38. package/dist/{mandatoryConsent-Bhydm83e.js → mandatoryConsent-wpJR_1w0.js} +4 -4
  39. package/dist/modal-BxXKrclm.js +135 -0
  40. package/dist/modal.hooks-B9B0KVgR.js +121 -0
  41. package/dist/{otpInput-DGxQcqVQ.js → otpInput-Br-1AWsA.js} +1 -1
  42. package/dist/phone/phone.es.js +4 -4
  43. package/dist/{processing-DahN4NlZ.js → processing-BuNhGQnB.js} +1 -1
  44. package/dist/qe-signature/qe-signature.es.js +2 -2
  45. package/dist/radioButtonComposed-o86b9OGB.js +82 -0
  46. package/dist/{redirectToMobile-BNMTUUuv.js → redirectToMobile-BjhYByLI.js} +5 -5
  47. package/dist/{richText-gJTUJEMX.js → richText-BNC8z_ah.js} +1 -1
  48. package/dist/selfie/selfie.es.js +5 -5
  49. package/dist/{setup-CYffoS2y.js → setup-da1N2VR6.js} +1 -1
  50. package/dist/signature/signature.es.js +4 -4
  51. package/dist/themes/dark.css +3 -0
  52. package/dist/themes/light.css +3 -0
  53. package/dist/{transitionSpinner-DMz65Cb2.js → transitionSpinner-CpwivARH.js} +1 -1
  54. package/dist/{tutorial-vB6h6wPK.js → tutorial-5LMEfxn3.js} +53 -81
  55. package/dist/{useModuleLoader-J38RiuMO.js → useModuleLoader-B4EtGg2Y.js} +9 -9
  56. package/dist/verificationResult-VtriXVEd.js +90 -0
  57. package/dist/watchlist/watchlist.es.js +3 -3
  58. package/dist/workflow/styles.css +126 -151
  59. package/dist/workflow/workflow.es.js +6 -6
  60. package/package.json +2 -2
  61. package/dist/addressAutocomplete-Xdp9mPRT.js +0 -108
  62. package/dist/ekybModule-CXY_Mv5-.js +0 -2
  63. package/dist/ekycModule-BdPdWLQa.js +0 -2
  64. package/dist/ekycModule-OS6Kw_iX.js +0 -235
  65. package/dist/faceMatch-C_JTA6_f.js +0 -2
  66. package/dist/modal-CfWL75re.js +0 -239
  67. package/dist/verificationResult-BwV7ZiOq.js +0 -81
  68. /package/dist/{aligndevicelottie-qUSV6Le7.js → aligndevicelottie-C6Ed_QzW.js} +0 -0
  69. /package/dist/{back-horizontal-hint-iEWk08tl.js → back-horizontal-hint-DvZDkdvV.js} +0 -0
  70. /package/dist/{back-tutorial-BZmE2nCI.js → back-tutorial-CG_LPTUE.js} +0 -0
  71. /package/dist/{back-vertical-hint-CB37PPBM.js → back-vertical-hint-CzuG1Hve.js} +0 -0
  72. /package/dist/{backdevicelottie-DFySVtix.js → backdevicelottie-mGREI6Py.js} +0 -0
  73. /package/dist/{blurdevicelottie-Vrw4Q73g.js → blurdevicelottie-Bw43-G1P.js} +0 -0
  74. /package/dist/{browser-ponyfill-VSeGKSP8.js → browser-ponyfill-CYk5g-nD.js} +0 -0
  75. /package/dist/{defineProperty-CqT6YdHJ.js → defineProperty-DB5OmvER.js} +0 -0
  76. /package/dist/{flip-animation-C5qWdHLD.js → flip-animation-CAqT4nr6.js} +0 -0
  77. /package/dist/{front-horizontal-hint-pRbh84gx.js → front-horizontal-hint-BSKWj6i6.js} +0 -0
  78. /package/dist/{front-vertical-hint-BAKFge2R.js → front-vertical-hint-BYdzIVbN.js} +0 -0
  79. /package/dist/{frontdevicelottie-oZ1W9xZw.js → frontdevicelottie-Cho1olXp.js} +0 -0
  80. /package/dist/{glaredevicelottie-sI8UXrQF.js → glaredevicelottie-dg9fVsGy.js} +0 -0
  81. /package/dist/{id-laser-h-DeeqVBeU.js → id-laser-h-DWh_BVEp.js} +0 -0
  82. /package/dist/{id-laser-v-CWbE_3-e.js → id-laser-v-Dvk7U4fL.js} +0 -0
  83. /package/dist/{id-tutorial-CSjRVua_.js → id-tutorial-DsrHcnNV.js} +0 -0
  84. /package/dist/{incodeModule-D_r2n18O.js → incodeModule-BH9gV7jI.js} +0 -0
  85. /package/dist/{numberedStep-CR4w_BpM.js → numberedStep-CSQrc-lB.js} +0 -0
  86. /package/dist/{passport-horizontal-hint-CKL1CfSO.js → passport-horizontal-hint-2XF3bnIM.js} +0 -0
  87. /package/dist/{passport-tutorial-CfuYKkED.js → passport-tutorial-cKfi7FGo.js} +0 -0
  88. /package/dist/{passport-vertical-hint-BK1gSSwh.js → passport-vertical-hint-BcYR5CAS.js} +0 -0
  89. /package/dist/{phoneInput-DtBeLyeD.js → phoneInput-q1YF0o-q.js} +0 -0
  90. /package/dist/{selfieTutorial-DE1_g-Lg.js → selfieTutorial-CJQBQ-KM.js} +0 -0
  91. /package/dist/{tabs-CIk4tOL2.js → tabs-DnpffRKI.js} +0 -0
@@ -826,6 +826,24 @@
826
826
  min-height: auto;
827
827
  }
828
828
 
829
+ .IncodeFaceMatchLivenessContainer {
830
+ margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
831
+ opacity: 0;
832
+ pointer-events: none;
833
+ justify-content: center;
834
+ width: 100%;
835
+ transition: opacity .4s ease-out, transform .4s ease-out;
836
+ display: flex;
837
+ transform: translateY(8px);
838
+ }
839
+
840
+ .IncodeFaceMatchLivenessVisible {
841
+ opacity: 1;
842
+ pointer-events: auto;
843
+ animation: .4s ease-out fadeIn;
844
+ transform: translateY(0);
845
+ }
846
+
829
847
  .IncodeFaceMatchButtonContainer {
830
848
  opacity: 0;
831
849
  pointer-events: none;
@@ -853,13 +871,15 @@
853
871
 
854
872
  .IncodeFaceMatchTooltip {
855
873
  background: var(--surface-neutral-50);
856
- border: 1px solid var(--border-neutral-300);
874
+ border: 1px solid var(--border-neutral-100);
875
+ border-radius: var(--border-radius-medium);
876
+ letter-spacing: -.192px;
857
877
  height: 44px;
858
878
  color: var(--text-body-800-primary);
859
879
  text-align: center;
860
- border-radius: 12px;
861
880
  padding: 0 20px;
862
881
  font-size: 16px;
882
+ font-weight: 500;
863
883
  line-height: 44px;
864
884
  display: inline-block;
865
885
  position: relative;
@@ -882,7 +902,7 @@
882
902
  content: "";
883
903
  border-left: 9px solid #0000;
884
904
  border-right: 9px solid #0000;
885
- border-top: 9px solid var(--border-neutral-300);
905
+ border-top: 9px solid var(--border-neutral-100);
886
906
  width: 0;
887
907
  height: 0;
888
908
  position: absolute;
@@ -5399,16 +5419,30 @@
5399
5419
  overflow: hidden;
5400
5420
  }
5401
5421
 
5402
- .IncodeEkycSpinner {
5422
+ .IncodeEkycPage {
5423
+ max-width: 480px;
5424
+ margin-inline: auto;
5425
+ }
5426
+
5427
+ .IncodeEkycPage .IncodeEkycSpinner {
5403
5428
  flex: 1;
5404
5429
  }
5405
5430
 
5406
- .IncodeEkycPage {
5407
- max-width: 480px;
5431
+ .IncodeEkycPage .IncodeEkycSectionHeader {
5432
+ font-family: var(--typography-headline-family);
5433
+ font-size: var(--typography-headline-h3-size);
5434
+ font-weight: var(--typography-headline-h3-weight);
5435
+ line-height: var(--typography-headline-h3-line-height);
5436
+ letter-spacing: var(--typography-headline-h3-letter-spacing);
5437
+ color: var(--color-input-text-label-default, var(--input-text-label-default));
5408
5438
  margin-inline: auto;
5439
+ margin-top: var(--spacing-16, var(--spacing-16, 16px));
5440
+ width: 100%;
5441
+ max-width: 420px;
5442
+ padding-block: var(--spacing-12, var(--spacing-12, 12px));
5409
5443
  }
5410
5444
 
5411
- .IncodeEkycForm {
5445
+ .IncodeEkycPage .IncodeEkycForm {
5412
5446
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
5413
5447
  gap: var(--spacing-16, var(--spacing-16, 16px));
5414
5448
  flex-direction: column;
@@ -5416,15 +5450,15 @@
5416
5450
  display: flex;
5417
5451
  }
5418
5452
 
5419
- .IncodeEkycForm .IncodeInputComposed, .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycForm .IncodeAddressAutocomplete {
5453
+ .IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
5420
5454
  margin-inline: auto;
5421
5455
  }
5422
5456
 
5423
- .IncodeEkycForm .IncodeFormField {
5457
+ .IncodeEkycPage .IncodeEkycForm .IncodeFormField {
5424
5458
  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
5425
5459
  }
5426
5460
 
5427
- .IncodeEkycFooter {
5461
+ .IncodeEkycPage .IncodeEkycFooter {
5428
5462
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
5429
5463
  align-items: center;
5430
5464
  gap: var(--spacing-12, var(--spacing-12, 12px));
@@ -5432,8 +5466,20 @@
5432
5466
  display: flex;
5433
5467
  }
5434
5468
 
5469
+ .IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {
5470
+ margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
5471
+ text-align: center;
5472
+ font-family: var(--typography-headline-family);
5473
+ font-size: var(--typography-headline-h5-size);
5474
+ font-weight: var(--typography-headline-h5-weight);
5475
+ line-height: var(--typography-headline-h5-line-height);
5476
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
5477
+ color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
5478
+ margin-top: 0;
5479
+ }
5480
+
5435
5481
  @media (min-width: 768px) {
5436
- .IncodePageContainer.IncodeEkycPage {
5482
+ .IncodeEkycPage.IncodePageContainer {
5437
5483
  height: 100dvh;
5438
5484
  max-height: none;
5439
5485
  margin-top: var(--spacing-0, var(--spacing-none, 0px));
@@ -5443,7 +5489,7 @@
5443
5489
  height: 100%;
5444
5490
  }
5445
5491
 
5446
- .IncodePageContainer.IncodeEkycPageScrollable {
5492
+ .IncodeEkycPage.IncodeEkycPageScrollable {
5447
5493
  max-width: 500px;
5448
5494
  }
5449
5495
 
@@ -5457,127 +5503,56 @@
5457
5503
  overflow-y: auto;
5458
5504
  }
5459
5505
 
5460
- .IncodeEkycPageScrollable .IncodeEkycForm {
5506
+ .IncodeEkycPage.IncodeEkycPageScrollable .IncodeEkycForm {
5461
5507
  margin-left: var(--spacing-8, var(--spacing-8, 8px));
5462
5508
  }
5463
5509
 
5464
- .IncodeEkycFooter {
5510
+ .IncodeEkycPage .IncodeEkycFooter {
5465
5511
  flex-shrink: 0;
5466
5512
  }
5467
5513
  }
5468
5514
 
5469
- .IncodeEkycPage .IncodeEkycSectionHeader {
5470
- font-family: var(--typography-headline-family);
5471
- font-size: var(--typography-headline-h3-size);
5472
- font-weight: var(--typography-headline-h3-weight);
5473
- line-height: var(--typography-headline-h3-line-height);
5474
- letter-spacing: var(--typography-headline-h3-letter-spacing);
5475
- --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
5476
- font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
5477
- color: var(--color-input-text-label-default, var(--input-text-label-default));
5478
- margin-inline: auto;
5479
- margin-top: var(--spacing-16, var(--spacing-16, 16px));
5480
- width: 100%;
5481
- max-width: 420px;
5482
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
5483
- }
5484
-
5485
- .IncodeEkycRadioGroup {
5515
+ .IncodeEkycPage .IncodeEkycRadioGroup {
5486
5516
  width: 100%;
5487
5517
  max-width: 420px;
5488
5518
  margin-inline: auto;
5489
5519
  }
5490
5520
 
5491
- .IncodeEkycRadioLabel {
5521
+ .IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioLabel {
5492
5522
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
5493
- font-size: var(--text-14, var(--primitive-typography-size-14));
5523
+ font-family: var(--typography-label-family);
5524
+ font-size: var(--typography-label-m-size);
5525
+ font-weight: var(--typography-label-m-weight);
5526
+ line-height: var(--typography-label-m-line-height);
5527
+ letter-spacing: var(--typography-label-m-letter-spacing);
5494
5528
  --tw-leading: 1;
5495
- --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
5496
- line-height: 1;
5497
- font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
5498
5529
  color: var(--color-input-text-label-default, var(--input-text-label-default));
5530
+ line-height: 1;
5499
5531
  display: block;
5500
5532
  }
5501
5533
 
5502
- .IncodeEkycRadioOptions {
5534
+ .IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioOptions {
5503
5535
  gap: var(--spacing-24, var(--spacing-24, 24px));
5504
5536
  display: flex;
5505
5537
  }
5506
5538
 
5507
- .IncodeEkycRadioOption {
5508
- cursor: pointer;
5509
- align-items: center;
5510
- gap: var(--spacing-12, var(--spacing-12, 12px));
5511
- font-size: var(--text-16, var(--primitive-typography-size-16));
5512
- --tw-leading: 1;
5513
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5514
- line-height: 1;
5515
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5516
- color: var(--color-radio-button-text-default, var(--radio-button-text-default));
5517
- display: flex;
5518
- }
5519
-
5520
- .IncodeEkycRadioOption input[type="radio"] {
5521
- margin: var(--spacing-0, var(--spacing-none, 0px));
5522
- cursor: pointer;
5523
- border-radius: var(--radius-full, var(--border-radius-full));
5524
- border-style: var(--tw-border-style);
5525
- border-width: var(--border-width-bold, var(--primitive-border-width-2));
5526
- border-color: var(--color-radio-button-border-default, var(--radio-button-border-default));
5527
- background-color: var(--color-radio-button-surface-default, var(--radio-button-surface-default));
5528
- appearance: none;
5529
- width: 28px;
5530
- min-width: 28px;
5531
- height: 28px;
5532
- min-height: 28px;
5533
- position: relative;
5534
- }
5535
-
5536
- .IncodeEkycRadioOption input[type="radio"]:after {
5537
- inset: var(--spacing-0, var(--spacing-none, 0px));
5538
- border-radius: var(--radius-full, var(--border-radius-full));
5539
- opacity: 0;
5540
- content: "";
5541
- background-color: var(--color-radio-button-icon-default, var(--radio-button-icon-default));
5542
- width: 10px;
5543
- height: 10px;
5544
- margin: auto;
5545
- display: block;
5546
- position: absolute;
5547
- }
5548
-
5549
- .IncodeEkycRadioOption input[type="radio"]:checked {
5550
- background-color: var(--color-radio-button-surface-selected, var(--radio-button-surface-selected));
5551
- border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
5552
- }
5553
-
5554
- .IncodeEkycRadioOption input[type="radio"]:checked:after {
5555
- opacity: 1;
5556
- }
5557
-
5558
- .IncodeEkycFieldError {
5539
+ .IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycFieldError {
5559
5540
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
5560
- font-size: var(--text-14, var(--primitive-typography-size-14));
5541
+ font-family: var(--typography-body-family);
5542
+ font-size: var(--typography-body-m-regular-size);
5543
+ font-weight: var(--typography-body-m-regular-weight);
5544
+ line-height: var(--typography-body-m-regular-line-height);
5545
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
5561
5546
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
5562
5547
  display: block;
5563
5548
  }
5564
5549
 
5565
- .IncodeEkycSubmitError {
5566
- margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
5567
- text-align: center;
5568
- font-size: var(--text-16, var(--primitive-typography-size-16));
5569
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5570
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5571
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
5572
- margin-top: 0;
5573
- }
5574
-
5575
- .IncodeAddressAutocomplete {
5550
+ .IncodeEkycPage .IncodeAddressAutocomplete {
5576
5551
  width: 100%;
5577
5552
  position: relative;
5578
5553
  }
5579
5554
 
5580
- .IncodeAddressAutocompleteSuggestions {
5555
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestions {
5581
5556
  right: var(--spacing-0, var(--spacing-none, 0px));
5582
5557
  left: var(--spacing-0, var(--spacing-none, 0px));
5583
5558
  z-index: 10;
@@ -5596,78 +5571,62 @@
5596
5571
  box-shadow: 0 2px 8px #00000026;
5597
5572
  }
5598
5573
 
5599
- .IncodeAddressAutocompleteSuggestion {
5574
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion {
5600
5575
  cursor: pointer;
5601
5576
  border-bottom-style: var(--tw-border-style);
5602
5577
  border-bottom-width: 1px;
5603
5578
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
5604
5579
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
5605
5580
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
5606
- font-size: var(--text-16, var(--primitive-typography-size-16));
5607
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5608
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5581
+ font-family: var(--typography-headline-family);
5582
+ font-size: var(--typography-headline-h5-size);
5583
+ font-weight: var(--typography-headline-h5-weight);
5584
+ line-height: var(--typography-headline-h5-line-height);
5585
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
5609
5586
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
5610
5587
  }
5611
5588
 
5612
- .IncodeAddressAutocompleteSuggestion:last-child {
5589
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion:last-child {
5613
5590
  border-bottom-style: var(--tw-border-style);
5614
5591
  border-bottom-width: 0;
5615
5592
  }
5616
5593
 
5617
- .IncodeAddressAutocompleteSuggestion:hover {
5594
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion:hover, .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestionActive {
5618
5595
  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
5619
5596
  }
5620
5597
 
5621
- .IncodeAddressAutocompleteModalOverlay {
5622
- inset: var(--spacing-0, var(--spacing-none, 0px));
5623
- z-index: 50;
5624
- background-color: var(--color-surface-neutral-1000, var(--surface-neutral-1000));
5625
- align-items: flex-end;
5626
- display: flex;
5627
- position: fixed;
5628
- }
5629
-
5630
- @supports (color: color-mix(in lab, red, red)) {
5631
- .IncodeAddressAutocompleteModalOverlay {
5632
- background-color: color-mix(in oklab, var(--color-surface-neutral-1000, var(--surface-neutral-1000)) 50%, transparent);
5633
- }
5634
- }
5635
-
5636
- .IncodeAddressAutocompleteModal {
5637
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
5638
- border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
5639
- flex-direction: column;
5640
- width: 100%;
5641
- max-height: 90vh;
5642
- display: flex;
5643
- }
5644
-
5645
- .IncodeAddressAutocompleteModalHeader {
5598
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader {
5646
5599
  border-bottom-style: var(--tw-border-style);
5647
5600
  border-bottom-width: 1px;
5648
5601
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
5649
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
5602
+ padding-inline: var(--spacing-12, var(--spacing-12, 12px));
5650
5603
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
5651
5604
  justify-content: space-between;
5652
5605
  align-items: center;
5653
5606
  display: flex;
5654
5607
  }
5655
5608
 
5656
- .IncodeAddressAutocompleteModalHeader h3 {
5609
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader h3 {
5657
5610
  margin: var(--spacing-0, var(--spacing-none, 0px));
5658
- font-size: var(--text-18, var(--primitive-typography-size-18));
5659
- --tw-font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
5660
- font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
5611
+ font-family: var(--typography-headline-family);
5612
+ font-size: var(--typography-headline-h4-size);
5613
+ font-weight: var(--typography-headline-h4-weight);
5614
+ line-height: var(--typography-headline-h4-line-height);
5615
+ letter-spacing: var(--typography-headline-h4-letter-spacing);
5661
5616
  color: var(--color-input-text-label-default, var(--input-text-label-default));
5662
5617
  }
5663
5618
 
5664
- .IncodeAddressAutocompleteModalClose {
5619
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader .IncodeAddressAutocompleteModalClose {
5665
5620
  cursor: pointer;
5666
5621
  border-style: var(--tw-border-style);
5667
5622
  border-width: var(--border-width-none, var(--primitive-border-width-0));
5668
5623
  --tw-border-style: none;
5669
5624
  padding: var(--spacing-0, var(--spacing-none, 0px));
5670
- font-size: var(--text-24, var(--primitive-typography-size-24));
5625
+ font-family: var(--typography-input-dropdown-family);
5626
+ font-size: var(--typography-input-dropdown-l-size);
5627
+ font-weight: var(--typography-input-dropdown-l-weight);
5628
+ line-height: var(--typography-input-dropdown-l-line-height);
5629
+ letter-spacing: var(--typography-input-dropdown-l-letter-spacing);
5671
5630
  --tw-leading: 1;
5672
5631
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
5673
5632
  background-color: #0000;
@@ -5675,14 +5634,14 @@
5675
5634
  line-height: 1;
5676
5635
  }
5677
5636
 
5678
- .IncodeAddressAutocompleteModalBody {
5679
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
5637
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody {
5638
+ padding-inline: var(--spacing-12, var(--spacing-12, 12px));
5680
5639
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
5681
5640
  flex: 1;
5682
5641
  overflow-y: auto;
5683
5642
  }
5684
5643
 
5685
- .IncodeAddressAutocompleteModalInput {
5644
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput {
5686
5645
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
5687
5646
  border-radius: var(--radius-small, var(--border-radius-small));
5688
5647
  border-style: var(--tw-border-style);
@@ -5692,37 +5651,49 @@
5692
5651
  width: 100%;
5693
5652
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
5694
5653
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
5695
- font-size: var(--text-16, var(--primitive-typography-size-16));
5654
+ font-family: var(--typography-headline-family);
5655
+ font-size: var(--typography-headline-h5-size);
5656
+ font-weight: var(--typography-headline-h5-weight);
5657
+ line-height: var(--typography-headline-h5-line-height);
5658
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
5696
5659
  color: var(--color-input-text-field-default, var(--input-text-field-default));
5697
5660
  --tw-outline-style: none;
5698
5661
  outline-style: none;
5699
5662
  }
5700
5663
 
5701
- .IncodeAddressAutocompleteModalInput::placeholder {
5664
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput::placeholder {
5702
5665
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
5703
5666
  }
5704
5667
 
5705
- .IncodeAddressAutocompleteModalInput:focus {
5668
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput:focus {
5706
5669
  border-color: var(--color-input-border-focused, var(--input-border-focused));
5707
5670
  }
5708
5671
 
5709
- .IncodeAddressAutocompleteModalSuggestions {
5672
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestions {
5710
5673
  margin: var(--spacing-0, var(--spacing-none, 0px));
5711
5674
  padding: var(--spacing-0, var(--spacing-none, 0px));
5712
5675
  list-style-type: none;
5713
5676
  }
5714
5677
 
5715
- .IncodeAddressAutocompleteModalSuggestion {
5678
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestion {
5716
5679
  cursor: pointer;
5717
5680
  border-bottom-style: var(--tw-border-style);
5718
5681
  border-bottom-width: 1px;
5719
5682
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
5720
5683
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
5721
- font-size: var(--text-14, var(--primitive-typography-size-14));
5684
+ font-family: var(--typography-body-family);
5685
+ font-size: var(--typography-body-m-regular-size);
5686
+ font-weight: var(--typography-body-m-regular-weight);
5687
+ line-height: var(--typography-body-m-regular-line-height);
5688
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
5722
5689
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
5723
5690
  }
5724
5691
 
5725
- .IncodeAddressAutocompleteEnterManually {
5692
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestionActive {
5693
+ background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
5694
+ }
5695
+
5696
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteEnterManually {
5726
5697
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
5727
5698
  cursor: pointer;
5728
5699
  border-radius: var(--radius-small, var(--border-radius-small));
@@ -5732,7 +5703,11 @@
5732
5703
  width: 100%;
5733
5704
  padding: var(--spacing-12, var(--spacing-12, 12px));
5734
5705
  text-align: center;
5735
- font-size: var(--text-14, var(--primitive-typography-size-14));
5706
+ font-family: var(--typography-button-family);
5707
+ font-size: var(--typography-button-s-size);
5708
+ font-weight: var(--typography-button-s-weight);
5709
+ line-height: var(--typography-button-s-line-height);
5710
+ letter-spacing: var(--typography-button-s-letter-spacing);
5736
5711
  color: var(--color-button-secondary-text-default, var(--button-secondary-text-default));
5737
5712
  background-color: #0000;
5738
5713
  }
@@ -1,17 +1,17 @@
1
- import { n as e } from "../i18n-CeGVT08F.js";
1
+ import { n as e } from "../i18n-B3g2cb7v.js";
2
2
  import { _ as t, l as n, p as r, v as i } from "../vendor-preact-D6SntenC.js";
3
3
  import { t as a } from "../uiConfig-CwpQ-IM6.js";
4
- import { o, t as s } from "../incodeComponent-DzIDROLm.js";
4
+ import { o, t as s } from "../incodeComponent-dxwR00fd.js";
5
5
  import "../spinner-BmFWJNHp.js";
6
- import { t as c } from "../transitionSpinner-DMz65Cb2.js";
7
- import { t as l } from "../incodeModule-D_r2n18O.js";
8
- import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-J38RiuMO.js";
6
+ import { t as c } from "../transitionSpinner-CpwivARH.js";
7
+ import { t as l } from "../incodeModule-BH9gV7jI.js";
8
+ import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-B4EtGg2Y.js";
9
9
  import { resolveWasmConfig as h, warmupWasm as g } from "@incodetech/core/wasm";
10
10
  import { createWorkflowManager as _ } from "@incodetech/core/workflow";
11
11
  //#region src/modules/workflow/workflowInit.ts
12
12
  var v = {
13
13
  ...u,
14
- REDIRECT_TO_MOBILE: () => import("../redirectToMobile-BNMTUUuv.js").then((e) => e.RedirectToMobile)
14
+ REDIRECT_TO_MOBILE: () => import("../redirectToMobile-BjhYByLI.js").then((e) => e.RedirectToMobile)
15
15
  };
16
16
  async function y() {
17
17
  try {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260421-aeeff81",
3
+ "version": "0.0.0-dev-20260421-b9de520",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -183,7 +183,7 @@
183
183
  "qrcode": "^1.5.4",
184
184
  "signature_pad": "^5.1.3",
185
185
  "tailwindcss": "^4.1.17",
186
- "@incodetech/core": "0.0.0-dev-20260421-aeeff81"
186
+ "@incodetech/core": "0.0.0-dev-20260421-b9de520"
187
187
  },
188
188
  "devDependencies": {
189
189
  "@microsoft/api-extractor": "^7.53.3",
@@ -1,108 +0,0 @@
1
- import { n as e } from "./i18n-CeGVT08F.js";
2
- import { _ as t, h as n, l as r, p as i, v as a } from "./vendor-preact-D6SntenC.js";
3
- import { r as o } from "./incodeComponent-DzIDROLm.js";
4
- import { t as s } from "./inputComposed-D7vq-JYi.js";
5
- import { n as c } from "./formField-CWGwTjU0.js";
6
- //#region src/modules/ekyc/addressAutocomplete.tsx
7
- var l = ({ label: l, value: u, error: d, errorParams: f, suggestions: p, readonly: m, optional: h, onChange: g, onSearch: _, onSelect: v, onBlur: y }) => {
8
- let { t: b } = e(), [x, S] = i(!1), [C, w] = i(!1), [T, E] = i(""), [D, O] = i(-1), k = r(null), A = "ekyc-address-listbox", j = o(), M = b(l), N = h ? `${M} (${b("common.optional")})` : M;
9
- t(() => {
10
- function e(e) {
11
- k.current && !k.current.contains(e.target) && S(!1);
12
- }
13
- return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
14
- }, []), t(() => {
15
- O(-1);
16
- }, [p]);
17
- let P = n((e) => {
18
- v(e), S(!1), w(!1), O(-1);
19
- }, [v]), F = (e) => {
20
- g(e), e.length >= 3 ? j ? (w(!0), E(e)) : (_(e), S(!0)) : S(!1);
21
- }, I = (e) => {
22
- !x || p.length === 0 || (e.key === "ArrowDown" ? (e.preventDefault(), O((e) => e < p.length - 1 ? e + 1 : 0)) : e.key === "ArrowUp" ? (e.preventDefault(), O((e) => e > 0 ? e - 1 : p.length - 1)) : e.key === "Enter" && D >= 0 ? (e.preventDefault(), P(p[D])) : e.key === "Escape" && (S(!1), O(-1)));
23
- }, L = !j && x && p.length > 0, R = L && D >= 0 ? `${A}-option-${D}` : void 0;
24
- return /* @__PURE__ */ a("div", {
25
- className: "IncodeAddressAutocomplete",
26
- ref: k,
27
- children: [
28
- /* @__PURE__ */ a(s, {
29
- id: "ekyc-street",
30
- label: N,
31
- name: "street",
32
- value: u,
33
- readOnly: m,
34
- error: c(b, d, f),
35
- onInput: (e) => F(e.target.value),
36
- onKeyDown: I,
37
- onBlur: y,
38
- role: "combobox",
39
- "aria-expanded": L,
40
- "aria-controls": A,
41
- "aria-activedescendant": R,
42
- "aria-autocomplete": "list",
43
- "data-testid": "ekyc-address-input"
44
- }),
45
- L && /* @__PURE__ */ a("ul", {
46
- id: A,
47
- role: "listbox",
48
- className: "IncodeAddressAutocompleteSuggestions",
49
- children: p.map((e, t) => /* @__PURE__ */ a("li", {
50
- id: `${A}-option-${t}`,
51
- role: "option",
52
- "aria-selected": t === D,
53
- className: `IncodeAddressAutocompleteSuggestion${t === D ? "IncodeAddressAutocompleteSuggestionActive" : ""}`,
54
- onClick: () => P(e),
55
- children: e.label
56
- }, e.id))
57
- }),
58
- j && C && /* @__PURE__ */ a("div", {
59
- className: "IncodeAddressAutocompleteModalOverlay",
60
- children: /* @__PURE__ */ a("div", {
61
- className: "IncodeAddressAutocompleteModal",
62
- children: [/* @__PURE__ */ a("div", {
63
- className: "IncodeAddressAutocompleteModalHeader",
64
- children: [/* @__PURE__ */ a("h3", { children: b("verification.addressSearch") }), /* @__PURE__ */ a("button", {
65
- className: "IncodeAddressAutocompleteModalClose",
66
- onClick: () => w(!1),
67
- type: "button",
68
- children: "×"
69
- })]
70
- }), /* @__PURE__ */ a("div", {
71
- className: "IncodeAddressAutocompleteModalBody",
72
- children: [
73
- /* @__PURE__ */ a("input", {
74
- className: "IncodeAddressAutocompleteModalInput",
75
- type: "text",
76
- value: T,
77
- placeholder: b("verification.addressPlaceholder"),
78
- onInput: (e) => {
79
- let t = e.target.value;
80
- E(t), t.length >= 3 && _(t);
81
- },
82
- autoFocus: !0
83
- }),
84
- p.length > 0 && /* @__PURE__ */ a("ul", {
85
- role: "listbox",
86
- className: "IncodeAddressAutocompleteModalSuggestions",
87
- children: p.map((e) => /* @__PURE__ */ a("li", {
88
- role: "option",
89
- className: "IncodeAddressAutocompleteModalSuggestion",
90
- onClick: () => P(e),
91
- children: e.label
92
- }, e.id))
93
- }),
94
- /* @__PURE__ */ a("button", {
95
- className: "IncodeAddressAutocompleteEnterManually",
96
- onClick: () => w(!1),
97
- type: "button",
98
- children: b("verification.enterManually")
99
- })
100
- ]
101
- })]
102
- })
103
- })
104
- ]
105
- });
106
- };
107
- //#endregion
108
- export { l as t };
@@ -1,2 +0,0 @@
1
- import { t as e } from "./ekybModule-B7k5uaCZ.js";
2
- export { e as EkybModule };
@@ -1,2 +0,0 @@
1
- import { t as e } from "./ekycModule-OS6Kw_iX.js";
2
- export { e as EkycModule };