@adyen/kyc-components 3.18.0 → 3.19.0

package/dist/types/components/Dropins/HighExposureDropin/components/AdditionalFieldsForHighExposureCompany.d.ts

@@ -0,0 +1,4 @@
+import type { HighExposureCompanyDetailsProps, HighExposureCompanySchema } from '../types';
+export declare const highExposureCompanyDetailsFields: Array<keyof HighExposureCompanySchema>;
+declare function AdditionalFieldsForHighExposureCompany({ requiredFields, ...props }: HighExposureCompanyDetailsProps): import("preact").JSX.Element;
+export default AdditionalFieldsForHighExposureCompany;

package/dist/types/components/Dropins/HighExposureDropin/components/AdditionalFieldsForHighExposureParentCompany.d.ts

@@ -0,0 +1,4 @@
+import type { HighExposureParentCompanyDetailsProps, HighExposureParentCompanySchema } from '../types';
+export declare const highExposureParentCompanyDetailsFields: Array<keyof HighExposureParentCompanySchema>;
+declare function AdditionalFieldsForHighExposureParentCompany({ requiredFields, ...props }: HighExposureParentCompanyDetailsProps): import("preact").JSX.Element;
+export default AdditionalFieldsForHighExposureParentCompany;

package/dist/types/components/Dropins/HighExposureDropin/components/AdditionalFieldsForHighExposureUltimateParentCompany.d.ts

@@ -0,0 +1,4 @@
+import type { HighExposureUltimateParentCompanyDetailsProps, HighExposureUltimateParentCompanySchema } from '../types';
+export declare const highExposureUltimateParentCompanyDetailsFields: Array<keyof HighExposureUltimateParentCompanySchema>;
+declare function AdditionalFieldsForHighExposureUltimateParentCompany({ requiredFields, ...props }: HighExposureUltimateParentCompanyDetailsProps): import("preact").JSX.Element;
+export default AdditionalFieldsForHighExposureUltimateParentCompany;

package/dist/types/components/Dropins/HighExposureDropin/components/HighExposureDropinComponent.d.ts

@@ -0,0 +1,6 @@
+import type { FormList } from '../../../../core/models/form';
+import type { HighExposureDropinProps } from '../types';
+export declare const highExposureForms: FormList;
+export declare const ultimateParentCompanyFormId: string;
+declare function HighExposureDropinComponent(props: HighExposureDropinProps): import("preact").JSX.Element;
+export default HighExposureDropinComponent;

package/dist/types/components/Dropins/HighExposureDropin/types.d.ts

@@ -0,0 +1,34 @@
+import type { BaseInnerFormProps, BaseOuterFormProps } from '../../../core/hooks/useForm';
+import type { CapabilityName } from '../../../core/models/api/capability';
+import type { ExistingLegalEntity, LegalEntity } from '../../../core/models/api/legal-entity';
+import type { CountryCode } from '../../../core/models/country-code';
+import type { FormModel } from '../../../core/models/form';
+import type { DropinProps } from '../types';
+export interface HighExposureCompanySchema {
+    country?: CountryCode;
+    numberOfEmployees?: number;
+}
+export type HighExposureParentCompanySchema = HighExposureCompanySchema;
+export type HighExposureUltimateParentCompanySchema = HighExposureCompanySchema;
+export interface HighExposureSchema {
+    company?: HighExposureCompanySchema;
+    parentCompany?: HighExposureParentCompanySchema;
+    ultimateParentCompany?: HighExposureParentCompanySchema;
+}
+export interface HighExposureDropinProps extends BaseOuterFormProps<HighExposureSchema> {
+    capabilities?: CapabilityName[];
+    activeForm?: FormModel;
+    forms?: FormModel[];
+    country: CountryCode;
+}
+export interface HighExposureProps extends HighExposureDropinProps, DropinProps {
+    legalEntityId: ExistingLegalEntity['id'];
+    legalEntity?: LegalEntity;
+    parentLegalEntity?: ExistingLegalEntity;
+    onSubmit?: (data: HighExposureSchema) => void;
+}
+export interface HighExposureCompanyDetailsProps extends BaseInnerFormProps<HighExposureCompanySchema> {
+    country: CountryCode;
+}
+export type HighExposureParentCompanyDetailsProps = HighExposureCompanyDetailsProps;
+export type HighExposureUltimateParentCompanyDetailsProps = HighExposureCompanyDetailsProps;

