@adyen/kyc-components 3.60.4 → 3.60.6

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 (20) hide show
  1. package/dist/es/{B4MFY5CR-Ru4kutHJ.js → B4MFY5CR-BVof8nMM.js} +1 -1
  2. package/dist/es/{DebugModal-CyGS7jM6.js → DebugModal-CvJSr4Ij.js} +18 -21
  3. package/dist/es/{HO4MOOFI-Si-Obp4G.js → HO4MOOFI-BMe4escm.js} +2 -2
  4. package/dist/es/{HUY7CZI3-l1SVrsoe.js → HUY7CZI3-DruibpTU.js} +2 -2
  5. package/dist/es/{Introduction-PVwKRw08.js → Introduction-DLNF-Da2.js} +1 -1
  6. package/dist/es/adyen-kyc-components.es.js +2 -2
  7. package/dist/es/{css-ycyWqoyJ.js → css-BE9mU2jw.js} +1 -1
  8. package/dist/es/{index-BDN6Z18W.js → index-SsGSz5hf.js} +549 -403
  9. package/dist/es/{json-aZQCTzqA.js → json-fQtFzTcu.js} +1 -1
  10. package/dist/es/{plaintext-DQPwUatk.js → plaintext-CFB74M1p.js} +1 -1
  11. package/dist/es/{yaml-D2Tl-1z0.js → yaml-B2_CWZPy.js} +1 -1
  12. package/dist/style.css +47 -45
  13. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/IdVerificationMethod.types.d.ts +2 -1
  14. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.d.ts +16 -0
  15. package/dist/types/core/models/api/get-scenarios.d.ts +1 -1
  16. package/dist/types/utils/entityAssociationUtil.d.ts +2 -1
  17. package/package.json +1 -1
  18. package/dist/types/components/Business/forms/BusinessMismatchModal/BusinessMismatchModal.d.ts +0 -6
  19. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/ConfirmManualFlowModal/ConfirmManualFlowModal.d.ts +0 -5
  20. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/DeleteDocumentModal/DeleteDocumentModal.d.ts +0 -5
@@ -1,4 +1,4 @@
1
- import { c as cssProps } from "./DebugModal-CyGS7jM6.js";
1
+ import { c as cssProps } from "./DebugModal-CvJSr4Ij.js";
2
2
  const definitions = {
3
3
  any: { regex: /.*/g, css: cssProps.text },
4
4
  number: { regex: /-?\d+(\.\d+)?([eE][+-]?\d+)?/g, css: cssProps.number },
@@ -1,4 +1,4 @@
1
- import { c as cssProps } from "./DebugModal-CyGS7jM6.js";
1
+ import { c as cssProps } from "./DebugModal-CvJSr4Ij.js";
2
2
  const definitions = {
3
3
  any: { regex: /.*/g, css: cssProps.text }
4
4
  };
@@ -1,4 +1,4 @@
1
- import { c as cssProps } from "./DebugModal-CyGS7jM6.js";
1
+ import { c as cssProps } from "./DebugModal-CvJSr4Ij.js";
2
2
  const definitions = {
3
3
  any: { regex: /.*/g, css: cssProps.text },
4
4
  boolean: { regex: /^(\s*)([\w-]+)(:)\s*(.*)$/g, css: cssProps.boolean },
package/dist/style.css CHANGED
@@ -284,13 +284,23 @@
284
284
 
285
285
  .adyen-kyc-loader-wrapper-loader-active {
286
286
  display: block;
287
- }.adyen-kyc-modal {
287
+ }/* #region Borders */
288
+ /* #endregion */
289
+ /* for container queries */
290
+ /* #region Z-index */
291
+ /* #endregion */
292
+ /* #region Timing functions */
293
+ /* #endregion */
294
+ /* #region Inline components */
295
+ /* #endregion */
296
+ .adyen-kyc-modal {
288
297
  background-color: var(--adyen-sdk-color-background-modal, #ffffff);
289
298
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
290
299
  border: var(--adyen-sdk-spacer-000, 0px);
291
300
  box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06));
292
301
  overflow: hidden;
293
302
  padding: var(--adyen-sdk-spacer-000, 0px);
303
+ position: relative;
294
304
  }
295
305
  .adyen-kyc-modal:focus-visible {
296
306
  outline: none;
@@ -323,7 +333,19 @@
323
333
  }
324
334
 
325
335
  .adyen-kyc-modal-inset {
326
- padding: var(--adyen-sdk-spacer-070, 16px);
336
+ padding: var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px);
337
+ }
338
+ @media (min-width: 480px) {
339
+ .adyen-kyc-modal-inset {
340
+ padding-left: var(--adyen-sdk-spacer-100, 32px);
341
+ padding-right: var(--adyen-sdk-spacer-100, 32px);
342
+ }
343
+ }
344
+ @media (min-width: 680px) {
345
+ .adyen-kyc-modal-inset {
346
+ padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
347
+ padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
348
+ }
327
349
  }
