@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
@@ -861,6 +861,24 @@
861
861
  min-height: auto;
862
862
  }
863
863
 
864
+ .IncodeFaceMatchLivenessContainer {
865
+ margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
866
+ opacity: 0;
867
+ pointer-events: none;
868
+ justify-content: center;
869
+ width: 100%;
870
+ transition: opacity .4s ease-out, transform .4s ease-out;
871
+ display: flex;
872
+ transform: translateY(8px);
873
+ }
874
+
875
+ .IncodeFaceMatchLivenessVisible {
876
+ opacity: 1;
877
+ pointer-events: auto;
878
+ animation: .4s ease-out fadeIn;
879
+ transform: translateY(0);
880
+ }
881
+
864
882
  .IncodeFaceMatchButtonContainer {
865
883
  opacity: 0;
866
884
  pointer-events: none;
@@ -888,13 +906,15 @@
888
906
 
889
907
  .IncodeFaceMatchTooltip {
890
908
  background: var(--surface-neutral-50);
891
- border: 1px solid var(--border-neutral-300);
909
+ border: 1px solid var(--border-neutral-100);
910
+ border-radius: var(--border-radius-medium);
911
+ letter-spacing: -.192px;
892
912
  height: 44px;
893
913
  color: var(--text-body-800-primary);
894
914
  text-align: center;
895
- border-radius: 12px;
896
915
  padding: 0 20px;
897
916
  font-size: 16px;
917
+ font-weight: 500;
898
918
  line-height: 44px;
899
919
  display: inline-block;
900
920
  position: relative;
@@ -917,7 +937,7 @@
917
937
  content: "";
918
938
  border-left: 9px solid #0000;
919
939
  border-right: 9px solid #0000;
920
- border-top: 9px solid var(--border-neutral-300);
940
+ border-top: 9px solid var(--border-neutral-100);
921
941
  width: 0;
922
942
  height: 0;
923
943
  position: absolute;
@@ -6053,16 +6073,30 @@
6053
6073
  overflow: hidden;
6054
6074
  }
6055
6075
 
6056
- .IncodeEkycSpinner {
6076
+ .IncodeEkycPage {
6077
+ max-width: 480px;
6078
+ margin-inline: auto;
6079
+ }
6080
+
6081
+ .IncodeEkycPage .IncodeEkycSpinner {
6057
6082
  flex: 1;
6058
6083
  }
6059
6084
 
6060
- .IncodeEkycPage {
6061
- max-width: 480px;
6085
+ .IncodeEkycPage .IncodeEkycSectionHeader {
6086
+ font-family: var(--typography-headline-family);
6087
+ font-size: var(--typography-headline-h3-size);
6088
+ font-weight: var(--typography-headline-h3-weight);
6089
+ line-height: var(--typography-headline-h3-line-height);
6090
+ letter-spacing: var(--typography-headline-h3-letter-spacing);
6091
+ color: var(--color-input-text-label-default, var(--input-text-label-default));
6062
6092
  margin-inline: auto;
6093
+ margin-top: var(--spacing-16, var(--spacing-16, 16px));
6094
+ width: 100%;
6095
+ max-width: 420px;
6096
+ padding-block: var(--spacing-12, var(--spacing-12, 12px));
6063
6097
  }
6064
6098
 
6065
- .IncodeEkycForm {
6099
+ .IncodeEkycPage .IncodeEkycForm {
6066
6100
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
6067
6101
  gap: var(--spacing-16, var(--spacing-16, 16px));
6068
6102
  flex-direction: column;
@@ -6070,15 +6104,15 @@
6070
6104
  display: flex;
6071
6105
  }
6072
6106
 
6073
- .IncodeEkycForm .IncodeInputComposed, .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycForm .IncodeAddressAutocomplete {
6107
+ .IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
6074
6108
  margin-inline: auto;
6075
6109
  }
6076
6110
 
6077
- .IncodeEkycForm .IncodeFormField {
6111
+ .IncodeEkycPage .IncodeEkycForm .IncodeFormField {
6078
6112
  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
6079
6113
  }
6080
6114
 
6081
- .IncodeEkycFooter {
6115
+ .IncodeEkycPage .IncodeEkycFooter {
6082
6116
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
6083
6117
  align-items: center;
6084
6118
  gap: var(--spacing-12, var(--spacing-12, 12px));
@@ -6086,8 +6120,20 @@
6086
6120
  display: flex;
6087
6121
  }
6088
6122
 
6123
+ .IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {
6124
+ margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
6125
+ text-align: center;
6126
+ font-family: var(--typography-headline-family);
6127
+ font-size: var(--typography-headline-h5-size);
6128
+ font-weight: var(--typography-headline-h5-weight);
6129
+ line-height: var(--typography-headline-h5-line-height);
6130
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
6131
+ color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
6132
+ margin-top: 0;
6133
+ }
6134
+
6089
6135
  @media (min-width: 768px) {
6090
- .IncodePageContainer.IncodeEkycPage {
6136
+ .IncodeEkycPage.IncodePageContainer {
6091
6137
  height: 100dvh;
6092
6138
  max-height: none;
6093
6139
  margin-top: var(--spacing-0, var(--spacing-none, 0px));
@@ -6097,7 +6143,7 @@
6097
6143
  height: 100%;
6098
6144
  }
6099
6145
 
6100
- .IncodePageContainer.IncodeEkycPageScrollable {
6146
+ .IncodeEkycPage.IncodeEkycPageScrollable {
6101
6147
  max-width: 500px;
6102
6148
  }
6103
6149
 
@@ -6111,127 +6157,56 @@
6111
6157
  overflow-y: auto;
6112
6158
  }
6113
6159
 
6114
- .IncodeEkycPageScrollable .IncodeEkycForm {
6160
+ .IncodeEkycPage.IncodeEkycPageScrollable .IncodeEkycForm {
6115
6161
  margin-left: var(--spacing-8, var(--spacing-8, 8px));
6116
6162
  }
6117
6163
 
6118
- .IncodeEkycFooter {
6164
+ .IncodeEkycPage .IncodeEkycFooter {
6119
6165
  flex-shrink: 0;
6120
6166
  }
6121
6167
  }
6122
6168
 
6123
- .IncodeEkycPage .IncodeEkycSectionHeader {
6124
- font-family: var(--typography-headline-family);
6125
- font-size: var(--typography-headline-h3-size);
6126
- font-weight: var(--typography-headline-h3-weight);
6127
- line-height: var(--typography-headline-h3-line-height);
6128
- letter-spacing: var(--typography-headline-h3-letter-spacing);
6129
- --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
6130
- font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
6131
- color: var(--color-input-text-label-default, var(--input-text-label-default));
6132
- margin-inline: auto;
6133
- margin-top: var(--spacing-16, var(--spacing-16, 16px));
6134
- width: 100%;
6135
- max-width: 420px;
6136
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
6137
- }
6138
-
6139
- .IncodeEkycRadioGroup {
6169
+ .IncodeEkycPage .IncodeEkycRadioGroup {
6140
6170
  width: 100%;
6141
6171
  max-width: 420px;
6142
6172
  margin-inline: auto;
6143
6173
  }
6144
6174
 
6145
- .IncodeEkycRadioLabel {
6175
+ .IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioLabel {
6146
6176
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
6147
- font-size: var(--text-14, var(--primitive-typography-size-14));
6177
+ font-family: var(--typography-label-family);
6178
+ font-size: var(--typography-label-m-size);
6179
+ font-weight: var(--typography-label-m-weight);
6180
+ line-height: var(--typography-label-m-line-height);
6181
+ letter-spacing: var(--typography-label-m-letter-spacing);
6148
6182
  --tw-leading: 1;
6149
- --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
6150
- line-height: 1;
6151
- font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
6152
6183
  color: var(--color-input-text-label-default, var(--input-text-label-default));
6184
+ line-height: 1;
6153
6185
  display: block;
6154
6186
  }
6155
6187
 
6156
- .IncodeEkycRadioOptions {
6188
+ .IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioOptions {
6157
6189
  gap: var(--spacing-24, var(--spacing-24, 24px));
6158
6190
  display: flex;
6159
6191
  }
6160
6192
 
6161
- .IncodeEkycRadioOption {
6162
- cursor: pointer;
6163
- align-items: center;
6164
- gap: var(--spacing-12, var(--spacing-12, 12px));
6165
- font-size: var(--text-16, var(--primitive-typography-size-16));
6166
- --tw-leading: 1;
6167
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6168
- line-height: 1;
6169
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6170
- color: var(--color-radio-button-text-default, var(--radio-button-text-default));
6171
- display: flex;
6172
- }
6173
-
6174
- .IncodeEkycRadioOption input[type="radio"] {
6175
- margin: var(--spacing-0, var(--spacing-none, 0px));
6176
- cursor: pointer;
6177
- border-radius: var(--radius-full, var(--border-radius-full));
6178
- border-style: var(--tw-border-style);
6179
- border-width: var(--border-width-bold, var(--primitive-border-width-2));
6180
- border-color: var(--color-radio-button-border-default, var(--radio-button-border-default));
6181
- background-color: var(--color-radio-button-surface-default, var(--radio-button-surface-default));
6182
- appearance: none;
6183
- width: 28px;
6184
- min-width: 28px;
6185
- height: 28px;
6186
- min-height: 28px;
6187
- position: relative;
6188
- }
6189
-
6190
- .IncodeEkycRadioOption input[type="radio"]:after {
6191
- inset: var(--spacing-0, var(--spacing-none, 0px));
6192
- border-radius: var(--radius-full, var(--border-radius-full));
6193
- opacity: 0;
6194
- content: "";
6195
- background-color: var(--color-radio-button-icon-default, var(--radio-button-icon-default));
6196
- width: 10px;
6197
- height: 10px;
6198
- margin: auto;
6199
- display: block;
6200
- position: absolute;
6201
- }
6202
-
6203
- .IncodeEkycRadioOption input[type="radio"]:checked {
6204
- background-color: var(--color-radio-button-surface-selected, var(--radio-button-surface-selected));
6205
- border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
6206
- }
6207
-
6208
- .IncodeEkycRadioOption input[type="radio"]:checked:after {
6209
- opacity: 1;
6210
- }
6211
-
6212
- .IncodeEkycFieldError {
6193
+ .IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycFieldError {
6213
6194
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
6214
- font-size: var(--text-14, var(--primitive-typography-size-14));
6195
+ font-family: var(--typography-body-family);
6196
+ font-size: var(--typography-body-m-regular-size);
6197
+ font-weight: var(--typography-body-m-regular-weight);
6198
+ line-height: var(--typography-body-m-regular-line-height);
6199
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
6215
6200
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
6216
6201
  display: block;
6217
6202
  }
6218
6203
 
6219
- .IncodeEkycSubmitError {
6220
- margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
6221
- text-align: center;
6222
- font-size: var(--text-16, var(--primitive-typography-size-16));
6223
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6224
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6225
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
6226
- margin-top: 0;
6227
- }
6228
-
6229
- .IncodeAddressAutocomplete {
6204
+ .IncodeEkycPage .IncodeAddressAutocomplete {
6230
6205
  width: 100%;
6231
6206
  position: relative;
6232
6207
  }
6233
6208
 
6234
- .IncodeAddressAutocompleteSuggestions {
6209
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestions {
6235
6210
  right: var(--spacing-0, var(--spacing-none, 0px));
6236
6211
  left: var(--spacing-0, var(--spacing-none, 0px));
6237
6212
  z-index: 10;
@@ -6250,78 +6225,62 @@
6250
6225
  box-shadow: 0 2px 8px #00000026;
6251
6226
  }
6252
6227
 
6253
- .IncodeAddressAutocompleteSuggestion {
6228
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion {
6254
6229
  cursor: pointer;
6255
6230
  border-bottom-style: var(--tw-border-style);
6256
6231
  border-bottom-width: 1px;
6257
6232
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
6258
6233
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
6259
6234
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
6260
- font-size: var(--text-16, var(--primitive-typography-size-16));
6261
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6262
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6235
+ font-family: var(--typography-headline-family);
6236
+ font-size: var(--typography-headline-h5-size);
6237
+ font-weight: var(--typography-headline-h5-weight);
6238
+ line-height: var(--typography-headline-h5-line-height);
6239
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
6263
6240
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
6264
6241
  }
6265
6242
 
6266
- .IncodeAddressAutocompleteSuggestion:last-child {
6243
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion:last-child {
6267
6244
  border-bottom-style: var(--tw-border-style);
6268
6245
  border-bottom-width: 0;
6269
6246
  }
6270
6247
 
6271
- .IncodeAddressAutocompleteSuggestion:hover {
6248
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion:hover, .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestionActive {
6272
6249
  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
6273
6250
  }
6274
6251
 
6275
- .IncodeAddressAutocompleteModalOverlay {
6276
- inset: var(--spacing-0, var(--spacing-none, 0px));
6277
- z-index: 50;
6278
- background-color: var(--color-surface-neutral-1000, var(--surface-neutral-1000));
6279
- align-items: flex-end;
6280
- display: flex;
6281
- position: fixed;
6282
- }
6283
-
6284
- @supports (color: color-mix(in lab, red, red)) {
6285
- .IncodeAddressAutocompleteModalOverlay {
6286
- background-color: color-mix(in oklab, var(--color-surface-neutral-1000, var(--surface-neutral-1000)) 50%, transparent);
6287
- }
6288
- }
6289
-
6290
- .IncodeAddressAutocompleteModal {
6291
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
6292
- border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
6293
- flex-direction: column;
6294
- width: 100%;
6295
- max-height: 90vh;
6296
- display: flex;
6297
- }
6298
-
6299
- .IncodeAddressAutocompleteModalHeader {
6252
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader {
6300
6253
  border-bottom-style: var(--tw-border-style);
6301
6254
  border-bottom-width: 1px;
6302
6255
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
6303
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
6256
+ padding-inline: var(--spacing-12, var(--spacing-12, 12px));
6304
6257
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
6305
6258
  justify-content: space-between;
6306
6259
  align-items: center;
6307
6260
  display: flex;
6308
6261
  }
6309
6262
 
6310
- .IncodeAddressAutocompleteModalHeader h3 {
6263
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader h3 {
6311
6264
  margin: var(--spacing-0, var(--spacing-none, 0px));
6312
- font-size: var(--text-18, var(--primitive-typography-size-18));
6313
- --tw-font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
6314
- font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
6265
+ font-family: var(--typography-headline-family);
6266
+ font-size: var(--typography-headline-h4-size);
6267
+ font-weight: var(--typography-headline-h4-weight);
6268
+ line-height: var(--typography-headline-h4-line-height);
6269
+ letter-spacing: var(--typography-headline-h4-letter-spacing);
6315
6270
  color: var(--color-input-text-label-default, var(--input-text-label-default));
6316
6271
  }
6317
6272
 
6318
- .IncodeAddressAutocompleteModalClose {
6273
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader .IncodeAddressAutocompleteModalClose {
6319
6274
  cursor: pointer;
6320
6275
  border-style: var(--tw-border-style);
6321
6276
  border-width: var(--border-width-none, var(--primitive-border-width-0));
6322
6277
  --tw-border-style: none;
6323
6278
  padding: var(--spacing-0, var(--spacing-none, 0px));
6324
- font-size: var(--text-24, var(--primitive-typography-size-24));
6279
+ font-family: var(--typography-input-dropdown-family);
6280
+ font-size: var(--typography-input-dropdown-l-size);
6281
+ font-weight: var(--typography-input-dropdown-l-weight);
6282
+ line-height: var(--typography-input-dropdown-l-line-height);
6283
+ letter-spacing: var(--typography-input-dropdown-l-letter-spacing);
6325
6284
  --tw-leading: 1;
6326
6285
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
6327
6286
  background-color: #0000;
@@ -6329,14 +6288,14 @@
6329
6288
  line-height: 1;
6330
6289
  }
6331
6290
 
6332
- .IncodeAddressAutocompleteModalBody {
6333
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
6291
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody {
6292
+ padding-inline: var(--spacing-12, var(--spacing-12, 12px));
6334
6293
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
6335
6294
  flex: 1;
6336
6295
  overflow-y: auto;
6337
6296
  }
6338
6297
 
6339
- .IncodeAddressAutocompleteModalInput {
6298
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput {
6340
6299
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
6341
6300
  border-radius: var(--radius-small, var(--border-radius-small));
6342
6301
  border-style: var(--tw-border-style);
@@ -6346,37 +6305,49 @@
6346
6305
  width: 100%;
6347
6306
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
6348
6307
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
6349
- font-size: var(--text-16, var(--primitive-typography-size-16));
6308
+ font-family: var(--typography-headline-family);
6309
+ font-size: var(--typography-headline-h5-size);
6310
+ font-weight: var(--typography-headline-h5-weight);
6311
+ line-height: var(--typography-headline-h5-line-height);
6312
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
6350
6313
  color: var(--color-input-text-field-default, var(--input-text-field-default));
6351
6314
  --tw-outline-style: none;
6352
6315
  outline-style: none;
6353
6316
  }
6354
6317
 
6355
- .IncodeAddressAutocompleteModalInput::placeholder {
6318
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput::placeholder {
6356
6319
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
6357
6320
  }
6358
6321
 
6359
- .IncodeAddressAutocompleteModalInput:focus {
6322
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput:focus {
6360
6323
  border-color: var(--color-input-border-focused, var(--input-border-focused));
6361
6324
  }
6362
6325
 
6363
- .IncodeAddressAutocompleteModalSuggestions {
6326
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestions {
6364
6327
  margin: var(--spacing-0, var(--spacing-none, 0px));
6365
6328
  padding: var(--spacing-0, var(--spacing-none, 0px));
6366
6329
  list-style-type: none;
6367
6330
  }
6368
6331
 
6369
- .IncodeAddressAutocompleteModalSuggestion {
6332
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestion {
6370
6333
  cursor: pointer;
6371
6334
  border-bottom-style: var(--tw-border-style);
6372
6335
  border-bottom-width: 1px;
6373
6336
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
6374
6337
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
6375
- font-size: var(--text-14, var(--primitive-typography-size-14));
6338
+ font-family: var(--typography-body-family);
6339
+ font-size: var(--typography-body-m-regular-size);
6340
+ font-weight: var(--typography-body-m-regular-weight);
6341
+ line-height: var(--typography-body-m-regular-line-height);
6342
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
6376
6343
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
6377
6344
  }
6378
6345
 
6379
- .IncodeAddressAutocompleteEnterManually {
6346
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestionActive {
6347
+ background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
6348
+ }
6349
+
6350
+ .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteEnterManually {
6380
6351
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
6381
6352
  cursor: pointer;
6382
6353
  border-radius: var(--radius-small, var(--border-radius-small));
@@ -6386,7 +6357,11 @@
6386
6357
  width: 100%;
6387
6358
  padding: var(--spacing-12, var(--spacing-12, 12px));
6388
6359
  text-align: center;
6389
- font-size: var(--text-14, var(--primitive-typography-size-14));
6360
+ font-family: var(--typography-button-family);
6361
+ font-size: var(--typography-button-s-size);
6362
+ font-weight: var(--typography-button-s-weight);
6363
+ line-height: var(--typography-button-s-line-height);
6364
+ letter-spacing: var(--typography-button-s-letter-spacing);
6390
6365
  color: var(--color-button-secondary-text-default, var(--button-secondary-text-default));
6391
6366
  background-color: #0000;
6392
6367
  }
@@ -1,4 +1,4 @@
1
- import { n as e } from "./i18n-CeGVT08F.js";
1
+ import { n as e } from "./i18n-B3g2cb7v.js";
2
2
  import { v as t } from "./vendor-preact-D6SntenC.js";
3
3
  import { t as n } from "./inputComposed-D7vq-JYi.js";
4
4
  //#region src/shared/errorParams.ts
@@ -1,11 +1,11 @@
1
- import { n as e, t } from "../i18n-CeGVT08F.js";
1
+ import { n as e, t } from "../i18n-B3g2cb7v.js";
2
2
  import { S as n, _ as r, v as i } from "../vendor-preact-D6SntenC.js";
3
- import { o as a, t as o } from "../incodeComponent-DzIDROLm.js";
3
+ import { o as a, t as o } from "../incodeComponent-dxwR00fd.js";
4
4
  import { t as s } from "../spacer-DCljE53A.js";
5
5
  import { t as c } from "../page-D5Mt-0zn.js";
6
6
  import { t as l } from "../button-4-ToV5B_.js";
7
- import { t as u } from "../numberedStep-CR4w_BpM.js";
8
- import { t as d } from "../incodeModule-D_r2n18O.js";
7
+ import { t as u } from "../numberedStep-CSQrc-lB.js";
8
+ import { t as d } from "../incodeModule-BH9gV7jI.js";
9
9
  import { getBrowser as f, getDeviceClass as p } from "@incodetech/core/device";
10
10
  import { createGeolocationManager as m } from "@incodetech/core/geolocation";
11
11
  //#region src/modules/geolocation/LocationActiveIcon.tsx
@@ -1,13 +1,13 @@
1
- import { n as e } from "../i18n-CeGVT08F.js";
1
+ import { n as e } from "../i18n-B3g2cb7v.js";
2
2
  import { v as t } from "../vendor-preact-D6SntenC.js";
3
- import { o as n, t as r } from "../incodeComponent-DzIDROLm.js";
3
+ import { o as n, t as r } from "../incodeComponent-dxwR00fd.js";
4
4
  import { t as i } from "../spacer-DCljE53A.js";
5
5
  import { t as a } from "../page-D5Mt-0zn.js";
6
6
  import { t as o } from "../spinner-DyRQfsz_.js";
7
7
  import { m as s, p as c } from "../icons-Cj7hJH7f.js";
8
8
  import { t as l } from "../successIcon-C4GI_9SU.js";
9
- import { t as u } from "../otpInput-DGxQcqVQ.js";
10
- import { t as d } from "../incodeModule-D_r2n18O.js";
9
+ import { t as u } from "../otpInput-Br-1AWsA.js";
10
+ import { t as d } from "../incodeModule-BH9gV7jI.js";
11
11
  import { createGovernmentValidationManager as f } from "@incodetech/core/government-validation";
12
12
  //#region src/modules/governmentValidation/governmentValidation.tsx
13
13
  var p = ({ variant: e, icon: n, title: r, subtitle: i }) => /* @__PURE__ */ t("div", {
@@ -1,4 +1,4 @@
1
- import { a as e, n as t, o as n } from "./i18n-CeGVT08F.js";
1
+ import { a as e, n as t, o as n } from "./i18n-B3g2cb7v.js";
2
2
  import { _ as r, d as i, l as a, p as o, v as s } from "./vendor-preact-D6SntenC.js";
3
3
  import { n as c } from "./uiConfig-CwpQ-IM6.js";
4
4
  import { t as l } from "./spacer-DCljE53A.js";
@@ -6,7 +6,7 @@ import "./incode-logo-DX016usY.js";
6
6
  import { t as u } from "./button-4-ToV5B_.js";
7
7
  import { t as d } from "./dropdownComposed-B4Ebk486.js";
8
8
  import "./dropdownComposed-3cFHAdBp.js";
9
- import { t as f } from "./modal-CfWL75re.js";
9
+ import { t as f } from "./modal-BxXKrclm.js";
10
10
  //#region src/shared/homeScreen/language.ts
11
11
  function p(e, t) {
12
12
  let [n, ...r] = Array.from(e);
@@ -1514,7 +1514,7 @@ var K;
1514
1514
  Be() && (typeof global < "u" && global.XMLHttpRequest ? K = global.XMLHttpRequest : typeof window < "u" && window.XMLHttpRequest && (K = window.XMLHttpRequest));
1515
1515
  var q;
1516
1516
  if (typeof ActiveXObject == "function" && (typeof global < "u" && global.ActiveXObject ? q = global.ActiveXObject : typeof window < "u" && window.ActiveXObject && (q = window.ActiveXObject)), typeof G != "function" && (G = void 0), !G && !K && !q) try {
1517
- import("./browser-ponyfill-VSeGKSP8.js").then((t) => /* @__PURE__ */ e(t.default, 1)).then(function(e) {
1517
+ import("./browser-ponyfill-CYk5g-nD.js").then((t) => /* @__PURE__ */ e(t.default, 1)).then(function(e) {
1518
1518
  G = e.default;
1519
1519
  }).catch(function() {});
1520
1520
  } catch {}
package/dist/id/id.es.js CHANGED
@@ -1,19 +1,19 @@
1
- import { n as e } from "../i18n-CeGVT08F.js";
1
+ import { n as e } from "../i18n-B3g2cb7v.js";
2
2
  import { _ as t, c as n, l as r, o as i, v as a } from "../vendor-preact-D6SntenC.js";
3
- import { o, t as s } from "../incodeComponent-DzIDROLm.js";
3
+ import { o, t as s } from "../incodeComponent-dxwR00fd.js";
4
4
  import { t as c } from "../page-D5Mt-0zn.js";
5
- import { a as l, i as u, n as d, o as f, r as p, t as m } from "../extensibility-CfU7fTHy.js";
5
+ import { a as l, i as u, n as d, o as f, r as p, t as m } from "../extensibility-DbkDY7L4.js";
6
6
  import { n as h } from "../loadingIcon-wTrHZMGC.js";
7
7
  import { t as g } from "../spinner-DyRQfsz_.js";
8
8
  import "../spinner-BmFWJNHp.js";
9
- import { t as _ } from "../transitionSpinner-DMz65Cb2.js";
10
- import { t as v } from "../processing-DahN4NlZ.js";
9
+ import { t as _ } from "../transitionSpinner-CpwivARH.js";
10
+ import { t as v } from "../processing-BuNhGQnB.js";
11
11
  import { t as y } from "../button-4-ToV5B_.js";
12
12
  import { m as b, s as x } from "../icons-Cj7hJH7f.js";
13
- import { r as S, s as C } from "../tutorial-vB6h6wPK.js";
13
+ import { o as S, r as C } from "../tutorial-5LMEfxn3.js";
14
14
  import { t as w } from "../successIcon-C4GI_9SU.js";
15
- import { t as T } from "../incodeModule-D_r2n18O.js";
16
- import { t as E } from "../tabs-CIk4tOL2.js";
15
+ import { t as T } from "../incodeModule-BH9gV7jI.js";
16
+ import { t as E } from "../tabs-DnpffRKI.js";
17
17
  import { createIdCaptureManager as D } from "@incodetech/core/id";
18
18
  //#region src/shared/fonts/preloadDisplayFont.ts
19
19
  var O = !1;
@@ -138,7 +138,7 @@ var j = ({ icon: e, label: t, uploaded: n, uploading: i, disabled: o, testId: s,
138
138
  });
139
139
  }, L = (e) => e === "id" || e === "passport", R = ({ manager: t, state: n }) => {
140
140
  let { t: r } = e();
141
- if (n.phase === "exhausted") return /* @__PURE__ */ a(C, {
141
+ if (n.phase === "exhausted") return /* @__PURE__ */ a(S, {
142
142
  title: r("manualIdUpload.tooManyTries"),
143
143
  description: r("manualIdUpload.contactedByAdmin"),
144
144
  attemptsRemaining: 0,
@@ -213,7 +213,7 @@ var j = ({ icon: e, label: t, uploaded: n, uploading: i, disabled: o, testId: s,
213
213
  })]
214
214
  })]
215
215
  });
216
- }, z = n(() => import("../mandatoryConsent-Bhydm83e.js").then((e) => ({ default: e.MandatoryConsent }))), B = ({ config: e, manager: t, onFinish: n, onError: r }) => {
216
+ }, z = n(() => import("../mandatoryConsent-wpJR_1w0.js").then((e) => ({ default: e.MandatoryConsent }))), B = ({ config: e, manager: t, onFinish: n, onError: r }) => {
217
217
  A();
218
218
  let [s, c] = o(() => {
219
219
  if (t) return t;
@@ -226,7 +226,7 @@ var j = ({ icon: e, label: t, uploaded: n, uploading: i, disabled: o, testId: s,
226
226
  }) : s.status === "tutorial" ? /* @__PURE__ */ a(p, {
227
227
  manager: c,
228
228
  state: s
229
- }) : s.status === "permissions" ? /* @__PURE__ */ a(S, {
229
+ }) : s.status === "permissions" ? /* @__PURE__ */ a(C, {
230
230
  manager: c,
231
231
  permissionStatus: s.permissionStatus
232
232
  }) : s.status === "frontFinished" ? /* @__PURE__ */ a(m, {
@@ -1,10 +1,10 @@
1
- import { n as e } from "../i18n-CeGVT08F.js";
1
+ import { n as e } from "../i18n-B3g2cb7v.js";
2
2
  import { _ as t, v as n } from "../vendor-preact-D6SntenC.js";
3
- import { o as r, t as i } from "../incodeComponent-DzIDROLm.js";
3
+ import { o as r, t as i } from "../incodeComponent-dxwR00fd.js";
4
4
  import { t as a } from "../page-D5Mt-0zn.js";
5
5
  import { t as o } from "../spinner-DyRQfsz_.js";
6
6
  import { t as s } from "../button-4-ToV5B_.js";
7
- import { t as c } from "../incodeModule-D_r2n18O.js";
7
+ import { t as c } from "../incodeModule-BH9gV7jI.js";
8
8
  import { createIdentityReuseManager as l } from "@incodetech/core/identity-reuse";
9
9
  //#region src/modules/identity-reuse/identity-reuse.tsx
10
10
  var u = ({ name: e }) => /* @__PURE__ */ n("div", {
@@ -1,4 +1,4 @@
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, r as i, s as a, v as o } from "./vendor-preact-D6SntenC.js";
3
3
  import { ScreenOrientationProvider as s, createScreenOrientationObserver as c, getDeviceClass as l, isIPad as u } from "@incodetech/core/device";
4
4
  import "@incodetech/core/events";
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { t as e } from "./uiConfig-CwpQ-IM6.js";
2
- import { t } from "./setup-CYffoS2y.js";
2
+ import { t } from "./setup-da1N2VR6.js";
3
3
  import { DEFAULT_WASM_VERSION as n } from "@incodetech/core/wasm";
4
4
  export { n as DEFAULT_WASM_VERSION, e as setUiConfig, t as setup };
@@ -1,13 +1,13 @@
1
- import { n as e } from "./i18n-CeGVT08F.js";
1
+ import { n as e } from "./i18n-B3g2cb7v.js";
2
2
  import { _ as t, v as n } from "./vendor-preact-D6SntenC.js";
3
- import { o as r, t as i } from "./incodeComponent-DzIDROLm.js";
3
+ import { o as r, t as i } from "./incodeComponent-dxwR00fd.js";
4
4
  import { t as a } from "./page-D5Mt-0zn.js";
5
5
  import { t as o } from "./spinner-DyRQfsz_.js";
6
6
  import "./spinner-BmFWJNHp.js";
7
7
  import { t as s } from "./button-4-ToV5B_.js";
8
8
  import { t as c } from "./checkbox-Xh75AgKT.js";
9
- import { t as l } from "./incodeModule-D_r2n18O.js";
10
- import { t as u } from "./richText-gJTUJEMX.js";
9
+ import { t as l } from "./incodeModule-BH9gV7jI.js";
10
+ import { t as u } from "./richText-BNC8z_ah.js";
11
11
  import { createMandatoryConsentManager as d } from "@incodetech/core/mandatory-consent";
12
12
  //#region src/modules/mandatory-consent/mandatoryConsent.tsx
13
13
  var f = ({ config: i, manager: l, onFinish: f, onError: p }) => {