@incodetech/web 0.0.0-dev-20260902-10b14cca → 0.0.0-dev-20260902-b423eb4c

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 (73) hide show
  1. package/dist/ae-signature/ae-signature.es.js +2 -2
  2. package/dist/antifraud/antifraud.es.js +2 -2
  3. package/dist/authentication/authentication.es.js +1 -1
  4. package/dist/base.css +349 -3
  5. package/dist/certificate-issuance/certificate-issuance.es.js +2 -2
  6. package/dist/consent/consent.es.js +2 -2
  7. package/dist/{countrySelector-glWd8_oe.js → countrySelector-CZccmi4z.js} +2 -2
  8. package/dist/cross-document-data-match/cross-document-data-match.es.js +2 -2
  9. package/dist/curp-validation/curp-validation.es.js +2 -2
  10. package/dist/{customFields-BIRlqhhz.js → customFields-CaOTIR_e.js} +2 -2
  11. package/dist/{customWatchlist-DWXhZBDm.js → customWatchlist-B83i5Ubd.js} +2 -2
  12. package/dist/document-capture/document-capture.es.js +1 -1
  13. package/dist/{documentCapture-B2-pyxoX.js → documentCapture-B7T8XbL5.js} +4 -4
  14. package/dist/documentCapture-pXKP1Tbe.js +2 -0
  15. package/dist/{dropdownComposed-BiU5szlF.js → dropdownComposed-Bp28bptM.js} +9 -2
  16. package/dist/{dynamicForms-BUEgwP7h.js → dynamicForms-DvTAF24O.js} +3 -3
  17. package/dist/ekyb/ekyb.es.js +1 -1
  18. package/dist/ekybModule-DyROxp2N.js +2 -0
  19. package/dist/{ekybModule-omG8wv7v.js → ekybModule-x8d73Kdl.js} +5 -5
  20. package/dist/ekyc/ekyc.es.js +1 -1
  21. package/dist/ekycModule-4yjbMN_L.js +2 -0
  22. package/dist/{ekycModule-Zilv41Av.js → ekycModule-DzJz3lYC.js} +4 -4
  23. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  24. package/dist/{electronic-signature-DmTRq7G4.js → electronic-signature-Cov9BKJ-.js} +3 -3
  25. package/dist/email/email.es.js +3 -3
  26. package/dist/{emailInput-CYI7mkgT.js → emailInput-CN48lIrg.js} +1 -1
  27. package/dist/{extensibility-BjsMZ9wH.js → extensibility-C_4OSwNj.js} +614 -187
  28. package/dist/extensibility.es.js +3 -3
  29. package/dist/face-match/face-match.es.js +1 -1
  30. package/dist/{faceMatch-C_h-t126.js → faceMatch-CJwGNK5J.js} +3 -3
  31. package/dist/faceMatch-Rl9qO8Fy.js +2 -0
  32. package/dist/field-comparison/field-comparison.es.js +1 -1
  33. package/dist/fieldComparison-7yzuwmhT.js +2 -0
  34. package/dist/{fieldComparison-CXlIUJBH.js → fieldComparison-BKGJa1-Z.js} +2 -2
  35. package/dist/{finalSuccessScreen-45lRExEd.js → finalSuccessScreen-BGvHT0Nb.js} +2 -2
  36. package/dist/fiscal-qr/fiscal-qr.es.js +2 -2
  37. package/dist/flow/flow.es.js +4 -4
  38. package/dist/flow/styles.css +34 -1
  39. package/dist/geolocation/geolocation.es.js +2 -2
  40. package/dist/government-validation/government-validation.es.js +1 -1
  41. package/dist/{homeScreen-Cfk7GxO1.js → homeScreen-CGwTFNOv.js} +1 -1
  42. package/dist/id/id.es.js +296 -9
  43. package/dist/id/styles.css +34 -1
  44. package/dist/id-selfie-flow/id-selfie-flow.es.js +3 -3
  45. package/dist/id-verification/id-verification.es.js +2 -2
  46. package/dist/{idOcr-D3ZJD8Qq.js → idOcr-KAbQjIuE.js} +2 -2
  47. package/dist/identity-reuse/identity-reuse.es.js +3 -3
  48. package/dist/{mandatoryConsent-CIyRDFuY.js → mandatoryConsent-gofFwZJb.js} +2 -2
  49. package/dist/{optionAccessibleLabel-B2AwevHH.js → optionAccessibleLabel-DdnoFUd4.js} +1 -1
  50. package/dist/pdfViewer-BVWBcRqJ.js +2 -0
  51. package/dist/{pdfViewer-CTYP5uX2.js → pdfViewer-ewa3CipR.js} +1 -1
  52. package/dist/phone/phone.es.js +2 -2
  53. package/dist/qe-signature/qe-signature.es.js +2 -2
  54. package/dist/redirect-to-mobile/redirect-to-mobile.es.js +2 -2
  55. package/dist/selfie/selfie.es.js +3 -3
  56. package/dist/signature/signature.es.js +2 -2
  57. package/dist/{spinner-BIgpFkeM.js → spinner-CKRC7C1a.js} +45 -3
  58. package/dist/themes/dark.css +19 -1
  59. package/dist/themes/light.css +18 -1
  60. package/dist/types/extensibility.d.ts +49 -6
  61. package/dist/{useModuleLoader-B9rRJAer.js → useModuleLoader-Dt7j-gwI.js} +16 -16
  62. package/dist/video-selfie/video-selfie.es.js +4 -4
  63. package/dist/watchlist/watchlist.es.js +2 -2
  64. package/dist/{watchlistForBusiness-9e1i4ti8.js → watchlistForBusiness-CwlS0dKZ.js} +3 -3
  65. package/dist/workflow/styles.css +34 -1
  66. package/dist/workflow/workflow.es.js +3 -3
  67. package/package.json +2 -2
  68. package/dist/documentCapture-CHPyx3Yv.js +0 -2
  69. package/dist/ekybModule-gqAdHHdr.js +0 -2
  70. package/dist/ekycModule-BET_yqkL.js +0 -2
  71. package/dist/faceMatch-BqO0NQOK.js +0 -2
  72. package/dist/fieldComparison-CY7Qg0Ok.js +0 -2
  73. package/dist/pdfViewer-GPJBE85L.js +0 -2