package/dist/types/components/Dropins/HighExposureDropin/validate.d.ts

@@ -0,0 +1,3 @@
+import type { ValidatorRules } from '../../../utils/validation/types';
+import type { HighExposureCompanySchema } from './types';
+export declare const highExposureCompanyDetailsValidations: ValidatorRules<HighExposureCompanySchema>;

package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/OnboardingDropinComponent.d.ts

@@ -1,4 +1,5 @@
 export interface OnboardingDropinComponentProps {
     legalEntityId: string;
+    openBankingPartnerConfigId?: string;
 }
-export declare function OnboardingDropinComponent({ legalEntityId }: OnboardingDropinComponentProps): import("preact").JSX.Element;
+export declare function OnboardingDropinComponent({ legalEntityId, openBankingPartnerConfigId, }: OnboardingDropinComponentProps): import("preact").JSX.Element;

package/dist/types/components/EmbeddedDropins/UpdateLegalEntityForHighExposure/UpdateLegalEntityForHighExposure.d.ts

@@ -0,0 +1,2 @@
+import type { HighExposureProps } from '../../Dropins/HighExposureDropin/types';
+export declare function UpdateLegalEntityForHighExposure({ parentLegalEntity, capabilities, country, trackingConfig, problems: problemsProp, onSubmit: externalOnSubmit, onChange, hideDropinLayout, handleHomeClick, homeButtonLabel, legalEntityId, }: HighExposureProps): import("preact").JSX.Element;

package/dist/types/components/index.d.ts

@@ -15,6 +15,7 @@ import { CreateIndividualComponent } from './EmbeddedDropins/CreateIndividualCom
 import { CreateTransferInstrumentComponent } from './EmbeddedDropins/CreateTransferInstrumentComponent/CreateTransferInstrumentComponent';
 import { ManageTransferInstrumentComponent } from './EmbeddedDropins/ManageTransferInstrumentComponent/ManageTransferInstrumentComponent';
 import { OnboardingDropinComponent } from './EmbeddedDropins/OnboardingDropinComponent/OnboardingDropinComponent';
