@adyen/kyc-components 2.57.3 → 2.58.0

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 (94) hide show
  1. package/dist/es/adyen-kyc-components.es.js +694 -234
  2. package/dist/es/{bg-BG-Cg7uHZ7u.js → bg-BG-DSGcxUqd.js} +1160 -1079
  3. package/dist/es/{cs-CZ-MP5JPvEI.js → cs-CZ-DAS2jbyW.js} +1167 -1086
  4. package/dist/es/{da-DK-Bf4-HdQJ.js → da-DK-CH9-Y2_h.js} +1151 -1070
  5. package/dist/es/{de-DE-CpV6Dp0r.js → de-DE-Cvre4fQ7.js} +1152 -1071
  6. package/dist/es/{el-GR-DzwQKvWE.js → el-GR-BLJi6VdO.js} +1149 -1068
  7. package/dist/es/{es-ES-E5qWUSQV.js → es-ES-BfHjS5Hb.js} +1166 -1085
  8. package/dist/es/{et-EE-DRZrZKKJ.js → et-EE-DG5Cjsj_.js} +1156 -1075
  9. package/dist/es/{fi-FI-Bk1rCYU6.js → fi-FI-RdmcbEt_.js} +1155 -1074
  10. package/dist/es/{fr-FR-tlByDhb7.js → fr-FR-Cuu7ywoh.js} +1154 -1073
  11. package/dist/es/{hr-HR-CZUCz_Lu.js → hr-HR-CwRw-oEW.js} +1155 -1074
  12. package/dist/es/{hu-HU-CmEicftd.js → hu-HU-PO0jI1sW.js} +1149 -1068
  13. package/dist/es/{it-IT-BNGHjXBu.js → it-IT-RXBJv4US.js} +1172 -1091
  14. package/dist/es/{lt-LT-BDv4TY99.js → lt-LT-BCLEVKxe.js} +1149 -1068
  15. package/dist/es/{lv-LV-HfHaTFsC.js → lv-LV-DfWQ_6E9.js} +1152 -1071
  16. package/dist/es/{nl-NL-CSyNOXAT.js → nl-NL-2CzcCtiM.js} +1156 -1075
  17. package/dist/es/{no-NO-BzBtvG7T.js → no-NO-r9q3S-TP.js} +1163 -1082
  18. package/dist/es/{pl-PL-CwUuiZyG.js → pl-PL-Nix6oaTv.js} +1154 -1073
  19. package/dist/es/{pt-PT-CY_ZCE9N.js → pt-PT-CGVej1Ae.js} +1168 -1087
  20. package/dist/es/{ro-RO-C-OpimQU.js → ro-RO-DhJK0CPN.js} +1163 -1082
  21. package/dist/es/{sk-SK-Vi54HLZU.js → sk-SK-Akja9ejH.js} +1156 -1075
  22. package/dist/es/{sl-SI-2FDuP5IV.js → sl-SI-Bq22qBey.js} +1154 -1073
  23. package/dist/es/{sv-SE-lw5yiImq.js → sv-SE-2gCnkRkv.js} +1156 -1075
  24. package/dist/style.css +31 -8
  25. package/dist/types/components/BusinessDetails/forms.d.ts +7 -0
  26. package/dist/types/components/Company/component/CompanyComponent.d.ts +8 -0
  27. package/dist/types/components/Company/rules.d.ts +1 -0
  28. package/dist/types/components/Company/types.d.ts +2 -0
  29. package/dist/types/components/Dropins/BusinessDetailsDropin/utils.d.ts +1 -1
  30. package/dist/types/components/FinancialInformation/component/FinancialInformation.d.ts +3 -0
  31. package/dist/types/components/FinancialInformation/component/ReportedValue.d.ts +13 -0
  32. package/dist/types/components/FinancialInformation/types.d.ts +14 -0
  33. package/dist/types/components/FinancialInformation/validate.d.ts +3 -0
  34. package/dist/types/components/RegistrationAddress/component/RegistrationAddressComponent.d.ts +1 -2
  35. package/dist/types/components/index.d.ts +8 -8
  36. package/dist/types/components/internal/Address/validate.d.ts +1 -1
  37. package/dist/types/components/internal/Currency/Currency.d.ts +2 -4
  38. package/dist/types/components/internal/Currency/types.d.ts +2 -2
  39. package/dist/types/components/internal/FinancialReportingDate/FinancialReportingDate.d.ts +3 -0
  40. package/dist/types/components/internal/FinancialReportingDate/types.d.ts +5 -0
  41. package/dist/types/components/internal/FormFields/InputCurrency.d.ts +11 -0
  42. package/dist/types/components/internal/FormFields/InputNumber.d.ts +2 -0
  43. package/dist/types/components/internal/FormFields/Radio/Radio.d.ts +11 -0
  44. package/dist/types/components/internal/FormFields/Radio/RadioWithLabel.d.ts +7 -0
  45. package/dist/types/components/internal/FormFields/RadioGroup/RadioGroup.d.ts +18 -2
  46. package/dist/types/components/internal/FormFields/RadioGroupCard/RadioCard.d.ts +1 -1
  47. package/dist/types/components/internal/FormFields/RadioGroupCard/RadioCardSelect.d.ts +2 -2
  48. package/dist/types/components/internal/FormFields/RadioGroupCard/RadioGroupCard.d.ts +1 -1
  49. package/dist/types/components/internal/FormFields/RadioGroupCard/types.d.ts +1 -2
  50. package/dist/types/components/internal/NumberOfEmployees/NumberOfEmployees.d.ts +3 -0
  51. package/dist/types/components/internal/NumberOfEmployees/types.d.ts +5 -0
  52. package/dist/types/core/Context/ExperimentContext/types.d.ts +1 -0
  53. package/dist/types/core/Context/I18nProvider/I18nContext.d.ts +1 -1
  54. package/dist/types/core/Context/StateContext/useGlobalData.d.ts +1 -1
  55. package/dist/types/core/models/api/financialReport.d.ts +9 -0
  56. package/dist/types/core/models/api/organization.d.ts +2 -0
  57. package/dist/types/utils/formUtils.d.ts +1 -1
  58. package/dist/types/utils/formatCurrency.d.ts +2 -0
  59. package/dist/types/utils/get-name.d.ts +1 -1
  60. package/dist/types/utils/makeSelectItemForRole.d.ts +1 -1
  61. package/dist/types/utils/mapping/componentApiMapping.d.ts +10 -0
  62. package/dist/types/utils/trackNavigation.d.ts +1 -1
  63. package/package.json +1 -1
  64. package/dist/types/components/BankVerification/verification/widget/index.d.ts +0 -1
  65. package/dist/types/components/Dropins/CompanyDropin/index.d.ts +0 -1
  66. package/dist/types/components/Dropins/DropinComposer/index.d.ts +0 -1
  67. package/dist/types/components/Dropins/DropinLayout/ActionBar/index.d.ts +0 -1
  68. package/dist/types/components/Dropins/IndividualDropin/index.d.ts +0 -1
  69. package/dist/types/components/Dropins/PayoutDetailsDropin/index.d.ts +0 -1
  70. package/dist/types/components/Dropins/PciDropin/index.d.ts +0 -1
  71. package/dist/types/components/Dropins/RoleAndTypeDropin/index.d.ts +0 -1
  72. package/dist/types/components/Dropins/ServiceAgreementDropinComponent/index.d.ts +0 -1
  73. package/dist/types/components/Dropins/SolePropDropin/index.d.ts +0 -1
  74. package/dist/types/components/Dropins/TrustDropin/index.d.ts +0 -1
  75. package/dist/types/components/EmbeddedDropins/ViewVerificationStatus/index.d.ts +0 -2
  76. package/dist/types/components/IdVerificationMethod/index.d.ts +0 -1
  77. package/dist/types/components/internal/Button/index.d.ts +0 -1
  78. package/dist/types/components/internal/ContextGuidance/index.d.ts +0 -1
  79. package/dist/types/components/internal/ContractViewer/index.d.ts +0 -1
  80. package/dist/types/components/internal/Currency/index.d.ts +0 -1
  81. package/dist/types/components/internal/FormFields/Checkbox/index.d.ts +0 -1
  82. package/dist/types/components/internal/FormFields/Field/index.d.ts +0 -1
  83. package/dist/types/components/internal/FormFields/InputDate/index.d.ts +0 -1
  84. package/dist/types/components/internal/FormFields/InputRadio/InputRadio.d.ts +0 -6
  85. package/dist/types/components/internal/FormFields/RadioGroup/index.d.ts +0 -1
  86. package/dist/types/components/internal/FormFields/RadioGroup/types.d.ts +0 -18
  87. package/dist/types/components/internal/FormFields/Select/index.d.ts +0 -1
  88. package/dist/types/components/internal/Icon/index.d.ts +0 -1
  89. package/dist/types/components/internal/Link/index.d.ts +0 -1
  90. package/dist/types/components/internal/LoaderWrapper/index.d.ts +0 -1
  91. package/dist/types/components/internal/PhoneInput/index.d.ts +0 -1
  92. package/dist/types/components/internal/Svg/index.d.ts +0 -1
  93. package/dist/types/language/index.d.ts +0 -1
  94. package/dist/types/utils/idGenerator.d.ts +0 -1
