@incodetech/web 2.1.0-rc.2 → 2.1.0-rc.4

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 (154) hide show
  1. package/dist/ae-signature/ae-signature.es.js +2 -2
  2. package/dist/ae-signature/styles.css +59 -45
  3. package/dist/antifraud/antifraud.es.js +4 -4
  4. package/dist/authentication/authentication.es.js +5 -4
  5. package/dist/base.css +87 -59
  6. package/dist/{button-Ch5-QgHB.js → button-Dz6AsbmF.js} +2 -1
  7. package/dist/cameraView-DIEzM5ru.js +47 -0
  8. package/dist/{tutorial-Cap8qKvM.js → capture-CkGvdDNH.js} +18 -568
  9. package/dist/certificate-issuance/certificate-issuance.es.js +7 -7
  10. package/dist/consent/consent.es.js +8 -8
  11. package/dist/{countrySelector-B4WuNUya.js → countrySelector-SvUOyPo0.js} +1 -1
  12. package/dist/cpf-ocr/cpf-ocr.es.js +1 -1
  13. package/dist/cpfOcr-B79245-3.js +2 -0
  14. package/dist/{cpfOcr-liTE9e70.js → cpfOcr-BhxT-lRN.js} +5 -5
  15. package/dist/cross-document-data-match/cross-document-data-match.es.js +4 -4
  16. package/dist/curp-validation/curp-validation.es.js +7 -7
  17. package/dist/{customFields-BQ4scZfL.js → customFields-BDsXR7A-.js} +6 -6
  18. package/dist/{customWatchlist-7s0_wGtE.js → customWatchlist-CYoRNCim.js} +5 -5
  19. package/dist/document-capture/document-capture.es.js +1 -1
  20. package/dist/documentCapture-DXYYyxZl.js +2 -0
  21. package/dist/{documentCapture-CwoSD_Iq.js → documentCapture-DhbO-A-V.js} +11 -9
  22. package/dist/{dynamicForms-DvTU65bW.js → dynamicForms-BifGbC9F.js} +19 -8
  23. package/dist/ekyb/ekyb.es.js +1 -1
  24. package/dist/ekybModule-C6Nttked.js +2 -0
  25. package/dist/{ekybModule-CwZvxios.js → ekybModule-DGnTw5UV.js} +12 -12
  26. package/dist/ekyc/ekyc.es.js +1 -1
  27. package/dist/ekycModule-CDIEjI6V.js +2 -0
  28. package/dist/{ekycModule-jkXByPXe.js → ekycModule-Dxpdd0ns.js} +10 -10
  29. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  30. package/dist/{electronic-signature-h1sAGg7l.js → electronic-signature-Ueoffasr.js} +37 -26
  31. package/dist/email/email.es.js +7 -7
  32. package/dist/{emailInput-BRMJMJV6.js → emailInput-DsLkDtER.js} +5 -5
  33. package/dist/{expiredId-D17oN5K2.js → expiredId-BZXLrLk-.js} +4 -4
  34. package/dist/{extensibility-CTmAsaji.js → extensibility-7sRIN0JC.js} +41 -76
  35. package/dist/extensibility.es.js +13 -11
  36. package/dist/face-match/face-match.es.js +1 -1
  37. package/dist/face-match/styles.css +4 -0
  38. package/dist/faceMatch-B_HvxLm_.js +2 -0
  39. package/dist/{faceMatch-Dez_bq3n.js → faceMatch-DyTBoMDm.js} +8 -8
  40. package/dist/field-comparison/field-comparison.es.js +1 -1
  41. package/dist/fieldComparison-DfNEuEE5.js +2 -0
  42. package/dist/{fieldComparison-BelzSC48.js → fieldComparison-L_knHqgw.js} +7 -7
  43. package/dist/fiscal-qr/fiscal-qr.es.js +8 -7
  44. package/dist/flow/flow.es.js +22 -9
  45. package/dist/flow/styles.css +4151 -3042
  46. package/dist/geolocation/geolocation.es.js +14 -9
  47. package/dist/{governmentValidation/governmentValidation.es.js → government-validation/government-validation.es.js} +10 -14
  48. package/dist/{homeScreen-BIdVm9KA.js → homeScreen-B6T0JVh8.js} +2 -2
  49. package/dist/{hooks-Da_yP_Dr.js → hooks-CNu7o-v8.js} +39 -2
  50. package/dist/{i18n-DoP1NB7u.js → i18n-CU4xq8qC.js} +1 -1
  51. package/dist/id/id.es.js +76 -46
  52. package/dist/id/styles.css +1 -9
  53. package/dist/id-ocr/styles.css +12 -2
  54. package/dist/id-verification/id-verification.es.js +5 -5
  55. package/dist/{idOcr-C4K2XVJr.js → idOcr-WFBvqy3b.js} +31 -13
  56. package/dist/identity-reuse/identity-reuse.es.js +6 -6
  57. package/dist/{incodeComponent-Cmi1rlWs.js → incodeComponent-CfzJGETt.js} +2 -2
  58. package/dist/{incodeModule-M8DszCee.js → incodeModule-B-4_3JrK.js} +1 -1
  59. package/dist/index.es.js +3 -2
  60. package/dist/{mandatoryConsent-DOQ0DKgM.js → mandatoryConsent-D0GTKu-H.js} +7 -7
  61. package/dist/{optionAccessibleLabel-_nvVCTSL.js → optionAccessibleLabel-gfF-58Mv.js} +3 -3
  62. package/dist/{otpInput-Q_kzSZeD.js → otpInput-CnDc6pQm.js} +12 -11
  63. package/dist/{pdf-BMUXKJuC.js → pdf-BqtJTlor.js} +1 -1
  64. package/dist/{pdfViewer-BewML6eg.js → pdfViewer-B97DmT9m.js} +57 -20
  65. package/dist/phone/phone.es.js +6 -6
  66. package/dist/{processing-Boki1Z8j.js → processing-BeUMfdJJ.js} +1 -1
  67. package/dist/qe-signature/qe-signature.es.js +2 -2
  68. package/dist/{radioGroupComposed-TuAWUAFK.js → radioGroupComposed-DuQxslB2.js} +1 -1
  69. package/dist/redirect-to-mobile/redirect-to-mobile.es.js +17 -18
  70. package/dist/redirect-to-mobile/styles.css +2 -2
  71. package/dist/{richText-DsTP4H3j.js → richText-CB1fmegc.js} +1 -1
  72. package/dist/selfie/selfie.es.js +8 -7
  73. package/dist/selfie/styles.css +133 -63
  74. package/dist/signature/signature.es.js +8 -8
  75. package/dist/spinner-BCDCoi9C.js +1 -0
  76. package/dist/{spinner-BRNNKqPN.js → spinner-BMeIEK1d.js} +12 -6
  77. package/dist/themes/dark.css +16 -0
  78. package/dist/themes/light.css +16 -0
  79. package/dist/{transitionSpinner-4rPkt-KM.js → transitionSpinner-CuNCqHNi.js} +9 -8
  80. package/dist/tutorial-CCfPuVKX.js +706 -0
  81. package/dist/types/ae-signature.d.ts +23 -1
  82. package/dist/types/antifraud.d.ts +23 -1
  83. package/dist/types/authentication.d.ts +23 -1
  84. package/dist/types/certificate-issuance.d.ts +23 -1
  85. package/dist/types/consent.d.ts +23 -1
  86. package/dist/types/cross-document-data-match.d.ts +23 -1
  87. package/dist/types/curp-validation.d.ts +23 -1
  88. package/dist/types/document-capture.d.ts +23 -1
  89. package/dist/types/ekyb.d.ts +23 -1
  90. package/dist/types/ekyc.d.ts +23 -1
  91. package/dist/types/electronic-signature.d.ts +23 -1
  92. package/dist/types/email.d.ts +23 -1
  93. package/dist/types/extensibility.d.ts +39 -2
  94. package/dist/types/face-match.d.ts +23 -1
  95. package/dist/types/field-comparison.d.ts +23 -1
  96. package/dist/types/fiscal-qr.d.ts +23 -1
  97. package/dist/types/flow.d.ts +23 -1
  98. package/dist/types/geolocation.d.ts +27 -2
  99. package/dist/types/{governmentValidation.d.ts → government-validation.d.ts} +23 -1
  100. package/dist/types/id-verification.d.ts +23 -1
  101. package/dist/types/id.d.ts +23 -1
  102. package/dist/types/identity-reuse.d.ts +23 -1
  103. package/dist/types/index.d.ts +8 -1
  104. package/dist/types/phone.d.ts +23 -1
  105. package/dist/types/qe-signature.d.ts +23 -1
  106. package/dist/types/selfie.d.ts +23 -1
  107. package/dist/types/signature.d.ts +23 -1
  108. package/dist/types/video-selfie.d.ts +72 -0
  109. package/dist/types/watchlist.d.ts +23 -1
  110. package/dist/types/workflow.d.ts +23 -1
  111. package/dist/{useModuleLoader-Kt78XfNR.js → useModuleLoader-Gvo9qscB.js} +38 -23
  112. package/dist/{verificationResult-B6PBXbp9.js → verificationResult-BWWkmeiA.js} +3 -3
  113. package/dist/video-selfie/styles.css +1644 -0
  114. package/dist/video-selfie/video-selfie.es.js +854 -0
  115. package/dist/watchlist/watchlist.es.js +5 -5
  116. package/dist/{watchlistForBusiness-DCKlKG81.js → watchlistForBusiness-D2Uo_TwF.js} +7 -7
  117. package/dist/workflow/styles.css +148 -76
  118. package/dist/workflow/workflow.es.js +23 -27
  119. package/package.json +29 -2
  120. package/dist/cpfOcr-BJOYoITy.js +0 -2
  121. package/dist/documentCapture-3RHCHepT.js +0 -2
  122. package/dist/ekybModule-BkVQBQvW.js +0 -2
  123. package/dist/ekycModule-BIbj7hr1.js +0 -2
  124. package/dist/faceMatch-C0-RPzrc.js +0 -2
  125. package/dist/fieldComparison-7FUznk_9.js +0 -2
  126. package/dist/spinner-zRaUjXtH.js +0 -1
  127. /package/dist/{aligndevicelottie-DMXPhIDs.js → aligndevicelottie-DFscByAI.js} +0 -0
  128. /package/dist/{back-horizontal-hint-DNIIDrEW.js → back-horizontal-hint-xTnSQbzn.js} +0 -0
  129. /package/dist/{back-tutorial-B8JJSJBB.js → back-tutorial-cI_4VHmE.js} +0 -0
  130. /package/dist/{back-vertical-hint-CW6ZS7bP.js → back-vertical-hint-BWWlHfX2.js} +0 -0
  131. /package/dist/{backdevicelottie-By75Bznp.js → backdevicelottie-COyhTrxM.js} +0 -0
  132. /package/dist/{blurdevicelottie-C_9VAHkM.js → blurdevicelottie-BLVeJHEG.js} +0 -0
  133. /package/dist/{browser-ponyfill-C_DpU0lQ.js → browser-ponyfill-Df13Th-G.js} +0 -0
  134. /package/dist/{defineProperty-CTu-cLWm.js → defineProperty-Qjefk7Uf.js} +0 -0
  135. /package/dist/{flip-animation-st9bra1p.js → flip-animation-CZYSUtMm.js} +0 -0
  136. /package/dist/{front-horizontal-hint-DvME-aVk.js → front-horizontal-hint-B84GgTO1.js} +0 -0
  137. /package/dist/{front-vertical-hint-BUG1VMsP.js → front-vertical-hint-Bs_avngq.js} +0 -0
  138. /package/dist/{frontdevicelottie-uObOEs8p.js → frontdevicelottie-B4tE2PYQ.js} +0 -0
  139. /package/dist/{glaredevicelottie-CsfIgqIc.js → glaredevicelottie-D1pR73sx.js} +0 -0
  140. /package/dist/{governmentValidation → government-validation}/styles.css +0 -0
  141. /package/dist/{id-laser-h-BvVSaLyU.js → id-laser-h-CzPegPMn.js} +0 -0
  142. /package/dist/{id-laser-v-Dj_RN_s9.js → id-laser-v-BiUXkM4x.js} +0 -0
  143. /package/dist/{id-tutorial-BOOsXlAJ.js → id-tutorial-DwO90SAm.js} +0 -0
  144. /package/dist/{lottie_light-BG-RL2Iu.js → lottie_light-C6B2ec41.js} +0 -0
  145. /package/dist/{numberedStep-Dc0BUU-j.js → numberedStep-CEb-lFJm.js} +0 -0
  146. /package/dist/{passport-horizontal-hint-BhpVt73n.js → passport-horizontal-hint-Bj0ZJY0g.js} +0 -0
  147. /package/dist/{passport-tutorial-CeSup6m9.js → passport-tutorial-D9JNsMsM.js} +0 -0
  148. /package/dist/{passport-vertical-hint-CVRBnZXS.js → passport-vertical-hint-Dfk77xUJ.js} +0 -0
  149. /package/dist/{registerIncodeElement-CdlNRRv5.js → registerIncodeElement-DaNjbAwZ.js} +0 -0
  150. /package/dist/{requiredLabelHint-DX3oVNtu.js → requiredLabelHint-D0RhuMed.js} +0 -0
  151. /package/dist/{selfieTutorial-CYa8bq6B.js → selfieTutorial-pB-N-fj5.js} +0 -0
  152. /package/dist/{snackbar-CGL6gp9u.js → snackbar-DS7Mv62v.js} +0 -0
  153. /package/dist/{statusPage-BUm5gtQY.js → statusPage-Bk8nJwXV.js} +0 -0
  154. /package/dist/{tabs-DUkWjBGk.js → tabs-C__chW-u.js} +0 -0