@@ -1,6 +1,6 @@
1
1
  import { y as u } from "../vendor-preact-BPXMFRom.js";
2
- import { st as withStandaloneModuleBootstrap } from "../extensibility-BjsMZ9wH.js";
3
- import { n as ElectronicSignature } from "../electronic-signature-DmTRq7G4.js";
2
+ import { _t as withStandaloneModuleBootstrap } from "../extensibility-C_4OSwNj.js";
3
+ import { n as ElectronicSignature } from "../electronic-signature-Cov9BKJ-.js";
4
4
  import { t as registerIncodeModuleElement } from "../incodeModule-BJ-HCYmb.js";
5
5
  //#region src/modules/ae-signature/ae-signature.tsx
6
6
  var AeSignatureWithLocalConfig = ({ config, manager, onFinish, onError }) => {
@@ -1,6 +1,6 @@
1
1
  import { v as y, y as u } from "../vendor-preact-BPXMFRom.js";
2
- import { St as useManager, bt as useModuleTerminalCallbacks, rt as IncodeComponent, st as withStandaloneModuleBootstrap } from "../extensibility-BjsMZ9wH.js";
3
- import { t as Spinner } from "../spinner-BIgpFkeM.js";
2
+ import { At as useModuleTerminalCallbacks, Mt as useManager, _t as withStandaloneModuleBootstrap, pt as IncodeComponent } from "../extensibility-C_4OSwNj.js";
3
+ import { t as Spinner } from "../spinner-CKRC7C1a.js";
4
4
  import { t as registerIncodeModuleElement } from "../incodeModule-BJ-HCYmb.js";
5
5
  import { createAntifraudManager } from "@incodetech/core/antifraud";
6
6
  //#region src/modules/antifraud/antifraud.tsx
@@ -1,5 +1,5 @@
1
1
  import { y as u } from "../vendor-preact-BPXMFRom.js";
2
- import { St as useManager, _ as Permissions, bt as useModuleTerminalCallbacks, h as Capture, m as Tutorial, rt as IncodeComponent, st as withStandaloneModuleBootstrap, yt as isTerminalModuleState } from "../extensibility-BjsMZ9wH.js";
2
+ import { At as useModuleTerminalCallbacks, C as Permissions, Mt as useManager, _t as withStandaloneModuleBootstrap, b as Tutorial, kt as isTerminalModuleState, pt as IncodeComponent, x as Capture } from "../extensibility-C_4OSwNj.js";
3
3
  import { t as registerIncodeModuleElement } from "../incodeModule-BJ-HCYmb.js";
4
4
  import { createAuthenticationManager } from "@incodetech/core/authentication";
5
5
  //#region src/modules/authentication/authentication.tsx
package/dist/base.css CHANGED
@@ -4467,6 +4467,51 @@
4467
4467
  }
4468
4468
  }
4469
4469
 
4470
+ @media (min-width: 40rem) {
4471
+ .IncodePageContainer .IncodePageInner {
4472
+ max-width: 40rem;
4473
+ }
4474
+ }
4475
+
4476
+ @media (min-width: 48rem) {
4477
+ .IncodePageContainer .IncodePageInner {
4478
+ max-width: 48rem;
4479
+ }
4480
+ }
4481
+
4482
+ @media (min-width: 64rem) {
4483
+ .IncodePageContainer .IncodePageInner {
4484
+ max-width: 64rem;
4485
+ }
4486
+ }
4487
+
4488
+ @media (min-width: 80rem) {
4489
+ .IncodePageContainer .IncodePageInner {
4490
+ max-width: 80rem;
4491
+ }
4492
+ }
4493
+
4494
+ @media (min-width: 96rem) {
4495
+ .IncodePageContainer .IncodePageInner {
4496
+ max-width: 96rem;
4497
+ }
4498
+ }
4499
+
4500
+ @media (min-width: 48rem) {
4501
+ .IncodePageContainer .IncodePageInner {
4502
+ max-height: var(--incode-page-max-h);
4503
+ max-width: var(--incode-page-max-w);
4504
+ }
4505
+
4506
+ @media not all and (min-width: 80rem) {
4507
+ @media (orientation: landscape) {
4508
+ .IncodePageContainer .IncodePageInner {
4509
+ max-height: var(--incode-page-max-h-landscape);
4510
+ }
4511
+ }
4512
+ }
4513
+ }
4514
+
4470
4515
  .IncodePageContainer .IncodePageInner {
4471
4516
  width: 100%;
4472
4517
  }
@@ -4912,10 +4957,14 @@
4912
4957
  height: 100%;
4913
4958
  max-width: var(--incode-tutorial-animation-container-max-w);
4914
4959
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
4960
+ justify-content: center;
4961
+ align-items: center;
4915
4962
  margin: auto;
4963
+ display: flex;
4916
4964
  }
4917
4965
 