+import { UpdateLegalEntityForHighExposure } from './EmbeddedDropins/UpdateLegalEntityForHighExposure/UpdateLegalEntityForHighExposure';
 import { ViewVerificationStatusComponent } from './EmbeddedDropins/ViewVerificationStatus';
 /**
  * Maps each component with a Component element.
@@ -34,6 +35,7 @@ export declare const componentsMap: {
     readonly manageTransferInstrumentComponent: typeof ManageTransferInstrumentComponent;
     readonly onboardingDropinComponent: typeof OnboardingDropinComponent;
     readonly viewVerificationStatusComponent: typeof ViewVerificationStatusComponent;
+    readonly updateLegalEntityForHighExposureComponent: typeof UpdateLegalEntityForHighExposure;
 };
 export type ComponentMap = typeof componentsMap;
 export type ComponentProps<Name extends keyof ComponentMap> = Parameters<ComponentMap[Name]>[0];

package/dist/types/components/internal/DocumentGuidance/DocumentGuidance.d.ts

@@ -1,4 +1,4 @@
-import './_document-guidance.component.scss';
+import './DocumentGuidance.scss';
 import type { DocumentGuidanceProps } from './types';
 declare function DocumentGuidance({ type, className }: DocumentGuidanceProps): import("preact").JSX.Element;
 export default DocumentGuidance;

package/dist/types/components/internal/FormFields/Field/Field.d.ts

@@ -1,10 +1,12 @@
 import './Field.scss';
-import type { ComponentProps, JSX } from 'preact';
+import type { ComponentChildren, ComponentProps, JSX } from 'preact';
 import type { FieldProps } from './types';
-export type MaybeLabelElementProps = (ComponentProps<'label'> & {
+export type MaybeLabelElementProps = {
+    children: ComponentChildren;
+} & ((ComponentProps<'label'> & {
     useLabelElement: true;
 }) | (ComponentProps<'div'> & {
     useLabelElement: false;
-});
+}));
 declare const Field: ({ className, classNameModifiers, children, dataPlaceholder, disabled, optional, errorMessage, filled, focused, helper, inputWrapperModifiers, isLoading, isValid, label, name, onBlur, onFieldBlur, onFocus, onFocusField, showErrorIconBottom, useLabelElement, helperPosition, wrapperRef, }: FieldProps) => JSX.Element;
 export default Field;

package/dist/types/components/internal/IdFieldTypeSelector/countryIdNumberTypes.d.ts

@@ -123,6 +123,14 @@ export declare const taxIdNumberOptions: {
         readonly id: "uen";
         readonly name: "uen";
     }];
+    readonly JE: readonly [{
+        readonly id: "taxIdentificationNumber";
+        readonly name: "taxIdentificationNumber";
+    }, {
+        readonly id: "socialSecurityNumber";
+        readonly name: "socialSecurityNumber";
+        readonly applicableOnlyFor: readonly [CompanyTypesValue.SOLE_PROPRIETORSHIP];
+    }];
 };
 export declare const getTaxIdNumberOptions: (country: CountryCode, companyType: CompanyTypesValue | LegalEntityType.TRUST | undefined) => readonly TaxIdNumberOption[] | undefined;
 export type TaxIdNumberType = (typeof taxIdNumberOptions)[keyof typeof taxIdNumberOptions][number]['id'];

package/dist/types/components/internal/IdFieldTypeSelector/inferTaxIdNumberType.d.ts

@@ -1,3 +1,5 @@
+import type { CompanyTypesValue } from '../../../core/models/api/company-types-value';
+import type { LegalEntityType } from '../../../core/models/api/legal-entity-type';
 import type { CountryCode } from '../../../core/models/country-code';
 import type { TaxIdNumberType } from './countryIdNumberTypes';
 /**
@@ -6,5 +8,6 @@ import type { TaxIdNumberType } from './countryIdNumberTypes';
  * We don't store this choice in the API.
  * @param taxId the existing tax ID number
  * @param country the country of the LE
+ * @param companyType the company type, e.g. `nonProfit`
  */
-export declare const inferTaxIdNumberType: (taxId: string, country: CountryCode) => TaxIdNumberType | undefined;
+export declare const inferTaxIdNumberType: (taxId: string, country: CountryCode, companyType: CompanyTypesValue | LegalEntityType.TRUST | undefined) => TaxIdNumberType | undefined;

package/dist/types/components/internal/TaxId/fieldConfig.d.ts

@@ -1,8 +1,11 @@
+import { CompanyTypesValue } from '../../../core/models/api/company-types-value';
+import type { LegalEntityType } from '../../../core/models/api/legal-entity-type';
 import type { FieldMetadata } from '../../../core/models/country-config';
 import type { PerCountryFieldConfig } from '../../../core/models/field-configurations';
 import type { TaxIdNumberType } from '../IdFieldTypeSelector/countryIdNumberTypes';
 import type { TaxIdSchema } from './types';
 export interface FieldConfigParams {
+    companyType: CompanyTypesValue | LegalEntityType.TRUST | undefined;
     taxIdNumberType: TaxIdNumberType | undefined;
 }
 export declare const defaultFieldMetadata: FieldMetadata<TaxIdSchema, 'taxId'>;

package/dist/types/core/Context/StateContext/types.d.ts

@@ -1,6 +1,7 @@
 import type { BusinessDetailsSchema } from '../../../components/BusinessDetails/types';
 import type { CompanySchema } from '../../../components/Company/types';
 import type { CompanySearchSchema } from '../../../components/CompanySearch/types';
+import type { HighExposureSchema } from '../../../components/Dropins/HighExposureDropin/types';
 import type { TrustMemberSchema } from '../../../components/Dropins/RoleAndTypeDropin/types';
 import type { IndividualSchema } from '../../../components/Individual/types';
 import type { PayoutDetailsSchema } from '../../../components/PayoutDetails/types';
@@ -48,7 +49,7 @@ export type StateModel<TLDS extends TopLevelDataSchema = TopLevelDataSchema> = {
         prevState?: State<TLDS>;
     };
 };