@@ -1,11 +1,11 @@
1
- import { n as useTranslation } from "../i18n-DoP1NB7u.js";
1
+ import { n as useTranslation } from "../i18n-CU4xq8qC.js";
2
2
  import { _ as y, v as u } from "../vendor-preact-DThS2ZQ_.js";
3
- import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
4
- import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
3
+ import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
4
+ import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
5
5
  import { t as LoadingIcon } from "../loadingIcon-B0ysgiNq.js";
6
6
  import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
7
- import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
8
- import { t as StatusPage } from "../statusPage-BUm5gtQY.js";
7
+ import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
8
+ import { t as StatusPage } from "../statusPage-Bk8nJwXV.js";
9
9
  import { createWatchlistManager } from "@incodetech/core/watchlist";
10
10
  //#region src/modules/watchlist/watchlist.tsx
11
11
  var WatchlistContent = ({ onFinish }) => {
@@ -1,15 +1,15 @@
1
- import { n as useTranslation } from "./i18n-DoP1NB7u.js";
1
+ import { n as useTranslation } from "./i18n-CU4xq8qC.js";
2
2
  import { _ as y, v as u } from "./vendor-preact-DThS2ZQ_.js";
3
- import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-Da_yP_Dr.js";
4
- import { t as IncodeComponent } from "./incodeComponent-Cmi1rlWs.js";
3
+ import { c as useModuleTerminalCallbacks, u as useManager } from "./hooks-CNu7o-v8.js";
4
+ import { t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
5
5
  import { t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
6
6
  import { t as Page } from "./page-DidH_RkX.js";
7
- import { t as Button } from "./button-Ch5-QgHB.js";
7
+ import { t as Button } from "./button-Dz6AsbmF.js";
8
8
  import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
9
9
  import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
10
- import { t as registerIncodeModuleElement } from "./incodeModule-M8DszCee.js";
11
- import { t as CountrySelector } from "./countrySelector-B4WuNUya.js";
12
- import { t as StatusPage } from "./statusPage-BUm5gtQY.js";
10
+ import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
11
+ import { t as CountrySelector } from "./countrySelector-SvUOyPo0.js";
12
+ import { t as StatusPage } from "./statusPage-Bk8nJwXV.js";
13
13
  import { createWatchlistForBusinessManager } from "@incodetech/core/watchlist-for-business";
14
14
  //#region src/modules/watchlist-for-business/watchlistForBusiness.tsx
15
15
  var WatchlistForBusinessContent = ({ onFinish }) => {
@@ -2970,6 +2970,51 @@
2970
2970
  }
2971
2971
  }
2972
2972
 
2973
+ @media (min-width: 40rem) {
2974
+ .incode-container {
2975
+ max-width: 40rem;
2976
+ }
2977
+ }
2978
+
2979
+ @media (min-width: 48rem) {
2980
+ .incode-container {
2981
+ max-width: 48rem;
2982
+ }
2983
+ }
2984
+
2985
+ @media (min-width: 64rem) {
2986
+ .incode-container {
2987
+ max-width: 64rem;
2988
+ }
2989
+ }
2990
+
2991
+ @media (min-width: 80rem) {
2992
+ .incode-container {
2993
+ max-width: 80rem;
2994
+ }
2995
+ }
2996
+
2997
+ @media (min-width: 96rem) {
2998
+ .incode-container {
2999
+ max-width: 96rem;
3000
+ }
3001
+ }
3002
+
3003
+ @media (min-width: 48rem) {
3004
+ .incode-container {
3005
+ max-height: var(--incode-page-max-h);
3006
+ max-width: var(--incode-page-max-w);
3007
+ }
3008
+
3009
+ @media not all and (min-width: 80rem) {
3010
+ @media (orientation: landscape) {
3011
+ .incode-container {
3012
+ max-height: var(--incode-page-max-h-landscape);
3013
+ }
3014
+ }
3015
+ }
3016
+ }
3017
+
2973
3018
  .incode-container {
2974
3019
  width: 100%;
2975
3020
  }
@@ -3130,6 +3175,10 @@
3130
3175
  justify-content: space-between;
3131
3176
  }
3132
3177
 
3178
+ .rounded {
3179
+ border-radius: .25rem;
3180
+ }
3181
+
3133
3182
  .border {
3134
3183
  border-style: var(--tw-border-style);
3135
3184
  border-width: 1px;
@@ -3467,6 +3516,11 @@
3467
3516
  font-weight: var(--typography-button-m-underlined-weight);
3468
3517
  line-height: var(--typography-button-m-underlined-line-height);
3469
3518
  letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3519
+ font-family: var(--typography-button-family);
3520
+ font-size: var(--typography-button-m-underlined-size);
3521
+ font-weight: var(--typography-button-m-underlined-weight);
3522
+ line-height: var(--typography-button-m-underlined-line-height);
3523
+ letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3470
3524
  text-decoration-line: underline;
3471
3525
  text-decoration-style: solid;
3472
3526
  text-decoration-thickness: auto;
@@ -3535,20 +3589,6 @@
3535
3589
  }
3536
3590
  }
