@incodetech/web 0.0.0-dev-20260710-eb98382c → 0.0.0-dev-20260713-0d1fc59b

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 (78) hide show
  1. package/dist/ae-signature/ae-signature.es.js +1 -1
  2. package/dist/authentication/authentication.es.js +2 -2
  3. package/dist/base.css +240 -4
  4. package/dist/{capture-CkGvdDNH.js → capture-D3ke7s8S.js} +2 -2
  5. package/dist/certificate-issuance/certificate-issuance.es.js +24 -76
  6. package/dist/certificate-issuance/styles.css +0 -41
  7. package/dist/{checkbox-1wUHSoaK.js → checkbox-DU3dczAM.js} +1 -1
  8. package/dist/consent/consent.es.js +1 -1
  9. package/dist/{countrySelector-SvUOyPo0.js → countrySelector-DvFXo4Oi.js} +1 -1
  10. package/dist/cpf-ocr/cpf-ocr.es.js +1 -1
  11. package/dist/cpfOcr-BQ84bwe3.js +2 -0
  12. package/dist/{cpfOcr-CxTGu1hd.js → cpfOcr-XkulVOfW.js} +2 -2
  13. package/dist/curp-validation/curp-validation.es.js +6 -6
  14. package/dist/{customFields-C5m9yDxU.js → customFields-CExo7_8A.js} +3 -3
  15. package/dist/dateInputComposed-D21Pu12e.js +1 -0
  16. package/dist/{dateInputComposed-DuaofcBl.js → dateInputComposed-b385OXwu.js} +3 -3
  17. package/dist/document-capture/document-capture.es.js +1 -1
  18. package/dist/documentCapture-BGCt8ye5.js +2 -0
  19. package/dist/{documentCapture-BMEYyodv.js → documentCapture-CG7dUtjZ.js} +4 -4
  20. package/dist/dropdownComposed-4yiomZY5.js +1 -0
  21. package/dist/{dropdownComposed-CoU0enG6.js → dropdownComposed-W_J_3a8D.js} +1 -1
  22. package/dist/{dynamicForms-B-3b3DM6.js → dynamicForms-3G-EFHga.js} +6 -6
  23. package/dist/ekyb/ekyb.es.js +1 -1
  24. package/dist/ekybModule-CObpRbQ9.js +2 -0
  25. package/dist/{ekybModule-BX-TAFuG.js → ekybModule-KkxbUGbh.js} +7 -7
  26. package/dist/ekyc/ekyc.es.js +1 -1
  27. package/dist/{ekycModule-WxPOaWii.js → ekycModule-DY0nDa0S.js} +6 -6
  28. package/dist/ekycModule-ONlsfMYY.js +2 -0
  29. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  30. package/dist/{electronic-signature-D-vhd9lU.js → electronic-signature-BH2vVHyT.js} +3 -3
  31. package/dist/email/email.es.js +2 -2
  32. package/dist/{emailInput-BQbJNtzJ.js → emailInput-Cq5na0Qx.js} +2 -2
  33. package/dist/{extensibility-99WsCMVf.js → extensibility-DXmFX41n.js} +82 -14
  34. package/dist/extensibility.es.js +14 -14
  35. package/dist/field-comparison/field-comparison.es.js +1 -1
  36. package/dist/{fieldComparison-M0b9glSS.js → fieldComparison-CvAYnrcm.js} +3 -3
  37. package/dist/fieldComparison-DE1-wJJW.js +2 -0
  38. package/dist/fiscal-qr/fiscal-qr.es.js +2 -2
  39. package/dist/flow/flow.es.js +2 -2
  40. package/dist/flow/styles.css +16 -45
  41. package/dist/government-validation/government-validation.es.js +3 -3
  42. package/dist/{homeScreen-B6T0JVh8.js → homeScreen-CavnRfoo.js} +3 -3
  43. package/dist/{icons-CJJbIpBq.js → icons-Bi3GbaZc.js} +79 -1
  44. package/dist/id/id.es.js +5 -5
  45. package/dist/id/styles.css +4 -4
  46. package/dist/{idOcr-qP4JPr0s.js → idOcr-CqUWg11B.js} +5 -5
  47. package/dist/{inputComposed-C1R2LAa3.js → inputComposed-Dd00iePQ.js} +5 -5
  48. package/dist/inputComposed-opx2KOfG.js +1 -0
  49. package/dist/{mandatoryConsent-D0GTKu-H.js → mandatoryConsent-KjP5BavC.js} +1 -1
  50. package/dist/{modal-OxkFuuiR.js → modal-B63h8Gpv.js} +1 -1
  51. package/dist/{optionAccessibleLabel-gfF-58Mv.js → optionAccessibleLabel-kzfbS107.js} +2 -2
  52. package/dist/{otpInput-CnDc6pQm.js → otpInput-BxFIc1FA.js} +2 -2
  53. package/dist/phone/phone.es.js +3 -3
  54. package/dist/{phoneInputComposed-DMiXfF-1.js → phoneInputComposed-B6qzvzgI.js} +3 -3
  55. package/dist/qe-signature/qe-signature.es.js +1 -1
  56. package/dist/{radioGroupComposed-DuQxslB2.js → radioGroupComposed-B4-DaLKh.js} +9 -9
  57. package/dist/redirect-to-mobile/redirect-to-mobile.es.js +3 -3
  58. package/dist/selfie/selfie.es.js +2 -2
  59. package/dist/signature/signature.es.js +2 -2
  60. package/dist/themes/dark.css +5 -0
  61. package/dist/themes/light.css +5 -0
  62. package/dist/{tutorial-DJ3kpqnL.js → tutorial-BA1xxIP6.js} +3 -3
  63. package/dist/types/extensibility.d.ts +42 -1
  64. package/dist/{useModuleLoader-qEySL3mC.js → useModuleLoader-BdiUSBj0.js} +13 -13
  65. package/dist/{verificationResult-BkxxyxOi.js → verificationResult-Omhu8yft.js} +1 -1
  66. package/dist/video-selfie/video-selfie.es.js +1 -1
  67. package/dist/{watchlistForBusiness-CXhmmciq.js → watchlistForBusiness-DncNaIrm.js} +2 -2
  68. package/dist/workflow/styles.css +4 -4
  69. package/dist/workflow/workflow.es.js +2 -2
  70. package/package.json +2 -2
  71. package/dist/cpfOcr-Du897sPB.js +0 -2
  72. package/dist/dateInputComposed-DRzZi6uy.js +0 -1
  73. package/dist/documentCapture-BCE_3MJK.js +0 -2
  74. package/dist/dropdownComposed-BAoxIIsE.js +0 -1
  75. package/dist/ekybModule-CDdggow1.js +0 -2
  76. package/dist/ekycModule-CvMGDuK1.js +0 -2
  77. package/dist/fieldComparison-DbDLSGrG.js +0 -2
  78. package/dist/inputComposed-BaY5q9WM.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import { v as u } from "../vendor-preact-DThS2ZQ_.js";
