@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.
- package/dist/addressAutocomplete-DTrgJzUp.js +126 -0
- package/dist/ae-signature/ae-signature.es.js +2 -2
- package/dist/antifraud/antifraud.es.js +2 -2
- package/dist/authentication/authentication.es.js +3 -3
- package/dist/base.css +84 -1
- package/dist/bottomSheet-D7Bcy6_9.js +31 -0
- package/dist/consent/consent.es.js +4 -4
- package/dist/cross-document-data-match/cross-document-data-match.es.js +2 -2
- package/dist/curp-validation/curp-validation.es.js +3 -3
- package/dist/{documentCapture-CpF6kCf5.js → documentCapture-BEV5dOjJ.js} +16 -15
- package/dist/ekyb/ekyb.es.js +1 -1
- package/dist/{ekybModule-B7k5uaCZ.js → ekybModule-B4Xva8gU.js} +6 -6
- package/dist/ekybModule-Craxr9wc.js +2 -0
- package/dist/ekyc/ekyc.es.js +1 -1
- package/dist/ekyc/styles.css +103 -154
- package/dist/ekycModule-Bw-Zs4MH.js +2 -0
- package/dist/ekycModule-DOVTiBfn.js +250 -0
- package/dist/electronic-signature/electronic-signature.es.js +1 -1
- package/dist/{electronic-signature-C021QkIh.js → electronic-signature-AVBIN1f_.js} +4 -4
- package/dist/email/email.es.js +5 -5
- package/dist/{extensibility-CfU7fTHy.js → extensibility-DbkDY7L4.js} +90 -163
- package/dist/extensibility.es.js +23 -21
- package/dist/face-match/face-match.es.js +1 -1
- package/dist/face-match/styles.css +23 -3
- package/dist/faceMatch-DO9ECAq7.js +2 -0
- package/dist/{faceMatch-BEoxDC42.js → faceMatch-SlCovmDB.js} +73 -57
- package/dist/flow/flow.es.js +6 -6
- package/dist/flow/styles.css +126 -151
- package/dist/{formField-CWGwTjU0.js → formField-Co4Kh1a4.js} +1 -1
- package/dist/geolocation/geolocation.es.js +4 -4
- package/dist/governmentValidation/governmentValidation.es.js +4 -4
- package/dist/{homeScreen-CAFKUlMd.js → homeScreen-CC6U7vbU.js} +2 -2
- package/dist/{i18n-CeGVT08F.js → i18n-B3g2cb7v.js} +1 -1
- package/dist/id/id.es.js +11 -11
- package/dist/identity-reuse/identity-reuse.es.js +3 -3
- package/dist/{incodeComponent-DzIDROLm.js → incodeComponent-dxwR00fd.js} +1 -1
- package/dist/index.es.js +1 -1
- package/dist/{mandatoryConsent-Bhydm83e.js → mandatoryConsent-wpJR_1w0.js} +4 -4
- package/dist/modal-BxXKrclm.js +135 -0
- package/dist/modal.hooks-B9B0KVgR.js +121 -0
- package/dist/{otpInput-DGxQcqVQ.js → otpInput-Br-1AWsA.js} +1 -1
- package/dist/phone/phone.es.js +4 -4
- package/dist/{processing-DahN4NlZ.js → processing-BuNhGQnB.js} +1 -1
- package/dist/qe-signature/qe-signature.es.js +2 -2
- package/dist/radioButtonComposed-o86b9OGB.js +82 -0
- package/dist/{redirectToMobile-BNMTUUuv.js → redirectToMobile-BjhYByLI.js} +5 -5
- package/dist/{richText-gJTUJEMX.js → richText-BNC8z_ah.js} +1 -1
- package/dist/selfie/selfie.es.js +5 -5
- package/dist/{setup-CYffoS2y.js → setup-da1N2VR6.js} +1 -1
- package/dist/signature/signature.es.js +4 -4
- package/dist/themes/dark.css +3 -0
- package/dist/themes/light.css +3 -0
- package/dist/{transitionSpinner-DMz65Cb2.js → transitionSpinner-CpwivARH.js} +1 -1
- package/dist/{tutorial-vB6h6wPK.js → tutorial-5LMEfxn3.js} +53 -81
- package/dist/{useModuleLoader-J38RiuMO.js → useModuleLoader-B4EtGg2Y.js} +9 -9
- package/dist/verificationResult-VtriXVEd.js +90 -0
- package/dist/watchlist/watchlist.es.js +3 -3
- package/dist/workflow/styles.css +126 -151
- package/dist/workflow/workflow.es.js +6 -6
- package/package.json +2 -2
- package/dist/addressAutocomplete-Xdp9mPRT.js +0 -108
- package/dist/ekybModule-CXY_Mv5-.js +0 -2
- package/dist/ekycModule-BdPdWLQa.js +0 -2
- package/dist/ekycModule-OS6Kw_iX.js +0 -235
- package/dist/faceMatch-C_JTA6_f.js +0 -2
- package/dist/modal-CfWL75re.js +0 -239
- package/dist/verificationResult-BwV7ZiOq.js +0 -81
- /package/dist/{aligndevicelottie-qUSV6Le7.js → aligndevicelottie-C6Ed_QzW.js} +0 -0
- /package/dist/{back-horizontal-hint-iEWk08tl.js → back-horizontal-hint-DvZDkdvV.js} +0 -0
- /package/dist/{back-tutorial-BZmE2nCI.js → back-tutorial-CG_LPTUE.js} +0 -0
- /package/dist/{back-vertical-hint-CB37PPBM.js → back-vertical-hint-CzuG1Hve.js} +0 -0
- /package/dist/{backdevicelottie-DFySVtix.js → backdevicelottie-mGREI6Py.js} +0 -0
- /package/dist/{blurdevicelottie-Vrw4Q73g.js → blurdevicelottie-Bw43-G1P.js} +0 -0
- /package/dist/{browser-ponyfill-VSeGKSP8.js → browser-ponyfill-CYk5g-nD.js} +0 -0
- /package/dist/{defineProperty-CqT6YdHJ.js → defineProperty-DB5OmvER.js} +0 -0
- /package/dist/{flip-animation-C5qWdHLD.js → flip-animation-CAqT4nr6.js} +0 -0
- /package/dist/{front-horizontal-hint-pRbh84gx.js → front-horizontal-hint-BSKWj6i6.js} +0 -0
- /package/dist/{front-vertical-hint-BAKFge2R.js → front-vertical-hint-BYdzIVbN.js} +0 -0
- /package/dist/{frontdevicelottie-oZ1W9xZw.js → frontdevicelottie-Cho1olXp.js} +0 -0
- /package/dist/{glaredevicelottie-sI8UXrQF.js → glaredevicelottie-dg9fVsGy.js} +0 -0
- /package/dist/{id-laser-h-DeeqVBeU.js → id-laser-h-DWh_BVEp.js} +0 -0
- /package/dist/{id-laser-v-CWbE_3-e.js → id-laser-v-Dvk7U4fL.js} +0 -0
- /package/dist/{id-tutorial-CSjRVua_.js → id-tutorial-DsrHcnNV.js} +0 -0
- /package/dist/{incodeModule-D_r2n18O.js → incodeModule-BH9gV7jI.js} +0 -0
- /package/dist/{numberedStep-CR4w_BpM.js → numberedStep-CSQrc-lB.js} +0 -0
- /package/dist/{passport-horizontal-hint-CKL1CfSO.js → passport-horizontal-hint-2XF3bnIM.js} +0 -0
- /package/dist/{passport-tutorial-CfuYKkED.js → passport-tutorial-cKfi7FGo.js} +0 -0
- /package/dist/{passport-vertical-hint-BK1gSSwh.js → passport-vertical-hint-BcYR5CAS.js} +0 -0
- /package/dist/{phoneInput-DtBeLyeD.js → phoneInput-q1YF0o-q.js} +0 -0
- /package/dist/{selfieTutorial-DE1_g-Lg.js → selfieTutorial-CJQBQ-KM.js} +0 -0
- /package/dist/{tabs-CIk4tOL2.js → tabs-DnpffRKI.js} +0 -0
package/dist/workflow/styles.css
CHANGED
|
@@ -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-
|
|
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-
|
|
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
|
-
.
|
|
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
|
-
|
|
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
|
|
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
|
-
.
|
|
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 .
|
|
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-
|
|
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
|
-
.
|
|
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-
|
|
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
|
-
.
|
|
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-
|
|
5607
|
-
|
|
5608
|
-
font-weight: var(--
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
5659
|
-
|
|
5660
|
-
font-weight: var(--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
4
|
+
import { o, t as s } from "../incodeComponent-dxwR00fd.js";
|
|
5
5
|
import "../spinner-BmFWJNHp.js";
|
|
6
|
-
import { t as c } from "../transitionSpinner-
|
|
7
|
-
import { t as l } from "../incodeModule-
|
|
8
|
-
import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-
|
|
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-
|
|
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-
|
|
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-
|
|
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 };
|