@adyen/kyc-components 3.58.2 → 3.59.0

package/dist/es/{json-DpHF7B2M.js → json-BgrcnsOO.js}

@@ -1,4 +1,4 @@
-import { a5 as cssProps } from "./index-Bx0rbc0C.js";
+import { c as cssProps } from "./DebugModal-C7PUDNlI.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text },
   number: { regex: /-?\d+(\.\d+)?([eE][+-]?\d+)?/g, css: cssProps.number },

package/dist/es/{plaintext-DgDFLkbp.js → plaintext-Kl2vsbEO.js}

@@ -1,4 +1,4 @@
-import { a5 as cssProps } from "./index-Bx0rbc0C.js";
+import { c as cssProps } from "./DebugModal-C7PUDNlI.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text }
 };

package/dist/es/{yaml-B66s-9sv.js → yaml-C0rXP05J.js}

@@ -1,4 +1,4 @@
-import { a5 as cssProps } from "./index-Bx0rbc0C.js";
+import { c as cssProps } from "./DebugModal-C7PUDNlI.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text },
   boolean: { regex: /^(\s*)([\w-]+)(:)\s*(.*)$/g, css: cssProps.boolean },

package/dist/style.css

@@ -112,7 +112,8 @@
 }
 
 .adyen-kyc-loader {
-  animation: adyen-kyc-rotateLoader 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+  opacity: 0;
+  animation: adyen-kyc-rotateLoader 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s infinite;
   border-radius: 50%;
   border: var(--adyen-sdk-border-width-l, 3px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
   border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
@@ -151,6 +152,7 @@
 
 @keyframes adyen-kyc-rotateLoader {
   0% {
+    opacity: 1;
     transform: rotate(0deg);
   }
   100% {
@@ -509,7 +511,8 @@
   height: 100%;
   background-color: var(--adyen-sdk-color-outline-secondary, #c9cdd3);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  animation: 2s ease-in-out 0.5s infinite normal none running adyen-kyc-skeleton;
+  opacity: 0;
+  animation: 2s ease-in-out 0.4s infinite normal none running adyen-kyc-skeleton;
 }
 
 .adyen-kyc-skeleton-circle {
@@ -5272,6 +5275,61 @@ fieldset {
 */
 .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
   padding: 0;
+}.adyen-kyc-introduction {
+  display: flex;
+  flex-direction: column;
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  gap: var(--adyen-sdk-spacer-020, 4px);
+  max-width: 660px;
+  margin: var(--adyen-sdk-spacer-000, 0px) auto;
+  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-080, 20px);
+}
+.adyen-kyc-introduction__skip {
+  text-align: right;
+}
+.adyen-kyc-introduction__number {
+  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
+  font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
+  line-height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
+  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
+  position: relative;
+  top: var(--adyen-sdk-spacer-080, 20px);
+}
+.adyen-kyc-introduction__title {
+  font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
+}
+.adyen-kyc-introduction__description {
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+}
+.adyen-kyc-introduction__description p {
+  margin: var(--adyen-sdk-spacer-000, 0px);
+}
+.adyen-kyc-introduction__description p:not(:last-child) {
+  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
+}
+.adyen-kyc-introduction__description p:has(+ ul) {
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+}
+.adyen-kyc-introduction__description p + ul {
+  margin: var(--adyen-sdk-spacer-000, 0px);
+  margin-top: calc(var(--adyen-sdk-spacer-080, 20px) * -1);
+}
+.adyen-kyc-introduction__nav {
+  display: flex;
+  gap: var(--adyen-sdk-spacer-080, 20px);
+  margin-top: var(--adyen-sdk-spacer-110, 40px);
+}
+.adyen-kyc-introduction__nav button {
+  flex-grow: 1;
 }/* #region Borders */
 /* #endregion */
 /* for container queries */
@@ -5356,59 +5414,4 @@ fieldset {
 }
 .adyen-kyc-table tbody tr:nth-child(even) {
   background-color: var(--adyen-sdk-color-background-primary, #ffffff);
-}.adyen-kyc-introduction {
-  display: flex;
-  flex-direction: column;
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  gap: var(--adyen-sdk-spacer-020, 4px);
-  max-width: 660px;
-  margin: var(--adyen-sdk-spacer-000, 0px) auto;
-  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-080, 20px);
-}
-.adyen-kyc-introduction__skip {
-  text-align: right;
-}
-.adyen-kyc-introduction__number {
-  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
-  font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
-  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
-  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
-  line-height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
-  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
-  position: relative;
-  top: var(--adyen-sdk-spacer-080, 20px);
-}
-.adyen-kyc-introduction__title {
-  font-size: var(--adyen-sdk-text-title-font-size, 16px);
-  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
-  line-height: var(--adyen-sdk-text-title-line-height, 26px);
-}
-.adyen-kyc-introduction__description {
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-}
-.adyen-kyc-introduction__description p {
-  margin: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-introduction__description p:not(:last-child) {
-  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
-}
-.adyen-kyc-introduction__description p:has(+ ul) {
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-}
-.adyen-kyc-introduction__description p + ul {
-  margin: var(--adyen-sdk-spacer-000, 0px);
-  margin-top: calc(var(--adyen-sdk-spacer-080, 20px) * -1);
-}
-.adyen-kyc-introduction__nav {
-  display: flex;
-  gap: var(--adyen-sdk-spacer-080, 20px);
-  margin-top: var(--adyen-sdk-spacer-110, 40px);
-}
-.adyen-kyc-introduction__nav button {
-  flex-grow: 1;
 }

package/dist/types/components/EFP/tasks/HighExposureDropin/HighExposureRegisteredAddress.d.ts

@@ -1,3 +1,3 @@
 import './styles.scss';
 import { type HighExposureRegisteredAddressProps } from './types';
-export declare function HighExposureRegisteredAddress({ formUtils, valid, errors, fieldProblems, handleChangeFor, legalEntity, sectionHeading, country, handleAddressSearch, handleFindAddress, formId, setValid, shouldValidate, defaultData, }: HighExposureRegisteredAddressProps): import("preact/jsx-runtime").JSX.Element;
+export declare function HighExposureRegisteredAddress({ formUtils, valid, errors, fieldProblems, handleChangeFor, legalEntity, sectionHeading, handleAddressSearch, handleFindAddress, formId, setValid, shouldValidate, defaultData, }: HighExposureRegisteredAddressProps): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/EFP/tasks/HighExposureDropin/types.d.ts

@@ -185,7 +185,6 @@ export declare const highExposureParentRadioItems: Array<{
     name: TranslationKey;
 }>;
 export type HighExposureRegisteredAddressProps = {
-    country?: CountryCode;
     defaultData: Partial<HighExposureParentSchemasCombined>;
     valid: Partial<Record<keyof HighExposureSchemaCombined, boolean>>;
     formUtils: FormUtils<HighExposureSchemaCombined>;

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

@@ -3,6 +3,7 @@ import type { DatasetUtil } from '#utils/datasetUtil';
 import type { HighExposureCustomLabels, HighExposureSchema, HighExposureSummaryType } from '../../EFP/tasks/HighExposureDropin/types';
 export declare const customLabels: HighExposureCustomLabels;
 export declare const getTranslatedLegalInsolvency: (i18n: Language, insolvencyData?: string) => string;
+export declare const getValidUserLocale: (locale: string) => string;
 export declare const getFormattedAmount: (value?: string, currency?: string) => string;
 export declare const formatDataForSummary: (data: HighExposureSchema, i18n: Language, datasetUtils: DatasetUtil) => HighExposureSummaryType;
 export declare const canSubmit: (data: HighExposureSchema) => boolean;

package/dist/types/components/Individual/forms/IndividualOnfido/AdditionalPersonalDetails/validate.d.ts

@@ -2,11 +2,12 @@ import type { ExperimentName } from '#context/ExperimentContext/types';
 import type { BooleanSettingName } from '#context/SettingsContext/types';
 import type { CountryCode } from '#core/models/country-code';
 import type { FormVerificationErrors } from '#core/models/errors/form-verification-errors';
+import type { Language } from '#language/Language';
 import type { IndividualIdNumberType } from '#shared/fields/IdFieldTypeSelector/countryIdNumberTypes';
 import { TaskTypes } from '#stores/globalStore/taskTypes';
 import type { ValidatorRules } from '#utils/validation/types';
 import type { AdditionalPersonalDetailsSchema } from './AdditionalPersonalDetails.types';
-export declare const additionalPersonalDetailsValidators: ({ country, isExperimentEnabled, isSettingEnabled, taskType, idNumberType, idNumberExempt, idNumber, existingIdNumber, formVerificationErrors, }: {
+export declare const additionalPersonalDetailsValidators: ({ country, isExperimentEnabled, isSettingEnabled, taskType, idNumberType, idNumberExempt, idNumber, existingIdNumber, formVerificationErrors, i18n, }: {
     country: CountryCode;
     isExperimentEnabled?: (experiment: ExperimentName) => boolean;
     isSettingEnabled?: (setting: BooleanSettingName) => boolean;
@@ -16,4 +17,5 @@ export declare const additionalPersonalDetailsValidators: ({ country, isExperime
     idNumber: string | undefined;
     existingIdNumber: string | undefined;
     formVerificationErrors: FormVerificationErrors | undefined;
+    i18n: Language;
 }) => ValidatorRules<AdditionalPersonalDetailsSchema>;

package/dist/types/components/Individual/forms/IndividualOnfido/BasicDetails/validate.d.ts

@@ -0,0 +1,3 @@
+import type { ValidatorRules } from '#utils/validation/types';
+import type { BasicDetailsSchema } from './BasicDetails.types';
+export declare const basicDetailsValidators: () => ValidatorRules<BasicDetailsSchema>;

package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.d.ts

@@ -17,5 +17,10 @@ export declare const individualOnfidoForms: {
         readonly formName: "additionalPersonalDetails";
         readonly fields: (keyof AdditionalPersonalDetailsSchema)[];
     };
+    readonly manualIdUpload: {
+        readonly formId: "manualIdUpload";
+        readonly formName: "idDocument";
+        readonly fields: (keyof import("../Individual/IdDocumentUpload/types").IdDocumentUploadSchema)[];
+    };
 };
 export declare function IndividualOnfido(props: Readonly<IndividualOnfidoProps>): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.types.d.ts

@@ -12,6 +12,7 @@ import type { TaskTypes } from '#stores/globalStore/taskTypes';
 import type { DropinAPIHandlers, DropinProps } from '../../../EmbeddedDropins/OnboardingDropinComponent/DropinComposer/types';
 import type { TrustMember } from '../../../Trust/tasks/TrustMembers/types';
 import type { NomineeDecisionMakerRoleSchema } from '../../fields/DecisionMakerRole/types';
+import type { IdDocumentUploadSchema } from '../Individual/IdDocumentUpload/types';
 import type { AdditionalPersonalDetailsSchema } from './AdditionalPersonalDetails/AdditionalPersonalDetails.types';
 import type { BasicDetailsSchema } from './BasicDetails/BasicDetails.types';
 import type { IdVerificationMethodSchema } from './IdVerificationMethod/IdVerificationMethod.types';
@@ -19,6 +20,7 @@ export interface IndividualOnfidoSchema {
     basicDetails?: BasicDetailsSchema;
     idVerificationMethod?: IdVerificationMethodSchema;
     additionalPersonalDetails?: AdditionalPersonalDetailsSchema;
+    manualIdUpload?: IdDocumentUploadSchema;
     proofOfResidency?: DocumentUploadSchema;
     proofOfNationalId?: DocumentUploadSchema;
     proofOfRelationship?: DocumentUploadSchema;

package/dist/types/components/Individual/forms/IndividualOnfido/ManualIdUpload/ManualIdUpload.d.ts

@@ -0,0 +1 @@
+export declare const ManualIdUpload: () => import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Shared/devex/DebugListener/DebugListener.d.ts

@@ -0,0 +1 @@
+export declare const DebugListener: () => import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Shared/fields/IdFieldTypeSelector/TaxIdNumberTypeSelector.d.ts

@@ -16,6 +16,7 @@ interface PropsWithTaxIdExemption {
 type TaxIdNumberTypeSelectorProps = {
     country: CountryCode;
     companyType?: CompanyTypesValue | LegalEntityType.TRUST;
+    isUsSoleProp?: boolean;
 } & (PropsWithNoExemption | PropsWithTaxIdExemption);
-export declare function TaxIdNumberTypeSelector({ country, companyType, selected, setSelected, exemptedOption, }: TaxIdNumberTypeSelectorProps): import("preact/jsx-runtime").JSX.Element;
+export declare function TaxIdNumberTypeSelector({ country, companyType, selected, setSelected, exemptedOption, isUsSoleProp, }: TaxIdNumberTypeSelectorProps): import("preact/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/Shared/fields/IdFieldTypeSelector/countryIdNumberTypes.d.ts

@@ -116,6 +116,10 @@ export declare const taxIdNumberOptions: {
         readonly id: "CNPJ";
         readonly name: "CNPJ";
     }];
+    readonly CA: readonly [{
+        readonly id: "BUSINESS_NUMMER";
+        readonly name: "businessNumber";
+    }];
     readonly DE: readonly [{
         readonly id: "STEUERNUMMER";
         readonly name: "taxInformationNumber";

package/dist/types/components/Shared/fields/TaxInformationField/TaxInformationField.d.ts

@@ -1,4 +1,10 @@
 import type { JSX } from 'preact';
 import type { TaxInformationFieldProps, TaxInformationFieldSchema } from './types';
 export declare const TAX_INFORMATION_FIELD: Array<keyof TaxInformationFieldSchema>;
+/**
+ * Renders a dynamic form field for tax identification information, adapting its display
+ * and behavior based on country and company type. It supports various tax ID input
+ * scenarios, including two specialized handling for US Sole Proprietorships (where SSN option acts as exemption selection)
+ * and Singapore Companies (where registration number (UEN) can be used for tax ID).
+ */
 export declare function TaxInformationField({ data, valid, errors, labels, mask, guidanceText, placeholders, readonly, optional, shouldValidate, handleChangeFor, country, canExempt, registrationNumber, companyType, taxIdNumberType, setTaxIdNumberType, defaultData, }: TaxInformationFieldProps): JSX.Element;

package/dist/types/components/Shared/forms/Address/Address.d.ts

@@ -1,3 +1,3 @@
 import './Address.scss';
 import type { AddressProps } from './types';
-export declare function Address({ data: dataProp, labels, placeholders, helperText, readOnly, hideCountry, fieldValidationErrors: propFieldValidationErrors, allFields, requiredFields, optionalFields, readOnlyFields, obscuredFields, trustedFields, shouldValidate, handleAddressSearch, handleFindAddress, onChange, legalEntityId, verifiedAddress, condensed, handleFieldChange, errors: errorProp, valid: validProp, addressType, }: AddressProps): import("preact/jsx-runtime").JSX.Element;
+export declare function Address({ data: dataProp, labels, placeholders, helperText, readOnly, hideCountry, fieldValidationErrors: propFieldValidationErrors, allFields, requiredFields, optionalFields, readOnlyFields, obscuredFields, trustedFields, shouldValidate, handleAddressSearch, handleFindAddress, onChange, legalEntityId, verifiedAddress, condensed, handleFieldChange, errors: errorProp, valid: validProp, addressType, }: Readonly<AddressProps>): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Shared/forms/Address/constants.d.ts

@@ -1,6 +1,6 @@
 import type { CountryCode } from '#core/models/country-code';
 import type { AddressLabels, AddressSchema, AddressSchemas } from './types';
-export declare const ADDRESS_SCHEMA: readonly ["address", "otherAddressInformation", "postalCode", "city", "stateOrProvince", "country", "poBox"];
+export declare const addressFields: Array<keyof AddressSchema>;
 export declare const COUNTRIES_WITH_STATES_DATASET: CountryCode[];
 export declare const COUNTRIES_WITH_HOUSE_NUMBER_FIRST: CountryCode[];
 export declare const ADDRESS_SCHEMAS: AddressSchemas;