2
- import { n as ElectronicSignature } from "../electronic-signature-D-vhd9lU.js";
2
+ import { n as ElectronicSignature } from "../electronic-signature-BH2vVHyT.js";
3
3
  import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
4
4
  //#region src/modules/ae-signature/ae-signature.tsx
5
5
  var AeSignature = ({ config, onFinish, onError }) => {
@@ -1,8 +1,8 @@
1
1
  import { v as u } from "../vendor-preact-DThS2ZQ_.js";
2
2
  import { c as useModuleTerminalCallbacks, s as isTerminalModuleState, u as useManager } from "../hooks-CNu7o-v8.js";
3
3
  import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
4
- import { n as Capture, t as Tutorial } from "../tutorial-DJ3kpqnL.js";
5
- import { i as Permissions } from "../capture-CkGvdDNH.js";
4
+ import { n as Capture, t as Tutorial } from "../tutorial-BA1xxIP6.js";
5
+ import { i as Permissions } from "../capture-D3ke7s8S.js";
6
6
  import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
7
7
  import { createAuthenticationManager } from "@incodetech/core/authentication";
8
8
  //#region src/modules/authentication/authentication.tsx
package/dist/base.css CHANGED
@@ -2534,6 +2534,51 @@
2534
2534
  }
2535
2535
  }
2536
2536
 
2537
+ @media (min-width: 40rem) {
2538
+ .incode-container {
2539
+ max-width: 40rem;
2540
+ }
2541
+ }
2542
+
2543
+ @media (min-width: 48rem) {
2544
+ .incode-container {
2545
+ max-width: 48rem;
2546
+ }
2547
+ }
2548
+
2549
+ @media (min-width: 64rem) {
2550
+ .incode-container {
2551
+ max-width: 64rem;
2552
+ }
2553
+ }
2554
+
2555
+ @media (min-width: 80rem) {
2556
+ .incode-container {
2557
+ max-width: 80rem;
2558
+ }
2559
+ }
2560
+
2561
+ @media (min-width: 96rem) {
2562
+ .incode-container {
2563
+ max-width: 96rem;
2564
+ }
2565
+ }
2566
+
2567
+ @media (min-width: 48rem) {
2568
+ .incode-container {
2569
+ max-height: var(--incode-page-max-h);
2570
+ max-width: var(--incode-page-max-w);
2571
+ }
2572
+
2573
+ @media not all and (min-width: 80rem) {
2574
+ @media (orientation: landscape) {
2575
+ .incode-container {
2576
+ max-height: var(--incode-page-max-h-landscape);
2577
+ }
2578
+ }
2579
+ }
2580
+ }
2581
+
2537
2582
  .incode-container {
2538
2583
  width: 100%;
2539
2584
  }
@@ -2975,6 +3020,11 @@
2975
3020
  font-weight: var(--typography-button-m-underlined-weight);
2976
3021
  line-height: var(--typography-button-m-underlined-line-height);
2977
3022
  letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3023