3537
3591
 
3538
- .IncodeCameraButton {
3539
- justify-content: center;
3540
- align-items: center;
3541
- display: flex;
3542
- }
3543
-
3544
- .IncodeCameraButton .IncodeCameraButtonBackground {
3545
- fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));
3546
- }
3547
-
3548
- .IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {
3549
- fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));
3550
- }
3551
-
3552
3592
  .IncodeCaptureContainer {
3553
3593
  flex-direction: column;
3554
3594
  flex: 1;
@@ -3608,10 +3648,21 @@
3608
3648
  transform: scaleX(-1);
3609
3649
  }
3610
3650
 
3611
- .IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {
3612
- justify-content: center;
3613
- margin-top: auto;
3614
- display: flex;
3651
+ .IncodeCaptureContainer .IncodeCaptureAvatarHost {
3652
+ width: 100%;
3653
+ height: 100%;
3654
+ position: absolute;
3655
+ }
3656
+
3657
+ .IncodeCaptureContainer .IncodeCaptureAvatarElement {
3658
+ object-fit: cover;
3659
+ width: 100%;
3660
+ height: 100%;
3661
+ position: absolute;
3662
+ }
3663
+
3664
+ .IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeCaptureAvatarMirrored {
3665
+ transform: scaleX(-1);
3615
3666
  }
3616
3667
 
3617
3668
  .IncodeCaptureVisuallyHidden {
@@ -3626,26 +3677,6 @@
3626
3677
  overflow: hidden;
3627
3678
  }
3628
3679
 
3629
- .IncodeCaptureStatusPage .IncodeCaptureStatusContainer {
3630
- flex-direction: column;
3631
- flex: 1;
3632
- align-items: center;
3633
- display: flex;
3634
- }
3635
-
3636
- .IncodeCaptureStatusPage .IncodeCaptureStatusTitle {
3637
- text-align: center;
3638
- font-size: var(--text-2xl, 1.5rem);
3639
- line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
3640
- --tw-leading: 125%;
3641
- --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
3642
- line-height: 125%;
3643
- font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
3644
- --tw-tracking: -1px;
3645
- letter-spacing: -1px;
3646
- color: var(--color-text-body-primary, var(--text-body-800-primary));
3647
- }
3648
-
3649
3680
  .IncodeFaceOutline {
3650
3681
  width: 100%;
3651
3682
  height: 100%;
@@ -3671,54 +3702,93 @@
3671
3702
  transition: all 1s ease-in-out;
3672
3703
  }
3673
3704
 
3674
- .IncodeSelfieManualCapture {
3705
+ .IncodeNotification {
3675
3706
  flex-direction: column;
3676
3707
  align-items: center;
3677
- max-width: 275px;
3678
3708
  display: flex;
3679
3709
  }
3680
3710
 
3681
- .IncodeSelfieManualCaptureText {
3711
+ .IncodeNotification .IncodeNotificationText {
3682
3712
  text-align: center;
3683
- font-family: var(--typography-headline-family);
3684
- font-size: var(--typography-headline-h5-size);
3685
- font-weight: var(--typography-headline-h5-weight);
3686
- line-height: var(--typography-headline-h5-line-height);
3687
- letter-spacing: var(--typography-headline-h5-letter-spacing);
3688
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3713
+ font-family: var(--typography-feedback-family);
3714
+ font-size: var(--typography-feedback-l-size);
3715
+ font-weight: var(--typography-feedback-l-weight);
3716
+ line-height: var(--typography-feedback-l-line-height);
3717
+ letter-spacing: var(--typography-feedback-l-letter-spacing);
3718
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3689
3719
  }
3690
3720
 
3691
- .IncodeSelfieManualCaptureButton {
3692
- padding: var(--spacing-0, var(--spacing-none, 0px));
3693
- color: var(--color-text-body-primary, var(--text-body-800-primary));
3721
+ .IncodeCameraButton {
3722
+ justify-content: center;
3723
+ align-items: center;
3724
+ display: flex;
3694
3725
  }
3695
3726
 
3696
- .IncodeNotification {
3727
+ .IncodeCameraButton .IncodeCameraButtonBackground {
3728
+ fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));
3729
+ }
3730
+
3731
+ .IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {
3732
+ fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));
3733
+ }
3734
+
3735
+ .IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {
3736
+ justify-content: center;
3737
+ margin-top: auto;
3738
+ display: flex;
3739
+ }
3740
+
3741
+ .IncodePrivacyLensBanner {
3742
+ text-align: center;
3743
+ color: #4a5568;
3744
+ text-align: center;
3745
+ max-width: 320px;
3746
+ margin-inline: auto;
3747
+ padding: 0 1rem 1rem;
3748
+ font-size: .95rem;
3749
+ line-height: 1.4;
3750
+ }
3751
+
3752
+ .IncodeCaptureStatusPage .IncodeCaptureStatusContainer {
3697
3753
  flex-direction: column;
3754
+ flex: 1;
3698
3755
  align-items: center;
3699
3756
  display: flex;
3700
3757
  }
3701
3758
 
3702
- .IncodeNotification .IncodeNotificationText {
3759
+ .IncodeCaptureStatusPage .IncodeCaptureStatusTitle {
3703
3760
  text-align: center;
3704
- font-family: var(--typography-feedback-family);
3705
- font-size: var(--typography-feedback-l-size);
3706
- font-weight: var(--typography-feedback-l-weight);
3707
- line-height: var(--typography-feedback-l-line-height);
3708
- letter-spacing: var(--typography-feedback-l-letter-spacing);
3761
+ font-size: var(--text-2xl, 1.5rem);
3762
+ line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
3763
+ --tw-leading: 125%;
3764
+ --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
3765
+ line-height: 125%;
3766
+ font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
3767
+ --tw-tracking: -1px;
3768
+ letter-spacing: -1px;
3709
3769
  color: var(--color-text-body-primary, var(--text-body-800-primary));
3710
3770
  }
3711
3771
 
3712
- .IncodeSelfieTutorial {
3713
- --brand-color: var(--surface-brand-500);
3772
+ .IncodeSelfieManualCapture {
3773
+ flex-direction: column;
3774
+ align-items: center;
3775
+ max-width: 275px;
3776
+ display: flex;
3714
3777
  }
3715
3778
 
3716
- .IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg linearGradient#__lottie_element_29 stop {
3717
- stop-color: var(--brand-color);
3779
+ .IncodeSelfieManualCaptureText {
3780
+ text-align: center;
3781
+ font-family: var(--typography-headline-family);
3782
+ font-size: var(--typography-headline-h5-size);
3783
+ font-weight: var(--typography-headline-h5-weight);
3784
+ line-height: var(--typography-headline-h5-line-height);
3785
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
3786
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3718
3787
  }
3719
3788
 
3720
- .IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:nth-child(3) > g > path, .IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:first-child > g > path {
3721
- fill: var(--brand-color);
3789
+ .IncodeSelfieManualCaptureButton {
3790
+ padding: var(--spacing-0, var(--spacing-none, 0px));
3791
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3722
3792
  }
3723
3793
 
3724
3794
  .IncodePhonePage .IncodePageContent {
@@ -4339,10 +4409,6 @@
4339
4409
  margin-inline: auto;
4340
4410
  }
4341
4411
 
4342
- .IncodeIdTutorial {
4343
- --brand-color: var(--surface-brand-500);
4344
- }
4345
-
4346
4412
  .IncodeIdTutorial .IncodePageTitleContainer {
4347
4413
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
4348
4414
  }
@@ -4355,10 +4421,6 @@
4355
4421
  padding: var(--spacing-0, var(--spacing-none, 0px));
4356
4422
  }
4357
4423
 
4358
- .IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:nth-child(2) > g:nth-child(5) > g > g > g:nth-child(3) > g > path, .IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g > g > g > g:nth-child(4) > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:first-child > g > path {
4359
- fill: var(--brand-color);
4360
- }
4361
-
4362
4424
  .IncodeFlipAnimation {
4363
4425
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
4364
4426
  height: 100%;
@@ -4498,7 +4560,7 @@
4498
4560
  }
4499
4561
 
4500
4562
  .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
4501
- --frame-border-color: var(--border-status-focus);
4563
+ --frame-border-color: var(--border-brand-500);
4502
4564
  }
4503
4565
 
4504
4566
  .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
@@ -5517,20 +5579,30 @@
5517
5579
  .IncodeIdOcrPage .IncodeIdOcrForm {
5518
5580
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
5519
5581
  height: 100%;
5582
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
5583
+ flex-direction: column;
5584
+ justify-content: flex-start;
5585
+ align-items: center;
5586
+ width: 100%;
5587
+ display: flex;
5588
+ }
5589
+
5590
+ .IncodeIdOcrPage .IncodeIdOcrFields {
5520
5591
  min-height: var(--spacing-0, var(--spacing-none, 0px));
5521
5592
  justify-content: flex-start;
5522
5593
  align-items: center;
5523
5594
  gap: var(--spacing-16, var(--spacing-16, 16px));
5524
5595
  flex-direction: column;
5596
+ flex: 1;
5525
5597
  width: 100%;
5526
5598
  display: flex;
5527
5599
  overflow-y: auto;
5528
5600
  }
5529
5601
 
5530
5602
  .IncodeIdOcrPage .IncodeIdOcrButton {
5531
- bottom: var(--spacing-0, var(--spacing-none, 0px));
5532
5603
  width: 100%;
5533
- position: sticky;
5604
+ padding-top: var(--spacing-16, var(--spacing-16, 16px));
5605
+ flex-shrink: 0;
5534
5606
  }
5535
5607
 
5536
5608
  .IncodeIdOcrPage .IncodeIdOcrRadioGroup {
@@ -6533,7 +6605,7 @@
6533
6605
  gap: var(--spacing-12, var(--spacing-12, 12px));
6534
6606
  border-bottom-style: var(--tw-border-style);
6535
6607
  border-bottom-width: 1px;
6536
- border-color: var(--color-border-neutral-300, var(--border-neutral-300));
6608
+ border-color: var(--color-border-neutral-100, var(--border-neutral-100));
6537
6609
  width: 100%;
6538
6610
  max-width: var(--redirect-tabs-max-width);
6539
6611
  display: flex;
@@ -6564,7 +6636,7 @@
6564
6636
  }
6565
6637
 
6566
6638
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
6567
- border-color: var(--color-text-link-default, var(--text-link-default));
6639
+ border-color: var(--color-border-brand-500, var(--border-brand-500));
6568
6640
  color: var(--color-text-body-primary, var(--text-body-800-primary));
6569
6641
  }
6570
6642
 
@@ -1,16 +1,15 @@
1
- import { n as useTranslation, o as readStoredLanguage } from "../i18n-DoP1NB7u.js";
1
+ import { n as useTranslation, o as readStoredLanguage } from "../i18n-CU4xq8qC.js";
2
2
  import { _ as y, c as z, l as A, o as P, p as d, v as u } from "../vendor-preact-DThS2ZQ_.js";
3
3
  import { t as setUiConfig } from "../uiConfig-D2_wawvr.js";
4
- import { c as useManager } from "../hooks-Da_yP_Dr.js";
5
- import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
4
+ import { u as useManager } from "../hooks-CNu7o-v8.js";
5
+ import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
6
6
  import { t as Page } from "../page-DidH_RkX.js";
7
- import { t as TransitionSpinner } from "../transitionSpinner-4rPkt-KM.js";
7
+ import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
8
8
  import { t as AutoFocusTitle } from "../autoFocusTitle-CuRu2lPg.js";
9
- import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
10
- import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as fetchAndApplyTheme, y as TerminalErrorPage } from "../useModuleLoader-Kt78XfNR.js";
9
+ import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
10
+ import { _ as setupSDK, a as resolveApiKey, b as TerminalErrorPage, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, p as isDesktopOrEmulated, s as UnsupportedModule, t as useModuleLoader, y as fetchAndApplyTheme } from "../useModuleLoader-Gvo9qscB.js";
11
11
  import { resolveWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
12
- import { getDeviceClass } from "@incodetech/core/device";
13
- import { classifyScoreStatus, getTotalScoreStatus } from "@incodetech/core/flow";
12
+ import { classifyScoreStatus } from "@incodetech/core/flow";
14
13
  import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
15
14
  import { createWorkflowManager } from "@incodetech/core/workflow";
16
15
  //#region src/modules/workflow/finishScreenStatusIcons.tsx
@@ -90,15 +89,9 @@ var VARIANT_CONTENT = {
90
89
  }
91
90
  };