4918
4966
  .IncodeBaseTutorialDisclaimer {
4967
+ padding-inline: var(--spacing-8, var(--spacing-8, 8px));
4919
4968
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
4920
4969
  text-align: center;
4921
4970
  font-family: var(--typography-headline-family);
@@ -4927,9 +4976,20 @@
4927
4976
  }
4928
4977
 
4929
4978
  .IncodeBaseTutorialButtonContainer {
4979
+ align-items: center;
4980
+ gap: var(--spacing-12, var(--spacing-12, 12px));
4930
4981
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
4931
4982
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
4983
+ flex-direction: column;
4932
4984
  margin: auto;
4985
+ display: flex;
4986
+ }
4987
+
4988
+ .IncodeBaseTutorialActionsSlot {
4989
+ width: 100%;
4990
+ max-width: var(--incode-form-max-w);
4991
+ justify-content: center;
4992
+ display: flex;
4933
4993
  }
4934
4994
 
4935
4995
  .IncodeBaseTutorialButton {
@@ -4948,6 +5008,15 @@
4948
5008
  height: 100%;
4949
5009
  }
4950
5010
 
5011
+ .IncodeTutorialPageScaled .IncodePageContent, .IncodeBaseTutorialContainerScaled {
5012
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
5013
+ }
5014
+
5015
+ .IncodeBaseTutorialAnimationContainerScaled {
5016
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
5017
+ flex: 1;
5018
+ }
5019
+
4951
5020
  .IncodeSpinner {
4952
5021
  justify-content: center;
4953
5022
  align-items: center;
@@ -4993,6 +5062,38 @@
4993
5062
  color: var(--color-spinner-text-subtitle, var(--spinner-text-subtitle));
4994
5063
  }
4995
5064
 