+ font-family: var(--typography-button-family);
3024
+ font-size: var(--typography-button-m-underlined-size);
3025
+ font-weight: var(--typography-button-m-underlined-weight);
3026
+ line-height: var(--typography-button-m-underlined-line-height);
3027
+ letter-spacing: var(--typography-button-m-underlined-letter-spacing);
2978
3028
  text-decoration-line: underline;
2979
3029
  text-decoration-style: solid;
2980
3030
  text-decoration-thickness: auto;
@@ -3540,7 +3590,7 @@
3540
3590
  opacity: 1;
3541
3591
  }
3542
3592
 
3543
- .IncodeRadioButton .IncodeRadioButtonText {
3593
+ .IncodeRadioButton .IncodeRadioButtonTextM {
3544
3594
  color: var(--color-radio-button-text-default, var(--radio-button-text-default));
3545
3595
  font-family: var(--typography-checkbox-radio-family);
3546
3596
  font-size: var(--typography-checkbox-radio-m-size);
@@ -3549,6 +3599,15 @@
3549
3599
  letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
3550
3600
  }
3551
3601
 
3602
+ .IncodeRadioButton .IncodeRadioButtonTextS {
3603
+ color: var(--color-radio-button-text-default, var(--radio-button-text-default));
3604
+ font-family: var(--typography-checkbox-radio-family);
3605
+ font-size: var(--typography-checkbox-radio-s-size);
3606
+ font-weight: var(--typography-checkbox-radio-s-weight);
3607
+ line-height: var(--typography-checkbox-radio-s-line-height);
3608
+ letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
3609
+ }
3610
+
3552
3611
  .IncodeRadioButton .IncodeRadioButtonTextDisabled {
3553
3612
  color: var(--color-radio-button-text-disabled, var(--radio-button-text-disabled));
3554
3613
  }
@@ -3708,6 +3767,10 @@
3708
3767
  opacity: 1;
3709
3768
  }
3710
3769
 
3770
+ .IncodeInput:hover:not(:disabled):not(:focus) {
3771
+ background-color: var(--color-input-surface-hover, var(--input-surface-hover));
3772
+ }
3773
+
3711
3774
  .IncodeInput:focus {
3712
3775
  border-style: var(--tw-border-style);
3713
3776
  border-width: 2px;
@@ -3720,7 +3783,7 @@
3720
3783
  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
3721
3784
  }
3722
3785
 
