@adyen/kyc-components 2.38.2 → 3.0.0-beta.0

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

@@ -1,6 +1,85 @@
-import type { Document } from '@adyen/adyen-document-viewer/dist/types';
-export type ContractViewerProps = {
-    contract: Document;
-    className?: string;
+export declare enum ElementTypes {
+    Chapter = "chapter",
+    Section = "section",
+    Paragraph = "paragraph",
+    Text = "text",
+    Weblink = "weblink",
+    List = "list",
+    Table = "table",
+    InternalReference = "internalReference"
+}
+export declare enum TextStyle {
+    Bold = "BOLD",
+    Italic = "ITALIC"
+}
+export interface ContentElements {
+    contentElements: Element[];
+}
+export interface Element extends ContentElements {
+    type: ElementTypes;
+}
+export interface TopLevelElement {
+    isTopLevel?: boolean;
+}
+export type Contract = ContentElements & {
+    title: Text;
+};
+type Chapter = ContentElements & {
+    title: Text;
+};
+type Section = ContentElements & {
+    title: Text;
+    label: string;
+};
+type Paragraph = ContentElements;
+type Text = {
+    content: string;
+    styles?: TextStyle[];
+};
+type Weblink = {
+    url: string;
+    displayText: Text;
+};
+type List = {
+    style: ListStyle;
+    items: ListItem[];
+};
+type ListStyle = {
+    ordered: boolean;
+};
+type ListItem = {
+    content: Element[];
+    subList: List;
+};
+type TableCell = {
+    elements: Element[];
+};
+type TableRow = TableCell[];
+type Table = {
+    rows: TableRow[];
+    label: string;
+    captions: Element[];
+    titlePrefix: Text;
+    title: Text;
+};
+type InternalReference = {
+    referencedLabel: string;
+    displayText: Text;
+};
+type ContractViewerAnalytics = {
     onExpandSection?: (title: string) => void;
 };
+export type ContractViewerProps = {
+    contract: Contract;
+    className?: string;
+} & ContractViewerAnalytics;
+export type ContentElementsProps = ContentElements & TopLevelElement & ContractViewerAnalytics;
+export type ChapterProps = Chapter;
+export type SectionProps = Section & TopLevelElement;
+export type ParagraphProps = Paragraph & TopLevelElement;
+export type TextProps = Text;
+export type WeblinkProps = Weblink;
+export type ListProps = List;
+export type TableProps = Table;
+export type InternalReferenceProps = InternalReference;
+export {};

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

@@ -1,3 +1,3 @@
 import { CountryFieldProps, CountryFieldSchema } from './types';
-export declare const COUNTRY_FIELD: Array<keyof CountryFieldSchema>;
-export declare function CountryField({ data, valid, errors, labels, readonly, handleChangeFor, helperText, allowedCountries, classNameModifiers, }: CountryFieldProps): import("preact").JSX.Element;
+export declare const COUNTRY_FIELD: keyof CountryFieldSchema;
+export declare function CountryField({ data, valid, error, label, readonly, handleChangeFor, helperText, allowedCountries, classNameModifiers, }: CountryFieldProps): import("preact").JSX.Element;

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

@@ -1,7 +1,7 @@
 import type { BaseFormFieldProps } from '../../../core/hooks/useForm';
 import type { CountryCode } from '../../../core/models/country-code';
 export interface CountryFieldSchema {
-    country?: CountryCode | undefined;
+    country: CountryCode | undefined;
 }
 export interface CountryFieldProps extends BaseFormFieldProps<CountryFieldSchema> {
     allowedCountries?: readonly CountryCode[];

package/dist/types/components/internal/ErrorPanel/components/NavigateToFieldLink.d.ts

@@ -1,6 +1,5 @@
-interface NavigateToFieldLinkProps {
-    fieldName: string;
-    label: string;
-}
-declare const NavigateToFieldLink: ({ fieldName, label }: NavigateToFieldLinkProps) => import("preact").JSX.Element;
+declare const NavigateToFieldLink: ({ fieldName, label }: {
+    fieldName: any;
+    label: any;
+}) => import("preact").JSX.Element;
 export default NavigateToFieldLink;

package/dist/types/components/internal/FormFields/Dropzone/FilePicker.d.ts

@@ -1,11 +1,10 @@
 import './Dropzone.scss';
 import { JSX } from 'preact';
-import { FileSchema } from '../../../../core/models/file';
 import { TranslationKey } from '../../../../language/types';
 import { FileValidationOptions } from './validate';
 export interface FilePickerProps extends FileValidationOptions {
-    files: FileSchema[];
-    setFiles: (files: FileSchema[]) => void;
+    files: File[];
+    setFiles: (files: File[]) => void;
     isValid: boolean;
     errorMessage?: TranslationKey;
     multiple?: boolean;

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

@@ -1,4 +1,3 @@
-import { FileSchema } from '../../../../core/models/file';
 import { TranslationKey } from '../../../../language/types';
 import { FileValidationOptions } from './validate';
 export interface DropzoneProps extends Partial<FileValidationOptions> {
@@ -9,13 +8,18 @@ export interface DropzoneProps extends Partial<FileValidationOptions> {
     defaultData?: any;
     multiple?: boolean;
     required?: boolean;
-    onChange?: (files: File[]) => void;
+    onChange?: (files: any) => void;
     id?: string;
     iconPrefix?: string;
     shouldValidate?: boolean;
 }
+export interface DropzoneSchema {
+    files?: File[];
+    front?: File[];
+    back?: File[];
+}
 export interface DropzoneFileProps {
-    file: FileSchema;
+    file: File;
     errorMessage?: TranslationKey;
     onDelete: () => void;
     iconPrefix?: string;

package/dist/types/components/internal/FormFields/Dropzone/validate.d.ts

@@ -1,4 +1,3 @@
-import { FileSchema } from '../../../../core/models/file';
 import { ValidatorRule } from '../../../../utils/validation/types';
 export interface FileValidationOptions {
     allowedFileTypes: string[];
@@ -7,4 +6,4 @@ export interface FileValidationOptions {
     isOptional: boolean;
 }
 export declare const defaultFileValidationOptions: FileValidationOptions;
-export declare const fileValidationRules: ({ allowedFileTypes, maxNumberOfFiles, maxSize, isOptional, }: FileValidationOptions) => Array<ValidatorRule<FileSchema[] | undefined, any>>;
+export declare const fileValidationRules: ({ allowedFileTypes, maxNumberOfFiles, maxSize, isOptional, }: FileValidationOptions) => Array<ValidatorRule<File[] | undefined, any>>;

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

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

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

@@ -1,6 +1,6 @@
-import { ComponentChildren, JSX } from 'preact';
+import { ComponentChildren } from 'preact';
 import { ChangeEventHandler } from 'preact/compat';
-import { MutableRef } from 'preact/hooks';
+import { TranslationKey } from '../../../../language/types';
 export interface FieldChildProps {
     isInvalid: boolean;
     isValid: boolean;
@@ -15,10 +15,10 @@ export interface FieldProps {
     dataPlaceholder?: string;
     disabled?: boolean;
     dualBrandingElements?: any;
-    errorMessage?: string | boolean | JSX.Element | null;
+    errorMessage?: TranslationKey | string | boolean | null;
     filled?: boolean;
     focused?: boolean;
-    helper?: string | JSX.Element;
+    helper?: string;
     inputWrapperModifiers?: string[];
     isLoading?: boolean;
     isValid?: boolean;
@@ -30,6 +30,4 @@ export interface FieldProps {
     onFocusField?: ChangeEventHandler<EventTarget>;
     showErrorIconBottom?: boolean;
     useLabelElement?: boolean;
-    helperPosition?: 'above' | 'below';
-    wrapperRef?: MutableRef<HTMLDivElement>;
 }

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

@@ -13,13 +13,13 @@ export interface InputBaseProps extends ComponentProps<'input'> {
     uniqueId?: string;
     className?: string;
     trimOnBlur?: boolean;
-    onInput: (event: JSX.TargetedEvent<HTMLInputElement>) => void;
+    onInput?: (event: JSX.TargetedEvent<HTMLInputElement>) => void;
     onBlur?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
     onBlurHandler?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
     onFocusHandler?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
     onChange?: never;
 }
-declare const InputBase: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<InputBaseProps> & {
+declare const InputBase: import("preact").FunctionalComponent<Omit<InputBaseProps, "ref"> & {
     ref?: import("preact").Ref<HTMLInputElement>;
 }>;
 export default InputBase;

package/dist/types/components/internal/FormFields/InputDate/utils.d.ts

@@ -17,6 +17,6 @@ declare const formatDate: (value: string) => string;
  * unformatDate('22/11/1990');
  * // '1990-11-22'
  */
-declare const unformatDate: (value?: string) => string | null;
+declare const unformatDate: (value?: string) => string;
 declare const formatDateObj: (date: Date) => string;
 export { checkDateInputSupport, formatDate, formatDateObj, unformatDate };

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

@@ -1,2 +1 @@
-import { InputBaseProps } from './InputBase';
-export default function InputEmail(props: InputBaseProps): import("preact").JSX.Element;
+export default function InputEmail(props: any): import("preact").JSX.Element;

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

@@ -1,2 +1 @@
-import { InputBaseProps } from './InputBase';
-export default function InputTelephone(props: InputBaseProps): import("preact").JSX.Element;
+export default function InputTelephone(props: any): import("preact").JSX.Element;

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

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

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

@@ -1,3 +1,10 @@
 import './RadioGroup.scss';
 import { RadioGroupProps } from './types';
-export default function RadioGroup({ items, name, onChange, value, isInvalid, uniqueId, className, disabled, }: RadioGroupProps): import("preact").JSX.Element;
+declare function RadioGroup({ items, i18n, name, onChange, value, isInvalid, uniqueId, className, disabled, }: RadioGroupProps): import("preact").JSX.Element;
+declare namespace RadioGroup {
+    var defaultProps: {
+        onChange: () => void;
+        items: any[];
+    };
+}
+export default RadioGroup;

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

@@ -1,4 +1,4 @@
-import { TargetedEvent } from 'preact/compat';
+import Language from '../../../../language/Language';
 import { TranslationKey } from '../../../../language/types';
 interface RadioGroupItem {
     name: TranslationKey;
@@ -7,9 +7,10 @@ interface RadioGroupItem {
 export interface RadioGroupProps {
     className?: string;
     isInvalid?: boolean;
-    items: readonly RadioGroupItem[];
+    items: RadioGroupItem[];
+    i18n: Language;
     name?: string;
-    onChange: (e: TargetedEvent<HTMLInputElement>) => void;
+    onChange: (e: any) => void;
     value?: string;
     uniqueId?: string;
     disabled?: boolean;

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

@@ -1,3 +1,3 @@
 import './RadioCard.scss';
 import { RadioCardProps } from './types';
-export declare const RadioCard: ({ optionId, optionName, optionDescription, optionSubtitle, name, uniqueId, isInvalid, isSelected, onSelect, classNames, disabled, loading, icon, body, footer, }: RadioCardProps) => import("preact").JSX.Element;
+export declare const RadioCard: ({ optionId, optionName, optionDescription, optionSubtitle, name, uniqueId, isInvalid, isSelected, onSelect, labelClassName, className, disabled, icon, body, footer, }: RadioCardProps) => import("preact").JSX.Element;

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

@@ -1,7 +1,6 @@
 import './RadioGroupCard.scss';
 import { ComponentChildren } from 'preact';
 import { TranslationKey } from '../../../../language/types';
-import { RadioCardClassnames } from './types';
 export interface RadioCardSelectProps<OptionType> {
     className?: string;
     isInvalid?: boolean;
@@ -13,11 +12,11 @@ export interface RadioCardSelectProps<OptionType> {
     isOptionDisabled?: (option: OptionType) => boolean;
     optionId: (option: OptionType) => string;
     optionName: (option: OptionType) => TranslationKey;
-    optionDescription?: (option: OptionType) => TranslationKey | undefined;
+    optionDescription: (option: OptionType) => TranslationKey;
     optionSubtitle?: (option: OptionType) => TranslationKey | undefined;
     renderOptionIcon?: (option: OptionType) => ComponentChildren;
     renderOptionBody?: (option: OptionType) => ComponentChildren;
     renderOptionFooter?: (option: OptionType) => ComponentChildren;
-    optionClassNames?: (option: OptionType) => RadioCardClassnames;
+    optionLabelClassName?: (option: OptionType) => string;
 }
-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;
+export declare function RadioCardSelect<OptionType>({ options, name, onSelect, selected, isInvalid, uniqueId, className, optionId, optionName, optionDescription, optionSubtitle, optionLabelClassName, renderOptionIcon, renderOptionBody, renderOptionFooter, isOptionDisabled, }: RadioCardSelectProps<OptionType>): import("preact").JSX.Element;

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

@@ -1,3 +1,3 @@
 import './RadioGroupCard.scss';
 import { RadioGroupCardProps } from './types';
-export declare function RadioGroupCard({ items, name, onSelect, selected, isInvalid, uniqueId, className, itemClassNames, itemIcon, itemBody, itemFooter, isItemDisabled, }: RadioGroupCardProps): import("preact").JSX.Element;
+export declare function RadioGroupCard({ items, name, onSelect, selected, isInvalid, uniqueId, className, itemLabelClassName, itemIcon, itemBody, itemFooter, isItemDisabled, }: RadioGroupCardProps): import("preact").JSX.Element;

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

@@ -2,7 +2,7 @@ import { ComponentChildren } from 'preact';
 import { TranslationKey } from '../../../../language/types';
 export interface RadioGroupCardItem {
     name: TranslationKey;
-    description?: TranslationKey;
+    description: TranslationKey;
     id: string;
     subtitle?: TranslationKey;
 }
@@ -19,29 +19,22 @@ export interface RadioGroupCardProps {
     itemIcon?: (item: RadioGroupCardItem) => ComponentChildren;
     itemFooter?: (item: RadioGroupCardItem) => ComponentChildren;
     itemBody?: (item: RadioGroupCardItem) => ComponentChildren;
-    itemClassNames?: (item: RadioGroupCardItem) => RadioCardClassnames;
+    itemLabelClassName?: (item: RadioGroupCardItem) => string;
 }
 export interface RadioCardProps {
     optionId: string;
-    optionName: TranslationKey | string;
-    optionDescription?: TranslationKey | string;
-    optionSubtitle?: TranslationKey | string;
+    optionName: TranslationKey;
+    optionDescription: TranslationKey;
+    optionSubtitle?: TranslationKey;
     name?: string;
+    className?: string;
     uniqueId: string;
     isInvalid?: boolean;
     isSelected: boolean;
     onSelect: () => void;
+    labelClassName?: string;
     disabled?: boolean;
-    loading?: boolean;
     icon?: ComponentChildren;
     footer?: ComponentChildren;
     body?: ComponentChildren;
-    classNames?: RadioCardClassnames;
-}
-export interface RadioCardClassnames {
-    header?: string;
-    body?: string;
-    footer?: string;
-    label?: string;
-    icon?: string;
 }

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

@@ -2,7 +2,8 @@ import { ComponentChild, JSX } from 'preact';
 import { MutableRef } from 'preact/hooks';
 export interface SelectItem {
     disabled?: boolean;
-    icon?: JSX.Element;
+    icon?: string;
+    sprite?: string;
     id: string;
     name: string;
     description?: string;
@@ -20,7 +21,7 @@ interface BaseSelectProps {
     classNameModifiers?: string[];
     filterable?: boolean;
     isInvalid?: boolean;
-    items: ReadonlyArray<SelectItem>;
+    items: SelectItem[];
     name?: string;
     placeholder: string;
     readonly?: boolean;
@@ -84,7 +85,7 @@ export interface SelectButtonProps {
 }
 export interface SelectListProps {
     active: SelectItem[];
-    items: ReadonlyArray<SelectItem>;
+    items: SelectItem[];
     onKeyDown: (e: JSX.TargetedKeyboardEvent<HTMLLIElement>, item: SelectItem) => void;
     onSelect: (item: SelectItem) => void;
     selectListId: string;

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

@@ -1,7 +1,2 @@
-/**
- * Replaces full-width Latin characters with regular (half-width) characters.
- *
- * E.g. `ｔｅｓｔ＠email１２３.com` -> `test@email123.com`
- */
-declare const convertFullToHalf: (str: string) => string;
+declare const convertFullToHalf: (str: any) => any;
 export { convertFullToHalf };

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

@@ -1,3 +1,3 @@
 import { IbanProps, IbanSchema } from './types';
 export declare const ibanFields: Array<keyof IbanSchema>;
-export declare function Iban(props: IbanProps): import("preact").JSX.Element;
+export default function Iban(props: IbanProps): import("preact").JSX.Element;

package/dist/types/components/internal/Iban/ibanValidator.d.ts

@@ -1,3 +1,4 @@
-import { CountryCode } from '../../../core/models/country-code';
-import { Translatable } from '../../../language/types';
-export declare function ibanValidator(input: string | undefined | null, bankCountry: CountryCode): boolean | Translatable;
+import { ErrorMessage, FormatRules } from '../../../utils/validation/types';
+import { IbanSchema } from './types';
+export declare function ibanValidator(input: string | undefined | null, bankCountries: string[]): ErrorMessage | undefined;
+export declare const ibanFormatter: FormatRules<IbanSchema>;

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

@@ -1 +1 @@
-export { Iban, ibanFields } from './Iban';
+export { default, ibanFields } from './Iban';

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

@@ -1,10 +1,7 @@
 import type { BaseInnerFormProps } from '../../../core/hooks/useForm';
-import { CountryCode } from '../../../core/models/country-code';
-import { defaultFieldConfig } from './fieldConfig';
 export interface IbanSchema {
     iban?: string;
 }
 export interface IbanProps extends BaseInnerFormProps<IbanSchema> {
-    country: CountryCode;
-    fieldConfig?: typeof defaultFieldConfig;
+    country: string;
 }

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

@@ -1,50 +1,8 @@
-import './Icon.scss';
-declare const icons: {
-    readonly 'arrow-left': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'arrow-right': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly bin: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly check: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly checkmark: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'checkmark-small': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'chevron-down': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'chevron-right': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'chevron-up': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly company: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'company-2': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly contract: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'controlling-person': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly cross: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'decision-maker': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly document: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly download: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly edit: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'field-error': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'info-circle': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'light-bulb': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly location: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'more-horiz': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'new-document': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly owners: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly payout: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly pci: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly plus: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly remove: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly review: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly search: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly signatory: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly store: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly trust: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly user: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'user-business': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly 'users-3': import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly warning: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-    readonly wrong: import("preact").FunctionComponent<import("preact/compat").JSX.SVGAttributes<SVGSVGElement>>;
-};
-export type IconName = keyof typeof icons;
+import './_icon.scss';
 interface IconProps {
-    name: IconName;
+    name: string;
     className?: string;
     testId?: string;
 }
-export declare const Icon: ({ className, name, testId }: IconProps) => import("preact/compat").JSX.Element;
+export declare const Icon: ({ className, name, testId }: IconProps) => import("preact").JSX.Element;
 export default Icon;

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

@@ -1,3 +1,4 @@
+import { JSX } from 'preact';
 import { LegalCompanyNameFieldProps, LegalCompanyNameFieldSchema } from './types';
-export declare const LEGAL_COMPANY_NAME_FIELD: Array<keyof LegalCompanyNameFieldSchema>;
-export declare function LegalCompanyNameField({ data, valid, errors, labels, helperText, readonly, handleChangeFor, }: LegalCompanyNameFieldProps): import("preact").JSX.Element;
+export declare const LEGAL_COMPANY_NAME_FIELD: keyof LegalCompanyNameFieldSchema;
+export declare function LegalCompanyNameField({ country, data, valid, error, label, readonly, handleChangeFor, }: LegalCompanyNameFieldProps): JSX.Element;

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

@@ -1,5 +1,8 @@
 import type { BaseFormFieldProps } from '../../../core/hooks/useForm/types';
+import type { CountryCode } from '../../../core/models/country-code';
 export interface LegalCompanyNameFieldSchema {
-    legalCompanyName?: string | undefined;
+    legalCompanyName: string | undefined;
+}
+export interface LegalCompanyNameFieldProps extends BaseFormFieldProps<LegalCompanyNameFieldSchema> {
+    country: CountryCode | undefined;
 }
-export type LegalCompanyNameFieldProps = BaseFormFieldProps<LegalCompanyNameFieldSchema>;

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

@@ -1,10 +1,9 @@
 import classNames from 'classnames';
 import type { JSX } from 'preact/compat';
-import { IconName } from '../Icon/Icon';
 export default interface LinkProps {
     href: string;
     external?: boolean;
-    icon?: IconName;
+    icon?: string;
     className?: classNames.Argument;
     children: string | HTMLElement | JSX.Element;
     showAsButton?: boolean;

package/dist/types/components/internal/List/ListItem.d.ts

@@ -1,3 +1,3 @@
 import { ListItemProps } from './types';
-declare function ListItem({ className, children, noMarkers, ...props }: ListItemProps): import("preact").JSX.Element;
+declare function ListItem({ className, children, noMarkers }: ListItemProps): import("preact").JSX.Element;
 export default ListItem;

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

@@ -1,5 +1,5 @@
-import { ComponentChildren, ComponentProps } from 'preact';
-export interface ListItemProps extends ComponentProps<'li'> {
+import { ComponentChildren } from 'preact';
+export interface ListItemProps {
     children?: ComponentChildren;
     className?: string;
     noMarkers?: boolean;

package/dist/types/components/internal/Menu/ActionsMenu.d.ts

@@ -1,9 +1,8 @@
 import './ActionsMenu.scss';
-import { IconName } from '../Icon/Icon';
 export interface ActionsMenuOption {
     label: string;
     onSelect: () => void;
-    icon: IconName;
+    icon: string;
     title?: string;
 }
 interface ActionsMenuProps {

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

@@ -1,16 +1,4 @@
 import { NameProps, NameSchema } from './types';
 export declare const nameFields: Array<keyof NameSchema>;
-declare function NameComponent(props: NameProps): import("preact/compat").JSX.Element;
-declare namespace NameComponent {
-    var defaultProps: {
-        data: {};
-        onChange: () => void;
-        visibility: string;
-        validationRules: Partial<{
-            firstName?: import("../../../utils/validation/types").ValidatorRule<string, NameSchema> | import("../../../utils/validation/types").ValidatorRule<string, NameSchema>[];
-            lastName?: import("../../../utils/validation/types").ValidatorRule<string, NameSchema> | import("../../../utils/validation/types").ValidatorRule<string, NameSchema>[];
-        }>;
-    };
-}
-declare const Name: typeof NameComponent;
+declare const Name: import("preact").FunctionComponent<NameProps>;
 export default Name;

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

@@ -1,10 +1,12 @@
 import type { BaseInnerFormProps } from '../../../core/hooks/useForm';
-import { DataSet } from '../../../core/models/api/data-set';
 import type { CountryCode } from '../../../core/models/country-code';
 export interface PhoneInputSchema {
     phoneNumber?: string;
 }
 export interface PhoneInputProps extends BaseInnerFormProps<PhoneInputSchema> {
-    phonePrefixes: DataSet;
+    phonePrefixes: Array<{
+        id: string;
+        name: string;
+    }>;
     country: CountryCode;
 }

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

@@ -1,6 +1,8 @@
-import { DataSet } from '../../../core/models/api/data-set';
 import { AsyncValidatorRules, FormatRules, ValidatorRules } from '../../../utils/validation/types';
 import { PhoneInputSchema } from './types';
-export declare const staticPhoneValidationRules: (phonePrefixes: DataSet, defaultPrefix: string) => ValidatorRules<PhoneInputSchema>;
+export declare const staticPhoneValidationRules: (phonePrefixes: Array<{
+    id: string;
+    name: string;
+}>, defaultPrefix: string) => ValidatorRules<PhoneInputSchema>;
 export declare const useAsyncPhoneValidationRules: () => AsyncValidatorRules<PhoneInputSchema>;
 export declare const phoneFormatters: FormatRules<PhoneInputSchema>;

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

@@ -1,4 +1,4 @@
 import '../Link/_link.component.scss';
 import { JSX } from 'preact';
 import { RemoveProps } from './types';
-export declare const Remove: ({ onRemove, onRemoveStatusChange, isRemoveDisabled, handleIsRemoveDisabled, label, }: RemoveProps) => JSX.Element;
+export declare const Remove: ({ onRemove, onRemoveStatusChange, isRemoveDisabled, handleIsRemoveDisabled, }: RemoveProps) => JSX.Element;