328
350
 
329
351
  .adyen-kyc-modal-small {
@@ -364,15 +386,9 @@
364
386
  }
365
387
 
366
388
  .adyen-kyc-modal-button {
367
- display: flex;
368
- float: right;
369
- height: 0;
370
- justify-content: flex-end;
371
- overflow: visible;
372
- position: sticky;
373
- right: 16px;
374
- top: 16px;
375
- width: 0;
389
+ position: absolute;
390
+ top: var(--adyen-sdk-spacer-070, 16px);
391
+ right: var(--adyen-sdk-spacer-070, 16px);
376
392
  z-index: 10;
377
393
  }
378
394
 
@@ -3224,18 +3240,6 @@ fieldset {
3224
3240
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3225
3241
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
3226
3242
  color: var(--adyen-sdk-color-label-primary, #00112c);
3227
- }.adyen-kyc-business-verification-modal-header {
3228
- margin-top: var(--adyen-sdk-spacer-030, 6px);
3229
- font-weight: 600;
3230
- }
3231
- .adyen-kyc-business-verification-modal-content {
3232
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3233
- margin-top: var(--adyen-sdk-spacer-080, 20px);
3234
- }
3235
- .adyen-kyc-business-verification-modal-actions {
3236
- display: flex;
3237
- justify-content: end;
3238
- gap: var(--adyen-sdk-spacer-040, 8px);
3239
3243
  }.adyen-kyc-outlined-icon {
3240
3244
  width: 1.75em;
3241
3245
  height: 1.75em;
@@ -3444,9 +3448,6 @@ fieldset {
3444
3448
  overflow-wrap: anywhere;
3445
3449
  max-width: 80%;
3446
3450
  }
3447
- .adyen-kyc-source-of-funds-sof-financier-form {
3448
- padding: var(--adyen-sdk-spacer-070, 16px);
3449
- }
3450
3451
  .adyen-kyc-source-of-funds-sof-financier-form-error {
3451
3452
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3452
3453
  }
@@ -3456,8 +3457,7 @@ fieldset {
3456
3457
  }
3457
3458
  .adyen-kyc-source-of-funds-financier-footer {
3458
3459
  display: flex;
3459
- justify-content: flex-end;
3460
- width: 100%;
3460
+ flex-direction: column;
3461
3461
  gap: var(--adyen-sdk-spacer-040, 8px);
3462
3462
  }
3463
3463
  .adyen-kyc-source-of-funds-grid-container {
@@ -3468,12 +3468,6 @@ fieldset {
3468
3468
  .adyen-kyc-source-of-funds-sub-heading {
3469
3469
  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
3470
3470
  }
3471
- .adyen-kyc-source-of-funds-upload-modal-header {
3472
- padding: var(--adyen-sdk-spacer-120, 48px) var(--adyen-sdk-spacer-120, 48px) 0;
3473
- }
3474
- .adyen-kyc-source-of-funds-upload-modal-content {
3475
- padding: var(--adyen-sdk-spacer-120, 48px);
3476
- }
3477
3471
  .adyen-kyc-source-of-funds-upload-modal-content-field {
3478
3472
  text-align: left;
3479
3473
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -3495,6 +3489,11 @@ fieldset {
3495
3489
  .adyen-kyc-source-of-funds-upload-list-heading {
3496
3490
  margin-bottom: var(--adyen-sdk-spacer-110, 40px);
3497
3491
  text-align: center;
3492
+ }
3493
+ .adyen-kyc-source-of-funds-modal {
3494
+ display: flex;
3495
+ flex-direction: column;
3496
+ gap: var(--adyen-sdk-spacer-100, 32px);
3498
3497
  }/* #region Borders */
3499
3498
  /* #endregion */
3500
3499
  /* for container queries */
@@ -4297,16 +4296,9 @@ fieldset {
4297
4296
  /* #region Inline components */
4298
4297
  /* #endregion */
4299
4298
  .adyen-kyc-data-conflicts-wrapper {
4300
- overflow: auto;
4301
4299
  display: flex;
4302
4300
  flex-direction: column;
4303
4301
  gap: var(--adyen-sdk-spacer-100, 32px);
4304
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4305
- }
4306
- @container modal (min-width: 680px) {
4307
- .adyen-kyc-data-conflicts-wrapper {
4308
- margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-120, 48px) var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-120, 48px);
4309
- }
4310
4302
  }
4311
4303
 
4312
4304
  .adyen-kyc-data-conflicts-header {
@@ -4325,7 +4317,7 @@ fieldset {
4325
4317
  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) 36px;
4326
4318
  text-align: left;
4327
4319
  }
4328
- @container modal (min-width: 480px) {
4320
+ @media (min-width: 480px) {
4329
4321
  .adyen-kyc-data-conflicts-table {
4330
4322
  display: table;
4331
4323
  }
@@ -4335,7 +4327,7 @@ fieldset {
4335
4327
  display: flex;
4336
4328
  flex-direction: column;
4337
4329
  }
4338
- @container modal (min-width: 480px) {
4330
+ @media (min-width: 480px) {
4339
4331
  .adyen-kyc-data-conflicts-list {
4340
4332
  display: none;
4341
4333
  }
@@ -5386,11 +5378,17 @@ fieldset {
5386
5378
  /* #endregion */
5387
5379
  /* #region Inline components */
5388
5380
  /* #endregion */
5381
+ .adyen-kyc-debug-modal {
5382
+ display: flex;
5383
+ flex-direction: column;
5384
+ height: 100%;
5385
+ }
5386
+
5389
5387
  .adyen-kyc-debug-modal__header {
5390
5388
  width: 100%;
5391
5389
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
5392
5390
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
5393
- margin: 1em;
5391
+ padding: var(--adyen-sdk-spacer-070, 16px);
5394
5392
  }
5395
5393
 
5396
5394
  .adyen-kyc-debug-modal__header-tabs {
@@ -5399,10 +5397,12 @@ fieldset {
5399
5397
  }
5400
5398
 
5401
5399
  .adyen-kyc-debug-modal__footer {
5400
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
5402
5401
  width: 100%;
5403
5402
  display: flex;
5404
5403
  align-items: center;
5405
5404
  justify-content: space-between;
5405
+ padding: var(--adyen-sdk-spacer-070, 16px);
5406
5406
  }
5407
5407
  .adyen-kyc-debug-modal__footer--copy-status {
5408
5408
  margin-left: 1em;
@@ -5420,8 +5420,10 @@ fieldset {
5420
5420
  .adyen-kyc-debug-modal__content {
5421
5421
  display: flex;
5422
5422
  flex-direction: column;
5423
+ flex-grow: 1;
5423
5424
  gap: 24px;
5424
- margin: 0 1em;
5425
+ overflow-y: auto;
5426
+ padding: var(--adyen-sdk-spacer-070, 16px);
5425
5427
  }
5426
5428
 
5427
5429
  .adyen-kyc-debug-modal__meta {
@@ -1,7 +1,7 @@
1
1
  import type { ProviderExtractionResponse } from '#api/idVerificationProviders/useExtractDocumentInformation';
2
2
  import type { InstantIdVerificationTokenRequest, InstantIdVerificationTokenResponse } from '#core/models/api/instant-id-verification';
3
3
  import type { IdDocumentUploadSchema } from '../../Individual/IdDocumentUpload/types';
4
- export type IdVerificationMethodType = 'instantVerification' | 'manualVerification';
4
+ type IdVerificationMethodType = 'instantVerification' | 'manualVerification' | 'existingDocument';
5
5
  export interface IdVerificationMethodSchema {
6
6
  idVerificationMethod?: IdVerificationMethodType;
7
7
  ocrExtractedData?: ProviderExtractionResponse;
@@ -16,3 +16,4 @@ export interface IdVerificationMethodProps {
16
16
  handleUpdateDocument: () => void;
17
17
  };
18
18
  }
19
+ export {};
@@ -22,5 +22,21 @@ export declare const individualOnfidoForms: {
22
22
  readonly formName: "idDocument";
23
23
  readonly fields: (keyof import("../Individual/IdDocumentUpload/types").IdDocumentUploadSchema)[];
24
24
  };
25
+ readonly proofOfResidency: {
26
+ readonly formId: "proofOfResidency";
27
+ readonly formName: "proofOfResidency";
28
+ readonly fields: readonly ["proofOfResidency"];
29
+ };
30
+ readonly proofOfNationalId: {
31
+ readonly formId: "proofOfNationalId";
32
+ readonly formName: "proofOfNationalId";
33
+ readonly fields: readonly ["proofOfNationalId"];
34
+ };
35
+ readonly proofOfRelationship: {
36
+ readonly formId: "proofOfRelationship";
37
+ readonly formName: "proofOfRelationship";
38
+ readonly fields: readonly ["proofOfRelationship"];
39
+ };
25
40
  };
41
+ export declare const individualOnfidoDocumentForms: ("proofOfNationalId" | "proofOfRelationship" | "proofOfResidency" | "idVerificationMethod" | "manualIdUpload")[];
26
42
  export declare function IndividualOnfido(props: Readonly<IndividualOnfidoProps>): import("preact/jsx-runtime").JSX.Element;
@@ -7,7 +7,7 @@ export declare const enum Scenarios {
7
7
  L0 = "L0",
8
8
  L1 = "L1",
9
9
  L1_ID = "L1_ID",
10
- L1_IDO = " L1_IDO",
10
+ L1_IDO = "L1_IDO",
11
11
  L1_NAT = "L1_NAT",
12
12
  L1_IDDOC = "L1_IDDOC",
13
13
  L_REGDOC = "L_REGDOC",
@@ -1,6 +1,7 @@
1
1
  import type { ExistingLegalEntity } from '#core/models/api/legal-entity';
2
2
  import type { LegalEntityAssociation, NomineeType } from '#core/models/api/legal-entity-association';
3
3
  import { LegalEntityType } from '#core/models/api/legal-entity-type';
4
+ import type { CountryCode } from '#core/models/country-code';
4
5
  import { CountryCodes } from '#core/models/country-code';
5
6
  import type { CapabilityProblems } from '#core/models/errors/capability-problems';
6
7
  import type { EntityProblems } from '#core/models/errors/entity-problems';
@@ -23,7 +24,7 @@ export declare const hasOwnEntityAssociationOfType: (type: LegalEntityType, enti
23
24
  export declare const removeEntityAssociationByType: (type: LegalEntityType, entityAssociations: LegalEntityAssociation[], legalEntityId: string | undefined) => LegalEntityAssociation[];
24
25
  export declare const filterOutUnwantedAssociationsIfRootLE: (taskType: TaskTypes, legalEntity: ExistingLegalEntity | undefined, accountHolder: AccountHolderOption | undefined) => LegalEntityAssociation[] | undefined;
25
26
  export declare const getLegalRepresentative: (legalEntityResponse: ExistingLegalEntity) => LegalEntityAssociation;
26
- export declare const allowedCountriesForNominee: CountryCodes[];
27
+ export declare const allowedCountriesForNominee: CountryCode[];
27
28
  export declare const attachNomineeToRole: (existingEntityAssociation: LegalEntityAssociation, country: CountryCodes, nominee?: NomineeType) => LegalEntityAssociation;
28
29
  export declare const getNomineeFromAssociation: (entityAssociations: LegalEntityAssociation[], personalDetails?: PersonalDetailsSchema) => PersonalDetailsSchema | undefined;
29
30
  export declare const hasNomineesChanged: (personalDetails?: PersonalDetailsSchema, nomineesSubmitted?: NomineeType) => boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adyen/kyc-components",
3
- "version": "3.60.4",
3
+ "version": "3.60.6",
4
4
  "keywords": [
5
5
  "adyen",
6
6
  "adyen-kyc",
@@ -1,6 +0,0 @@
1
- interface BusinessMismatchModalProps {
2
- onContinue: () => void;
3
- onBackClick: () => void;
4
- }
5
- export declare const BusinessMismatchModal: ({ onContinue, onBackClick }: BusinessMismatchModalProps) => import("preact/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,5 +0,0 @@
1
- export interface ConfirmManualFlowModalProps {
2
- onCancel: () => void;
3
- onConfirm: () => void;
4
- }
5
- export declare const ConfirmManualFlowModal: ({ onCancel, onConfirm }: ConfirmManualFlowModalProps) => import("preact/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- export interface DeleteDocumentModalProps {
2
- onCancel: () => void;
3
- onDelete: () => void;
4
- }
5
- export declare const DeleteDocumentModal: ({ onCancel, onDelete }: DeleteDocumentModalProps) => import("preact/jsx-runtime").JSX.Element;