3723
- .IncodeInput[aria-invalid="true"] {
3786
+ .IncodeInput[aria-invalid="true"], .IncodeInput[aria-invalid="true"]:focus, .IncodeInput[aria-invalid="true"]:active:not(:disabled) {
3724
3787
  border-style: var(--tw-border-style);
3725
3788
  border-width: 2px;
3726
3789
  border-color: var(--color-input-border-negative, var(--input-border-negative));
@@ -3940,6 +4003,128 @@
3940
4003
  display: inline-block;
3941
4004
  }
3942
4005
 
4006
+ .IncodePasswordInputComposed {
4007
+ width: 100%;
4008
+ max-width: var(--incode-form-max-w);
4009
+ gap: var(--spacing-8, var(--spacing-8, 8px));
4010
+ flex-direction: column;
4011
+ display: flex;
4012
+ }
4013
+
4014
+ .IncodePasswordInputComposed .IncodePasswordInputComposedToggle {
4015
+ top: 50%;
4016
+ right: var(--spacing-12, var(--spacing-12, 12px));
4017
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
4018
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4019
+ cursor: pointer;
4020
+ border-style: var(--tw-border-style);
4021
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
4022
+ --tw-border-style: none;
4023
+ padding-inline: var(--spacing-4, var(--spacing-4, 4px));
4024
+ z-index: 10000;
4025
+ transition-property: opacity;
4026
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
4027
+ transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
4028
+ --tw-duration: .2s;
4029
+ background-color: #0000;
4030
+ border-style: none;
4031
+ justify-content: center;
4032
+ align-items: center;
4033
+ transition-duration: .2s;
4034
+ display: flex;
4035
+ position: absolute;
4036
+ }
4037
+
4038
+ .IncodePasswordInputComposed .IncodePasswordInputComposedToggle:hover {
4039
+ opacity: .7;
4040
+ }
4041
+
4042
+ .IncodePasswordInputComposed .IncodePasswordInputComposedToggle:active {
4043
+ opacity: .5;
4044
+ }
4045
+
4046
+ .IncodePasswordInputComposed .IncodePasswordInputComposedToggle:focus-visible {
4047
+ border-radius: var(--radius-xs, .125rem);
4048
+ outline-style: var(--tw-outline-style);
4049
+ outline-offset: 2px;
4050
+ outline-width: 2px;
4051
+ outline-color: var(--color-input-border-focused, var(--input-border-focused));
4052
+ }
4053
+
4054
+ .IncodePasswordInputComposed .IncodePasswordInputComposedRequirements {
4055
+ gap: var(--spacing-8, var(--spacing-8, 8px));
4056
+ flex-direction: column;
4057
+ display: flex;
4058
+ }
4059
+
4060
+ .IncodePasswordInputComposed .IncodePasswordInputComposedRequirementsHeading {
4061
+ margin: var(--spacing-0, var(--spacing-none, 0px));
4062
+ align-items: center;
4063
+ gap: var(--spacing-4, var(--spacing-4, 4px));
4064
+ font-family: var(--typography-body-family);
4065
+ font-size: var(--typography-body-m-regular-size);
4066
+ font-weight: var(--typography-body-m-regular-weight);
4067
+ line-height: var(--typography-body-m-regular-line-height);
4068
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
4069
+ color: var(--color-input-text-helper-default, var(--input-text-helper-default));
4070
+ font-family: inherit;
4071
+ display: flex;
4072
+ }
4073
+
4074
+ .IncodePasswordInputComposed .IncodePasswordInputComposedRequirementsHeading[data-invalid="true"] {
4075
+ color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
4076
+ }
4077
+
4078
+ .IncodePasswordInputComposed .IncodePasswordInputComposedRequirementsHeadingIcon {
4079
+ flex-shrink: 0;
4080
+ justify-content: center;
4081
+ align-items: center;
4082
+ display: flex;
4083
+ }
4084
+
4085
+ .IncodePasswordInputComposed .IncodePasswordInputComposedRequirementsList {
4086
+ margin: var(--spacing-0, var(--spacing-none, 0px));
4087
+ gap: var(--spacing-8, var(--spacing-8, 8px));
4088
+ padding: var(--spacing-0, var(--spacing-none, 0px));
4089
+ flex-direction: column;
4090
+ list-style-type: none;
4091
+ display: flex;
4092
+ }
4093
+
4094
+ .IncodePasswordInputComposed .IncodePasswordInputComposedRequirement {
4095
+ align-items: center;
4096
+ gap: var(--spacing-4, var(--spacing-4, 4px));
4097
+ display: flex;
4098
+ }
4099
+
4100
+ .IncodePasswordInputComposed .IncodePasswordInputComposedRequirementIcon {
4101
+ flex-shrink: 0;
4102
+ justify-content: center;
4103
+ align-items: center;
4104
+ display: flex;
4105
+ }
4106
+
4107
+ .IncodePasswordInputComposed .IncodePasswordInputComposedRequirementLabel {
4108
+ font-family: var(--typography-body-family);
4109
+ font-size: var(--typography-body-m-regular-size);
4110
+ font-weight: var(--typography-body-m-regular-weight);
4111
+ line-height: var(--typography-body-m-regular-line-height);
4112
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
4113
+ color: var(--color-input-text-helper-default, var(--input-text-helper-default));
4114
+ }
4115
+
4116
+ .IncodePasswordInputComposed .IncodeSrOnly {
4117
+ clip-path: inset(50%);
4118
+ white-space: nowrap;
4119
+ border-width: 0;
4120
+ width: 1px;
4121
+ height: 1px;
4122
+ margin: -1px;
4123
+ padding: 0;
4124
+ position: absolute;
4125
+ overflow: hidden;
4126
+ }
4127
+
3943
4128
  .IncodeDateInputComposedIconButton {
3944
4129
  top: var(--spacing-0, var(--spacing-none, 0px));
3945
4130
  right: var(--spacing-0, var(--spacing-none, 0px));
@@ -4320,6 +4505,7 @@
4320
4505
 
4321
4506
  .IncodeDropdownComposedTrigger:hover:not(:disabled) {
4322
4507
  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
4508
+ background-color: var(--color-dropdown-surface-hover, var(--dropdown-surface-hover));
4323
4509
  }
4324
4510
 
4325
4511
  .IncodeDropdownComposedTrigger[data-focused="true"] {
@@ -4421,9 +4607,14 @@
4421
4607
  font-weight: var(--font-weight-normal, 400);
4422
4608
  --tw-outline-style: none;
4423
4609
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
4610
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
4611
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
4612
+ transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
4613
+ --tw-duration: .2s;
4424
4614
  background-color: #0000;
4425
4615
  border-style: none;
4426
4616
  outline-style: none;
4617
+ transition-duration: .2s;
4427
4618
  }
4428
4619
 
4429
4620
  .IncodeDropdownComposedSearchInput::placeholder {
@@ -4505,8 +4696,8 @@
4505
4696
  background-color: var(--dropdown-surface-selected, var(--color-dropdown-surface-selected));
4506
4697
  }
4507
4698
 
4508
- .IncodeDropdownComposedOption:hover, .IncodeDropdownComposedOption[data-highlighted="true"] {
4509
- background-color: var(--surface-neutral-200, var(--color-surface-neutral-200));
4699
+ .IncodeDropdownComposedOption:hover:not(:disabled), .IncodeDropdownComposedOption[data-highlighted="true"] {
4700
+ background-color: var(--color-dropdown-surface-hover, var(--dropdown-surface-hover));
4510
4701
  }
4511
4702
 
4512
4703
  .IncodeDropdownComposedLiveRegion, .IncodeDropdownComposedSrOnly {
@@ -7069,6 +7260,51 @@
7069
7260
  }
7070
7261
  }
7071
7262
 
7263
+ @media (min-width: 40rem) {
7264
+ .IncodePageContainer .IncodePageInner {
7265
+ max-width: 40rem;
7266
+ }
7267
+ }
7268
+
7269
+ @media (min-width: 48rem) {
7270
+ .IncodePageContainer .IncodePageInner {
7271
+ max-width: 48rem;
7272
+ }
7273
+ }
7274
+
7275
+ @media (min-width: 64rem) {
7276
+ .IncodePageContainer .IncodePageInner {
7277
+ max-width: 64rem;
7278
+ }
7279
+ }
7280
+
7281
+ @media (min-width: 80rem) {
7282
+ .IncodePageContainer .IncodePageInner {
7283
+ max-width: 80rem;
7284
+ }
7285
+ }
7286
+
7287
+ @media (min-width: 96rem) {
7288
+ .IncodePageContainer .IncodePageInner {
7289
+ max-width: 96rem;
7290
+ }
7291
+ }
7292
+
7293
+ @media (min-width: 48rem) {
7294
+ .IncodePageContainer .IncodePageInner {
7295
+ max-height: var(--incode-page-max-h);
7296
+ max-width: var(--incode-page-max-w);
7297
+ }
7298
+
7299
+ @media not all and (min-width: 80rem) {
7300
+ @media (orientation: landscape) {
7301
+ .IncodePageContainer .IncodePageInner {
7302
+ max-height: var(--incode-page-max-h-landscape);
7303
+ }
7304
+ }
7305
+ }
7306
+ }
7307
+
7072
7308
  .IncodePageContainer .IncodePageInner {
7073
7309
  width: 100%;
7074
7310
  }
@@ -6,8 +6,8 @@ import { t as Page } from "./page-DidH_RkX.js";
6
6
  import { i as TypographyH4, n as TypographyH1, t as Title } from "./typography-BZIpjo97.js";
7
7
  import { t as TransitionSpinner } from "./transitionSpinner-CuNCqHNi.js";
8
8
  import { t as Button } from "./button-Dz6AsbmF.js";
9
- import { h as WarningIcon } from "./icons-CJJbIpBq.js";
10
- import { t as Modal } from "./modal-OxkFuuiR.js";
9
+ import { v as WarningIcon } from "./icons-Bi3GbaZc.js";
10
+ import { t as Modal } from "./modal-B63h8Gpv.js";
11
11
  import { t as BottomSheet } from "./bottomSheet-CnWbbUAM.js";
12
12
  import { t as NumberedStep } from "./numberedStep-CEb-lFJm.js";
13
13
  import { getBrowser, getDeviceClass } from "@incodetech/core/device";
@@ -4,14 +4,12 @@ import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o
4
4
  import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
5
5
  import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
6
6
  import { t as Page } from "../page-DidH_RkX.js";
7
- import "../extensibility-99WsCMVf.js";
8
- import { a as TypographyH5, o as TypographyP } from "../typography-BZIpjo97.js";
7
+ import { _ as PasswordInputComposed } from "../extensibility-DXmFX41n.js";
8
+ import { a as TypographyH5 } from "../typography-BZIpjo97.js";
9
9
  import { t as Button } from "../button-Dz6AsbmF.js";
10
- import "../icons-CJJbIpBq.js";
11
10
  import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
12
11
  import { t as AutoFocusTitle } from "../autoFocusTitle-uXtAKBTO.js";
13
- import { t as VerificationResult } from "../verificationResult-BkxxyxOi.js";
14
- import { t as InputComposed } from "../inputComposed-C1R2LAa3.js";
12
+ import { t as VerificationResult } from "../verificationResult-Omhu8yft.js";
15
13
  import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
16
14
  import { MIN_PASSWORD_LENGTH, PASSWORD_VALIDATION_KEYS, REQUIREMENT_I18N_KEYS, createCertificateIssuanceManager } from "@incodetech/core/certificate-issuance";
17
15
  //#region src/modules/certificate-issuance/downloadScreen.tsx
@@ -69,61 +67,14 @@ var DownloadScreen = ({ blob, onDownloaded, onError }) => {
69
67
  });
70
68
  };