package/dist/style.css CHANGED
@@ -1308,6 +1308,15 @@ button[disabled]:hover {
1308
1308
  border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1309
1309
  outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1310
1310
  }
1311
+ .adyen-kyc-input--number {
1312
+ appearance: none;
1313
+ margin: 0;
1314
+ /* Remove the spinner buttons */
1315
+ }
1316
+ .adyen-kyc-input--number::-webkit-outer-spin-button, .adyen-kyc-input--number::-webkit-inner-spin-button {
1317
+ appearance: none;
1318
+ margin: 0;
1319
+ }
1311
1320
  .adyen-kyc-input--date {
1312
1321
  padding-right: var(--adyen-sdk-spacer-100, 32px);
1313
1322
  }
@@ -1499,12 +1508,18 @@ button[disabled]:hover {
1499
1508
  cursor: not-allowed;
1500
1509
  }
1501
1510
 
1502
- .adyen-kyc-input-radio__label {
1511
+ .adyen-kyc-input-radio__content {
1503
1512
  cursor: pointer;
1513
+ display: flex;
1514
+ flex-direction: column;
1515
+ padding-left: var(--adyen-sdk-spacer-040, 8px);
1516
+ flex-grow: 1;
1517
+ }
1518
+
1519
+ .adyen-kyc-input-radio__label {
1504
1520
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
1505
1521
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1506
1522
  margin-right: var(--adyen-sdk-spacer-070, 16px);
1507
- padding-left: var(--adyen-sdk-spacer-040, 8px);
1508
1523
  vertical-align: baseline;
1509
1524
  }.adyen-kyc-field--entityType {
1510
1525
  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
@@ -1579,10 +1594,7 @@ button[disabled]:hover {
1579
1594
  bottom: -30px;
1580
1595
  top: auto;
1581
1596
  }
1582
- .adyen-kyc-radio-group-card--floating-radio {
1583
- position: relative;
1584
- }
1585
- .adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
1597
+ .adyen-kyc-radio-group-card__radio--floating {
1586
1598
  bottom: auto;
1587
1599
  left: auto;
1588
1600
  position: absolute;
@@ -1611,6 +1623,7 @@ button[disabled]:hover {
1611
1623
  list-style: none;
1612
1624
  padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
1613
1625
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
1626
+ position: relative;
1614
1627
  }
1615
1628
  .adyen-kyc-radio-card *,
1616
1629
  .adyen-kyc-radio-card *::before,
@@ -1807,6 +1820,16 @@ button[disabled]:hover {
1807
1820
  .adyen-kyc-dropzone-file__button {
1808
1821
  border: 0;
1809
1822
  padding: var(--adyen-sdk-spacer-000, 0px);
1823
+ }.adyen-kyc-financial-information-reported-value-options {
1824
+ gap: var(--adyen-sdk-spacer-060, 12px);
1825
+ }.adyen-kyc-reported-value {
1826
+ display: flex;
1827
+ flex-direction: column;
1828
+ padding: var(--adyen-sdk-spacer-020, 4px) 0;
1829
+ }
1830
+
1831
+ .adyen-kyc-reported-value-input {
1832
+ margin: var(--adyen-sdk-spacer-060, 12px) 0;
1810
1833
  }/* #region Borders */
1811
1834
  /* #endregion */
1812
1835
  /* #region Z-index */
@@ -2213,10 +2236,10 @@ fieldset {
2213
2236
  gap: var(--adyen-sdk-spacer-020, 4px);
2214
2237
  justify-content: end;
2215
2238
  }
2216
- .adyen-kyc-field-verification-methods__footer .adyen-kyc-image {
2239
+ .adyen-kyc-field-verification-methods__footer .adyen-kyc-icon {
2217
2240
  height: 12px;
2218
2241
  }
2219
- .adyen-kyc-field-verification-methods__footer .adyen-kyc-image svg {
2242
+ .adyen-kyc-field-verification-methods__footer .adyen-kyc-icon svg {
2220
2243
  height: 100%;
2221
2244
  width: auto;
2222
2245
  }
@@ -37,5 +37,12 @@ export declare const getForms: (country: CountryCode) => {
37
37
  readonly formDescription: "companyTaxDocumentFormDescription";
38
38
  readonly fields: readonly ["taxDocument"];
39
39
  };
40
+ readonly financialInformation: {
41
+ readonly formId: "financialInformation";
42
+ readonly formName: "financialInformation";
43
+ readonly formHeading: "companyFinancialInformationFormHeading";
44
+ readonly formDescription: "companyFinancialInformationFormDescription";
45
+ readonly fields: (keyof import("../FinancialInformation/types").FinancialInformationSchema)[];
46
+ };
40
47
  };
41
48
  export declare const documentFormsIds: string[];
@@ -1,4 +1,5 @@
1
1
  import './CompanyComponent.scss';
2
+ import type { FinancialInformationSchema } from '../../FinancialInformation/types';
2
3
  import type { CompanyProps } from '../types';
3
4
  export declare const companyForms: {
4
5
  readonly companyNameAndCountry: {
@@ -35,6 +36,13 @@ export declare const companyForms: {
35
36
  readonly formDescription: "companyTaxDocumentFormDescription";
36
37
  readonly fields: readonly ["taxDocument"];
37
38
  };
39
+ readonly companyFinancialInformation: {
40
+ readonly formId: "companyFinancialInformation";
41
+ readonly formName: "financialInformation";
42
+ readonly formHeading: "companyFinancialInformationFormHeading";
43
+ readonly formDescription: "companyFinancialInformationFormDescription";
44
+ readonly fields: (keyof FinancialInformationSchema)[];
45
+ };
38
46
  };
39
47
  export declare const companyDocumentForms: ("companyRegistrationDocument" | "companyTaxDocument")[];
40
48
  export declare function CompanyComponent(props: CompanyProps): import("preact").JSX.Element;
@@ -22,4 +22,5 @@ export declare const COUNTRIES_THAT_USES_UEN_OR_GST: CountryCode[];
22
22
  * @description These are the countries that currently have a search provider that requires their tax information (TIN, VAT, etc) to search and verify details.
23
23
  */
24
24
  export declare const COUNTRIES_USING_COMPANY_SEARCH: readonly CountryCode[];
25
+ export declare const COUNTRIES_REQUIRING_FINANCIAL_INFORMATION: readonly CountryCode[];
25
26
  export declare const rules: FormRules<CompanySchema | SolePropSchema | BusinessDetailsSchema>;
@@ -8,6 +8,7 @@ import type { CompanyRegistrationDetailsSchema } from '../CompanyRegistrationDet
8
8
  import type { CompanyTypeSchema } from '../CompanyType/types';
9
9
  import type { DocumentUploadSchema } from '../DocumentUpload/types';
10
10
  import type { DropinAPIHandlers } from '../Dropins/types';
11
+ import type { FinancialInformationSchema } from '../FinancialInformation/types';
11
12
  import type { RegistrationAddressSchema } from '../RegistrationAddress/types';
12
13
  export interface CompanySchema {
13
14
  companyRegistrationDetails?: CompanyRegistrationDetailsSchema;
@@ -16,6 +17,7 @@ export interface CompanySchema {
16
17
  companyNameAndCountry?: CompanyNameAndCountrySchema;
17
18
  companyRegistrationDocument?: DocumentUploadSchema;
18
19
  companyTaxDocument?: DocumentUploadSchema;
20
+ companyFinancialInformation?: FinancialInformationSchema;
19
21
  }
20
22
  export interface CompanyProps extends BaseOuterFormProps<CompanySchema> {
21
23
  capabilities?: CapabilityName[];
@@ -1,7 +1,7 @@
1
1
  import type { OuterFormLabels } from '../../../core/hooks/useForm';
2
2
  import type { ParseConfiguration } from '../../../core/hooks/useScenarioConfiguration';
3
3
  import type { FormModelWithValidity } from '../../../core/models/form';
4
- import type Language from '../../../language';
4
+ import type Language from '../../../language/Language';
5
5
  import type { BusinessDetailsSchema } from '../../BusinessDetails/types';
6
6
  import type { SubmitDocumentsProps, SubmitProps } from './types';
7
7
  export declare const parseConfiguration: ParseConfiguration;
@@ -0,0 +1,3 @@
1
+ import type { FinancialInformationProps, FinancialInformationSchema } from '../types';
2
+ export declare const financialInformationFields: Array<keyof FinancialInformationSchema>;
3
+ export declare function FinancialInformation(props: FinancialInformationProps): import("preact").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import type { JSX } from 'preact';
2
+ import type { Currency } from '../../../core/models/currency';
3
+ interface ReportedValueProps {
4
+ currency: Currency;
5
+ amount: number | undefined;
6
+ onAmountChanged: (amount: number) => void;
7
+ helper: string;
8
+ fieldName: string;
9
+ errorMessage: string | boolean | JSX.Element | undefined;
10
+ isValid: boolean | undefined;
11
+ }
12
+ export declare const ReportedValue: ({ currency, amount, onAmountChanged, helper, fieldName, errorMessage, isValid, }: ReportedValueProps) => JSX.Element;
13
+ export {};
@@ -0,0 +1,14 @@
1
+ import type { BaseInnerFormProps } from '../../core/hooks/useForm';
2
+ import type { CountryCode } from '../../core/models/country-code';
3
+ import type { Currency } from '../../core/models/currency';
4
+ export type FinancialInformationSchema = {
5
+ numberOfEmployees: number;
6
+ reportedValueOption?: 'netAssets' | 'annualTurnover';
7
+ annualTurnover?: number;
8
+ netAssets?: number;
9
+ financialReportingDate: string;
10
+ currency?: Currency;
11
+ };
12
+ export interface FinancialInformationProps extends BaseInnerFormProps<FinancialInformationSchema> {
13
+ country: CountryCode;
14
+ }
@@ -0,0 +1,3 @@
1
+ import type { ValidatorRules } from '../../utils/validation/types';
2
+ import type { FinancialInformationSchema } from './types';
3
+ export declare const financialInfoValidationRules: ValidatorRules<FinancialInformationSchema>;
@@ -1,6 +1,5 @@
1
- import type { JSX } from 'preact';
2
1
  import type { FormList } from '../../../core/models/form';
3
2
  import type { RegistrationAddressProps } from '../types';
4
3
  export declare const registrationAddressFields: string[];
5
4
  export declare const registrationAddressForms: FormList;
6
- export declare function RegistrationAddressComponent(props: RegistrationAddressProps): JSX.Element;
5
+ export declare function RegistrationAddressComponent(props: RegistrationAddressProps): import("preact").JSX.Element;
@@ -3,18 +3,18 @@ import type { ExperimentsProps } from '../core/Context/ExperimentContext/types';
3
3
  import type { SettingsProps } from '../core/Context/SettingsContext/types';
4
4
  import type { UserEventCallback } from '../core/user-events';
5
5
  import { BusinessDetailsDropinComponent } from './Dropins/BusinessDetailsDropin/components/BusinessDetailsDropinComponent';
6
- import { CompanyDropinComponent } from './Dropins/CompanyDropin';
7
- import { DropinComposerComponent } from './Dropins/DropinComposer';
8
- import { IndividualDropinComponent } from './Dropins/IndividualDropin';
9
- import { PayoutDetailsDropinComponent } from './Dropins/PayoutDetailsDropin';
10
- import { PciDropinComponent } from './Dropins/PciDropin';
11
- import { SolePropDropinComponent } from './Dropins/SolePropDropin';
12
- import { TrustDropinComponent } from './Dropins/TrustDropin';
6
+ import { CompanyDropinComponent } from './Dropins/CompanyDropin/components/CompanyDropinComponent';
7
+ import { DropinComposerComponent } from './Dropins/DropinComposer/components/DropinComposerComponent';
8
+ import { IndividualDropinComponent } from './Dropins/IndividualDropin/components/IndividualDropinComponent';
9
+ import { PayoutDetailsDropinComponent } from './Dropins/PayoutDetailsDropin/components/PayoutDetailsDropinComponent';
10
+ import { PciDropinComponent } from './Dropins/PciDropin/components/PciDropinComponent';
11
+ import { SolePropDropinComponent } from './Dropins/SolePropDropin/components/SolePropDropinComponent';
12
+ import { TrustDropinComponent } from './Dropins/TrustDropin/components/TrustDropinComponent';
13
13
  import { CreateIndividualComponent } from './EmbeddedDropins/CreateIndividualComponent/CreateIndividualComponent';
14
14
  import { CreateTransferInstrumentComponent } from './EmbeddedDropins/CreateTransferInstrumentComponent/CreateTransferInstrumentComponent';
15
15
  import { ManageIndividualComponent } from './EmbeddedDropins/ManageIndividualComponent/ManageIndividualComponent';
16
16
  import { UpdateLegalEntityForHighExposure } from './EmbeddedDropins/UpdateLegalEntityForHighExposure/UpdateLegalEntityForHighExposure';
17
- import { ViewVerificationStatusComponent } from './EmbeddedDropins/ViewVerificationStatus';
17
+ import { ViewVerificationStatusComponent } from './EmbeddedDropins/ViewVerificationStatus/ViewVerificationStatusComponent';
18
18
  import type EventEmitter from './EventEmitter';
19
19
  /**
20
20
  * Maps each component with a Component element.
@@ -1,5 +1,5 @@
1
1
  import type { CountryCode } from '../../../core/models/country-code';
2
- import type Language from '../../../language';
2
+ import type Language from '../../../language/Language';
3
3
  import type { ValidatorRules } from '../../../utils/validation/types';
4
4
  import type { AddressSchema } from './types';
5
5
  export declare const addressValidationRules: (country: CountryCode | undefined) => ValidatorRules<AddressSchema>;
@@ -1,5 +1,3 @@
1
- import type { ValidatorRules } from '../../../utils/validation/types';
2
1
  import type { CurrencyProps, CurrencySchema } from './types';
3
- export declare const currencyFields: Array<keyof CurrencySchema>;
4
- export declare const currencyRules: ValidatorRules<CurrencySchema>;
5
- export default function Currency(props: CurrencyProps): import("preact").JSX.Element;
2
+ export declare const CURRENCY_FIELD: Array<keyof CurrencySchema>;
3
+ export declare function Currency({ data, valid, errors, labels, readonly, handleChangeFor, helperText, country, }: CurrencyProps): import("preact").JSX.Element;
@@ -1,10 +1,10 @@
1
- import type { BaseInnerFormProps } from '../../../core/hooks/useForm';
1
+ import type { BaseFormFieldProps } from '../../../core/hooks/useForm';
2
2
  import type { CountryCode } from '../../../core/models/country-code';
3
3
  import type { Currency } from '../../../core/models/currency';
4
4
  export interface CurrencySchema {
5
5
  currency?: string;
6
6
  }
7
- export interface CurrencyProps extends BaseInnerFormProps<CurrencySchema> {
7
+ export interface CurrencyProps extends BaseFormFieldProps<CurrencySchema> {
8
8
  country: CountryCode;
9
9
  }
10
10
  export declare const currencyByCountry: Partial<Record<CountryCode, Array<Currency>>>;
@@ -0,0 +1,3 @@
1
+ import type { FinancialReportingDateFieldProps, FinancialReportingDateFieldSchema } from './types';
2
+ export declare const FINANCIAL_REPORTING_DATE_FIELD: Array<keyof FinancialReportingDateFieldSchema>;
3
+ export declare function FinancialReportingDate({ data, valid, errors, labels, readonly, handleChangeFor, }: FinancialReportingDateFieldProps): import("preact").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import type { BaseFormFieldProps } from '../../../core/hooks/useForm';
2
+ export interface FinancialReportingDateFieldSchema {
3
+ financialReportingDate?: any;
4
+ }
5
+ export type FinancialReportingDateFieldProps = BaseFormFieldProps<FinancialReportingDateFieldSchema>;
@@ -0,0 +1,11 @@
1
+ import type { JSX } from 'preact';
2
+ import type { Currency } from '../../../core/models/currency';
3
+ import type { InputBaseProps } from './InputBase';
4
+ interface InputCurrencyProps extends Omit<InputBaseProps, 'onInput' | 'value'> {
5
+ locale: string;
6
+ currency: Currency;
7
+ amount: number | undefined;
8
+ onAmountChanged: (amount: number) => void;
9
+ }
10
+ export declare const InputCurrency: ({ locale, currency, amount, onAmountChanged, ...baseProps }: InputCurrencyProps) => JSX.Element;
11
+ export {};
@@ -0,0 +1,2 @@
1
+ import type { InputBaseProps } from './InputBase';
2
+ export default function InputNumber(props: InputBaseProps): import("preact").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import './Radio.scss';
2
+ export interface RadioProps {
3
+ id?: string;
4
+ value: string;
5
+ groupName?: string;
6
+ checked?: boolean;
7
+ disabled?: boolean;
8
+ onClick: () => void;
9
+ className?: string;
10
+ }
11
+ export declare const Radio: ({ id, value, groupName, checked, disabled, onClick, className, }: RadioProps) => import("preact").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { JSX } from 'preact';
2
+ import type { RadioProps } from './Radio';
3
+ export interface RadioWithLabelProps extends Omit<RadioProps, 'id'> {
4
+ label: string;
5
+ content?: JSX.Element;
6
+ }
7
+ export declare const RadioWithLabel: ({ value, label, content, groupName, checked, disabled, onClick, }: RadioWithLabelProps) => JSX.Element;
@@ -1,3 +1,19 @@
1
1
  import './RadioGroup.scss';
2
- import type { RadioGroupProps } from './types';
3
- export default function RadioGroup({ items, name, onChange, value, isInvalid, uniqueId, className, disabled, horizontal, }: RadioGroupProps): import("preact").JSX.Element;
2
+ import type { JSX } from 'preact';
3
+ import type { TranslationKey } from '../../../../language/types';
4
+ export interface RadioGroupItem {
5
+ name: TranslationKey;
6
+ id: string;
7
+ content?: JSX.Element;
8
+ }
9
+ export interface RadioGroupProps {
10
+ items: readonly RadioGroupItem[];
11
+ name?: string;
12
+ onChange: (selectedId: string) => void;
13
+ value?: string;
14
+ disabled?: boolean;
15
+ horizontal?: boolean;
16
+ showContentOnlyOnSelected?: boolean;
17
+ className?: string;
18
+ }
19
+ export declare function RadioGroup({ items, name, onChange, value, disabled, horizontal, showContentOnlyOnSelected, className, }: RadioGroupProps): JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import './RadioCard.scss';
2
2
  import type { RadioCardProps } from './types';
3
- export declare const RadioCard: ({ optionId, optionName, optionDescription, optionSubtitle, name, uniqueId, isInvalid, isSelected, onSelect, classNames, disabled, loading, icon, body, footer, }: RadioCardProps) => import("preact").JSX.Element;
3
+ export declare const RadioCard: ({ optionId, optionName, optionDescription, optionSubtitle, name, isInvalid, isSelected, onSelect, classNames, disabled, loading, icon, body, footer, floatingRadio, }: RadioCardProps) => import("preact").JSX.Element;
@@ -9,7 +9,6 @@ export interface RadioCardSelectProps<OptionType> {
9
9
  name?: string;
10
10
  onSelect: (option: OptionType) => void;
11
11
  selected: OptionType | undefined;
12
- uniqueId?: string;
13
12
  isOptionDisabled?: (option: OptionType) => boolean;
14
13
  optionId: (option: OptionType) => string;
15
14
  optionName: (option: OptionType) => TranslationKey;
@@ -19,5 +18,6 @@ export interface RadioCardSelectProps<OptionType> {
19
18
  renderOptionBody?: (option: OptionType) => ComponentChildren;
20
19
  renderOptionFooter?: (option: OptionType) => ComponentChildren;
21
20
  optionClassNames?: (option: OptionType) => RadioCardClassnames;
21
+ floatingRadio?: boolean;
22
22
  }
23
- export declare function RadioCardSelect<OptionType>({ options, name, onSelect, selected, isInvalid, uniqueId, className, optionId, optionName, optionDescription, optionSubtitle, optionClassNames, renderOptionIcon, renderOptionBody, renderOptionFooter, isOptionDisabled, }: RadioCardSelectProps<OptionType>): import("preact").JSX.Element;
23
+ export declare const RadioCardSelect: <OptionType>({ options, name, onSelect, selected, isInvalid, className, optionId, optionName, optionDescription, optionSubtitle, optionClassNames, renderOptionIcon, renderOptionBody, renderOptionFooter, isOptionDisabled, floatingRadio, }: RadioCardSelectProps<OptionType>) => import("preact").JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import './RadioGroupCard.scss';
2
2
  import type { RadioGroupCardProps } from './types';
3
- export declare function RadioGroupCard({ items, name, onSelect, selected, isInvalid, uniqueId, className, itemClassNames, itemIcon, itemBody, itemFooter, isItemDisabled, }: RadioGroupCardProps): import("preact").JSX.Element;
3
+ export declare const RadioGroupCard: ({ items, name, onSelect, selected, isInvalid, className, itemClassNames, itemIcon, itemBody, itemFooter, isItemDisabled, }: RadioGroupCardProps) => import("preact").JSX.Element;
@@ -14,7 +14,6 @@ export interface RadioGroupCardProps {
14
14
  name?: string;
15
15
  onSelect: (item: RadioGroupCardItem) => void;
16
16
  selected: RadioGroupCardItem | undefined;
17
- uniqueId?: string;
18
17
  isItemDisabled?: (item: RadioGroupCardItem) => boolean;
19
18
  itemIcon?: (item: RadioGroupCardItem) => ComponentChildren;
20
19
  itemFooter?: (item: RadioGroupCardItem) => ComponentChildren;
@@ -27,7 +26,6 @@ export interface RadioCardProps {
27
26
  optionDescription?: TranslationKey | string;
28
27
  optionSubtitle?: TranslationKey | string;
29
28
  name?: string;
30
- uniqueId: string;
31
29
  isInvalid?: boolean;
32
30
  isSelected: boolean;
33
31
  onSelect: () => void;
@@ -37,6 +35,7 @@ export interface RadioCardProps {
37
35
  footer?: ComponentChildren;
38
36
  body?: ComponentChildren;
39
37
  classNames?: RadioCardClassnames;
38
+ floatingRadio?: boolean;
40
39
  }
41
40
  export interface RadioCardClassnames {
42
41
  header?: string;
@@ -0,0 +1,3 @@
1
+ import type { NumberOfEmployeesFieldProps, NumberOfEmployeesFieldSchema } from './types';
2
+ export declare const NUMBER_OF_EMPLOYEES_FIELD: Array<keyof NumberOfEmployeesFieldSchema>;
3
+ export declare function NumberOfEmployees({ data, valid, errors, labels, readonly, handleChangeFor, helperText, }: NumberOfEmployeesFieldProps): import("preact").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import type { BaseFormFieldProps } from '../../../core/hooks/useForm';
2
+ export interface NumberOfEmployeesFieldSchema {
3
+ numberOfEmployees: number;
4
+ }
5
+ export type NumberOfEmployeesFieldProps = BaseFormFieldProps<NumberOfEmployeesFieldSchema>;
@@ -21,6 +21,7 @@ export declare enum ExperimentNames {
21
21
  EnableNationalitySGHK = "EnableNationalitySGHK",
22
22
  EnableAUGovernmentalOrganizationSkipRegistrationNumber = "EnableAUGovernmentalOrganizationSkipRegistrationNumber",
23
23
  EnableMinimalRegistrationNumberValidationForAuIncorporatedAssociation = "EnableMinimalRegistrationNumberValidationForAuIncorporatedAssociation",
24
+ EnableFinancialInformationComponentV4 = "EnableFinancialInformationComponentV4",
24
25
  EnablePreferInstantVerificationFlow = "EnablePreferInstantVerificationFlow"
25
26
  }
26
27
  export type ExperimentName = `${ExperimentNames}`;
@@ -1,4 +1,4 @@
1
- import Language from '../../../language';
1
+ import Language from '../../../language/Language';
2
2
  export type I18nContextValue = {
3
3
  i18n: Language;
4
4
  setLocale: (locale: string) => void;
@@ -4,6 +4,6 @@ interface UseGlobalDataSlice<TLDS extends TopLevelDataSchema, SliceName extends
4
4
  sliceData: SliceData | undefined;
5
5
  updateStateSlice: (updatedSlice: StateSlice<TLDS, SliceName, SliceData>) => void;
6
6
  }
7
- export declare function useGlobalDataSlice<TLDS extends TopLevelDataSchema, SliceName extends keyof TLDS, SliceData extends TLDS[SliceName] = TLDS[SliceName]>(sliceId: SliceName, caller?: string): UseGlobalDataSlice<TLDS, SliceName, SliceData>;
7
+ export declare function useGlobalDataSlice<TLDS extends TopLevelDataSchema, SliceName extends keyof TLDS, SliceData extends TLDS[SliceName] = NonNullable<TLDS[SliceName]>>(sliceId: SliceName, caller?: string): UseGlobalDataSlice<TLDS, SliceName, SliceData>;
8
8
  export declare function useResetGlobalData<TLDS extends TopLevelDataSchema>(caller?: string): () => void;
9
9
  export {};
@@ -0,0 +1,9 @@
1
+ import type { Currency } from '../currency';
2
+ export interface FinancialReport {
3
+ currencyOfFinancialData: Currency;
4
+ dateOfFinancialData: string;
5
+ employeeCount: number;
6
+ balanceSheetTotal?: number;
7
+ netAssets?: number;
8
+ annualTurnover?: number;
9
+ }
@@ -1,6 +1,7 @@
1
1
  import type { CountryCode } from '../country-code';
2
2
  import type { Address } from './address';
3
3
  import type { CompanyTypesValue } from './company-types-value';
4
+ import type { FinancialReport } from './financialReport';
4
5
  import type { Phone } from './phone';
5
6
  /**
6
7
  * This is the organization data model present in LEM
@@ -26,6 +27,7 @@ export interface Organization {
26
27
  vatNumber?: string;
27
28
  vatAbsenceReason?: VatAbsenceReason[];
28
29
  type?: CompanyTypesValue | '';
30
+ financialReports?: FinancialReport[];
29
31
  }
30
32
  export declare enum VatAbsenceReason {
31
33
  IndustryExemption = "industryExemption",
@@ -1,6 +1,6 @@
1
1
  import type { BaseInnerFormProps, FieldData, MaskSettings } from '../core/hooks/useForm';
2
2
  import type { FieldMetadata } from '../core/models/country-config';
3
- import type Language from '../language';
3
+ import type Language from '../language/Language';
4
4
  import type { Translatable, TranslationKey } from '../language/types';
5
5
  import type { ValidationRuleResult, ValidationRuleResults } from './validation/types';
6
6
  export type FormUtils<Schema> = {
@@ -0,0 +1,2 @@
1
+ import type { Currency } from '../core/models/currency';
2
+ export declare const formatCurrency: (amount: number, currency: Currency | undefined, locale: string) => string;
@@ -1,5 +1,5 @@
1
1
  import type { ExistingLegalEntity, LegalEntity } from '../core/models/api/legal-entity';
2
- import type Language from '../language';
2
+ import type Language from '../language/Language';
3
3
  export declare const getLegalEntityNameBasedOnType: (legalEntityResponse: LegalEntity) => string;
4
4
  /** *
5
5
  * In payout account the account holder name is always the legal arrangement
@@ -1,4 +1,4 @@
1
1
  import type { SelectItem } from '../components/internal/FormFields/Select/types';
2
- import type Language from '../language';
2
+ import type Language from '../language/Language';
3
3
  import { roleMetadata } from './roleMetadata';
4
4
  export declare const makeSelectItemForRole: (role: keyof typeof roleMetadata, i18n: Language) => SelectItem;
@@ -41,6 +41,13 @@ export declare const individualComponentsKeyMapping: {
41
41
  export declare const individualApiKeyMapping: {
42
42
  [x: string]: "address.address" | "address.city" | "address.country" | "address.otherAddressInformation" | "address.postalCode" | "address.stateOrProvince" | "personalDetails.email" | "personalDetails.phoneNumber" | "personalDetails.birthDate" | "personalDetails.firstName" | "personalDetails.idNumber" | "personalDetails.issuerState" | "personalDetails.lastName" | "personalDetails.licenseCardNumber" | "personalDetails.nationality" | "personalDetails.typeOfIdentity" | "personalDetails.expiryDate" | "personalDetails.idNumberExempt";
43
43
  };
44
+ export declare const financialInformationComponentsKeyMapping: {
45
+ numberOfEmployees: string;
46
+ annualTurnover: string;
47
+ netAssets: string;
48
+ financialReportingDate: string;
49
+ currency: string;
50
+ };
44
51
  export declare const businessDetailsComponentsKeyMapping: {
45
52
  'basicInformation.country': string;
46
53
  'basicInformation.businessName': string;
@@ -180,6 +187,9 @@ export declare const solePropComponentsKeyMapping: {
180
187
  export declare const solePropApiKeyMapping: {
181
188
  [x: string]: "solePropNameAndCountry.country" | "solePropNameAndCountry.legalCompanyName" | "solePropRegistrationDetails.dateOfIncorporation" | "solePropRegistrationDetails.exemptedFromTax" | "solePropRegistrationDetails.registrationNumber" | "solePropRegistrationDetails.tradingName" | "solePropRegistrationDetails.vatAbsenceReason" | "solePropRegistrationDetails.vatNumber" | "solePropRegistrationDetails.taxInformation" | "solePropRegistrationAddress.operationalAddress.address" | "solePropRegistrationAddress.operationalAddress.city" | "solePropRegistrationAddress.operationalAddress.country" | "solePropRegistrationAddress.operationalAddress.otherAddressInformation" | "solePropRegistrationAddress.operationalAddress.postalCode" | "solePropRegistrationAddress.operationalAddress.stateOrProvince" | "solePropRegistrationAddress.registrationAddress.address" | "solePropRegistrationAddress.registrationAddress.city" | "solePropRegistrationAddress.registrationAddress.country" | "solePropRegistrationAddress.registrationAddress.otherAddressInformation" | "solePropRegistrationAddress.registrationAddress.postalCode" | "solePropRegistrationAddress.registrationAddress.stateOrProvince";
182
189
  };
190
+ export declare const financialInformationApiKeyMapping: {
191
+ [x: string]: "annualTurnover" | "currency" | "financialReportingDate" | "numberOfEmployees" | "netAssets";
192
+ };
183
193
  /**
184
194
  * Base api mappings do not contain document mappings as the api used for document upload is different
185
195
  * For remediation mappings adding document mapping additionally along with the apiKeyMapping
@@ -1,6 +1,6 @@
1
1
  import type { FormModel } from '../core/models/form';
2
2
  import type { BaseTrackingPayload } from '../core/utils';
3
- import type Language from '../language';
3
+ import type Language from '../language/Language';
4
4
  export declare const trackNavigation: ({ fromForm, toForm, component, baseTrackingPayload, i18n, }: {
5
5
  fromForm: FormModel;
6
6
  toForm: FormModel;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adyen/kyc-components",
3
- "version": "2.57.3",
3
+ "version": "2.58.0",
4
4
  "keywords": [
5
5
  "adyen",
6
6
  "adyen-kyc",
@@ -1 +0,0 @@
1
- export { default } from './component/BankVerificationWidget';
@@ -1 +0,0 @@
1
- export { CompanyDropinComponent } from './components/CompanyDropinComponent';
@@ -1 +0,0 @@
1
- export { DropinComposerComponent } from './components/DropinComposerComponent';
@@ -1 +0,0 @@
1
- export { default } from './ActionBar';
@@ -1 +0,0 @@
1
- export { IndividualDropinComponent } from './components/IndividualDropinComponent';
@@ -1 +0,0 @@
1
- export { PayoutDetailsDropinComponent } from './components/PayoutDetailsDropinComponent';
@@ -1 +0,0 @@
1
- export { PciDropinComponent } from './components/PciDropinComponent';
@@ -1 +0,0 @@
1
- export { RoleAndTypeDropinComponent } from './components/RoleAndTypeDropinComponent';
@@ -1 +0,0 @@
1
- export { ServiceAgreementDropinComponent } from './components/ServiceAgreementDropinComponent';
@@ -1 +0,0 @@
1
- export { SolePropDropinComponent } from './components/SolePropDropinComponent';
@@ -1 +0,0 @@
1
- export { TrustDropinComponent } from './components/TrustDropinComponent';
@@ -1,2 +0,0 @@
1
- export * from './types';
2
- export { ViewVerificationStatusComponent } from './ViewVerificationStatusComponent';
@@ -1 +0,0 @@
1
- export { default } from './IdVerificationMethodComponent';
@@ -1 +0,0 @@
1
- export { default } from './Button';
@@ -1 +0,0 @@
1
- export { default } from './ContextGuidance';
@@ -1 +0,0 @@
1
- export { default } from './ContractViewer';
@@ -1 +0,0 @@
1
- export { currencyFields, default } from './Currency';
@@ -1 +0,0 @@
1
- export { default } from './Checkbox';
@@ -1 +0,0 @@
1
- export { default } from './Field';
@@ -1 +0,0 @@
1
- export { default } from './InputDate';
@@ -1,6 +0,0 @@
1
- import './_input-radio.scss';
2
- import type { ComponentProps } from 'preact';
3
- export declare const InputRadio: ({ className, ...props }: ComponentProps<"input"> & {
4
- className?: string;
5
- }) => import("preact").JSX.Element;
6
- export default InputRadio;