-export type TopLevelDataSchema = IndividualSchema | BusinessDetailsSchema | CompanySchema | CompanySearchSchema | PayoutDetailsSchema | TrustSchema | TrustMemberSchema | SolePropSchema;
+export type TopLevelDataSchema = IndividualSchema | BusinessDetailsSchema | CompanySchema | CompanySearchSchema | PayoutDetailsSchema | TrustSchema | TrustMemberSchema | SolePropSchema | HighExposureSchema;
 export type AnyFormIdOfTLDS = keyof IndividualSchema | keyof BusinessDetailsSchema | keyof CompanySchema | keyof CompanySearchSchema | keyof PayoutDetailsSchema | keyof TrustSchema | keyof TrustMemberSchema | keyof SolePropSchema;
 export interface State<TLDS extends TopLevelDataSchema> {
     data: TLDS;

package/dist/types/core/Services/componentApi/{get-service-agreement-acceptance-info.d.ts → get-service-agreement-acceptance-infos.d.ts}

@@ -1,3 +1,3 @@
 import type { ServiceAgreementAcceptanceInfos } from '../../models/api/contracts';
 import type { ComponentApiRequestContext } from '../types';
-export declare const getServiceAgreementAcceptanceInfo: (context: ComponentApiRequestContext) => Promise<ServiceAgreementAcceptanceInfos>;
+export declare const getServiceAgreementAcceptanceInfos: (context: ComponentApiRequestContext) => Promise<ServiceAgreementAcceptanceInfos>;

package/dist/types/core/Services/componentApi/push-events.d.ts

@@ -1,2 +1 @@
-import type { EmbeddedEventItem } from '../../user-events';
-export declare const pushEvents: (loadingContext: string, sessionId: string, event: EmbeddedEventItem) => Promise<void>;
+export declare const pushEvents: <T>(loadingContext: string, sessionId: string, event: T) => Promise<unknown>;

package/dist/types/core/hooks/useAnalytics.d.ts

@@ -1,10 +1,16 @@
 import type { ComponentMap } from '../../components';
-import type { EmbeddedEventItem, EventQueueItem, UserEventCallback } from '../user-events';
-export type useAnalyticsProps = {
+import type { EventData, EventQueueItem, EventType, UserEventCallback } from '../user-events';
+export type UseAnalyticsProps = {
     legalEntityId: string;
     onUserEvent?: UserEventCallback;
     sdkVersion: string;
     componentName: keyof ComponentMap;
 };
+type EmbeddedEventItem = {
+    eventType: EventType;
+    eventName: string;
+    eventData: EventData;
+};
 export declare const convertToEmbeddedEvent: (eventQueueItem: EventQueueItem) => EmbeddedEventItem;
-export declare const useAnalytics: ({ onUserEvent, legalEntityId, sdkVersion, componentName, }: useAnalyticsProps) => Promise<void>;
+export declare const useAnalytics: ({ onUserEvent, legalEntityId, sdkVersion, componentName, }: UseAnalyticsProps) => Promise<void>;
+export {};

package/dist/types/core/process-field-configurations.d.ts

@@ -1,6 +1,7 @@
 import type { BusinessDetailsSchema } from '../components/BusinessDetails/types';
 import type { CompanySchema } from '../components/Company/types';
 import type { CompanySearchSchema } from '../components/CompanySearch/types';
+import type { HighExposureSchema } from '../components/Dropins/HighExposureDropin/types';
 import type { IndividualSchema } from '../components/Individual/types';
 import type { PayoutAccountSchema } from '../components/PayoutAccount/types';
 import type { SolePropSchema } from '../components/SoleProp/types';
@@ -19,6 +20,7 @@ export declare function parseBusinessDetailsScenarios(scenario: Scenario[] | und
 export declare function parseCompanyScenarios(scenario: Scenario[], country: CountryCode): FieldConfigurations<CompanySchema>;
 export declare function parseCompanySearchScenarios(scenario: Scenario[] | undefined, country: CountryCode): FieldConfigurations<CompanySearchSchema>;
 export declare function parseTrustScenarios(scenario: Scenario[], country: CountryCode): FieldConfigurations<TrustSchema>;
+export declare const parseHighExposureScenarios: (scenario: Scenario[] | undefined) => FieldConfigurations<HighExposureSchema>;
 export declare function parseSolePropScenarios(scenario: Scenario[], country: CountryCode): FieldConfigurations<SolePropSchema>;
 export declare function parsePayoutScenarios({ requiredFields, country, bankVerificationAvailable, }: {
     requiredFields: (keyof PayoutAccountSchema)[] | undefined;

package/dist/types/core/user-events.d.ts

@@ -1,8 +1,9 @@
+export interface EventData {
+    [key: string]: string | number | boolean | any[] | null;
+}
 export interface UserEvent {
     /** Object with segments should be a flat object (arbitrary key/value pairs for event data) */
-    segmentation?: {
-        [key: string]: string | number | boolean | any[] | null;
-    };
+    segmentation?: EventData;
 }
 type UserEventWithKey = UserEvent & {
     key: string;
@@ -10,11 +11,6 @@ type UserEventWithKey = UserEvent & {
 export type EventType = 'track_pageview' | 'add_event' | 'start_event' | 'end_event';
 export type EventQueueItem = [EventType, string | UserEventWithKey];
 export type UserEventCallback = (eventQueueItem: EventQueueItem) => void;
-export type EmbeddedEventItem = {
-    eventType: EventType;
-    eventName: string;
-    eventData?: UserEvent;
-};
 declare class UserEvents {
     private readonly queue;
     private readonly subscriptions;

package/dist/types/core/utils.d.ts

@@ -7,7 +7,7 @@ type BaseTrackingPayloadParams = {
     };
     parentLegalEntity?: LegalEntity;
     legalEntity?: LegalEntity;
-    task: TaskTypes;
+    task?: TaskTypes;
 };
 export type BaseTrackingPayload = {
     task: TaskTypes;

package/dist/types/utils/api/processValidationErrors.d.ts

@@ -4,6 +4,9 @@ import type { ValidationError } from '../../core/models/errors/validation-error'
  * Processes server validation errors received from an erroneous HTTP response.
  * @param validationError - the validation error contain all invalid fields.
  * @param dropinTask - the dropin page we are processing validations for.
+ * @param keyMappings - the actual keymappings, for non-task components
  */
-declare const processValidationErrors: (validationError: ValidationError, dropinTask: TaskTypes) => {};
+declare const processValidationErrors: <T extends string>(validationError: ValidationError, dropinTask?: TaskTypes, keyMappings?: {
+    [key: string]: T;
+}) => {};
 export default processValidationErrors;

package/dist/types/utils/getNestedPropertyKeys.d.ts

@@ -10,5 +10,5 @@ type RecursiveKeyOfHandleValue<TValue, Text extends string> = TValue extends any
  * Includes those nested within other objects, e.g. `'name.firstName'`.
  * @param includeUndefined - whether to include properties which are defined but have a value of `undefined`.
  */
-export declare function getNestedPropertyKeys<T extends object>(obj: T, includeUndefined?: boolean): Array<RecursiveKeyOf<T>>;
+export declare function getNestedPropertyKeys<T extends object>(obj: T, includeUndefined?: boolean, includeFalsy?: boolean): Array<RecursiveKeyOf<T>>;
 export {};

package/dist/types/utils/mapping/componentApiMapping.d.ts

@@ -1,4 +1,5 @@
 import type { CompanySchema } from '../../components/Company/types';
+import type { HighExposureSchema } from '../../components/Dropins/HighExposureDropin/types';
 import type { IndividualSchema } from '../../components/Individual/types';
 import type { PayoutDetailsSchema } from '../../components/PayoutDetails/types';
 import type { SolePropSchema } from '../../components/SoleProp/types';
@@ -15,6 +16,7 @@ export declare const mandatoryApiFields: {
     ORGANIZATION: Array<Partial<RecursiveKeyOf<CompanySchema>>>;
     SOLE_PROPRIETORSHIP: Array<Partial<RecursiveKeyOf<SolePropSchema>>>;
     TRUST: Array<Partial<RecursiveKeyOf<TrustSchema>>>;
+    HIGH_EXPOSURE: Array<Partial<RecursiveKeyOf<HighExposureSchema>>>;
 };
 export declare const individualObscuredFields: Array<RecursiveKeyOf<IndividualSchema>>;
 export declare const individualComponentsKeyMapping: {
@@ -681,6 +683,12 @@ export declare const trustComponentsKeyMapping: {
     'trustRegistrationAddress.operationalAddress.otherAddressInformation': string;
 };
 export declare const trustApiKeyMapping: {};
+export declare const highExposureComponentsKeyMapping: {
+    'company.numberOfEmployees': string;
+    'parentCompany.numberOfEmployees': string;
+    'ultimateParentCompany.numberOfEmployees': string;
+};
+export declare const highExposureApiKeyMapping: {};
 export declare const solePropComponentsKeyMapping: {
     'solePropNameAndCountry.country': string;
     'solePropNameAndCountry.legalCompanyName': string;

package/dist/types/utils/mapping/mapping.d.ts

@@ -1,5 +1,6 @@
 import type { BankDocumentSchema } from '../../components/BankDocument/types';
 import type { CompanySchema } from '../../components/Company/types';
+import type { HighExposureSchema } from '../../components/Dropins/HighExposureDropin/types';
 import type { IndividualSchema } from '../../components/Individual/types';
 import type { AccountHolderOption } from '../../components/internal/AccountHolder/types';
 import type { PayoutDetailsSchema } from '../../components/PayoutDetails/types';
@@ -34,8 +35,10 @@ export declare const mapLegalEntityToCompany: (legalEntity: ExistingLegalEntity,
 export declare const mapCompanyToLegalEntity: (data: CompanySchema) => LegalEntity;
 export declare const mapLegalEntityToTrust: (legalEntity: LegalEntity) => TrustSchema;
 export declare const mapTrustToLegalEntity: (data: TrustSchema) => LegalEntity;
+export declare const mapLegalEntityToHighExposure: (legalEntity: LegalEntity) => HighExposureSchema;
+export declare const mapHighExposureToLegalEntity: (data: HighExposureSchema) => LegalEntity;
 export declare const mapLegalEntityToSoleProp: (legalEntity: LegalEntity) => SolePropSchema;
-export declare const mapSolePropToLegalEntity: (data: SolePropSchema, isCountryOfGoverningLawEnabled?: boolean) => LegalEntity;
+export declare const mapSolePropToLegalEntity: (data: SolePropSchema) => LegalEntity;
 export type IndividualDocumentFields = Pick<IndividualSchema, 'idDocument' | 'proofOfResidence' | 'proofOfNationalId'>;
 export declare const getPage: ({ attachments }: Document, pageType?: PageType) => Attachment;
 export declare const getPageName: (document: Document, pageType?: PageType) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.18.0",
+  "version": "3.19.0",
   "description": "",
   "license": "MIT",
   "files": [
@@ -59,8 +59,9 @@
     "storybook:build": "vite-node ./.storybook/buildStorybook.ts",
     "test": "vitest",
     "test:coverage": "vitest --coverage",
-    "test:e2e": "playwright test --project local-chrome",
-    "test:e2e:debug": "cross-env PWDEBUG=console playwright test --debug --project chromium",
+    "test:e2e": "playwright test",
+    "test:e2e:debug": "cross-env PWDEBUG=console playwright test --debug",
+    "test:e2e:ui": "playwright test --ui",
     "test:ui": "vitest --ui",
     "test:watch": "npm run test --watch",
     "types:build": "tsc --project tsconfig-build.json",
@@ -69,10 +70,11 @@
   },
   "dependencies": {
     "@adyen/adyen-document-viewer": "^1.1.0",
+    "@adyen/bento-design-tokens": "^1.13.1",
     "@adyen/openbankingsdk": "^0.1.2",
     "classnames": "^2.3.2",
     "isomorphic-dompurify": "^0.13.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "onfido-sdk-ui": "12.3.5",
     "preact": "^10.17.1",
     "validator": "^13.5.2"
@@ -93,6 +95,7 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/dompurify": "^3.0.5",
     "@types/inquirer": "^9.0.3",
+    "@types/lodash-es": "^4.17.12",
     "@types/validator": "^13.12.0",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",