@adyen/kyc-components 3.38.0 → 3.39.0

package/dist/types/components/TaskList/{component/TaskListGroup.d.ts → TaskListGroup.d.ts}

@@ -1,5 +1,5 @@
-import '../TaskListGroup.scss';
+import './TaskListGroup.scss';
 import type { FunctionalComponent } from 'preact';
-import type { TaskListGroupProps } from '../types';
+import type { TaskListGroupProps } from './types';
 declare const TaskListGroup: FunctionalComponent<TaskListGroupProps>;
 export default TaskListGroup;

package/dist/types/components/TaskList/{component/TaskListItem.d.ts → TaskListItem.d.ts}

@@ -1,4 +1,4 @@
-import '../TaskListItem.scss';
-import type { TaskListItemProps } from '../types';
+import './TaskListItem.scss';
+import type { TaskListItemProps } from './types';
 declare const TaskListItem: ({ title, icon, status, statusLabel, onNavigateToTask, disabled, problems, downloadHandler, info, loading, showErrorAlerts, showWarningAlert, warningMessage, removeEntity, isRemoveDisabled, handleIsRemoveDisabled, testId, }: TaskListItemProps) => import("preact").JSX.Element;
 export default TaskListItem;

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

@@ -4,7 +4,7 @@ import type { PciStatus } from '../../core/models/api/contracts';
 import type { ExistingLegalEntity } from '../../core/models/api/legal-entity';
 import type { CapabilityProblems } from '../../core/models/errors/capability-problems';
 import type { EntityProblems } from '../../core/models/errors/entity-problems';
-import type { ServiceAgreementAcceptanceInfo, ServiceAgreementType } from '../Dropins/ServiceAgreementDropinComponent/types';
+import type { ServiceAgreementAcceptanceInfo, ServiceAgreementType } from '../Dropins/ServiceAgreementDropin/types';
 import type { IconName } from '../internal/Icon/Icon';
 import type { ActionsMenuOption } from '../internal/Menu/ActionsMenu';
 import type { StatusProps } from '../internal/Status/types';