71
69
  //#endregion
72
- //#region src/modules/certificate-issuance/password/ellipseIcon.tsx
73
- var EllipseIcon = ({ size = 16 }) => {
74
- return /* @__PURE__ */ u("svg", {
75
- xmlns: "http://www.w3.org/2000/svg",
76
- width: size,
77
- height: size,
78
- viewBox: "0 0 16 16",
79
- fill: "none",
80
- "aria-hidden": "true",
81
- children: [/* @__PURE__ */ u("title", { children: "Ellipse icon" }), /* @__PURE__ */ u("circle", {
82
- cx: "8",
83
- cy: "8",
84
- r: "5.585",
85
- stroke: "var(--icon-neutral-500)",
86
- "stroke-width": "1.5"
87
- })]
88
- });
89
- };
90
- //#endregion
91
- //#region src/modules/certificate-issuance/password/passwordRequirements.tsx
92
- var PasswordRequirements = ({ validations }) => {
93
- const { t } = useTranslation();
94
- return /* @__PURE__ */ u("ul", {
95
- class: "IncodeCertificateIssuanceRequirements",
96
- "aria-live": "polite",
97
- "data-testid": "password-requirements",
98
- children: PASSWORD_VALIDATION_KEYS.map((key) => {
99
- const passed = validations[key];
100
- return /* @__PURE__ */ u("li", {
101
- class: "IncodeCertificateIssuanceRequirement",
102
- "data-testid": `password-requirement-${key}`,
103
- "data-met": passed,
104
- children: [
105
- /* @__PURE__ */ u("span", {
106
- "aria-hidden": "true",
107
- class: "IncodeCertificateIssuanceRequirementIcon",
108
- children: passed ? /* @__PURE__ */ u(SuccessIcon, { size: 16 }) : /* @__PURE__ */ u(EllipseIcon, {})
109
- }),
110
- /* @__PURE__ */ u("span", {
111
- class: "IncodeCertificateIssuanceRequirementLabel",
112
- children: t(REQUIREMENT_I18N_KEYS[key], { min: MIN_PASSWORD_LENGTH })
113
- }),
114
- /* @__PURE__ */ u("span", {
115
- class: "IncodeSrOnly",
116
- children: passed ? t("certificateIssuance.password.requirementMet") : t("certificateIssuance.password.requirementNotMet")
117
- })
118
- ]
119
- }, key);
120
- })
121
- });
122
- };
123
- //#endregion
124
70
  //#region src/modules/certificate-issuance/password/passwordScreen.tsx