92
91
  /** Status-specific workflow completion screen (success / error / review). */
93
- var FinishScreenBySessionStatus = ({ scoreStatus, isDesktop }) => {
92
+ var FinishScreenBySessionStatus = ({ scoreStatus }) => {
94
93
  const { t } = useTranslation();
95
- const [variant, setVariant] = d(() => classifyScoreStatus(scoreStatus));
96
- y(() => {
97
- if (!isDesktop) return;
98
- const controller = new AbortController();
99
- getTotalScoreStatus(controller.signal).then((total) => setVariant(classifyScoreStatus(total))).catch(() => {});
100
- return () => controller.abort();
101
- }, [isDesktop]);
94
+ const variant = classifyScoreStatus(scoreStatus);
102
95
  const content = VARIANT_CONTENT[variant];
103
96
  const { Icon } = content;
104
97
  return /* @__PURE__ */ u(Page, {
@@ -155,7 +148,7 @@ function createWorkflowUIManager(options = {}) {
155
148
  return createWorkflowManager({
156
149
  customModuleCallback: options.customModuleCallback,
157
150
  interviewId: options.interviewId,
158
- isDesktop: options.isDesktop ?? getDeviceClass() === "desktop"
151
+ isDesktop: options.isDesktop ?? isDesktopOrEmulated()
159
152
  });
160
153
  }
161
154
  function warmupWorkflowWasm(wasmConfig) {
@@ -269,7 +262,7 @@ function useWorkflowInitialization(options) {
269
262
  }
270
263
  //#endregion
271
264
  //#region src/modules/workflow/workflow.tsx
272
- var LazyHomeScreen = z(() => import("../homeScreen-BIdVm9KA.js").then((module) => ({ default: module.HomeScreen })));
265
+ var LazyHomeScreen = z(() => import("../homeScreen-B6T0JVh8.js").then((module) => ({ default: module.HomeScreen })));
273
266
  function mapModuleConfig(options) {
274
267
  const { moduleKey, config, workflowId, authHint, lang, mergeSessionRecordings, ageAssurance } = options;
275
268
  switch (moduleKey) {
@@ -321,8 +314,10 @@ var IncodeWorkflowReady = ({ config, workflowManager: initialManager, onFinish,
321
314
  autoLoad: false,
322
315
  manageLifecycle: false
323
316
  });
317
+ const moduleKey = workflowState?.status === "ready" ? workflowState.currentNode.moduleKey : void 0;
318
+ const showFinishScreen = workflowState?.status === "finished" && workflowState.workflowConfig.showFinishScreenBySessionStatus === true;
324
319
  const moduleLoaderState = useModuleLoader({
325
- moduleKey: workflowState?.status === "ready" ? workflowState.currentNode.moduleKey : void 0,
320
+ moduleKey,
326
321
  modules: LAZY_WORKFLOW_MODULES,
327
322
  headlessModuleKeys: HEADLESS_WORKFLOW_MODULE_KEYS,
328
323
  onModuleLoading: config.onModuleLoading,
@@ -335,7 +330,7 @@ var IncodeWorkflowReady = ({ config, workflowManager: initialManager, onFinish,
335
330
  if (workflowState?.status === "finished") {
336
331
  terminalFiredRef.current = true;
337
332
  const finishStatus = workflowState.finishStatus;
338
- queueMicrotask(() => onFinish?.(finishStatus));
333
+ queueMicrotask(() => onFinish?.(finishStatus, { sdkOwnsTerminalScreen: showFinishScreen }));
339
334
  return;
340
335
  }
341
336
  if (workflowState?.status === "asyncResolution") {
@@ -349,10 +344,10 @@ var IncodeWorkflowReady = ({ config, workflowManager: initialManager, onFinish,
349
344
  queueMicrotask(() => onError(error, errorCode, moduleErrorCode));
350
345
  }
351
346
  }, [
352
- workflowState?.status,
347
+ workflowState,
353
348
  onFinish,
354
349
  onError,
355
- workflowState
350
+ showFinishScreen
356
351
  ]);
357
352
  const hideSpinnerText = !(config.spinnerConfig?.title || config.spinnerConfig?.subtitle);
358
353
  const renderSpinner = () => /* @__PURE__ */ u("div", {
@@ -380,13 +375,14 @@ var IncodeWorkflowReady = ({ config, workflowManager: initialManager, onFinish,
380
375
  class: "IncodeWorkflow",
381
376
  children: /* @__PURE__ */ u(TerminalErrorPage, { message: workflowState.error })
382
377
  });
378
+ if (workflowState.status === "completing") return /* @__PURE__ */ u("div", {
379
+ class: "IncodeWorkflow",
380
+ children: /* @__PURE__ */ u(TransitionSpinner, {})
381
+ });
383
382
  if (workflowState.status === "finished") {
384
- if (workflowState.workflowConfig.showFinishScreenBySessionStatus) return /* @__PURE__ */ u("div", {
383
+ if (showFinishScreen) return /* @__PURE__ */ u("div", {
385
384
  class: "IncodeWorkflow",
386
- children: /* @__PURE__ */ u(FinishScreenBySessionStatus, {
387
- scoreStatus: workflowState.finishStatus.scoreStatus,
388
- isDesktop: config.isDesktop
389
- })
385
+ children: /* @__PURE__ */ u(FinishScreenBySessionStatus, { scoreStatus: workflowState.scoreStatus })
390
386
  });
391
387
  return null;
392
388
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "2.1.0-rc.2",
3
+ "version": "2.1.0-rc.4",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -35,6 +35,15 @@
35
35
  "source": "./src/modules/selfie/styles.css",
36
36
  "default": "./dist/selfie/styles.css"
37
37
  },
38
+ "./video-selfie": {
39
+ "source": "./src/modules/video-selfie/video-selfie.tsx",
40
+ "types": "./dist/types/video-selfie.d.ts",
41
+ "import": "./dist/video-selfie/video-selfie.es.js"
42
+ },
43
+ "./video-selfie/styles.css": {
44
+ "source": "./src/modules/video-selfie/styles.css",
45
+ "default": "./dist/video-selfie/styles.css"
46
+ },
38
47
  "./phone": {
39
48
  "source": "./src/modules/phone/phone.tsx",
40
49
  "types": "./dist/types/phone.d.ts",
@@ -98,6 +107,15 @@
98
107
  "source": "./src/modules/curp-validation/styles.css",
99
108
  "default": "./dist/curp-validation/styles.css"
100
109
  },
110
+ "./government-validation": {
111
+ "source": "./src/modules/government-validation/government-validation.tsx",
112
+ "types": "./dist/types/government-validation.d.ts",
113
+ "import": "./dist/government-validation/government-validation.es.js"
114
+ },
115
+ "./government-validation/styles.css": {
116
+ "source": "./src/modules/government-validation/styles.css",
117
+ "default": "./dist/government-validation/styles.css"
118
+ },
101
119
  "./cpf-ocr": {
102
120
  "source": "./src/modules/cpf-ocr/cpfOcr.tsx",
103
121
  "types": "./dist/types/cpf-ocr.d.ts",
@@ -193,6 +211,15 @@
193
211
  "source": "./src/modules/field-comparison/styles.css",
194
212
  "default": "./dist/field-comparison/styles.css"
195
213
  },
214
+ "./fiscal-qr": {
215
+ "source": "./src/modules/fiscal-qr/fiscal-qr.tsx",
216
+ "types": "./dist/types/fiscal-qr.d.ts",
217
+ "import": "./dist/fiscal-qr/fiscal-qr.es.js"
218
+ },
219
+ "./fiscal-qr/styles.css": {
220
+ "source": "./src/modules/fiscal-qr/styles.css",
221
+ "default": "./dist/fiscal-qr/styles.css"
222
+ },
196
223
  "./electronic-signature": {
197
224
  "source": "./src/modules/electronic-signature/electronic-signature.tsx",
198
225
  "types": "./dist/types/electronic-signature.d.ts",
@@ -264,7 +291,7 @@
264
291
  "qrcode": "^1.5.4",
265
292
  "signature_pad": "^5.1.3",
266
293
  "tailwindcss": "^4.1.17",
267
- "@incodetech/core": "2.1.0-rc.2"
294
+ "@incodetech/core": "2.1.0-rc.4"
268
295
  },
269
296
  "devDependencies": {
270
297
  "@microsoft/api-extractor": "^7.53.3",
@@ -1,2 +0,0 @@
1
- import { t as CpfOcr } from "./cpfOcr-liTE9e70.js";
2
- export { CpfOcr };
@@ -1,2 +0,0 @@
1
- import { t as DocumentCapture } from "./documentCapture-CwoSD_Iq.js";
2
- export { DocumentCapture };
@@ -1,2 +0,0 @@
1
- import { t as EkybModule } from "./ekybModule-CwZvxios.js";
2
- export { EkybModule };
@@ -1,2 +0,0 @@
1
- import { t as EkycModule } from "./ekycModule-jkXByPXe.js";
2
- export { EkycModule };
@@ -1,2 +0,0 @@
1
- import { t as FaceMatch } from "./faceMatch-Dez_bq3n.js";
2
- export { FaceMatch };
@@ -1,2 +0,0 @@
1
- import { t as FieldComparison } from "./fieldComparison-BelzSC48.js";
2
- export { FieldComparison };
@@ -1 +0,0 @@
1
- import "./spinner-BRNNKqPN.js";