5065
+ .IncodeSpinner.IncodeSpinnerAlwaysDark {
5066
+ background-color: var(--spinner-always-dark-background);
5067
+ width: 100%;
5068
+ height: 100%;
5069
+ }
5070
+
5071
+ .IncodeSpinner.IncodeSpinnerAlwaysDark .IncodeSpinnerAlwaysDarkLoadingPrimary {
5072
+ fill: var(--surface-brand-400-static);
5073
+ }
5074
+
5075
+ .IncodeSpinner.IncodeSpinnerAlwaysDark .IncodeSpinnerAlwaysDarkLoadingSecondary {
5076
+ fill: var(--surface-brand-900-static);
5077
+ }
5078
+
5079
+ .IncodeSpinner.IncodeSpinnerAlwaysDark .IncodeSpinnerTitle {
5080
+ font-family: var(--typography-headline-family);
5081
+ font-size: var(--typography-headline-h2-size);
5082
+ font-weight: var(--typography-headline-h2-weight);
5083
+ line-height: var(--typography-headline-h2-line-height);
5084
+ letter-spacing: var(--typography-headline-h2-letter-spacing);
5085
+ color: var(--spinner-always-dark-title);
5086
+ }
5087
+
5088
+ .IncodeSpinner.IncodeSpinnerAlwaysDark .IncodeSpinnerSubtitle {
5089
+ font-family: var(--typography-headline-family);
5090
+ font-size: var(--typography-headline-h5-size);
5091
+ font-weight: var(--typography-headline-h5-weight);
5092
+ line-height: var(--typography-headline-h5-line-height);
5093
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
5094
+ color: var(--spinner-always-dark-subtitle);
5095
+ }
5096
+
4996
5097
  .IncodeManualCapture {
4997
5098
  flex-direction: column;
4998
5099
  width: 100%;
@@ -5098,10 +5199,20 @@
5098
5199
  .IncodeModalRoot .IncodeModalBackdrop {
5099
5200
  pointer-events: auto;
5100
5201
  inset: var(--spacing-0, var(--spacing-none, 0px));
5101
- background-color: var(--color-surface-neutral-1000-80-static, var(--surface-neutral-1000-80-static));
5102
5202
  position: absolute;
5103
5203
  }
5104
5204
 
5205
+ .IncodeModalRoot .IncodeModalBackdrop:before {
5206
+ content: "";
5207
+ z-index: 0;
5208
+ background-color: var(--surface-neutral-1000-80-static);
5209
+ opacity: 0;
5210
+ pointer-events: none;
5211
+ animation: .3s cubic-bezier(.16, 1, .3, 1) forwards IncodeModalBackdropFadeIn;
5212
+ position: absolute;
5213
+ inset: 0;
5214
+ }
5215
+
5105
5216
  .IncodeModalRoot .IncodeModalDialog {
5106
5217
  pointer-events: auto;
5107
5218
  z-index: 1;
@@ -5217,6 +5328,19 @@
5217
5328
  display: flex;
5218
5329
  }
5219
5330
 
5331
+ @keyframes IncodeModalBackdropFadeIn {
5332
+ to {
5333
+ opacity: 1;
5334
+ }
5335
+ }
5336
+
5337
+ @media (prefers-reduced-motion: reduce) {
5338
+ .IncodeModalBackdrop:before {
5339
+ opacity: 1;
5340
+ animation: none;
5341
+ }
5342
+ }
5343
+
5220
5344
  .IncodeCaptureFooter {
5221
5345
  z-index: 1000;
5222
5346
  width: 100%;
@@ -5753,19 +5877,36 @@
5753
5877
  .IncodeBottomSheetOverlay {
5754
5878
  inset-inline: var(--spacing-0, var(--spacing-none, 0px));
5755
5879
  z-index: 999999;
5756
- background-color: var(--color-surface-neutral-1000-80-static, var(--surface-neutral-1000-80-static));
5757
5880
  top: var(--incode-visual-viewport-offset-top, 0);
5758
5881
  height: var(--incode-visual-viewport-height, 100vh);
5759
5882
  position: fixed;
5760
5883
  }
5761
5884
 
5885
+ .IncodeBottomSheetOverlay:before {
5886
+ content: "";
5887
+ z-index: 0;
5888
+ background-color: var(--surface-neutral-1000-20-static);
5889
+ opacity: 0;
5890
+ pointer-events: none;
5891
+ animation: .3s cubic-bezier(.16, 1, .3, 1) forwards IncodeBottomSheetOverlayFadeIn;
5892
+ position: absolute;
5893
+ inset: 0;
5894
+ transform: translate3d(0, 0, 0);
5895
+ }
5896
+
5897
+ .IncodeBottomSheetOverlay.IncodeBottomSheetOverlay--closing:before {
5898
+ animation: .3s cubic-bezier(.16, 1, .3, 1) forwards IncodeBottomSheetOverlayFadeOut;
5899
+ }
5900
+
5762
5901
  .IncodeBottomSheetOverlay .IncodeBottomSheetContainer {
5902
+ z-index: 1;
5763
5903
  min-height: 100%;
5764
5904
  padding-inline: var(--spacing-0, var(--spacing-none, 0px));
5765
5905
  flex-direction: column;
5766
5906
  justify-content: flex-end;
5767
5907
  margin-inline: auto;
5768
5908
  display: flex;
5909
+ position: relative;
5769
5910
  }
5770
5911
 
5771
5912
  @media (min-width: 48rem) {
@@ -5781,18 +5922,88 @@
5781
5922
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
5782
5923
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
5783
5924
  flex-direction: column;
5784
- animation: .35s cubic-bezier(.16, 1, .3, 1) .1s forwards IncodeSlideUp;
5785
5925
  display: flex;
5786
5926
  position: relative;
5927
+ }
5928
+
5929
+ .IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet .IncodeBottomSheetHandle {
5930
+ top: var(--spacing-8, var(--spacing-8, 8px));
5931
+ z-index: 1;
5932
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
5933
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5934
+ background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
5935
+ height: var(--bottom-sheet-handle-height);
5936
+ width: var(--bottom-sheet-handle-width);
5937
+ border-radius: var(--bottom-sheet-handle-radius);
5938
+ display: block;
5939
+ position: absolute;
5940
+ left: 50%;
5941
+ }
5942
+
5943
+ .IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet:not(.IncodeBottomSheet--closing) {
5944
+ animation: .35s cubic-bezier(.16, 1, .3, 1) .1s forwards IncodeSlideUp;
5787
5945
  transform: translateY(100%);
5788
5946
  }
5789
5947
 
5948
+ .IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet.IncodeBottomSheet--closing {
5949
+ animation: .35s cubic-bezier(.16, 1, .3, 1) forwards IncodeSlideDown;
5950
+ transform: translateY(0);
5951
+ }
5952
+
5953
+ @keyframes IncodeBottomSheetOverlayFadeIn {
5954
+ to {
5955
+ opacity: 1;
5956
+ }
5957
+ }
5958
+
5959
+ @keyframes IncodeBottomSheetOverlayFadeOut {
5960
+ from {
5961
+ opacity: 1;
5962
+ }
5963
+
5964
+ to {
5965
+ opacity: 0;
5966
+ }
5967
+ }
5968
+
5790
5969
  @keyframes IncodeSlideUp {
5791
5970
  to {
5792
5971
  transform: translateY(0);
5793
5972
  }
5794
5973
  }
5795
5974
 
5975
+ @keyframes IncodeSlideDown {
5976
+ from {
5977
+ transform: translateY(0);
5978
+ }
5979
+
5980
+ to {
5981
+ transform: translateY(100%);
5982
+ }
5983
+ }
5984
+
5985
+ @media (prefers-reduced-motion: reduce) {
5986
+ .IncodeBottomSheetOverlay:before {
5987
+ opacity: 1;
5988
+ animation: none;
5989
+ }
5990
+
5991
+ .IncodeBottomSheetOverlay.IncodeBottomSheetOverlay--closing:before {
5992
+ opacity: 0;
5993
+ animation: none;
5994
+ }
5995
+
5996
+ .IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet:not(.IncodeBottomSheet--closing) {
5997
+ animation: none;
5998
+ transform: translateY(0);
5999
+ }
6000
+
6001
+ .IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet.IncodeBottomSheet--closing {
6002
+ animation: none;
6003
+ transform: translateY(100%);
6004
+ }
6005
+ }
6006
+
5796
6007
  .IncodeStatusPage .IncodeStatusPageContainer {
5797
6008
  height: 100%;
5798
6009
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
@@ -6527,6 +6738,7 @@
6527
6738
 
6528
6739
  .IncodePermissionsBottomSheet {
6529
6740
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
6741
+ opacity: 0;
6530
6742
  }
6531
6743
 
6532
6744
  .IncodePermissionsBottomSheet .IncodePermissionsBottomSheetTitleContainer {
@@ -6539,6 +6751,11 @@
6539
6751
 
6540
6752
  .IncodePermissionsBottomSheet .IncodePermissionsBottomSheetTitle {
6541
6753
  text-align: left;
6754
+ font-family: var(--typography-headline-family);
6755
+ font-size: var(--typography-headline-h1-size);
6756
+ font-weight: var(--typography-headline-h1-weight);
6757
+ line-height: var(--typography-headline-h1-line-height);
6758
+ letter-spacing: var(--typography-headline-h1-letter-spacing);
6542
6759
  color: var(--color-text-body-primary, var(--text-body-800-primary));
6543
6760
  }
6544
6761
 
@@ -6560,6 +6777,135 @@
6560
6777
  margin: var(--spacing-0, var(--spacing-none, 0px));
6561
6778
  }
6562
6779
 
6780
+ .IncodeBottomSheet:not(.IncodeBottomSheet--closing) .IncodePermissionsBottomSheet {
6781
+ animation: .3s ease-out .1s forwards IncodePermissionsBottomSheetFadeIn;
6782
+ }
6783
+
6784
+ .IncodeBottomSheet.IncodeBottomSheet--closing .IncodePermissionsBottomSheet {
6785
+ animation: .2s ease-in forwards IncodePermissionsBottomSheetFadeOut;
6786
+ }
6787
+
6788
+ @keyframes IncodePermissionsBottomSheetFadeIn {
6789
+ from {
6790
+ opacity: 0;
6791
+ }
6792
+
6793
+ to {
6794
+ opacity: 1;
6795
+ }
6796
+ }
6797
+
6798
+ @keyframes IncodePermissionsBottomSheetFadeOut {
6799
+ from {
6800
+ opacity: 1;
6801
+ }
6802
+
6803
+ to {
6804
+ opacity: 0;
6805
+ }
6806
+ }
6807
+
6808
+ @media (prefers-reduced-motion: reduce) {
6809
+ .IncodeBottomSheet:not(.IncodeBottomSheet--closing) .IncodePermissionsBottomSheet {
6810
+ opacity: 1;
6811
+ animation: none;
6812
+ }
6813
+
6814
+ .IncodeBottomSheet.IncodeBottomSheet--closing .IncodePermissionsBottomSheet {
6815
+ opacity: 0;
6816
+ animation: none;
6817
+ }
6818
+ }
6819
+
6820
+ .IncodeHowItWorksOverlay {
6821
+ gap: var(--spacing-8, var(--spacing-8, 8px));
6822
+ width: 100%;
6823
+ padding-inline: var(--spacing-12, var(--spacing-12, 12px));
6824
+ padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
6825
+ flex-direction: column;
6826
+ display: flex;
6827
+ }
6828
+
6829
+ .IncodeHowItWorksOverlay .IncodeHowItWorksOverlayTitle {
6830
+ text-align: left;
6831
+ font-family: var(--typography-headline-family);
6832
+ font-size: var(--typography-headline-h1-size);
6833
+ font-weight: var(--typography-headline-h1-weight);
6834
+ line-height: var(--typography-headline-h1-line-height);
6835
+ letter-spacing: var(--typography-headline-h1-letter-spacing);
6836
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
6837
+ }
6838
+
6839
+ .IncodeHowItWorksOverlay .IncodeHowItWorksOverlaySubtitle {
6840
+ text-align: left;
6841
+ font-family: var(--typography-headline-family);
6842
+ font-size: var(--typography-headline-h5-size);
6843
+ font-weight: var(--typography-headline-h5-weight);
6844
+ line-height: var(--typography-headline-h5-line-height);
6845
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
6846
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
6847
+ }
6848
+
6849
+ .IncodeHowItWorksOverlayHeader {
6850
+ gap: var(--spacing-12, var(--spacing-12, 12px));
6851
+ width: 100%;
6852
+ padding-block: var(--spacing-16, var(--spacing-16, 16px));
6853
+ flex-direction: column;
6854
+ display: flex;
6855
+ }
6856
+
6857
+ .IncodeHowItWorksOverlayInstructions {
6858
+ gap: var(--spacing-4, var(--spacing-4, 4px));
6859
+ flex-direction: column;
6860
+ width: 100%;
6861
+ display: flex;
6862
+ }
6863
+
6864
+ .IncodeHowItWorksOverlayInstruction {
6865
+ align-items: center;
6866
+ gap: var(--spacing-8, var(--spacing-8, 8px));
6867
+ width: 100%;
6868
+ font-family: var(--typography-body-family);
6869
+ font-size: var(--typography-body-m-bold-size);
6870
+ font-weight: var(--typography-body-m-bold-weight);
6871
+ line-height: var(--typography-body-m-bold-line-height);
6872
+ letter-spacing: var(--typography-body-m-bold-letter-spacing);
6873
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
6874
+ display: flex;
6875
+ }
6876
+
6877
+ .IncodeHowItWorksOverlayInstructionIcon {
6878
+ height: var(--spacing-24, var(--spacing-24, 24px));
6879
+ width: var(--spacing-24, var(--spacing-24, 24px));
6880
+ border-radius: var(--radius-full, var(--border-radius-full));
6881
+ color: var(--color-icon-neutral-300, var(--icon-neutral-300));
6882
+ flex-shrink: 0;
6883
+ justify-content: center;
6884
+ align-items: center;
6885
+ display: flex;
6886
+ }
6887
+
6888
+ .IncodeHowItWorksOverlayActions {
6889
+ width: 100%;
6890
+ padding-top: var(--spacing-24, var(--spacing-24, 24px));
6891
+ padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
6892
+ flex-direction: column;
6893
+ align-items: center;
6894
+ display: flex;
6895
+ }
6896
+
6897
+ .IncodeHowItWorksOverlayActionButton {
6898
+ max-width: var(--incode-form-max-w);
6899
+ margin: auto;
6900
+ }
6901
+
6902
+ .IncodeHowItWorksOverlayFooter {
6903
+ width: 100%;
6904
+ padding-block: var(--spacing-4, var(--spacing-4, 4px));
6905
+ justify-content: center;
6906
+ display: flex;
6907
+ }
6908
+
6563
6909
  [data-incode-landscape-portal] {
6564
6910
  z-index: 999999999;
6565
6911
  pointer-events: none;
@@ -1,8 +1,8 @@
1
1
  import { o as useTranslation } from "../uiConfig-S9TzEYvT.js";
2
2
  import { d as T, l as A, v as y, y as u } from "../vendor-preact-BPXMFRom.js";
3
- import { $ as VerificationResult, St as useManager, at as AutoFocusTitle, bt as useModuleTerminalCallbacks, dt as Page, q as PasswordInputComposed, rt as IncodeComponent, st as withStandaloneModuleBootstrap } from "../extensibility-BjsMZ9wH.js";
3
+ import { At as useModuleTerminalCallbacks, Mt as useManager, _t as withStandaloneModuleBootstrap, ht as AutoFocusTitle, lt as VerificationResult, pt as IncodeComponent, rt as PasswordInputComposed, xt as Page } from "../extensibility-C_4OSwNj.js";
4
4
  import { t as Spacer } from "../spacer-6MHVWssc.js";
5
- import { A as Button, d as SuccessIcon } from "../dropdownComposed-BiU5szlF.js";
5
+ import { A as Button, d as SuccessIcon } from "../dropdownComposed-Bp28bptM.js";
6
6
  import { t as registerIncodeModuleElement } from "../incodeModule-BJ-HCYmb.js";
7
7
  import { MIN_PASSWORD_LENGTH, PASSWORD_VALIDATION_KEYS, REQUIREMENT_I18N_KEYS, createCertificateIssuanceManager } from "@incodetech/core/certificate-issuance";
8
8
  //#region src/modules/certificate-issuance/downloadScreen.tsx
@@ -1,7 +1,7 @@
1
1
  import { o as useTranslation } from "../uiConfig-S9TzEYvT.js";
2
2
  import { y as u } from "../vendor-preact-BPXMFRom.js";
3
- import { St as useManager, U as Checkbox, bt as useModuleTerminalCallbacks, dt as Page, mt as TransitionSpinner, rt as IncodeComponent, st as withStandaloneModuleBootstrap, yt as isTerminalModuleState } from "../extensibility-BjsMZ9wH.js";
4
- import { A as Button } from "../dropdownComposed-BiU5szlF.js";
3
+ import { $ as Checkbox, At as useModuleTerminalCallbacks, Mt as useManager, _t as withStandaloneModuleBootstrap, kt as isTerminalModuleState, pt as IncodeComponent, wt as TransitionSpinner, xt as Page } from "../extensibility-C_4OSwNj.js";
4
+ import { A as Button } from "../dropdownComposed-Bp28bptM.js";
5
5
  import { t as registerIncodeModuleElement } from "../incodeModule-BJ-HCYmb.js";
6
6
  import { t as RichText } from "../richText-DCnMn7nM.js";
7
7
  import { createConsentManager } from "@incodetech/core/consent";
@@ -1,7 +1,7 @@
1
1
  import { o as useTranslation } from "./uiConfig-S9TzEYvT.js";
2
2
  import { d as T, y as u } from "./vendor-preact-BPXMFRom.js";
3
- import { I as countryFlagEmoji, L as getCountryDisplayName } from "./extensibility-BjsMZ9wH.js";
4
- import { t as DropdownComposed } from "./dropdownComposed-BiU5szlF.js";
3
+ import { K as countryFlagEmoji, q as getCountryDisplayName } from "./extensibility-C_4OSwNj.js";
4
+ import { t as DropdownComposed } from "./dropdownComposed-Bp28bptM.js";
5
5
  //#region src/shared/countrySelector/countrySelector.tsx
6
6
  var DEFAULT_COUNTRY_CODES = [
7
7
  "BR",
@@ -1,6 +1,6 @@
1
1
  import { v as y, y as u } from "../vendor-preact-BPXMFRom.js";
2
- import { St as useManager, bt as useModuleTerminalCallbacks, rt as IncodeComponent, st as withStandaloneModuleBootstrap } from "../extensibility-BjsMZ9wH.js";
3
- import { t as Spinner } from "../spinner-BIgpFkeM.js";
2
+ import { At as useModuleTerminalCallbacks, Mt as useManager, _t as withStandaloneModuleBootstrap, pt as IncodeComponent } from "../extensibility-C_4OSwNj.js";
3
+ import { t as Spinner } from "../spinner-CKRC7C1a.js";
4
4
  import { t as registerIncodeModuleElement } from "../incodeModule-BJ-HCYmb.js";
5
5
  import { createCrossDocumentDataMatchManager } from "@incodetech/core/cross-document-data-match";
6
6
  //#region src/modules/cross-document-data-match/cross-document-data-match.tsx
@@ -1,8 +1,8 @@
1
1
  import { o as useTranslation } from "../uiConfig-S9TzEYvT.js";
2
2
  import { C as k, y as u } from "../vendor-preact-BPXMFRom.js";
3
- import { J as InputComposed, P as DateInputComposed, St as useManager, at as AutoFocusTitle, bt as useModuleTerminalCallbacks, dt as Page, mt as TransitionSpinner, rt as IncodeComponent, st as withStandaloneModuleBootstrap } from "../extensibility-BjsMZ9wH.js";
3
+ import { At as useModuleTerminalCallbacks, Mt as useManager, W as DateInputComposed, _t as withStandaloneModuleBootstrap, ht as AutoFocusTitle, it as InputComposed, pt as IncodeComponent, wt as TransitionSpinner, xt as Page } from "../extensibility-C_4OSwNj.js";
4
4
  import { t as Spacer } from "../spacer-6MHVWssc.js";
5
- import { A as Button, d as SuccessIcon, k as ErrorIcon, t as DropdownComposed } from "../dropdownComposed-BiU5szlF.js";
5
+ import { A as Button, d as SuccessIcon, k as ErrorIcon, t as DropdownComposed } from "../dropdownComposed-Bp28bptM.js";
6
6
  import { t as registerIncodeModuleElement } from "../incodeModule-BJ-HCYmb.js";
7
7
  import { GENERATE_CURP_FIELDS, createCurpValidationManager, mexicanStates } from "@incodetech/core/curp-validation";
8
8
  //#region src/modules/curp-validation/curpInput.tsx
@@ -1,8 +1,8 @@
1
1
  import { o as useTranslation } from "./uiConfig-S9TzEYvT.js";
2
2
  import { p as d, y as u } from "./vendor-preact-BPXMFRom.js";
3
- import { J as InputComposed, P as DateInputComposed, Q as StatusPage, St as useManager, U as Checkbox, bt as useModuleTerminalCallbacks, dt as Page, rt as IncodeComponent, st as withStandaloneModuleBootstrap } from "./extensibility-BjsMZ9wH.js";
3
+ import { $ as Checkbox, At as useModuleTerminalCallbacks, Mt as useManager, W as DateInputComposed, _t as withStandaloneModuleBootstrap, ct as StatusPage, it as InputComposed, pt as IncodeComponent, xt as Page } from "./extensibility-C_4OSwNj.js";
4
4
  import { n as LoadingIcon, t as Spacer } from "./spacer-6MHVWssc.js";
5
- import { A as Button, d as SuccessIcon } from "./dropdownComposed-BiU5szlF.js";
5
+ import { A as Button, d as SuccessIcon } from "./dropdownComposed-Bp28bptM.js";
6
6
  import { t as registerIncodeModuleElement } from "./incodeModule-BJ-HCYmb.js";
7
7
  import { createCustomFieldsManager } from "@incodetech/core/custom-fields";
8
8
  //#region src/modules/custom-fields/customFields.tsx
@@ -1,8 +1,8 @@
1
1
  import { o as useTranslation } from "./uiConfig-S9TzEYvT.js";
2
2
  import { v as y, y as u } from "./vendor-preact-BPXMFRom.js";
3
- import { Q as StatusPage, St as useManager, bt as useModuleTerminalCallbacks, rt as IncodeComponent, st as withStandaloneModuleBootstrap } from "./extensibility-BjsMZ9wH.js";
3
+ import { At as useModuleTerminalCallbacks, Mt as useManager, _t as withStandaloneModuleBootstrap, ct as StatusPage, pt as IncodeComponent } from "./extensibility-C_4OSwNj.js";
4
4
  import { n as LoadingIcon } from "./spacer-6MHVWssc.js";
5
- import { d as SuccessIcon } from "./dropdownComposed-BiU5szlF.js";
5
+ import { d as SuccessIcon } from "./dropdownComposed-Bp28bptM.js";
6
6
  import { t as registerIncodeModuleElement } from "./incodeModule-BJ-HCYmb.js";
7
7
  import { createCustomWatchlistManager } from "@incodetech/core/custom-watchlist";
8
8
  //#region src/modules/custom-watchlist/customWatchlist.tsx
@@ -1,2 +1,2 @@
1
- import { t as DocumentCapture } from "../documentCapture-B2-pyxoX.js";
1
+ import { t as DocumentCapture } from "../documentCapture-B7T8XbL5.js";
2
2
  export { DocumentCapture };
@@ -1,9 +1,9 @@
1
1
  import { o as useTranslation } from "./uiConfig-S9TzEYvT.js";
2
2
  import { C as k, c as z, g as q, l as A, m as g, o as P, p as d, y as u } from "./vendor-preact-BPXMFRom.js";
3
- import { C as CameraOverlayHeader, E as BottomSheet, S as CameraView, St as useManager, T as CameraFrame, X as ProgressBar, _ as Permissions, _t as useIsMobileDeviceWidth, at as AutoFocusTitle, bt as useModuleTerminalCallbacks, dt as Page, et as ErrorContent, rt as IncodeComponent, st as withStandaloneModuleBootstrap, w as CameraOverlay, x as CaptureFooter } from "./extensibility-BjsMZ9wH.js";
3
+ import { At as useModuleTerminalCallbacks, C as Permissions, Dt as useIsMobileDeviceWidth, F as CameraFrame, I as BottomSheet, M as CameraView, Mt as useManager, N as CameraOverlayHeader, P as CameraOverlay, _t as withStandaloneModuleBootstrap, ht as AutoFocusTitle, j as CaptureFooter, ot as ProgressBar, pt as IncodeComponent, ut as ErrorContent, xt as Page } from "./extensibility-C_4OSwNj.js";
4
4
  import { d as cn, s as Asset, t as Spacer } from "./spacer-6MHVWssc.js";
5
- import { t as Spinner } from "./spinner-BIgpFkeM.js";
6
- import { A as Button, E as CameraIcon, d as SuccessIcon, h as FileIcon, p as LockIcon, r as Modal } from "./dropdownComposed-BiU5szlF.js";
5
+ import { t as Spinner } from "./spinner-CKRC7C1a.js";
6
+ import { A as Button, E as CameraIcon, d as SuccessIcon, h as FileIcon, p as LockIcon, r as Modal } from "./dropdownComposed-Bp28bptM.js";
7
7
  import { t as registerIncodeModuleElement } from "./incodeModule-BJ-HCYmb.js";
8
8
  import { createDocumentCaptureManager } from "@incodetech/core/document-capture";
9
9
  //#region src/modules/document-capture/documentCameraView.tsx
@@ -323,7 +323,7 @@ var UploadingHeader = ({ progress, isFilePdf }) => {
323
323
  };
324
324
  //#endregion
325
325
  //#region src/modules/document-capture/documentReview.tsx
326
- var PdfViewer = z(() => import("./pdfViewer-GPJBE85L.js").then((m) => ({ default: m.PdfViewer })));
326
+ var PdfViewer = z(() => import("./pdfViewer-BVWBcRqJ.js").then((m) => ({ default: m.PdfViewer })));
327
327
  var DocumentReview = ({ state, manager }) => {
328
328
  const { t } = useTranslation();
329
329
  if (state.status === "failure") {
@@ -0,0 +1,2 @@
1
+ import { t as DocumentCapture } from "./documentCapture-B7T8XbL5.js";
2
+ export { DocumentCapture };
@@ -564,6 +564,12 @@ function isTabFocusableElement(element) {
564
564
  * role / item count or an action control. A dialog can opt a specific control
565
565
  * into initial focus by marking it with the `autofocus` attribute. Falls back
566
566
  * to the dialog container when no title is present.
567
+ *
568
+ * Only `Modal.Title`'s id is looked up here — it is the one element guaranteed
569
+ * to be focusable (`tabindex="-1"`). A dialog whose title lives elsewhere in
570
+ * the content owns its own initial focus (see `AutoFocusTitle`) and opts out
571
+ * with `manageInitialFocus={false}`; a dialog's `aria-labelledby` may point at
572
+ * a non-focusable label, so it is not a valid focus target.
567
573
  */
568
574
  function resolveModalInitialFocusTarget(dialog) {
569
575
  const autofocusEl = dialog.querySelector("[autofocus]");
@@ -733,7 +739,7 @@ function useModalContext() {
733
739
  if (!ctx) throw new Error("Modal compound components must be used within Modal.Root");
734
740
  return ctx;
735
741
  }
736
- function ModalRoot({ open, children, onOpenChange, dismissible = true, portalContainer, class: className, hasBackdrop = true, manageInitialFocus = true, returnFocusRef }) {
742
+ function ModalRoot({ open, children, onOpenChange, dismissible = true, portalContainer, class: className, hasBackdrop = true, manageInitialFocus = true, returnFocusRef, labelledById = MODAL_TITLE_ID, "data-testid": dataTestId }) {
737
743
  const portalTarget = useModalPortalTarget(open, portalContainer ?? void 0);
738
744
  const [hasDescription, setHasDescription] = d(false);
739
745
  const dialogRef = A(null);
@@ -757,6 +763,7 @@ function ModalRoot({ open, children, onOpenChange, dismissible = true, portalCon
757
763
  children: /* @__PURE__ */ u("div", {
758
764
  class: cn("IncodeModalRoot", className),
759
765
  "data-incode-modal": "",
766
+ "data-testid": dataTestId,
760
767
  children: [hasBackdrop && /* @__PURE__ */ u("div", {
761
768
  class: "IncodeModalBackdrop",
762
769
  "aria-hidden": "true",
@@ -768,7 +775,7 @@ function ModalRoot({ open, children, onOpenChange, dismissible = true, portalCon
768
775
  class: "IncodeModalDialog",
769
776
  role: "dialog",
770
777
  "aria-modal": "true",
771
- "aria-labelledby": MODAL_TITLE_ID,
778
+ "aria-labelledby": labelledById,
772
779
  "aria-describedby": hasDescription ? "incode-modal-description" : void 0,
773
780
  tabIndex: -1,
774
781
  onMouseDown: (event) => {
@@ -1,9 +1,9 @@
1
1
  import { o as useTranslation } from "./uiConfig-S9TzEYvT.js";
2
2
  import { d as T, m as g, y as u } from "./vendor-preact-BPXMFRom.js";
3
- import { $ as VerificationResult, F as PhoneInputComposed, J as InputComposed, P as DateInputComposed, R as countries, St as useManager, bt as useModuleTerminalCallbacks, dt as Page, rt as IncodeComponent, st as withStandaloneModuleBootstrap } from "./extensibility-BjsMZ9wH.js";
4
- import { A as Button, t as DropdownComposed } from "./dropdownComposed-BiU5szlF.js";
3
+ import { At as useModuleTerminalCallbacks, G as PhoneInputComposed, J as countries, Mt as useManager, W as DateInputComposed, _t as withStandaloneModuleBootstrap, it as InputComposed, lt as VerificationResult, pt as IncodeComponent, xt as Page } from "./extensibility-C_4OSwNj.js";
4
+ import { A as Button, t as DropdownComposed } from "./dropdownComposed-Bp28bptM.js";
5
5
  import { t as registerIncodeModuleElement } from "./incodeModule-BJ-HCYmb.js";
6
- import { t as EmailInput } from "./emailInput-CYI7mkgT.js";
6
+ import { t as EmailInput } from "./emailInput-CN48lIrg.js";
7
7
  import { createDynamicFormsManager } from "@incodetech/core/dynamic-forms";
8
8
  import { formatCPF, isValidCPF } from "@incodetech/core/id-ocr";
9
9
  //#region src/modules/dynamic-forms/dynamicForms.tsx
@@ -1,2 +1,2 @@
1
- import { t as EkybModule } from "../ekybModule-omG8wv7v.js";
1
+ import { t as EkybModule } from "../ekybModule-x8d73Kdl.js";
2
2
  export { EkybModule };