125
71
  var PasswordScreen = ({ password, passwordValidations, canSubmit, onPasswordChange, onSubmit }) => {
126
72
  const { t } = useTranslation();
73
+ const requirements = T(() => PASSWORD_VALIDATION_KEYS.map((key) => ({
74
+ key,
75
+ label: t(REQUIREMENT_I18N_KEYS[key], { min: MIN_PASSWORD_LENGTH }),
76
+ met: passwordValidations[key]
77
+ })), [passwordValidations, t]);
127
78
  return /* @__PURE__ */ u(Page, {
128
79
  title: t("certificateIssuance.password.title"),
129
80
  subtitle: t("certificateIssuance.password.description"),
@@ -134,25 +85,22 @@ var PasswordScreen = ({ password, passwordValidations, canSubmit, onPasswordChan
134
85
  className: "IncodeCertificateIssuancePasswordSection",
135
86
  children: /* @__PURE__ */ u("div", {
136
87
  className: "IncodeCertificateIssuancePassword",
137
- children: [
138
- /* @__PURE__ */ u(InputComposed, {
139
- id: "certificate-password",
140
- "data-testid": "certificate-password",
141
- type: "password",
142
- placeholder: t("certificateIssuance.password.placeholder"),
143
- value: password,
144
- autocomplete: "new-password",
145
- onInput: (e) => {
146
- onPasswordChange(e.target.value);
147
- },
148
- closeButton: {
149
- show: password.length > 0,
150
- onClose: () => onPasswordChange("")
151
- }
152
- }),
153
- /* @__PURE__ */ u(TypographyP, { children: t("certificateIssuance.passwordRequirements.description") }),
154
- /* @__PURE__ */ u(PasswordRequirements, { validations: passwordValidations })
155
- ]
88
+ children: /* @__PURE__ */ u(PasswordInputComposed, {
89
+ id: "certificate-password",
90
+ "data-testid": "certificate-password",
91
+ placeholder: t("certificateIssuance.password.placeholder"),
92
+ value: password,
93
+ autocomplete: "new-password",
94
+ showPasswordAriaLabel: t("certificateIssuance.password.show"),
95
+ hidePasswordAriaLabel: t("certificateIssuance.password.hide"),
96
+ requirementsHeading: t("certificateIssuance.passwordRequirements.description"),
97
+ requirements,
98
+ requirementMetLabel: t("certificateIssuance.password.requirementMet"),
99
+ requirementUnmetLabel: t("certificateIssuance.password.requirementNotMet"),
100
+ onInput: (e) => {
101
+ onPasswordChange(e.target.value);
102
+ }
103
+ })
156
104
  })
157
105
  }), /* @__PURE__ */ u(Button, {
158
106
  disabled: !canSubmit,
@@ -71,44 +71,3 @@
71
71
  letter-spacing: var(--typography-headline-h5-letter-spacing);
72
72
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
73
73
  }
74
-
75
- .IncodeCertificateIssuanceRequirements {
76
- gap: var(--spacing-8, var(--spacing-8, 8px));
77
- flex-direction: column;
78
- list-style: none;
79
- display: flex;
80
- }
81
-
82
- .IncodeCertificateIssuanceRequirement {
83
- align-items: center;
84
- gap: var(--spacing-4, var(--spacing-4, 4px));
85
- display: flex;
86
- }
87
-
88
- .IncodeCertificateIssuanceRequirementIcon {
89
- flex-shrink: 0;
90
- justify-content: center;
91
- align-items: center;
92
- display: flex;
93
- }
94
-
95
- .IncodeCertificateIssuanceRequirementLabel {
96
- font-family: var(--typography-body-family);
97
- font-size: var(--typography-body-m-regular-size);
98
- font-weight: var(--typography-body-m-regular-weight);
99
- line-height: var(--typography-body-m-regular-line-height);
100
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
101
- color: var(--color-input-text-helper-default, var(--input-text-helper-default));
102
- }
103
-
104
- .IncodeSrOnly {
105
- clip-path: inset(50%);
106
- white-space: nowrap;
107
- border-width: 0;
108
- width: 1px;
109
- height: 1px;
110
- margin: -1px;
111
- padding: 0;
112
- position: absolute;
113
- overflow: hidden;
114
- }
@@ -1,7 +1,7 @@
1
1
  import { a as D, p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
2
2
  import { n as cn } from "./loadingIcon-B0ysgiNq.js";
3
3
  import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
4
- import { d as CheckmarkIcon } from "./icons-CJJbIpBq.js";
4
+ import { m as CheckmarkIcon } from "./icons-Bi3GbaZc.js";
5
5
  //#region src/shared/checkbox/checkbox.tsx
6
6
  var Checkbox = D(({ id, label, labelHint, size = "m", checked, defaultChecked, disabled = false, required = false, name, value, onChange, error, helper, showErrorIcon = true, class: className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...restProps }, ref) => {
7
7
  const [internalChecked, setInternalChecked] = d(!!defaultChecked);
@@ -5,7 +5,7 @@ import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
5
5
  import { t as Page } from "../page-DidH_RkX.js";
6
6
  import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
7
7
  import { t as Button } from "../button-Dz6AsbmF.js";
8
- import { t as Checkbox } from "../checkbox-1wUHSoaK.js";
8
+ import { t as Checkbox } from "../checkbox-DU3dczAM.js";
9
9
  import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
10
10
  import { t as RichText } from "../richText-CB1fmegc.js";
11
11
  import { n as getRequiredHintMode, t as getFieldHint } from "../requiredLabelHint-D0RhuMed.js";
@@ -1,6 +1,6 @@
1
1
  import { n as useTranslation } from "./i18n-CU4xq8qC.js";
2
2
  import { d as T, v as u } from "./vendor-preact-DThS2ZQ_.js";
3
- import { t as DropdownComposed } from "./dropdownComposed-CoU0enG6.js";
3
+ import { t as DropdownComposed } from "./dropdownComposed-W_J_3a8D.js";
4
4
  //#region src/shared/countrySelector/countrySelector.tsx
5
5
  var DEFAULT_COUNTRY_CODES = [
6
6
  "BR",
@@ -1,2 +1,2 @@
1
- import { t as CpfOcr } from "../cpfOcr-CxTGu1hd.js";
1
+ import { t as CpfOcr } from "../cpfOcr-XkulVOfW.js";
2
2
  export { CpfOcr };
@@ -0,0 +1,2 @@
1
+ import { t as CpfOcr } from "./cpfOcr-XkulVOfW.js";
2
+ export { CpfOcr };
@@ -5,8 +5,8 @@ import { t as Page } from "./page-DidH_RkX.js";
5
5
  import { t as Spinner } from "./spinner-BMeIEK1d.js";
6
6
  import "./spinner-BCDCoi9C.js";
7
7
  import { t as Button } from "./button-Dz6AsbmF.js";
8
- import { t as VerificationResult } from "./verificationResult-BkxxyxOi.js";
9
- import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
8
+ import { t as VerificationResult } from "./verificationResult-Omhu8yft.js";
9
+ import { t as InputComposed } from "./inputComposed-Dd00iePQ.js";
10
10
  import { createCpfOcrManager } from "@incodetech/core/cpf-ocr";
11
11
  //#region src/modules/cpf-ocr/cpfOcr.tsx
12
12
  var getInputState = (state) => {
@@ -7,14 +7,14 @@ import { t as Page } from "../page-DidH_RkX.js";
7
7
  import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
8
8
  import { t as Button } from "../button-Dz6AsbmF.js";
9
9
  import { t as ErrorIcon } from "../errorIcon-BA4T6iy-.js";
10
- import "../icons-CJJbIpBq.js";
10
+ import "../icons-Bi3GbaZc.js";
11
11
  import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
12
12
  import { t as AutoFocusTitle } from "../autoFocusTitle-uXtAKBTO.js";
13
- import { t as InputComposed } from "../inputComposed-C1R2LAa3.js";
14
- import { t as DropdownComposed } from "../dropdownComposed-CoU0enG6.js";
15
- import "../dropdownComposed-BAoxIIsE.js";
16
- import { t as DateInputComposed } from "../dateInputComposed-DuaofcBl.js";
17
- import "../dateInputComposed-DRzZi6uy.js";
13
+ import { t as InputComposed } from "../inputComposed-Dd00iePQ.js";
14
+ import { t as DropdownComposed } from "../dropdownComposed-W_J_3a8D.js";
15
+ import "../dropdownComposed-4yiomZY5.js";
16
+ import { t as DateInputComposed } from "../dateInputComposed-b385OXwu.js";
17
+ import "../dateInputComposed-D21Pu12e.js";
18
18
  import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
19
19
  import { n as getRequiredHintMode, t as getFieldHint } from "../requiredLabelHint-D0RhuMed.js";
20
20
  import { GENERATE_CURP_FIELDS, createCurpValidationManager, mexicanStates } from "@incodetech/core/curp-validation";
@@ -6,9 +6,9 @@ import { r as Spacer, t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
6
6
  import { t as Page } from "./page-DidH_RkX.js";
7
7
  import { t as Button } from "./button-Dz6AsbmF.js";
8
8
  import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
9
- import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
10
- import { t as Checkbox } from "./checkbox-1wUHSoaK.js";
11
- import { t as DateInputComposed } from "./dateInputComposed-DuaofcBl.js";
9
+ import { t as InputComposed } from "./inputComposed-Dd00iePQ.js";
10
+ import { t as Checkbox } from "./checkbox-DU3dczAM.js";
11
+ import { t as DateInputComposed } from "./dateInputComposed-b385OXwu.js";
12
12
  import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
13
13
  import { t as StatusPage } from "./statusPage-BayBYzo7.js";
14
14
  import { createCustomFieldsManager } from "@incodetech/core/custom-fields";
@@ -0,0 +1 @@
1
+ import "./dateInputComposed-b385OXwu.js";
@@ -1,8 +1,8 @@
1
1
  import { a as D, l as A, v as u } from "./vendor-preact-DThS2ZQ_.js";
2
2
  import { n as cn } from "./loadingIcon-B0ysgiNq.js";
3
- import { m as CalendarIcon } from "./icons-CJJbIpBq.js";
4
- import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
5
- import "./inputComposed-BaY5q9WM.js";
3
+ import { _ as CalendarIcon } from "./icons-Bi3GbaZc.js";
4
+ import { t as InputComposed } from "./inputComposed-Dd00iePQ.js";
5
+ import "./inputComposed-opx2KOfG.js";
6
6
  //#region src/shared/dateInputComposed/dateInputComposed.tsx
7
7
  var DateInputComposed = D(({ id, label, disabled, class: className, onInput, onBlur, ...restProps }, ref) => {
8
8
  const tryShowPicker = (input) => {
@@ -1,2 +1,2 @@
1
- import { t as DocumentCapture } from "../documentCapture-BMEYyodv.js";
1
+ import { t as DocumentCapture } from "../documentCapture-CG7dUtjZ.js";
2
2
  export { DocumentCapture };
@@ -0,0 +1,2 @@
1
+ import { t as DocumentCapture } from "./documentCapture-CG7dUtjZ.js";
2
+ export { DocumentCapture };
@@ -4,15 +4,15 @@ import { a as useIsMobileDeviceWidth, c as useModuleTerminalCallbacks, u as useM
4
4
  import { t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
5
5
  import { n as cn, r as Spacer } from "./loadingIcon-B0ysgiNq.js";
6
6
  import { t as Page } from "./page-DidH_RkX.js";
7
- import { _ as ProgressBar, d as CameraOverlay, l as CaptureFooter, u as CameraOverlayHeader, v as Overlay } from "./extensibility-99WsCMVf.js";
7
+ import { d as CameraOverlay, l as CaptureFooter, u as CameraOverlayHeader, v as ProgressBar, y as Overlay } from "./extensibility-DXmFX41n.js";
8
8
  import { t as Spinner } from "./spinner-BMeIEK1d.js";
9
9
  import { t as Button } from "./button-Dz6AsbmF.js";
10
- import { a as FileIcon, p as CameraIcon, r as LockIcon } from "./icons-CJJbIpBq.js";
10
+ import { a as FileIcon, g as CameraIcon, r as LockIcon } from "./icons-Bi3GbaZc.js";
11
11
  import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
12
- import { a as ErrorContent } from "./tutorial-DJ3kpqnL.js";
12
+ import { a as ErrorContent } from "./tutorial-BA1xxIP6.js";
13
13
  import { t as BottomSheet } from "./bottomSheet-CnWbbUAM.js";
14
14
  import { n as CameraFrame, t as CameraView } from "./cameraView-DIEzM5ru.js";
15
- import { i as Permissions } from "./capture-CkGvdDNH.js";
15
+ import { i as Permissions } from "./capture-D3ke7s8S.js";
16
16
  import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
17
17
  import { createDocumentCaptureManager } from "@incodetech/core/document-capture";
18
18
  //#region src/modules/document-capture/documentCameraView.tsx
@@ -0,0 +1 @@
1
+ import "./dropdownComposed-W_J_3a8D.js";