@@ -15,6 +15,7 @@ export declare enum TaskTypes {
     REVIEW = "REVIEW",
     INDIVIDUAL = "INDIVIDUAL",
     COMPANY = "COMPANY",
+    CUSTOMER_SUPPORT = "CUSTOMER_SUPPORT",
     BUSINESS_DETAILS = "BUSINESS_DETAILS",
     PAYOUT = "PAYOUT",
     PAYIN = "PAYIN",

package/dist/types/components/Trust/{component/TrustComponent.d.ts → Trust.d.ts}

@@ -1,6 +1,6 @@
-import '../Trust.scss';
-import type { FormList } from '../../../core/models/form';
-import type { TrustProps } from '../types';
+import './Trust.scss';
+import type { FormList } from '../../core/models/form';
+import type { TrustProps } from './types';
 export declare const trustForms: FormList;
 export declare const trustConstitutionalDocumentFormId: string;
 declare function TrustComponent(props: TrustProps): import("preact").JSX.Element;

package/dist/types/components/TrustMembers/{component/CompanyTrustMemberTaskItem.d.ts → CompanyTrustMemberTaskItem.d.ts}

@@ -1,5 +1,5 @@
-import type { TaskStatus } from '../../TaskList/types';
-import type { CompanyTrustMember } from '../types';
+import type { TaskStatus } from '../TaskList/types';
+import type { CompanyTrustMember } from './types';
 interface CompanyTrustMemberTaskItemProps {
     companyTrustMember: CompanyTrustMember;
     taskStatus: TaskStatus;

package/dist/types/components/TrustMembers/{component/ExemptSettlorTaskItem.d.ts → ExemptSettlorTaskItem.d.ts}

@@ -1,5 +1,5 @@
-import type { TaskStatus } from '../../TaskList/types';
-import type { ExemptSettlor } from '../types';
+import type { TaskStatus } from '../TaskList/types';
+import type { ExemptSettlor } from './types';
 interface ExemptSettlorTaskItemProps {
     exemptSettlor: ExemptSettlor;
     taskStatus: TaskStatus;

package/dist/types/components/TrustMembers/{component/RegularTrustMemberTaskItem.d.ts → RegularTrustMemberTaskItem.d.ts}

@@ -1,5 +1,5 @@
-import type { TaskStatus } from '../../TaskList/types';
-import type { RegularTrustMember } from '../types';
+import type { TaskStatus } from '../TaskList/types';
+import type { RegularTrustMember } from './types';
 interface RegularTrustMemberTaskItemProps {
     trustMember: RegularTrustMember;
     taskStatus: TaskStatus;

package/dist/types/components/TrustMembers/{component/RootTrusteeTaskItem.d.ts → RootTrusteeTaskItem.d.ts}

@@ -1,5 +1,5 @@
-import type { TaskStatus } from '../../TaskList/types';
-import type { RootTrustee } from '../types';
+import type { TaskStatus } from '../TaskList/types';
+import type { RootTrustee } from './types';
 interface RootTrusteeTaskItemProps {
     rootTrustee: RootTrustee;
     taskStatus: TaskStatus;

package/dist/types/components/TrustMembers/{component/TrustMembersOverview.d.ts → TrustMembersOverview.d.ts}

@@ -1,6 +1,6 @@
-import '../TrustMembersOverview.scss';
-import type { TaskStatus } from '../../TaskList/types';
-import type { TrustMember } from '../types';
+import './TrustMembersOverview.scss';
+import type { TaskStatus } from '../TaskList/types';
+import type { TrustMember } from './types';
 export interface TrustMembersOverviewProps {
     trustMembers: TrustMember[];
     getTrustMemberTaskStatus: (trustMember: TrustMember) => TaskStatus;

package/dist/types/components/TrustMembers/{component/UndefinedBeneficiaryTaskItem.d.ts → UndefinedBeneficiaryTaskItem.d.ts}

@@ -1,4 +1,4 @@
-import type { UndefinedBeneficiary } from '../types';
+import type { UndefinedBeneficiary } from './types';
 export interface UndefinedBeneficiaryProps {
     undefinedBeneficiary: UndefinedBeneficiary;
     onEdit: () => void;

package/dist/types/components/TrustRegistrationDetails/{component/TrustRegistrationDetailsComponent.d.ts → TrustRegistrationDetails.d.ts}

@@ -1,4 +1,4 @@
-import type { TrustRegistrationDetailsProps, TrustRegistrationDetailsSchema } from '../types';
+import type { TrustRegistrationDetailsProps, TrustRegistrationDetailsSchema } from './types';
 export declare const trustRegistrationDetailsFields: Array<keyof TrustRegistrationDetailsSchema>;
 declare function TrustRegistrationDetailsComponent(props: TrustRegistrationDetailsProps): import("preact").JSX.Element;
 export default TrustRegistrationDetailsComponent;

package/dist/types/components/TrustRoleAndEntityType/{component/TrustRoleAndEntityType.d.ts → TrustRoleAndEntityType.d.ts}

@@ -1,2 +1,2 @@
-import type { TrustRoleAndEntityTypeProps } from '../types';
+import type { TrustRoleAndEntityTypeProps } from './types';
 export declare const TrustRoleAndEntityType: (props: TrustRoleAndEntityTypeProps) => import("preact").JSX.Element;

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

@@ -7,6 +7,7 @@ import type { CompanyNameAndCountrySchema } from '../CompanyNameAndCountry/types
 import type { NameSchema } from '../internal/Name/types';
 import type { TrustMember } from '../TrustMembers/types';
 export declare const trustMemberLegalEntityTypes: readonly [LegalEntityType.INDIVIDUAL, LegalEntityType.ORGANIZATION];
+export declare const countriesWhereSettlorExemptionReasonNotApplicable: CountryCode[];
 export type TrustMemberLegalEntityType = (typeof trustMemberLegalEntityTypes)[number];
 export declare const settlorExemptionReasons: readonly ["contributionBelowThreshold", "professionalServiceProvider", "deceased"];
 export type SettlorExemptionReason = (typeof settlorExemptionReasons)[number];
@@ -28,7 +29,7 @@ export interface TrustRoleAndEntityTypeProps extends BaseInnerFormProps<TrustRol
     isOrganizationSettlorWithExemptionEnabled?: boolean;
     country?: CountryCode;
 }
-export declare const couldBeExemptSettlor: (data: TrustRoleAndEntityTypeSchema) => boolean;
+export declare const couldBeExemptSettlor: (data: TrustRoleAndEntityTypeSchema, country?: CountryCode) => boolean;
 export declare const isExemptSettlor: (data: TrustRoleAndEntityTypeSchema) => data is TrustRoleAndEntityTypeSchema & {
     settlorExemptionReason: SettlorExemptionReason[];
 };

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

@@ -2,14 +2,14 @@ import type { CoreProviderProps } from '../core/Context/CoreProvider';
 import type { ExperimentsProps } from '../core/Context/ExperimentContext/types';
 import type { SettingsProps } from '../core/Context/SettingsContext/types';
 import type { UserEventCallback } from '../core/user-events';
-import { BusinessDetailsDropinComponent } from './Dropins/BusinessDetailsDropin/components/BusinessDetailsDropinComponent';
-import { CompanyDropinComponent } from './Dropins/CompanyDropin/components/CompanyDropinComponent';
-import { DropinComposerComponent } from './Dropins/DropinComposer/components/DropinComposerComponent';
-import { IndividualDropinComponent } from './Dropins/IndividualDropin/components/IndividualDropinComponent';
-import { PayoutDetailsDropinComponent } from './Dropins/PayoutDetailsDropin/components/PayoutDetailsDropinComponent';
-import { PciDropinComponent } from './Dropins/PciDropin/components/PciDropinComponent';
-import { SolePropDropinComponent } from './Dropins/SolePropDropin/components/SolePropDropinComponent';
-import { TrustDropinComponent } from './Dropins/TrustDropin/components/TrustDropinComponent';
+import { BusinessDetailsDropinComponent } from './Dropins/BusinessDetailsDropin/BusinessDetailsDropin';
+import { CompanyDropinComponent } from './Dropins/CompanyDropin/CompanyDropin';
+import { DropinComposerComponent } from './Dropins/DropinComposer/DropinComposer';
+import { IndividualDropinComponent } from './Dropins/IndividualDropin/IndividualDropin';
+import { PayoutDetailsDropinComponent } from './Dropins/PayoutDetailsDropin/PayoutDetailsDropin';
+import { PciDropinComponent } from './Dropins/PciDropin/PciDropin';
+import { SolePropDropinComponent } from './Dropins/SolePropDropin/SolePropDropin';
+import { TrustDropinComponent } from './Dropins/TrustDropin/TrustDropin';
 import { AcceptTermsOfServiceComponent } from './EmbeddedDropins/AcceptTermsOfServiceComponent/AcceptTermsOfServiceComponent';
 import { CreateIndividualComponent } from './EmbeddedDropins/CreateIndividualComponent/CreateIndividualComponent';
 import { CreateTransferInstrumentComponent } from './EmbeddedDropins/CreateTransferInstrumentComponent/CreateTransferInstrumentComponent';

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

@@ -1,12 +1,3 @@
-import './Address.scss';
+import './AddressForm.scss';
 import type { AddressProps } from './types';
-export declare function Address(props: AddressProps): import("preact").JSX.Element;
-export declare namespace Address {
-    var defaultProps: {
-        data: {};
-        onChange: () => void;
-        visibility: string;
-        requiredFields: readonly ["address", "otherAddressInformation", "postalCode", "city", "stateOrProvince", "country"];
-        countryCode: any;
-    };
-}
+export declare function AddressComponent({ data, labels, placeholders, helperText, readOnly, hideCountry, fieldValidationErrors, allFields, requiredFields, optionalFields, readOnlyFields, obscuredFields, trustedFields, shouldValidate, handleAddressSearch, handleFindAddress, onChange, legalEntityId, verifiedAddress, condensed, }: AddressProps): import("preact").JSX.Element;

package/dist/types/components/internal/Address/AddressForm.d.ts

@@ -0,0 +1,12 @@
+import './AddressForm.scss';
+import type { AddressProps } from './types';
+export declare function Address(props: AddressProps): import("preact").JSX.Element;
+export declare namespace Address {
+    var defaultProps: {
+        data: {};
+        onChange: () => void;
+        visibility: string;
+        requiredFields: readonly ["address", "otherAddressInformation", "postalCode", "city", "stateOrProvince", "country"];
+        countryCode: any;
+    };
+}

package/dist/types/components/internal/Address/{components/FieldContainerComponent.d.ts → FieldContainer.d.ts}

@@ -1,5 +1,5 @@
-import './FieldContainer.scss';
-import type { FieldContainerProps } from '../types';
+import './FieldWrapper.scss';
+import type { FieldContainerProps } from './types';
 /**
  * USAGE: Specifically defined as a util to provide a wrapper for fields created within the Address component
  *

package/dist/types/components/internal/Address/{components/FieldContainer.d.ts → FieldWrapper.d.ts}

@@ -1,5 +1,5 @@
-import './FieldContainer.scss';
-import type { FieldContainerProps } from '../types';
+import './FieldWrapper.scss';
+import type { FieldContainerProps } from './types';
 /**
  * USAGE: Specifically defined as a util to provide a wrapper for fields created within the Address component
  *

package/dist/types/components/internal/Address/{components/SearchAddress.d.ts → SearchAddress.d.ts}

@@ -1,4 +1,4 @@
 import type { JSX } from 'preact';
-import type { SearchAddressProps } from '../types';
+import type { SearchAddressProps } from './types';
 declare const SearchAddress: ({ data, legalEntityId, autocompleteAddressForm, handleChangeFor, handleAddressSearch, handleFindAddress, addressType, kompanyAddress, }: SearchAddressProps) => JSX.Element;
 export default SearchAddress;

package/dist/types/components/internal/Alert/{components/VerificationErrorAlert.d.ts → VerificationErrorAlert.d.ts}

@@ -1,2 +1,2 @@
-import type { VerificationErrorAlertProps } from '../types';
+import type { VerificationErrorAlertProps } from './types';
 export declare const VerificationErrorAlert: ({ className, problems, children, }: VerificationErrorAlertProps) => import("preact").JSX.Element;

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

@@ -0,0 +1,5 @@
+import type { DebugTableProps } from './types';
+export declare const getRoleTagVariant: (value: unknown) => "red" | "green" | "orange" | "blue";
+export declare const getStatus: (value: unknown) => string;
+declare const DebugTable: <T extends string>({ data, keyHeading, searchTerm }: DebugTableProps<T>) => import("preact").JSX.Element;
+export default DebugTable;

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

@@ -0,0 +1,5 @@
+export interface DebugTableProps<T extends string> {
+    data: ReadonlyArray<readonly [T, unknown, string?]>;
+    keyHeading: string;
+    searchTerm: string;
+}

package/dist/types/components/internal/DecisionMakerRole/NomineeDecisionMakerRole.d.ts

@@ -0,0 +1,4 @@
+import './style.scss';
+import type { NomineeDecisionMakerRoleProps, NomineeDecisionMakerRoleSchema } from './types';
+export declare const nomineeFields: (keyof NomineeDecisionMakerRoleSchema)[];
+export declare const NomineeDecisionMakerRoleComponent: (props: NomineeDecisionMakerRoleProps) => import("preact").JSX.Element;

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

@@ -1,12 +1,23 @@
 import type { BaseInnerFormProps } from '../../../core/hooks/useForm/types';
 import type { DecisionMakerType } from '../../../core/models/api/decision-maker-type';
 import type { LegalEntityAssociation } from '../../../core/models/api/legal-entity-association';
+import type { CountryCode } from '../../../core/models/country-code';
 import type { TaskTypes } from '../../TaskList/types';
 export interface DecisionMakerRoleSchema {
     role?: DecisionMakerType[];
 }
+export interface NomineeDecisionMakerRoleSchema {
+    nomineeDirector?: string;
+    nomineeShareholder?: string;
+}
 export interface DecisionMakerRoleProps extends BaseInnerFormProps<DecisionMakerRoleSchema> {
     taskType: TaskTypes;
     allowedRoles?: DecisionMakerType[];
     trustedRoles?: Array<LegalEntityAssociation['type']>;
+    country?: CountryCode;
+    nomineeProps?: NomineeDecisionMakerRoleProps;
+}
+export interface NomineeDecisionMakerRoleProps extends BaseInnerFormProps<NomineeDecisionMakerRoleSchema> {
+    roles?: DecisionMakerType[];
+    country?: CountryCode;
 }

package/dist/types/components/internal/DecisionMakerRole/validate.d.ts

@@ -1,3 +1,4 @@
 import type { ValidatorRules } from '../../../utils/validation/types';
-import type { DecisionMakerRoleSchema } from './types';
+import type { DecisionMakerRoleSchema, NomineeDecisionMakerRoleSchema } from './types';
 export declare const decisionMakerRoleValidationRules: ValidatorRules<DecisionMakerRoleSchema>;
+export declare const nomineeDecisionMakerRoleValidationRules: ValidatorRules<NomineeDecisionMakerRoleSchema>;

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

@@ -0,0 +1,3 @@
+import type { EInvoicingCodeFieldProps, EInvoicingCodeFieldSchema } from './types';
+export declare const EINVOICING_CODE_FIELD: Array<keyof EInvoicingCodeFieldSchema>;
+export declare function EInvoicingCodeField({ data, valid, errors, labels, placeholders, readonly, mask, guidanceText, shouldValidate, handleChangeFor, }: EInvoicingCodeFieldProps): import("preact").JSX.Element;

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

@@ -0,0 +1,3 @@
+import type { FieldMetadata } from '../../../core/models/country-config';
+import type { EInvoicingCodeFieldSchema } from './types';
+export declare const eInvoicingCodeFieldMetadata: FieldMetadata<EInvoicingCodeFieldSchema, 'eInvoicingCode'>;

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

@@ -0,0 +1,5 @@
+import type { BaseFormFieldProps } from '../../../core/hooks/useForm/types';
+export interface EInvoicingCodeFieldSchema {
+    eInvoicingCode?: string;
+}
+export type EInvoicingCodeFieldProps = BaseFormFieldProps<EInvoicingCodeFieldSchema>;

package/dist/types/components/internal/EntityGuidanceStatus/{component/EntityGuidanceStatus.d.ts → EntityGuidanceStatus.d.ts}

@@ -1,4 +1,4 @@
-import '../EntityGuidanceStatus.scss';
-import type { EntityGuidanceStatusProps } from '../types';
+import './EntityGuidanceStatus.scss';
+import type { EntityGuidanceStatusProps } from './types';
 declare const EntityGuidanceStatus: ({ country, currentTask, entityLabel, status, }: EntityGuidanceStatusProps) => import("preact").JSX.Element;
 export default EntityGuidanceStatus;

package/dist/types/components/internal/EntityGuidanceStatus/{component/EntityStatusIcon.d.ts → EntityStatusIcon.d.ts}

@@ -1,3 +1,3 @@
-import type { EntityStatusProps } from '../types';
+import type { EntityStatusProps } from './types';
 declare const EntityStatusIcon: ({ status }: EntityStatusProps) => import("preact").JSX.Element;
 export default EntityStatusIcon;

package/dist/types/components/internal/ErrorPanel/{components/ServerValidationErrors.d.ts → ServerValidationErrors.d.ts}

@@ -1,2 +1,2 @@
-import type { ServerValidationErrorsProps } from '../types';
+import type { ServerValidationErrorsProps } from './types';
 export declare function ServerValidationErrors<Schema>({ validationErrors, formUtils, }: ServerValidationErrorsProps<Schema>): import("preact").JSX.Element;

package/dist/types/components/internal/ErrorPanel/{components/VerificationErrors.d.ts → VerificationErrors.d.ts}

@@ -1,2 +1,2 @@
-import type { VerificationErrorsProps } from '../types';
+import type { VerificationErrorsProps } from './types';
 export declare function VerificationErrors<Schema>({ verificationErrors, formUtils, }: VerificationErrorsProps<Schema>): import("preact").JSX.Element;

package/dist/types/components/internal/FormFields/Dropzone/{components/DropzoneFile.d.ts → DropzoneFile.d.ts}

@@ -1,3 +1,3 @@
 import './DropzoneFile.scss';
-import type { DropzoneFileProps } from '../types';
+import type { DropzoneFileProps } from './types';
 export default function DropzoneFile(props: DropzoneFileProps): import("preact").JSX.Element;

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

@@ -8,5 +8,5 @@ export type MaybeLabelElementProps = {
 }) | (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;
+declare const Field: ({ className, classNameModifiers, children, dataPlaceholder, disabled, optional, errorMessage, formatGuidance, 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/FormFields/Field/types.d.ts

@@ -4,8 +4,8 @@ import type { MutableRef } from 'preact/hooks';
 export interface FieldChildProps {
     isInvalid: boolean;
     isValid: boolean;
-    onBlurHandler: ChangeEventHandler<EventTarget>;
-    onFocusHandler: ChangeEventHandler<EventTarget>;
+    onBlurHandler?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
+    onFocusHandler?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
     uniqueId: string;
 }
 export interface FieldProps {
@@ -17,6 +17,7 @@ export interface FieldProps {
     optional?: boolean;
     dualBrandingElements?: any;
     errorMessage?: string | boolean | JSX.Element | null;
+    formatGuidance?: string | JSX.Element | null;
     filled?: boolean;
     focused?: boolean;
     helper?: string | JSX.Element;

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

@@ -1,5 +1,6 @@
 import './FormFields.scss';
 import type { ComponentProps, JSX } from 'preact';
+import type { HTMLInputTypeAttribute } from 'preact/compat';
 export interface InputBaseProps extends ComponentProps<'input'> {
     autoCorrect?: string;
     classNameModifiers?: string[];
@@ -8,7 +9,7 @@ export interface InputBaseProps extends ComponentProps<'input'> {
     readonly?: boolean;
     maxLength?: number;
     spellCheck?: boolean;
-    type?: string;
+    type?: HTMLInputTypeAttribute;
     disabled?: boolean;
     uniqueId?: string;
     className?: string;

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

@@ -1,7 +1,7 @@
 import type { JSX } from 'preact';
 import type { Currency } from '../../../core/models/currency';
 import type { InputBaseProps } from './InputBase';
-interface InputCurrencyProps extends Omit<InputBaseProps, 'onInput' | 'value'> {
+interface InputCurrencyProps extends Omit<InputBaseProps, 'onInput' | 'value' | 'type'> {
     locale: string;
     currency: Currency;
     amount: number | undefined;

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

@@ -1,2 +1,7 @@
 import type { InputBaseProps } from './InputBase';
-export declare function InputEmail(props: InputBaseProps): import("preact").JSX.Element;
+export interface InputEmailProps extends InputBaseProps {
+    transformInput?: (input: string) => string;
+}
+export declare const InputEmail: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<InputEmailProps> & {
+    ref?: import("preact").Ref<HTMLInputElement>;
+}>;

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

@@ -0,0 +1,10 @@
+import './InputGroup.scss';
+import type { ComponentChildren } from 'preact';
+export interface InputGroupProps {
+    id: string;
+    children: ComponentChildren;
+    isFocused: boolean;
+    isInvalid?: boolean;
+    className?: string;
+}
+export declare const InputGroup: ({ id, isFocused, isInvalid, className, children, }: InputGroupProps) => import("preact").JSX.Element;

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

@@ -1,2 +1,7 @@
 import type { InputBaseProps } from './InputBase';
-export default function InputTelephone(props: InputBaseProps): import("preact").JSX.Element;
+export interface InputTelephoneProps extends InputBaseProps {
+    transformInput?: (input: string) => string;
+}
+export declare const InputTelephone: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<InputTelephoneProps> & {
+    ref?: import("preact").Ref<HTMLInputElement>;
+}>;

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

@@ -1,8 +1,7 @@
 import type { InputBaseProps } from './InputBase';
-interface InputTextProps extends InputBaseProps {
+export interface InputTextProps extends InputBaseProps {
     transformInput?: (input: string) => string;
 }
-declare const InputText: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<InputTextProps> & {
+export declare const InputText: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<InputTextProps> & {
     ref?: import("preact").Ref<HTMLInputElement>;
 }>;
-export default InputText;

package/dist/types/components/internal/FormFields/{MaskedInputText/MaskedInputText.d.ts → MaskedInput/MaskedInput.d.ts}

@@ -1,8 +1,8 @@
-import './MaskedInputText.scss';
+import './MaskedInput.scss';
 import type { JSX } from 'preact';
 import type { MaskSettings } from '../../../../core/hooks/useForm/types';
 import type { MismatchResult } from '../../../../utils/masking/matchAgainstMask';
-export interface MaskedInputTextProps extends MaskSettings {
+export interface MaskedInputProps extends MaskSettings {
     value: string;
     onInput: (value: string) => void;
     onFocus?: () => void;
@@ -13,7 +13,8 @@ export interface MaskedInputTextProps extends MaskSettings {
     shouldValidate?: boolean;
     label: string;
     name: string;
-    formatGuidance: string | undefined;
+    type?: 'text' | 'tel' | 'email';
+    formatGuidance?: string;
     placeholder?: string;
     readonly?: boolean;
     disabled?: boolean;
@@ -25,5 +26,6 @@ export interface MaskedInputTextProps extends MaskSettings {
     acceptObscuredValue?: boolean;
     helper?: string | JSX.Element;
     helperPosition?: 'above' | 'below';
+    useFieldComponent?: boolean;
 }
-export declare const MaskedInputText: ({ value, onInput, onBlur, onFocus, onMismatch: onMismatchExternal, isValid: validationIsValid, errorMessage, shouldValidate, mask, name, label, placeholder, transformOnType, readonly, disabled, optional, formatGuidance, classNameModifiers, acceptObscuredValue, helper, helperPosition, }: MaskedInputTextProps) => JSX.Element;
+export declare const MaskedInput: ({ value, onInput, onBlur, onFocus, onMismatch: onMismatchExternal, isValid: validationIsValid, errorMessage, shouldValidate, mask, name, label, placeholder, transformOnType, type, readonly, disabled, optional, formatGuidance, classNameModifiers, acceptObscuredValue, helper, helperPosition, useFieldComponent, }: MaskedInputProps) => JSX.Element;

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

@@ -1,3 +1,23 @@
 import './RadioGroupCard.scss';
-import type { RadioGroupCardProps } from './types';
-export declare const RadioGroupCard: ({ items, name, onSelect, selected, isInvalid, className, itemClassNames, itemIcon, itemBody, itemFooter, isItemDisabled, }: RadioGroupCardProps) => import("preact").JSX.Element;
+import type { ComponentChildren } from 'preact';
+import type { TranslationKey } from '../../../../language/types';
+import type { RadioCardClassnames } from './types';
+export interface RadioGroupCardProps<OptionType> {
+    className?: string;
+    isInvalid?: boolean;
+    options: readonly OptionType[];
+    name?: string;
+    onSelect: (option: OptionType) => void;
+    selected: OptionType | undefined;
+    isOptionDisabled?: (option: OptionType) => boolean;
+    optionId: (option: OptionType) => string;
+    optionName: (option: OptionType) => TranslationKey;
+    optionDescription?: (option: OptionType) => TranslationKey | undefined;
+    optionSubtitle?: (option: OptionType) => TranslationKey | undefined;
+    renderOptionIcon?: (option: OptionType) => ComponentChildren;
+    renderOptionBody?: (option: OptionType) => ComponentChildren;
+    renderOptionFooter?: (option: OptionType) => ComponentChildren;
+    optionClassNames?: (option: OptionType) => RadioCardClassnames;
+    floatingRadio?: boolean;
+}
+export declare const RadioGroupCard: <OptionType>({ options, name, onSelect, selected, isInvalid, className, optionId, optionName, optionDescription, optionSubtitle, optionClassNames, renderOptionIcon, renderOptionBody, renderOptionFooter, isOptionDisabled, floatingRadio, }: RadioGroupCardProps<OptionType>) => import("preact").JSX.Element;

package/dist/types/components/internal/FormFields/Select/{components/SelectButton.d.ts → SelectButton.d.ts}

@@ -1,4 +1,4 @@
-import '../SelectGeneric.scss';
-import type { SelectButtonProps } from '../types';
+import './SelectGeneric.scss';
+import type { SelectButtonProps } from './types';
 declare function SelectButton({ active, readonly, showList, isInvalid, isValid, toggleList, onButtonKeyDown, filterable, placeholder, toggleButtonRef, ariaDescribedBy, selectListId, filterInputRef, onInput, isMulti, id, isSearch, hideSearchIcon, loading, textFilter, }: SelectButtonProps): import("preact").JSX.Element;
 export default SelectButton;

package/dist/types/components/internal/FormFields/Select/{components/SelectList.d.ts → SelectList.d.ts}

@@ -1,4 +1,4 @@
-import '../SelectGeneric.scss';
-import type { SelectListProps } from '../types';
+import './SelectGeneric.scss';
+import type { SelectListProps } from './types';
 declare function SelectList({ active, items, showList, textFilter, isMulti, showAbove, isSearch, loading, getSearchItem, ...props }: SelectListProps): import("preact").JSX.Element;
 export default SelectList;

package/dist/types/components/internal/FormFields/Select/{components/SelectListItem.d.ts → SelectListItem.d.ts}

@@ -1,4 +1,4 @@
-import '../SelectGeneric.scss';
-import type { SelectItemProps } from '../types';
+import './SelectGeneric.scss';
+import type { SelectItemProps } from './types';
 declare const SelectListItem: ({ item, selected, isMulti, isSearch, children, onSelect, onKeyDown, className, }: SelectItemProps) => import("preact").JSX.Element;
 export default SelectListItem;

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

@@ -0,0 +1,4 @@
+import type { JSX } from 'preact';
+import type { PhoneFieldProps, PhoneFieldSchema } from './types';
+export declare const PHONE_FIELD: Array<keyof PhoneFieldSchema>;
+export declare function PhoneField({ country, name, data, valid, errors, labels, mask, readonly, optional, placeholders, shouldValidate, handleChangeFor, }: PhoneFieldProps): JSX.Element;

package/dist/types/components/internal/PhoneField/PhoneFieldExperimentWrapper.d.ts

@@ -0,0 +1,8 @@
+import type { PhoneInputProps } from '../PhoneInput/types';
+import type { PhoneFieldProps } from './types';
+interface PhoneFieldExperimentWrapperProps {
+    phoneInputProps: PhoneInputProps;
+    phoneFieldProps: PhoneFieldProps;
+}
+export declare function PhoneFieldExperimentWrapper({ phoneInputProps, phoneFieldProps, }: PhoneFieldExperimentWrapperProps): import("preact").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import type { FieldMetadata } from '../../../core/models/country-config';
+import type { PerCountryFieldConfig } from '../../../core/models/field-configurations';
+import type { AsyncValidatorRules } from '../../../utils/validation/types';
+import type { PhoneFieldSchema } from './types';
+export declare const useAsyncPhoneValidationRules: () => AsyncValidatorRules<PhoneFieldSchema>;
+export declare const defaultFieldMetadata: FieldMetadata<PhoneFieldSchema, 'phone'>;
+export declare const fieldConfig: PerCountryFieldConfig<PhoneFieldSchema, 'phone', any>;

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

@@ -0,0 +1,9 @@
+import type { BaseFormFieldProps } from '../../../core/hooks/useForm/types';
+import type { Phone } from '../../../core/models/api/phone';
+import type { CountryCode } from '../../../core/models/country-code';
+export interface PhoneFieldSchema {
+    phone?: Phone;
+}
+export interface PhoneFieldProps extends BaseFormFieldProps<PhoneFieldSchema> {
+    country: CountryCode;
+}

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

@@ -2,6 +2,7 @@ import type { CountryCode } from '../../../core/models/country-code';
 import type { PhoneInputProps, PhoneInputSchema } from './types';
 export declare const phoneFields: (keyof PhoneInputSchema)[];
 export type PhonePrefixes = Partial<Record<CountryCode, string>>;
+export declare const usePhonePrefixes: () => PhonePrefixes | undefined;
 declare function PhoneInputComponent(props: PhoneInputProps): import("preact").JSX.Element;
 declare namespace PhoneInputComponent {
     var defaultProps: {

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

@@ -5,9 +5,9 @@ type SvgType = 'image' | 'icon';
 export interface SvgProps {
     name: SvgName;
     type: SvgType;
-    alt?: string;
+    title?: string;
     className?: string;
     testId?: string;
 }
-export declare const Svg: ({ className, name, testId, alt, type }: SvgProps) => import("preact").JSX.Element;
+export declare const Svg: ({ className, name, testId, title, type }: SvgProps) => import("preact").JSX.Element;
 export {};